#rr-rainwater-calculator{--rr-green: #0ad930;--rr-green-dark: #079c24;--rr-black: #111111;--rr-grey: #646464;--rr-light-grey: #f4f5f4;--rr-border: #d9ded9;--rr-error: #b42318;--rr-error-bg: #fff1f0;--rr-success: #087c24;--rr-success-bg: #ecfff0;width:min(100% - 32px,1050px);margin:40px auto;color:var(--rr-black);font-family:inherit}#rr-rainwater-calculator *{box-sizing:border-box}.rr-calculator__header{margin-bottom:28px}.rr-calculator__header h1{margin:5px 0 10px;font-size:clamp(30px,5vw,48px);line-height:1.08}.rr-calculator__header>p:last-child{max-width:720px;margin:0;color:var(--rr-grey);font-size:17px;line-height:1.6}.rr-eyebrow{margin:0;color:var(--rr-green-dark);font-size:13px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.rr-section{margin-bottom:24px;padding:clamp(20px,4vw,34px);border:1px solid var(--rr-border);border-radius:14px;background:#fff}.rr-section__heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.rr-section h2{color:#000}.rr-section__heading h2{margin:0 0 4px;font-size:23px}.rr-section__heading p{margin:0;color:var(--rr-grey)}.rr-step{display:inline-grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--rr-green);color:var(--rr-black);font-weight:800}.rr-grid{display:grid;gap:18px}.rr-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.rr-roof-type-picker{margin-bottom:20px}.rr-roof-type-picker__label{display:block;margin-bottom:9px;font-weight:700}.rr-roof-type-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rr-roof-type-option{min-width:0;padding:13px;border:2px solid var(--rr-border);border-radius:10px;background:#fff;color:var(--rr-black);font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.rr-roof-type-option:hover{border-color:var(--rr-green-dark);transform:translateY(-2px)}.rr-roof-type-option.selected{border-color:var(--rr-green-dark);background:var(--rr-success-bg);box-shadow:0 0 0 1px var(--rr-green-dark)}.rr-roof-type-option svg{display:block;width:100%;height:105px;margin-bottom:8px}.rr-roof-type-option strong,.rr-roof-type-option small{display:block}.rr-roof-type-option small{margin-top:3px;color:var(--rr-grey)}.rr-roof-fill{fill:#e8f9eb}.rr-roof-line,.rr-wall-line,.rr-gutter-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.rr-roof-line{stroke:var(--rr-green-dark);stroke-width:3}.rr-wall-line{stroke:var(--rr-black);stroke-width:2.5}.rr-gutter-line{stroke:#2875c7;stroke-width:4}.rr-postcode-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.rr-field label{display:block;margin:0 0 7px;font-weight:700}.rr-field input,.rr-field select{width:100%;min-height:50px;margin:0;padding:11px 14px;border:1px solid #aeb5ae;border-radius:7px;background:#fff;color:var(--rr-black);font:inherit;font-size:16px;box-shadow:none}.rr-field select{cursor:pointer}.rr-field input:focus,.rr-field select:focus{border-color:var(--rr-green-dark);outline:3px solid rgba(10,217,48,.18)}.rr-input-unit{position:relative}.rr-input-unit input{padding-right:82px}.rr-input-unit span{position:absolute;top:50%;right:13px;color:var(--rr-grey);font-size:13px;transform:translateY(-50%);pointer-events:none}.rr-button{min-height:50px;padding:12px 21px;border:2px solid var(--rr-black);border-radius:7px;font:inherit;font-weight:800;line-height:1.2;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.rr-button:hover{transform:translateY(-1px)}.rr-button:disabled{cursor:wait;opacity:.65;transform:none}.rr-button--primary{width:100%;min-height:58px;background:var(--rr-green);color:var(--rr-black);font-size:17px}.rr-button--primary:hover{background:#08c92c}.rr-button--secondary{background:var(--rr-black);color:#fff}.rr-location-result{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:18px}.rr-location-item{padding:15px;border-radius:8px;background:var(--rr-light-grey)}.rr-location-item--rainfall{border:1px solid var(--rr-green-dark);background:var(--rr-success-bg)}.rr-location-item--rainfall strong{color:var(--rr-success)}.rr-location-item span,.rr-result-card span{display:block;margin-bottom:5px;color:var(--rr-grey);font-size:13px}.rr-location-item strong{overflow-wrap:anywhere}.rr-message{margin-top:15px;padding:12px 15px;border-radius:7px}.rr-message--error{border:1px solid #f0b5b0;background:var(--rr-error-bg);color:var(--rr-error)}.rr-message--success{border:1px solid #a8e7b6;background:var(--rr-success-bg);color:var(--rr-success)}.rr-roof-help{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:25px;margin-bottom:25px;padding:18px;border-radius:10px;background:var(--rr-light-grey)}.rr-roof-help>p{margin:0;color:var(--rr-grey);line-height:1.55}.rr-roof-diagram{position:relative;height:115px}.rr-roof-diagram__building{position:absolute;right:20px;bottom:18px;left:20px;height:55px;border-right:3px solid var(--rr-black);border-bottom:3px solid var(--rr-black);border-left:3px solid var(--rr-black)}.rr-roof-diagram__roof{position:absolute;top:15px;left:20px;width:190px;height:3px;background:var(--rr-green-dark);transform:rotate(-20deg);transform-origin:left center}.rr-roof-diagram__pitch{position:absolute;right:20px;bottom:8px;padding:2px 5px;background:var(--rr-light-grey);color:var(--rr-green-dark);font-size:12px;font-weight:800;transform:rotate(20deg)}.rr-roof-diagram__depth{position:absolute;right:20px;bottom:-4px;left:20px;text-align:center;font-size:10px}.rr-pitch-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}.rr-pitch-buttons>span{margin-right:3px;color:var(--rr-grey);font-size:13px}.rr-pitch-button{padding:7px 11px;border:1px solid var(--rr-border);border-radius:20px;background:#fff;color:var(--rr-black);font:inherit;font-size:13px;cursor:pointer}.rr-pitch-button:hover{border-color:var(--rr-green-dark);background:var(--rr-success-bg)}.rr-results{margin-top:28px;padding:clamp(22px,4vw,36px);border-radius:14px;background:var(--rr-black);color:#fff}.rr-results__heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.rr-results__heading h2{margin:3px 0 0;color:#fff;font-size:27px}.rr-main-area{color:var(--rr-green);font-size:clamp(28px,5vw,42px);font-weight:900;white-space:nowrap}.rr-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.rr-result-card{padding:19px;border:1px solid #3b3b3b;border-radius:9px;background:#202020}.rr-result-card--highlight{border-color:var(--rr-green)}.rr-result-card span,.rr-result-card small{color:#c9c9c9}.rr-result-card strong{display:block;margin-bottom:5px;color:#fff;font-size:25px}.rr-result-card--highlight strong{color:var(--rr-green)}.rr-result-card small{display:block;line-height:1.4}.rr-next-stage{margin-top:16px;padding:18px;border-left:4px solid var(--rr-green);background:#202020}.rr-next-stage strong{color:var(--rr-green);font-size:17px}.rr-next-stage p{margin:5px 0 0;color:#d0d0d0}.rr-disclaimer{margin:17px 0 0;color:#bcbcbc;font-size:12px;line-height:1.5}@media(max-width:750px){.rr-roof-type-options{grid-template-columns:1fr}.rr-roof-type-option{display:grid;grid-template-columns:125px minmax(0,1fr);column-gap:12px;align-items:center}.rr-roof-type-option svg{grid-row:1 / span 2;width:125px;margin:0}#rr-rainwater-calculator{width:min(100% - 20px,1050px);margin-top:25px}.rr-grid--three,.rr-location-result,.rr-result-grid,.rr-postcode-row{grid-template-columns:1fr}.rr-button--secondary{width:100%}.rr-roof-help{grid-template-columns:1fr}.rr-roof-diagram{max-width:250px}.rr-results__heading{align-items:flex-start;flex-direction:column}}.rr-gutter-picker{position:relative}.rr-gutter-trigger{width:100%;min-height:74px;padding:10px 14px;display:flex;align-items:center;gap:14px;border:1px solid #d5d5d5;border-radius:6px;background:#fff;color:#222;font:inherit;text-align:left;cursor:pointer}.rr-gutter-trigger img,.rr-gutter-option img{width:74px;height:50px;object-fit:contain;flex-shrink:0;background:#f5f5f5;border-radius:4px}.rr-gutter-trigger span:not(.rr-dropdown-arrow){flex:1;font-weight:600}.rr-dropdown-arrow{margin-left:auto;font-size:22px;transition:transform .2s}.rr-gutter-trigger[aria-expanded=true] .rr-dropdown-arrow{transform:rotate(180deg)}.rr-gutter-options{position:absolute;z-index:100;top:calc(100% + 6px);left:0;right:0;max-height:360px;overflow-y:auto;padding:6px;border:1px solid #d5d5d5;border-radius:6px;background:#fff;box-shadow:0 8px 25px #00000024}.rr-gutter-option{width:100%;padding:8px;display:flex;align-items:center;gap:14px;border:0;border-radius:4px;background:transparent;color:#222;font:inherit;text-align:left;cursor:pointer}.rr-gutter-option:hover,.rr-gutter-option:focus,.rr-gutter-option.selected{background:#f0f7f1}.rr-gutter-option.selected{font-weight:600;box-shadow:inset 3px 0 #0a8f2d}
/*# sourceMappingURL=/cdn/shop/t/2/assets/rainwater-calculator.css.map */