wallpaper-calculator{display:block;margin-top:20px}.wallpaper-calculator-button{justify-content:space-between;padding-left:20px;padding-right:20px;width:100%;font-size:1.25rem;border-radius:0}.wallpaper-calculator-button .svg-wrapper{width:30px;height:30px}.wallpaper-calculator-details[open] .wallpaper-calculator-button{border-radius:var(--buttons-radius-outset) var(--buttons-radius-outset) 0 0}.wallpaper-calculator-details[open] .wallpaper-calculator-button:hover:after{display:none}.wallpaper-calculator-container{container-type:inline-size}wallpaper-calculator .walls,wallpaper-calculator .windows-doors{display:grid}wallpaper-calculator .wallpaper-calculator-container{padding:20px 0;color:rgb(var(--colour-brown))}wallpaper-calculator .windows-doors{padding:0;border-top:1px solid rgb(var(--colour-brown));color:inherit}wallpaper-calculator .windows-doors:empty{display:none}wallpaper-calculator .calculator-options{padding:1rem 0;border-top:1px solid rgb(var(--colour-grey));color:inherit}wallpaper-calculator .paper-row,wallpaper-calculator .wall-row,wallpaper-calculator .window-door-row,wallpaper-calculator .calculator-options{color:inherit;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;width:100%;margin:0;padding:0;border:0}wallpaper-calculator .paper-row,wallpaper-calculator .wall-row,wallpaper-calculator .window-door-row{padding:10px 0}wallpaper-calculator .wall-row+.wall-row,wallpaper-calculator .window-door-row+.window-door-row{border-top:none}wallpaper-calculator .add-row-button{text-align:left;justify-content:flex-start;align-items:center;padding-left:0;gap:5px;color:inherit}wallpaper-calculator .add-row-button .svg-wrapper{width:15px;height:15px;padding:2px;border-radius:50%;background-color:rgb(var(--colour-brown))}wallpaper-calculator .add-row-button .svg-wrapper svg path{fill:rgb(var(--colour-white))}.calculator-add-buttons{display:grid}.calculator-add-buttons .button{font-size:1rem;width:30%;padding:10px;margin-bottom:10px}wallpaper-calculator .quantity{gap:5px;min-height:20px;width:50%}wallpaper-calculator .quantity__input{border-radius:8px;border-color:rgb(var(--colour-brown));color:rgb(var(--colour-brown))}wallpaper-calculator .quantity__button{width:40px;background-color:rgb(var(--colour-brown))}wallpaper-calculator .quantity__button path{fill:rgb(var(--colour-white))}wallpaper-calculator .calculator-heading{font-size:.9rem;grid-column:1 / span 2;margin:0;padding:0;line-height:1;font-weight:var(--font-body-weight);color:inherit}wallpaper-calculator .calculator-label{font-size:.9rem}wallpaper-calculator .calculator-disclaimer{font-size:.8rem;padding-top:10px}@container (width < 280px){wallpaper-calculator .paper-row,wallpaper-calculator .wall-row,wallpaper-calculator .window-door-row{grid-template-columns:1fr}wallpaper-calculator .paper-row .calculator-label+.calculator-label,wallpaper-calculator .wall-row .calculator-label+.calculator-label{grid-row:4}wallpaper-calculator .calculator-heading{grid-column:1}}wallpaper-calculator .checkbox-container{display:flex;place-items:center}wallpaper-calculator .checkbox-container input{margin:0}wallpaper-calculator .calculator-result,wallpaper-calculator .calculator-options{padding-top:10px;margin-top:10px;border-top:1px solid rgb(var(--colour-brown))}wallpaper-calculator .calculator-result p{text-align:center;background-color:rgb(var(--colour-grey));padding:10px}wallpaper-calculator .calculator-disclaimer p{font-size:.8rem;margin:0}wallpaper-calculator .calculator-options{grid-template-columns:auto 1fr}.wallpaper-amount{font-weight:var(--font-weight-bold)}wallpaper-calculator p{font-size:1rem}.calculator-result p{margin-top:0}.calculator-order-button{font-size:1rem;width:100%}@media screen and (max-width: 899px){.calculator-add-buttons .button,wallpaper-calculator .quantity{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-wallpaper-calculator.css.map */