.paint-calculator{padding-block:48px;scroll-margin-top:calc(var(--header-height, 80px) + 20px)}.paint-calculator__inner{width:100%;max-width:1120px;margin-inline:auto}.paint-calculator :is(h1,h2){margin-block:8px 12px}.paint-calculator__eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em}.paint-calculator__layout{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;margin-top:24px}.paint-calculator form,.paint-calculator__fields{display:flex;flex-direction:column;gap:12px;min-width:0}.paint-calculator [hidden]{display:none!important}.paint-calculator label{font-weight:600;margin-top:8px}.paint-calculator :is(input,select){width:100%;min-width:0;padding:14px;min-height:48px;border:1px solid currentColor;border-radius:4px;color:inherit;background:var(--color-background);font:inherit}.paint-calculator form>.button{align-self:flex-start;margin-top:12px}.paint-calculator__hint{font-size:13px;line-height:1.6;margin-block:0 12px}.paint-calculator__panel{position:sticky;top:calc(var(--header-height,80px) + 20px);padding:28px;border:1px solid currentColor;border-radius:8px;background:rgb(var(--color-foreground-rgb) / .04);align-self:start;min-width:0}.paint-calculator__panel p{line-height:1.6}.paint-calculator__result-title{font-size:23px;font-weight:600}.paint-calculator__litres{font-size:36px;font-weight:600;margin-block:16px}.paint-calculator__swatch{width:72px;height:48px;border:1px solid rgb(var(--color-foreground-rgb) / .3);border-radius:4px}.paint-calculator__packages{list-style:none;padding:0}.paint-calculator__packages li{padding-block:12px;border-bottom:1px solid rgb(var(--color-foreground-rgb) / .2);overflow-wrap:anywhere}.paint-calculator__packages a{color:inherit;font-weight:600}.paint-calculator__packages small{display:block;margin-top:6px}.paint-calculator__total{font-weight:600;font-size:18px}.paint-calculator__help{border-top:1px solid rgb(var(--color-foreground-rgb) / .2);margin-top:24px;padding-top:12px;font-size:14px}.paint-calculator [data-error]{font-weight:600}@media(max-width:749px){.paint-calculator{padding-block:32px}.paint-calculator__layout{grid-template-columns:1fr;gap:24px}.paint-calculator__panel{padding:22px;position:static}}.paint-calculator-disclosure{width:100%}.paint-calculator-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 14px;cursor:pointer;list-style:none;border:var(--style-border-width-inputs, 1px) solid var(--color-input-border, var(--color-foreground));border-radius:var(--style-border-radius-inputs, 0);background:var(--color-input-background, var(--color-background));color:var(--color-input-text, var(--color-foreground));font:inherit}.paint-calculator-disclosure>summary::-webkit-details-marker{display:none}.paint-calculator-disclosure>summary:hover{box-shadow:inset 0 0 0 1px var(--color-input-border, var(--color-foreground))}.paint-calculator-disclosure>summary:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.paint-calculator-disclosure__chevron{flex-shrink:0}.paint-calculator-disclosure[open]>summary .paint-calculator-disclosure__chevron{transform:rotate(180deg)}.paint-calculator--integrated{padding:0 0 20px}.paint-calculator--integrated .paint-calculator__layout{grid-template-columns:1fr;gap:16px;margin-top:16px}.paint-calculator--integrated .paint-calculator__panel{position:static;padding:16px}.paint-calculator--integrated .paint-calculator__product-title{font-weight:600}.paint-calculator--integrated .paint-calculator__litres{font-size:28px}.paint-calculator--integrated .paint-calculator__panel:has([data-result][hidden]){display:none}.paint-calculator__suggestions{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto;border:1px solid currentColor;border-radius:4px}.paint-calculator__suggestions li+li{border-top:1px solid rgb(var(--color-foreground-rgb) / .2)}.paint-calculator__suggestions button{display:block;width:100%;padding:12px 14px;border:0;background:var(--color-background);color:inherit;font:inherit;text-align:left;cursor:pointer}.paint-calculator__suggestions button:is(:hover,:focus-visible){background:rgb(var(--color-foreground-rgb) / .06);outline:2px solid currentColor;outline-offset:-2px}.paint-calculator__suggestions span{display:block;font-weight:600}.paint-calculator__suggestions small{display:block;margin-top:4px}.paint-calculated-mode :is(.buy-buttons-block,variant-picker,product-price,sticky-add-to-cart){display:none!important}.paint-calculated-mode colour-picker-component>:not(dialog):not(input):not(style):not(script){display:none!important}.paint-calculated-mode colour-picker-component{margin:0;padding:0}.paint-calculator__manual{margin-top:16px}.paint-calculator--integrated [data-add]{width:100%;margin-top:12px}.paint-calculator--integrated [data-change-colour]{margin-top:8px}.paint-calculator__packages span{font-weight:600}.paint-calculator--integrated [data-add][data-needs-colour]{background:#fff0d6;color:#232f63;border-color:#c87915}
/*# sourceMappingURL=/cdn/shop/t/2/assets/paint-calculator.css.map */