.shp-rain-hero{position:relative;isolation:isolate;overflow:hidden;height:clamp(270px,calc(26.25vw - 30px),470px);background:var(--shp-rain-desktop) center -30px/cover no-repeat #f9fbf9;color:#082c29}.shp-rain-hero:before,.shp-rain-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.shp-rain-hero:before{background:linear-gradient(180deg,transparent 62%,#f9fbf9 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 70%);mask-image:linear-gradient(90deg,#000 0%,transparent 70%)}.shp-rain-hero:after{background:linear-gradient(180deg,transparent 88%,#f9fbf9 100%),linear-gradient(90deg,rgba(247,250,242,.88),rgba(247,250,242,.55) 34%,transparent 64%)}.shp-rain-hero__inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;max-width:1440px;height:100%;margin:auto;padding:46px 28px 52px}.shp-rain-hero__eyebrow{position:relative;left:0;margin:0;color:#b88c43;font-size:16px;font-weight:800;letter-spacing:.11em;line-height:1.2;text-transform:uppercase}.shp-rain-hero__title{max-width:55%;margin:18px 0 0;color:#082c29;font-size:clamp(38px,3.8vw,58px);line-height:1.04;letter-spacing:-.04em;font-weight:700}.shp-rain-hero__descriptor,.shp-rain-hero__category{display:inline}.shp-rain-hero__descriptor:after{content:" "}.shp-rain-hero--specific .shp-rain-hero__title{font-size:clamp(30px,3vw,46px)}.shp-rain-benefits{display:flex;gap:10px;margin-top:clamp(36px,3.8vw,62px)}.shp-rain-benefit{display:flex;flex-direction:column;justify-content:center;min-width:205px;min-height:55px;padding:10px 16px;background:#fffffff0;border:1px solid #e8efe9;border-radius:12px;box-shadow:0 6px 18px #123d2514;line-height:1.17;white-space:nowrap}.shp-rain-benefit strong{font-size:14px}.shp-rain-benefit span{margin-top:3px;color:#5b706b;font-size:12px}.shp-rain-grid{background:#fff}.shp-rain-grid .page-width,.shp-rain-finder.page-width{max-width:1440px;padding-left:28px;padding-right:28px}.shp-rain-finder{display:block;position:relative;z-index:2;margin-top:-18px;margin-bottom:0;color:#082c29}.shp-rain-finder .shp-filter-groups{display:grid;grid-template-columns:repeat(var(--shp-visible-groups),minmax(0,1fr));gap:12px;align-items:stretch;max-width:100%}.shp-rain-finder .shp-group{position:relative;min-width:0;min-height:0;margin:0;padding:16px 18px 18px;border:1px solid #e0e9e3;border-radius:17px;background:#fffffff5;box-shadow:0 12px 28px #123d2311}.shp-rain-finder .shp-group-head{display:flex;align-items:center;min-height:44px;margin:0 0 10px;color:#082c29;line-height:1.1}.shp-rain-finder .shp-group-index{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;margin-right:12px;border-radius:50%;background:#e6f0e9;color:#31534b;font-size:17px;font-weight:400;letter-spacing:0;vertical-align:middle}.shp-rain-finder .shp-group-heading{display:inline-flex;align-items:baseline;gap:10px;flex-wrap:wrap;vertical-align:middle}.shp-rain-finder .shp-group-heading strong{font-size:24px;letter-spacing:-.035em;font-weight:700}.shp-rain-finder .shp-group-heading small{color:#607470;font-size:12px;font-weight:400;letter-spacing:0;white-space:nowrap}.shp-rain-finder .shp-group-clear{top:6px;right:10px;z-index:2;background:#fff;border-radius:5px}.shp-rain-finder .shp-options{display:grid;grid-template-columns:1fr;gap:4px;margin-top:0}.shp-rain-finder .shp-group[data-group="filter.p.m.custom.cart_brand"] .shp-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.shp-rain-finder .shp-option{position:relative;display:block;min-width:0;min-height:40px;cursor:pointer}.shp-rain-finder .shp-option input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.shp-rain-finder .shp-option-content{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:8px 12px;border:1px solid #dce7e0;border-radius:10px;background:#fff;color:#082c29;font-size:14px;font-weight:650;line-height:1.2;box-shadow:0 2px 6px #15453308;transition:transform .18s,border-color .18s,box-shadow .18s,opacity .18s}.shp-rain-finder .shp-option-content:after{content:"";flex:none;width:5px;height:5px;margin-left:8px;border-top:1px solid #688276;border-right:1px solid #688276;transform:rotate(45deg);opacity:.45}.shp-rain-finder .shp-option:hover .shp-option-content{position:relative;z-index:2;transform:scale(1.02);border-color:#4b8666;box-shadow:0 7px 18px #123d2a1c}.shp-rain-finder .shp-option input:checked+.shp-option-content{border-color:#28684b;background:#edf6ef;box-shadow:inset 3px 0 #28684b;font-weight:700}.shp-rain-finder .shp-group:has(input:checked) .shp-option:not(:has(input:checked)) .shp-option-content{opacity:.5}.shp-rain-finder .shp-group:has(input:checked) .shp-option:not(:has(input:checked)):hover .shp-option-content{opacity:1}.shp-rain-finder .shp-option input:focus-visible+.shp-option-content{outline:2px solid #28684b;outline-offset:2px}.shp-rain-finder .shp-option-unavailable{opacity:.45}.shp-rain-finder .shp-option-helper{display:block;margin-top:3px;color:#607470;font-size:11px;font-weight:400}.shp-rain-finder .shp-group[data-group="filter.p.m.custom.roof_length"] .shp-option,.shp-rain-finder .shp-group[data-group="filter.p.m.custom.roof_length"] .shp-option-content{min-height:54px}.shp-rain-finder .shp-finder-results{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;margin:14px 0 0;padding:7px 0;border:0;border-bottom:1px solid #dce7df;background:transparent;font-size:14px}.shp-rain-finder .shp-finder-results button[type=submit]{display:none}.shp-rain-finder .shp-result-count{font-weight:700;white-space:nowrap}.shp-rain-finder .shp-result-sort{margin-left:auto}.shp-rain-finder .shp-finder-results select{min-height:40px;max-width:220px;margin:0;padding:5px 32px 5px 12px;border:1px solid #cfded3;border-radius:8px;background:#fff;font-size:13px}.shp-rain-finder .shp-active{font-size:13px}.shp-rain-finder .shp-measure-note{margin:10px 0 16px;color:#607470;font-size:12px}.shp-rain-grid .collection.page-width{padding-top:0}.shp-rain-grid .grid{margin-top:0}@media(max-width:749px){.shp-rain-hero{height:216px;min-height:216px;background-image:var(--shp-rain-mobile);background-position:center top;background-size:100% auto}.shp-rain-hero:before{display:none}.shp-rain-hero:after{background:linear-gradient(90deg,rgba(249,252,247,.94) 0,rgba(249,252,247,.78) 42%,rgba(249,252,247,.16) 58%,transparent 72%)}.shp-rain-hero__inner{justify-content:flex-start;padding:25px 18px 48px}.shp-rain-hero__eyebrow{left:0;font-size:9px;white-space:nowrap}.shp-rain-hero__title{max-width:52%;margin:8px 0 0;font-size:22px;line-height:1.04}.shp-rain-hero--specific .shp-rain-hero__title{font-size:22px}.shp-rain-hero__descriptor,.shp-rain-hero__category{display:block}.shp-rain-hero__descriptor{margin-bottom:5px;font-size:9px;line-height:1.15;letter-spacing:0;text-transform:uppercase;white-space:nowrap}.shp-rain-hero__descriptor:after{content:none}.shp-rain-benefits{position:absolute;right:0;bottom:10px;left:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:48px;margin:0;padding:8px 18px;background:#ffffffdb;box-shadow:0 5px 16px #0e352e0f}.shp-rain-benefit{min-width:0;min-height:30px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.shp-rain-benefit strong{font-size:9.5px;white-space:nowrap}.shp-rain-benefit span{font-size:7.5px;white-space:nowrap}.shp-rain-grid .page-width,.shp-rain-finder.page-width{padding-left:12px;padding-right:12px}.shp-rain-finder{margin-top:0}.shp-rain-finder .shp-filter-groups{grid-template-columns:1fr;gap:8px}.shp-rain-finder .shp-group{min-height:0;padding:14px 12px 15px;border-radius:15px}.shp-rain-finder .shp-group-head{min-height:34px;margin-bottom:10px}.shp-rain-finder .shp-group-index{width:34px;height:34px;margin-right:9px;font-size:14px}.shp-rain-finder .shp-group-heading strong{font-size:20px}.shp-rain-finder .shp-group-heading small{font-size:10px}.shp-rain-finder .shp-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.shp-rain-finder .shp-group[data-group="filter.p.m.custom.cart_brand"] .shp-options{gap:6px}.shp-rain-finder .shp-option,.shp-rain-finder .shp-option-content{min-height:42px}.shp-rain-finder .shp-option-content{padding:6px 9px;font-size:12px;border-radius:9px}.shp-rain-finder .shp-group[data-group="filter.p.m.custom.roof_length"] .shp-option,.shp-rain-finder .shp-group[data-group="filter.p.m.custom.roof_length"] .shp-option-content{min-height:46px}.shp-rain-finder .shp-option-helper{font-size:10px}.shp-rain-finder .shp-finder-results{justify-content:space-between;gap:10px;margin-top:12px;font-size:12px}.shp-rain-finder .shp-finder-results select{width:auto;max-width:180px;min-height:40px;font-size:11px}.shp-rain-finder .shp-measure-note{font-size:11px}}@media(prefers-reduced-motion:reduce){.shp-rain-finder .shp-option-content{transition:none}.shp-rain-finder .shp-option:hover .shp-option-content{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/shp-rain-collection.css.map */