.RoofExperience-module__PvG-7G__scene{color:#f2f6ed;--scene-control-bottom:0px;--scene-control-right:26px;min-width:0;padding-bottom:58px;position:relative}.RoofExperience-module__PvG-7G__experience{position:relative}.RoofExperience-module__PvG-7G__sceneHeading{justify-content:space-between;align-items:center;gap:16px;padding-inline:26px;font-size:13px;display:flex}.RoofExperience-module__PvG-7G__sceneHeading>span:first-child{letter-spacing:-.035em;font-size:19px}.RoofExperience-module__PvG-7G__liveDot{color:#bed4ce;align-items:center;gap:8px;font-size:11px;display:inline-flex}.RoofExperience-module__PvG-7G__liveDot:before{content:"";background:#a4e7d4;border-radius:50%;width:5px;height:5px;box-shadow:0 0 13px #6fcbb5}.RoofExperience-module__PvG-7G__stage{isolation:isolate;height:clamp(310px,34vw,470px);margin-top:-22px;position:relative}.RoofExperience-module__PvG-7G__stage:before{content:"";z-index:-1;background:radial-gradient(at 54% 54%,#398f8a40,#0000 65%);position:absolute;inset:12% 0 9%}.RoofExperience-module__PvG-7G__roof{width:100%;height:100%;overflow:visible}.RoofExperience-module__PvG-7G__guideLines{fill:none;stroke:#a4cbb8;stroke-width:.7px;stroke-opacity:.3;stroke-dasharray:3 7}.RoofExperience-module__PvG-7G__support,.RoofExperience-module__PvG-7G__preparation,.RoofExperience-module__PvG-7G__membrane{transition:filter .3s,opacity .3s}.RoofExperience-module__PvG-7G__support[data-active=true],.RoofExperience-module__PvG-7G__preparation[data-active=true],.RoofExperience-module__PvG-7G__membrane[data-active=true]{filter:drop-shadow(0 0 9px #b6f4d840)}.RoofExperience-module__PvG-7G__support[data-active=false],.RoofExperience-module__PvG-7G__preparation[data-active=false]{opacity:.8}.RoofExperience-module__PvG-7G__preparation{transform:translateY(var(--middle-shift))}.RoofExperience-module__PvG-7G__membrane{transform:translateY(var(--top-shift))}.RoofExperience-module__PvG-7G__rain{fill:none;stroke:#c8f8e9;stroke-width:1.4px;stroke-linecap:round;animation:1.9s linear infinite RoofExperience-module__PvG-7G__rainfall;animation-delay:var(--drop-delay);animation-play-state:var(--scene-play-state,paused)}.RoofExperience-module__PvG-7G__splash{fill:none;stroke:#d8fff0;stroke-width:1.1px;transform-box:fill-box;transform-origin:50%;animation:1.9s ease-out infinite RoofExperience-module__PvG-7G__ripple;animation-delay:var(--drop-delay);animation-play-state:var(--scene-play-state,paused)}.RoofExperience-module__PvG-7G__bead{fill:#d7fbea;opacity:.78}.RoofExperience-module__PvG-7G__illustrationNote{color:#b7d0c9;margin:0;font-size:10px;line-height:1.7;position:absolute;bottom:4%;left:27px}.RoofExperience-module__PvG-7G__controls{border-top:1px solid #a4cbb845;margin:-10px 26px 0;padding-top:20px;position:relative}.RoofExperience-module__PvG-7G__rangeHeading{justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;display:flex}.RoofExperience-module__PvG-7G__rangeHeading label{font-weight:550}.RoofExperience-module__PvG-7G__rangeHeading span{color:#b7d0c9;font-size:11px}.RoofExperience-module__PvG-7G__range{appearance:none;cursor:ew-resize;touch-action:pan-y;background:0 0;border:0;border-radius:0;width:100%;height:42px;margin:5px 0 9px;padding:0;display:block}.RoofExperience-module__PvG-7G__range::-webkit-slider-runnable-track{background:linear-gradient(to right, #baedda var(--range-fill), #70938d var(--range-fill));border-radius:3px;height:3px}.RoofExperience-module__PvG-7G__range::-moz-range-track{background:#70938d;border-radius:3px;height:3px}.RoofExperience-module__PvG-7G__range::-moz-range-progress{background:#baedda;height:3px}.RoofExperience-module__PvG-7G__range::-webkit-slider-thumb{appearance:none;background:#ecf9ed;border:7px solid #0a5358;border-radius:50%;width:28px;height:28px;margin-top:-12.5px;box-shadow:0 0 0 1px #b3e4d4}.RoofExperience-module__PvG-7G__range::-moz-range-thumb{background:#ecf9ed;border:7px solid #0a5358;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #b3e4d4}.RoofExperience-module__PvG-7G__layerButtons{gap:7px;display:flex}.RoofExperience-module__PvG-7G__layerButtons button{color:#dbe9df;cursor:pointer;background:0 0;border:1px solid #8bab9b85;border-radius:4px;flex:1;min-height:44px;padding:10px 7px;font-size:12px;line-height:1.25}.RoofExperience-module__PvG-7G__layerButtons button[aria-pressed=true]{color:#16433e;background:#d6e9d4;border-color:#d6e9d4}.RoofExperience-module__PvG-7G__layerCopy{min-height:114px;padding-top:20px}.RoofExperience-module__PvG-7G__layerCopy strong{letter-spacing:-.015em;font-size:16px;font-weight:500;display:block}.RoofExperience-module__PvG-7G__layerCopy p{color:#c0d5cd;max-width:490px;margin:7px 0 0;font-size:13px;line-height:1.65}@keyframes RoofExperience-module__PvG-7G__rainfall{0%{opacity:0;transform:translateY(-15px)}15%{opacity:.85}65%{opacity:.7}77%,to{opacity:0;transform:translate(-16px,67px)}}@keyframes RoofExperience-module__PvG-7G__ripple{0%,63%{opacity:0;transform:scale(.25)}70%{opacity:.8}to{opacity:0;transform:scale(1.7)}}@media (max-width:1100px){.RoofExperience-module__PvG-7G__scene{--scene-control-right:0px}.RoofExperience-module__PvG-7G__sceneHeading{padding-inline:0}.RoofExperience-module__PvG-7G__controls{margin-inline:0}.RoofExperience-module__PvG-7G__illustrationNote{left:0}}@media (max-width:760px){.RoofExperience-module__PvG-7G__sceneHeading{font-size:12px}.RoofExperience-module__PvG-7G__sceneHeading>span:first-child{font-size:18px}.RoofExperience-module__PvG-7G__stage{height:clamp(265px,70vw,400px);margin:-5px -16px 0}.RoofExperience-module__PvG-7G__illustrationNote{font-size:9px;bottom:1%;left:16px}.RoofExperience-module__PvG-7G__controls{margin-top:14px;padding-top:18px}.RoofExperience-module__PvG-7G__rangeHeading{font-size:13px}.RoofExperience-module__PvG-7G__rangeHeading span{font-size:10px}.RoofExperience-module__PvG-7G__layerButtons{gap:5px}.RoofExperience-module__PvG-7G__layerButtons button{font-size:11px}.RoofExperience-module__PvG-7G__layerCopy{min-height:125px}}@media (prefers-reduced-motion:reduce){.RoofExperience-module__PvG-7G__rain,.RoofExperience-module__PvG-7G__splash{animation:none}.RoofExperience-module__PvG-7G__rain{opacity:.35}.RoofExperience-module__PvG-7G__splash{opacity:.45}.RoofExperience-module__PvG-7G__support,.RoofExperience-module__PvG-7G__preparation,.RoofExperience-module__PvG-7G__membrane,.RoofExperience-module__PvG-7G__layerButtons button{transition:none}}