.paint-calculator-button-wrapper{margin-top:1.6rem}.paint-calculator{justify-content:center;align-items:center;gap:1.2rem;display:flex}.paint-calculator .svg-wrapper{width:2.4rem;height:2.4rem;display:block}.paint-calculator .svg-wrapper svg{width:100%;height:100%}paint-calculator-drawer{z-index:1000;justify-content:flex-end;align-items:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}paint-calculator-drawer:not(.active){visibility:hidden;transition:visibility 0s .5s}paint-calculator-drawer.active{visibility:visible}.paint-calculator-drawer__overlay{opacity:0;background-color:#00000080;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}paint-calculator-drawer.active .paint-calculator-drawer__overlay{opacity:1}.drawer__inner--calculator{background-color:var(--color-white);flex-direction:column;width:100%;max-width:52rem;height:100%;transition:transform .3s;display:flex;position:relative;transform:translate(100%);box-shadow:-.4rem 0 2.4rem #0000001a}paint-calculator-drawer.active .drawer__inner--calculator{transform:translate(0)}.narrow-radius-button{border-radius:var(--border-radius-xxs)}.paint-calculator-drawer__content{flex:1;padding:2.4rem;overflow-y:auto}.paint-calculator-drawer__product-info{border-bottom:.1rem solid #e5e5e5;margin-bottom:2.4rem;padding-bottom:2.4rem}.paint-calculator-drawer__product-info-content{flex-direction:column;gap:.8rem;margin-bottom:1.2rem;display:flex}.paint-calculator-drawer__product-name{color:var(--color-bark);font-size:1.6rem;font-weight:400;line-height:1.4}.paint-calculator-drawer__product-coverage{font-size:1.4rem}.paint-calculator-drawer__caveat{margin:0;font-size:1.2rem;font-style:italic;line-height:1.6}.paint-calculator-drawer__claypaint-message{background-color:var(--color-hopscotch);border-radius:.8rem;gap:1.2rem;margin-bottom:2.4rem;padding:1.6rem;display:flex}.paint-calculator-drawer__message-icon{flex-shrink:0}.paint-calculator-drawer__message-icon .svg-wrapper{width:2.4rem;height:2.4rem;display:block}.paint-calculator-drawer__claypaint-message p{color:var(--color-bark);margin:0}.paint-calculator-drawer__section{margin-bottom:3.2rem}.paint-calculator-drawer__section .button--small{height:3.2rem;min-height:3.2rem;padding:0 1.6rem;font-size:1.3rem;line-height:3.2rem}.paint-calculator-drawer__section .button--small .svg-wrapper{width:1.2rem;height:1.2rem}.paint-calculator-drawer__section-title{color:var(--color-bark);margin:0 0 1.6rem;font-weight:400}.paint-calculator-drawer__section-header{justify-content:space-between;align-items:center;gap:1.6rem;margin-bottom:1.6rem;display:flex}.paint-calculator-drawer__section-header h3{color:var(--color-bark);margin:0}.paint-calculator-drawer__section-header-with-toggle{justify-content:space-between;align-items:center;gap:1.6rem;margin-bottom:1.6rem;display:flex}.paint-calculator-drawer__add-buttons{gap:.8rem;display:flex}.paint-calculator-drawer__add-wall-button{background-color:var(--color-bark);color:var(--color-white);cursor:pointer;white-space:nowrap;border:none;border-radius:.4rem;align-items:center;gap:.8rem;width:auto;margin-top:1.6rem;padding:1.2rem 2.4rem;transition:all .2s;display:inline-flex}.paint-calculator-drawer__add-wall-button:hover{background-color:#3a2f2e}.paint-calculator-drawer__add-wall-button .svg-wrapper{width:1.6rem;height:1.6rem;display:block}.paint-calculator-drawer__add-wall-button .svg-wrapper svg,.paint-calculator-drawer__add-wall-button .svg-wrapper svg *{fill:var(--color-white)}.paint-calculator-drawer__toggle{background-color:#f5f5f5;border-radius:2.4rem;gap:.4rem;padding:.4rem;display:inline-flex}.paint-calculator-drawer__toggle-option{color:var(--color-bark);cursor:pointer;white-space:nowrap;background-color:#0000;border:none;border-radius:2rem;padding:.8rem 1.6rem;font-size:1.4rem;transition:all .2s}.paint-calculator-drawer__toggle-option--active{background-color:var(--color-white);box-shadow:0 .1rem .3rem #0000001a}.paint-calculator-drawer__add-button{border:.1rem solid var(--color-bark);color:var(--color-bark);cursor:pointer;white-space:nowrap;background-color:#0000;border-radius:.4rem;align-items:center;gap:.8rem;padding:.8rem 1.6rem;transition:all .2s;display:inline-flex}.paint-calculator-drawer__add-button:hover{background-color:var(--color-bark);color:var(--color-white)}.paint-calculator-drawer__add-button .svg-wrapper{width:1.6rem;height:1.6rem;display:block}.paint-calculator-drawer__add-button .svg-wrapper svg{width:100%;height:100%}.paint-calculator-drawer__add-button:hover .svg-wrapper svg,.paint-calculator-drawer__add-button:hover .svg-wrapper svg *{fill:var(--color-white)}.paint-calculator-drawer__input-row{align-items:center;gap:1.2rem;margin-bottom:1.6rem;display:flex}.paint-calculator-drawer__input-group{flex:1}.paint-calculator-drawer__input-group>label{color:var(--color-bark);margin-bottom:.8rem;font-weight:500;display:block}.paint-calculator-drawer__inputs{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.paint-calculator-drawer__input-field{position:relative}.paint-calculator-drawer__input{width:100%;color:var(--color-bark);background-color:var(--color-white);border:.1rem solid #d3c9c0;border-radius:.4rem;padding:1.2rem;font-size:1.6rem;transition:border-color .2s}.paint-calculator-drawer__input:focus{border-color:var(--color-bark);outline:none}.paint-calculator-drawer__input::placeholder{color:#42353466}.paint-calculator-drawer__input.error{background-color:#ffebee;border-color:#d32f2f}.paint-calculator-drawer__counter-group{border:.1rem solid #d3c9c0;border-radius:.8rem;justify-content:space-between;align-items:center;gap:2.4rem;margin-bottom:3.2rem;padding:1.6rem;display:flex}.paint-calculator-drawer__counter-group.error{background-color:#ffebee;border-color:#d32f2f}.paint-calculator-drawer__counter-label{flex-direction:column;flex:1;gap:.4rem;display:flex}.paint-calculator-drawer__counter-group .quantity{flex-shrink:0}.paint-calculator-drawer__counter-group .quantity:after,.paint-calculator-drawer__counter-group .quantity:before{display:none}.paint-calculator-drawer__counter-group .quantity{box-shadow:none;background:0 0;border:none;min-height:auto}.paint-calculator-drawer__counter-group .quantity__input{background-color:#0000;margin:0}.paint-calculator-drawer__input-label{color:#42353499;margin-top:.4rem;display:block}.paint-calculator-drawer__remove-button{cursor:pointer;background-color:#0000;border:none;border-radius:.4rem;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:3.2rem;height:3.2rem;padding:0;transition:all .2s;display:flex}.paint-calculator-drawer__remove-button:hover{background-color:var(--color-error,#dc2626)}.paint-calculator-drawer__remove-button .svg-wrapper{width:1.6rem;height:1.6rem;display:block}.paint-calculator-drawer__remove-button .svg-wrapper svg{width:100%;height:100%;fill:var(--color-bark);transition:fill .2s}.paint-calculator-drawer__remove-button:hover .svg-wrapper svg{fill:var(--color-white)}.paint-calculator-drawer__calculate-section{margin-bottom:3.2rem}.paint-calculator-drawer__calculate-section .button{justify-content:center;align-items:center;gap:1.2rem;display:flex}.paint-calculator-drawer__calculate-section .svg-wrapper{width:2.4rem;height:2.4rem;display:block}.paint-calculator-drawer__results{background-color:var(--color-hopscotch);border-radius:.8rem;padding:2.4rem}.paint-calculator-drawer__results h3{color:var(--color-bark);margin:0 0 2.4rem}.paint-calculator-drawer__validation-error{background-color:#ffebee;border-left:.4rem solid #d32f2f;border-radius:.4rem;align-items:flex-start;gap:1.2rem;margin-bottom:2.4rem;padding:1.6rem;display:flex}.paint-calculator-drawer__validation-error p{color:#c62828;margin:0;font-weight:500}.paint-calculator-drawer__exact-match-warning{background-color:#f5f5f5;border-radius:.8rem;flex-direction:column;gap:1.6rem;margin-bottom:2.4rem;padding:2.4rem;display:flex}.paint-calculator-drawer__warning-content{flex:1}.paint-calculator-drawer__exact-match-warning p{color:var(--color-bark);margin:0;font-size:1.4rem;line-height:1.6}.paint-calculator-drawer__quick-add-button{background-color:var(--color-white);border:.1rem solid var(--color-bark);color:var(--color-bark);cursor:pointer;white-space:nowrap;border-radius:.4rem;align-items:center;gap:.8rem;width:auto;padding:1.2rem 2.4rem;transition:all .2s;display:inline-flex}.paint-calculator-drawer__quick-add-button:hover{background-color:var(--color-bark);color:var(--color-white)}.paint-calculator-drawer__quick-add-button .svg-wrapper{width:1.6rem;height:1.6rem;display:block}.paint-calculator-drawer__quick-add-button .svg-wrapper svg,.paint-calculator-drawer__quick-add-button .svg-wrapper svg *{fill:var(--color-bark);transition:fill .2s}.paint-calculator-drawer__quick-add-button:hover .svg-wrapper svg,.paint-calculator-drawer__quick-add-button:hover .svg-wrapper svg *{fill:var(--color-white)}.paint-calculator-drawer__quick-add-button:disabled{opacity:.6;cursor:not-allowed}.paint-calculator-drawer__results-content{margin-bottom:2.4rem}.paint-calculator-drawer__result-item{border-bottom:.1rem dotted #42353433;justify-content:space-between;align-items:center;padding:1.2rem 0;display:flex}.paint-calculator-drawer__result-item:first-child{padding-top:0}.paint-calculator-drawer__result-item--highlight{border-bottom:.1rem dotted #4235344d;padding:1.6rem 0;font-weight:500}.paint-calculator-drawer__result-breakdown{background-color:var(--color-white);border-radius:.4rem;margin-top:.8rem;padding:.8rem 1.2rem}.paint-calculator-drawer__result-tin{color:var(--color-bark);justify-content:space-between;align-items:center;padding:.4rem 0;font-size:1.3rem;display:flex}.paint-calculator-drawer__result-tin:not(:last-child){border-bottom:.1rem dotted #42353426}.paint-calculator-drawer__result-total{color:var(--color-bark);border-top:.1rem dotted #4235344d;justify-content:space-between;align-items:center;margin-top:1.6rem;padding:1.6rem 0 0;display:flex}@media screen and (max-width:767px){.drawer__inner--calculator{max-width:100%}.paint-calculator-drawer__content{padding:1.6rem}.paint-calculator-drawer__section-header{flex-direction:column;align-items:flex-start}.paint-calculator-drawer__add-buttons{flex-direction:column;width:100%}.paint-calculator-drawer__add-button{justify-content:center;width:100%}.paint-calculator-drawer__inputs{grid-template-columns:1fr}.paint-calculator-drawer__input-row{flex-direction:column;align-items:flex-start;gap:.8rem;position:relative}.paint-calculator-drawer__input-group{width:100%;padding-right:4.8rem}.paint-calculator-drawer__section-header-with-toggle{flex-direction:column;align-items:flex-start}.paint-calculator-drawer__counter-group{flex-direction:column;align-items:stretch;gap:1.6rem}.paint-calculator-drawer__remove-button{align-self:flex-end;width:auto;height:auto;margin-top:0;position:absolute;top:0;right:0}}@media screen and (min-width:768px){paint-calculator-drawer{justify-content:flex-end}}.product__title--dark+* .paint-calculator{color:var(--color-white)}