.paint-calculator--popup{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;top:0;left:0;bottom:0;right:0;background:rgba(var(--color-foreground),.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media screen and (min-width: 750px){paint-calculator{padding:4rem}}.paint-calculator--popup[open]{opacity:1;visibility:visible;z-index:20;display:flex;align-items:flex-start;justify-content:flex-end}paint-calculator-opener .link{color:var(--orange)}.paint-calculator__content{position:relative;width:88%;padding:2rem;text-align:center;height:100%;max-height:100%;right:-80%;top:0;transition:right .3s ease-in-out;overflow-y:scroll}.paint-calculator__content img{display:block}.paint-calculator__content h5{margin:0 0 .5rem}.paint-calculator__content p{font-size:1.3rem}.paint-calculator__content h2{color:rgb(var(--color-base-accent-2));text-transform:uppercase}.paint-calculator--popup[open] .paint-calculator__content{right:0}@media screen and (min-width: 750px){.paint-calculator--popup[open]{align-items:center;justify-content:center}.paint-calculator__content{width:50vw;max-width:90%;padding:2rem;top:auto;right:auto;height:auto}}.paint-calculator__inner{width:90%;max-width:550px;margin:0 auto}.paint-calculator__actions{padding:1.5rem 0rem 3rem;text-align:left;display:flex;align-items:center;justify-content:center;flex-direction:column;border-bottom:1px solid rgba(var(--color-foreground),.2)}.paint-calculator__actions details{text-align:center;font-size:1.1rem}.paint-calculator__actions details summary{text-decoration:underline;margin:1rem 0}.paint-calculator__actions details .icon-caret{position:static;margin-left:.25rem}.paint-calculator__actions details[open] .icon-caret{transform:rotate(180deg)}@media screen and (min-width: 750px){.paint-calculator__actions{padding:1.5rem 4rem 3rem}}.paint-calculator__actions label{font-family:var(--font-body-family);font-weight:800;font-style:var(--font-heading-style);color:rgba(var(--color-foreground))}.paint-calculator__actions input{padding:1rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:4px;width:80px}.paint-calculator__actions input::-webkit-outer-spin-button,.paint-calculator__actions input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.paint-calculator__actions input[type=number]{-moz-appearance:textfield}.paint-calculator__actions button{width:100%;max-width:28rem;background:transparent;color:rgb(var(--color-base-accent-2));border:2px solid rgb(var(--color-base-accent-2))}.paint-calculator__result{margin:3rem 0}.paint-calculator__result--inner{padding:2rem;text-align:left;background:var(--orange);color:var(--white);border-radius:6px;text-align:center}.paint-calculator__result--purchase{margin-top:3rem;padding-top:3rem;border-top:1px solid rgba(var(--color-foreground),.2)}.paint-calculator__result--purchase-button,.paint-calculator__error{margin:3rem -2rem -2rem;padding:3rem;background:var(--lighter-grey)}.paint-calculator__error{font-size:1.3rem}.paint-calculator__result--purchase-button button{width:100%}p.paint-calculator__recommended-size{font-size:1.5rem;font-family:var(--font-body-family);font-weight:800;font-style:var(--font-heading-style)}.paint-calculator__result p{margin:0}.paint-calculator__result p.small{font-size:1.1rem;line-height:1.6;margin-top:.5rem}.paint-calculator__close{position:absolute;top:15px;right:15px;background:none;box-shadow:none;border:none;cursor:pointer}.paint-calculator__close svg{width:15px}.paint-calculator__surface{display:flex;align-items:flex-end;gap:1.5rem;margin-block-end:1.5rem}.paint-calculator__surface-label{margin-bottom:.3rem;font-family:var(--font-body-family);font-weight:800;font-style:var(--font-heading-style)}.paint-calculator__surface .remove{display:block;cursor:pointer;margin-bottom:5px}.paint-calculator__surface .remove:after{content:url(stmt-icon-close-small.svg)}.paint-calculator__purchase-container{display:flex;align-items:top;gap:2rem;text-align:left}.paint-calculator__purchase-image{width:80px;height:80px}.paint-calculator__purchase-image img{border-radius:4px}.paint-calculator__purchase-amount p{font-size:1.15rem;line-height:1.5}.paint-calculator__purchase-total{width:auto;margin-left:auto;text-align:right}.paint-calculator__result-radios{text-align:left;padding-bottom:3rem;margin-bottom:3rem;border-bottom:1px solid rgba(var(--color-foreground),.2)}.paint-calculator__result-radios label{cursor:pointer}.button-price{padding-right:.5rem}.paint-calculator__result-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.paint-calculator__result-heading a{font-size:1.1rem;text-align:center;text-decoration:underline;color:inherit}.paint-calculator--landing .grid{display:flex;flex-direction:column-reverse}.paint-calculator__range p{margin-top:0}.paint-calculator__range p:last-of-type{margin-bottom:0}.paint-calculator__range label{font-family:var(--font-body-family);font-weight:600}@media screen and (max-width: 750px){.grid--2-col .grid__item{width:100%}}.paint-calculator--landing .paint-calculator__link{padding:2rem 6rem;margin:2rem 0;width:100%}.paint-calculator__range-top,.paint-calculator__finish-top{display:flex;align-items:center;justify-content:space-between}.paint-calculator__range,.paint-calculator__finish{border-bottom:1px solid rgba(var(--color-foreground),.2);padding:1.5rem 0rem 3rem}.paint-calculator__quick-link{color:rgb(var(--color-base-accent-2));text-decoration:underline;text-transform:uppercase}.paint-calculator--landing__img,.paint-calculator--landing__desktop-measure{display:none}.paint-calculator__select-wrapper{position:relative;max-width:300px}.paint-calculator__select-icon{top:5px;right:16px;width:15px;position:absolute}.js-paint-calculator-range-select{padding:1.25rem 1.75rem;border-radius:24px;width:100%;-webkit-appearance:none;appearance:none;max-width:300px;border-color:var(--dark-grey);color:var(--dark-grey);background-color:var(--white);-webkit-text-fill-color:var(--dark-grey);-webkit-opacity:1}.js-paint-calculator-range-filter{-webkit-appearance:none;appearance:none;width:12px;height:12px;border:1px solid rgb(var(--color-base-accent-2));border-radius:50%;margin:0;margin-right:1rem}.js-paint-calculator-range-filter:checked{background-color:rgb(var(--color-base-accent-2))}@media screen and (min-width: 749px){.paint-calculator--landing .grid{flex-direction:row}.paint-calculator--landing details{display:none}.paint-calculator--landing__desktop-measure{display:block}.paint-calculator--landing__mobile-measure{display:none}.paint-calculator--landing .paint-calculator__actions{align-items:flex-start;padding-left:0}.paint-calculator--landing .paint-calculator__link{width:auto}.paint-calculator--landing__img{padding-right:10%;display:block}.paint-calculator--landing__img img{object-fit:contain}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/stmt-paint-calculator.css.map */