.home_hero__5VuWx{height:948px;position:relative;overflow:hidden}.home_heroBackground__MSbTT,.home_heroFade__PRnbv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home_heroFade__PRnbv{background:linear-gradient(transparent,#fff)}.home_heroInner__Ih0TY{height:100%;position:relative}.home_heroCopy__GEzRW{position:absolute;top:170px;left:0;width:48%}.home_heroCopy__GEzRW>p{font-size:24px;font-weight:700;line-height:36px;color:white;margin:0 0 10px}.home_heroCopy__GEzRW h1{font-size:clamp(80px,7.3vw,140px);line-height:1.2;letter-spacing:-.03em;font-weight:800;margin:0}.home_heroCopy__GEzRW h1 span{color:#ee1d24;display:block}.home_heroCards__FpOMp{position:absolute;top:170px;left:50.55%;width:49.45%;height:700px}.home_heroCards__FpOMp img{width:100%;height:100%;object-fit:fill}.home_heroCards__FpOMp :is(a,button)>div{position:absolute;bottom:30px;left:30px;right:30px;color:white;font-size:30px;font-weight:800;letter-spacing:-.9px;display:flex;align-items:center;justify-content:space-between;gap:20px}.home_backCard__wBBg7>div{opacity:1}.home_round__BMFPP{height:60px;width:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ee1d24;color:white;font-size:24px;flex-shrink:0}.home_credentials__NXWYH{position:absolute;left:-50px;top:732px;display:flex;width:min(800px,48%);gap:25px}.home_credentials__NXWYH>div{flex:1;text-align:center;display:flex;align-items:center;flex-direction:column;gap:20px;padding:0 15px;border-right:1px solid #b7c3c0}.home_credentials__NXWYH>div:last-child{border:0}@media (min-width:1800px){.home_credentials__NXWYH{display:grid;grid-template-columns:1fr 0 1fr 0 1fr}.home_credentials__NXWYH>div{border:0;padding:0;grid-row:1}.home_credentials__NXWYH>div:first-child{grid-column:1}.home_credentials__NXWYH>div:nth-child(2){grid-column:3}.home_credentials__NXWYH>div:nth-child(3){grid-column:5}.home_credentials__NXWYH:after,.home_credentials__NXWYH:before{content:"";height:150px;border-right:1px solid #b7c3c0;grid-row:1}.home_credentials__NXWYH:before{grid-column:2}.home_credentials__NXWYH:after{grid-column:4}}.home_credentialIcon__1pUle{border-radius:50%;width:80px;height:80px;background:#b3161b;display:grid;place-items:center}.home_credentialIcon__1pUle img{height:50px;width:50px;object-fit:contain;filter:brightness(0) invert(1)}.home_credentials__NXWYH strong{font-size:18px;line-height:1.4}.home_intro___e8v5{min-height:750px;display:grid;grid-template-columns:1fr .835fr;gap:100px;padding-top:80px;padding-bottom:50px;align-items:center}.home_intro___e8v5>img{width:100%;height:620px;object-fit:fill}.home_intro___e8v5>div{padding-right:50px}.home_intro___e8v5 h2{margin:0 0 20px}.home_intro___e8v5 p{font-size:16px;line-height:24px;margin:0 0 24px}.home_intro___e8v5 b{color:#ee1d24}.home_learn__l27jY{display:flex;gap:15px;align-items:center;font-size:16px;font-weight:700;text-transform:uppercase}.home_learn__l27jY>span{color:#ee1d24}.home_intro___e8v5 .home_learn__l27jY{margin-top:40px}.home_building__AqXdC{height:1126px;background:#f5f5f5;position:relative;padding-top:110px}.home_bottomEdge__ZwYII,.home_topEdge__L9DEF{position:absolute;top:0;left:0;width:100%;height:50px;pointer-events:none}.home_building__AqXdC>.section-title{max-width:736px;margin:auto}.home_buildingImage__dvM_S{position:relative;width:min(1240px,95%);height:auto;aspect-ratio:1240/800;margin:50px auto 0}.home_ellipse__gg8ab{position:absolute;inset:0;width:100%;height:100%}.home_buildingMask__LecAK{position:absolute;left:4.68%;top:4.63%;width:90.65%;height:90.63%;mask-size:100% 100%;mask-repeat:no-repeat;background:white}.home_buildingMask__LecAK img{position:absolute;left:8.72%;top:6.62%;width:82.56%;height:86.9%;object-fit:cover}.home_hotspot__2DtwD{position:absolute;width:40px;height:40px;background:#ee1d24;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer}.home_hotspot__2DtwD>span{height:16px;width:16px;border-radius:50%;background:white}.home_hotspot__2DtwD:hover,.home_selected__gxX7N{background:#b3161b}.home_productPopup__zSxtX{position:absolute;left:6.85%;top:34.1%;width:320px;filter:drop-shadow(0 5px 5px #0004);z-index:2}.home_productPopup__zSxtX>div{background:black;color:white;padding:10px;display:flex;justify-content:space-between;font-size:20px}.home_productPopup__zSxtX button{color:#ee1d24;border:0;background:none;cursor:pointer}.home_productPopup__zSxtX>section{background:white;padding:20px}.home_hotspotArtwork__i3z5Z{position:relative;overflow:hidden;width:100%;height:200px;background:#f5f5f5;margin-bottom:20px}.home_hotspotArtwork__i3z5Z>img:first-child{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover}.home_hotspotArtwork__i3z5Z>.home_hotspotBrand__HSh4c{position:absolute;top:8px;right:8px;width:42%;height:auto}.home_frameArtwork__Ze62_{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:minmax(0,1fr);align-items:start;background:white}.home_frameArtwork__Ze62_>.home_hotspotBrand__HSh4c{position:static;width:100%;max-height:calc(100% - 16px);object-fit:contain;margin-top:8px}.home_divisions__iMA_I{height:1000px;position:relative;overflow:hidden}.home_blueOverlay__SfzDs,.home_divisionBg__2tSIc{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:bottom}.home_blueOverlay__SfzDs{background:#0070c08c}.home_divisionContent__iAVOC{position:relative;padding-top:100px}.home_divisions__iMA_I .section-title{max-width:650px;margin:0 auto;color:white}.home_divisions__iMA_I .description{color:#f8f8f8}.home_divisionGrid__qlFXL{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;margin-top:50px}.home_divisionCard___3_DI{position:relative;display:block;aspect-ratio:885/634;transition:transform 1.2s cubic-bezier(.22,.61,.36,1),filter 1.2s ease,z-index 0s .6s}.home_divisionCard___3_DI:hover{transform:translateY(-5px)}.home_divisionCard___3_DI>img{width:100%;height:100%}.home_divisionCard___3_DI>div{position:absolute;bottom:30px;left:30px;right:30px;display:flex;align-items:center;gap:20px;justify-content:space-between;color:white}.home_divisionCard___3_DI h2{margin:0}.home_bottomEdge__ZwYII{top:auto;bottom:0;transform:rotate(180deg)}.home_brands____ljn{height:555px;padding-top:80px;text-align:center}.home_brands____ljn h2{margin:0 0 50px}.home_brands____ljn>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:50px}.home_brands____ljn :is(a,button){display:block;transition:transform .3s ease-out}.home_brands____ljn :is(a,button):hover{transform:translateY(-8px)}.home_brands____ljn img{width:100%;aspect-ratio:418/297}.home_projects__ZW7ph{height:891px;padding-top:80px}.home_projects__ZW7ph .section-title{max-width:1030px;margin:auto}.home_projects__ZW7ph h2>span{color:#ee1d24}.home_tabs__IiI7j{display:flex;justify-content:center;gap:10px;margin:40px 0}.home_tabs__IiI7j button{width:241px;padding:15px;font-size:18px;line-height:25px;font-weight:700;clip-path:polygon(6.2% 0,100% 0,93.8% 100%,0 100%);background:#d2d2d2;border:0;cursor:pointer}.home_tabs__IiI7j button.home_active__tfvjr{background:#ee1d24;color:white}.home_projectCarousel__j7ILj{position:relative;width:min(1240px,calc(100% - 100px));margin:auto}.home_projectGrid__F7knK{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home_projectGrid__F7knK article>img{width:100%;aspect-ratio:400/365;object-fit:fill}.home_projectGrid__F7knK article>div{height:115px;background-size:100% 100%;padding:25px}.home_projectGrid__F7knK strong{font-size:20px;line-height:30px;color:white}.home_projectGrid__F7knK p{font-size:18px;line-height:25px;color:#ee1d24;font-weight:700;margin-top:10px}.home_carouselArrow__gi3Zz{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;border:1px solid #b7c3c0;border-radius:50%;background:white;color:#ee1d24;font-size:30px;cursor:pointer;z-index:2}.home_previous__WfRR_{left:-28px}.home_next__sw6qP{right:-28px}@media (max-width:1500px){.home_heroCards__FpOMp :is(a,button)>div{font-size:24px}.home_heroCards__FpOMp{top:220px}.home_heroCopy__GEzRW{top:190px}.home_credentials__NXWYH{left:0;width:48%;gap:10px}.home_intro___e8v5{gap:60px}.home_intro___e8v5>div{padding-right:0}.home_intro___e8v5>img{height:auto}.home_divisionCard___3_DI h2{font-size:30px;line-height:36px}.home_divisions__iMA_I{height:auto;min-height:800px;padding-bottom:100px}.home_projectGrid__F7knK strong{font-size:17px}.home_projectGrid__F7knK p{font-size:15px}.home_brands____ljn{height:auto;min-height:450px;padding-bottom:70px}.home_building__AqXdC{height:auto;min-height:1000px;padding-bottom:50px}}@media (max-width:900px){.home_hero__5VuWx{height:auto;min-height:1150px}.home_heroInner__Ih0TY{padding-top:130px}.home_heroCopy__GEzRW{position:relative;top:auto;width:100%}.home_heroCopy__GEzRW h1{font-size:80px;max-width:650px}.home_heroCards__FpOMp{left:0;top:450px;width:100%;max-width:650px}.home_credentials__NXWYH{top:930px;width:100%}.home_intro___e8v5{grid-template-columns:1fr;gap:35px;padding-top:60px;padding-bottom:60px}.home_intro___e8v5>img{max-height:600px;object-fit:contain}.home_building__AqXdC{min-height:0;padding-top:100px}.home_building__AqXdC>.section-title{width:calc(100% - 48px)}.home_productPopup__zSxtX{width:240px}.home_hotspotArtwork__i3z5Z{height:120px}.home_buildingImage__dvM_S{margin-top:40px}.home_hotspot__2DtwD{width:25px;height:25px}.home_hotspot__2DtwD>span{width:10px;height:10px}.home_divisionGrid__qlFXL{gap:25px}.home_divisionCard___3_DI>div{left:15px;right:15px;bottom:15px}.home_divisionCard___3_DI h2{font-size:23px;line-height:28px}.home_round__BMFPP{width:45px;height:45px;font-size:20px}.home_brands____ljn>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.home_projects__ZW7ph{height:auto;padding:70px 24px}.home_projectCarousel__j7ILj,.home_projects__ZW7ph .section-title{width:100%}.home_projectGrid__F7knK{grid-template-columns:repeat(2,minmax(0,1fr))}.home_projectGrid__F7knK article:last-child{display:none}.home_projectGrid__F7knK article>div{padding:15px}.home_previous__WfRR_{left:-18px}.home_next__sw6qP{right:-18px}.home_carouselArrow__gi3Zz{width:40px;height:40px;font-size:22px}}@media (max-width:600px){.home_hero__5VuWx{min-height:980px}.home_heroInner__Ih0TY{padding-top:110px}.home_heroCopy__GEzRW>p{font-size:18px}.home_heroCopy__GEzRW h1{font-size:58px;line-height:1.15}.home_heroCards__FpOMp{top:350px;height:370px}.home_heroCards__FpOMp :is(a,button)>div{font-size:17px;left:15px;right:15px;bottom:20px}.home_heroCards__FpOMp .home_round__BMFPP{width:35px;height:35px;font-size:16px}.home_credentials__NXWYH{top:750px;gap:0}.home_credentials__NXWYH>div{padding:0 8px;gap:15px}.home_credentials__NXWYH strong{font-size:13px}.home_credentialIcon__1pUle{height:60px;width:60px}.home_credentialIcon__1pUle img{height:38px;width:38px}.home_intro___e8v5 h2{font-size:30px;line-height:36px}.home_intro___e8v5 .home_learn__l27jY{margin-top:30px}.home_building__AqXdC .section-title h2{font-size:30px;line-height:36px}.home_buildingImage__dvM_S{width:100%;margin-top:30px}.home_hotspot__2DtwD{width:19px;height:19px}.home_hotspot__2DtwD>span{width:7px;height:7px}.home_productPopup__zSxtX{width:180px;left:4%;top:42%}.home_productPopup__zSxtX>div{font-size:13px}.home_productPopup__zSxtX>section{padding:10px}.home_hotspotArtwork__i3z5Z{height:70px;margin-bottom:10px}.home_productPopup__zSxtX .home_learn__l27jY{font-size:11px}.home_divisionContent__iAVOC{padding-top:100px}.home_divisionGrid__qlFXL{grid-template-columns:1fr;margin-top:30px}.home_divisions__iMA_I .section-title h2{font-size:30px;line-height:36px}.home_divisionCard___3_DI h2{font-size:25px;line-height:30px}.home_brands____ljn{padding-top:60px;padding-bottom:60px}.home_brands____ljn h2{margin-bottom:30px}.home_brands____ljn>div{gap:15px}.home_tabs__IiI7j{gap:5px;margin:30px 0}.home_tabs__IiI7j button{font-size:13px;width:50%;padding:15px 6px}.home_projectGrid__F7knK{grid-template-columns:1fr}.home_projectGrid__F7knK article:nth-child(2){display:none}.home_projectGrid__F7knK article>div{padding:20px}.home_projectGrid__F7knK strong{font-size:20px}.home_projectGrid__F7knK p{font-size:16px}}@media (min-width:1501px){.home_intro___e8v5{grid-template-columns:minmax(0,910fr) minmax(0,760fr);padding-right:50px}.home_intro___e8v5>div{padding-right:0}}.home_brands____ljn :is(a,button):hover,.home_divisionCard___3_DI:hover{transform:none}.home_divisionCard___3_DI>img.home_hoverImage__tuQXt{position:absolute;inset:0;opacity:0;transition:opacity .1s ease-out}.home_divisionCard___3_DI:focus-visible>img.home_hoverImage__tuQXt,.home_divisionCard___3_DI:hover>img.home_hoverImage__tuQXt{opacity:1}.home_divisionCard___3_DI>div>section{flex:1;min-width:0}.home_divisionCard___3_DI>div p{font-size:16px;line-height:24px;color:#f8f8f8;margin:10px 0 0;display:none}.home_divisionCard___3_DI:focus-visible>div p,.home_divisionCard___3_DI:hover>div p{display:block}.home_divisionCard___3_DI>div>.home_round__BMFPP{align-self:flex-end}.home_brands____ljn :is(a,button){position:relative}.home_brandHover__D9CkN{position:absolute;inset:0;opacity:0;text-align:left}.home_carouselArrow__gi3Zz{transition:background-color .3s ease-out,color .3s ease-out,border-color .3s ease-out}.home_carouselArrow__gi3Zz:focus-visible,.home_carouselArrow__gi3Zz:hover{background:#b3161b;border-color:#b3161b;color:#fff}.home_brandHover__D9CkN>img{width:100%;height:100%;position:absolute;inset:0}.home_brandHover__D9CkN>section{position:absolute;left:7.18%;right:7.18%;top:50%;transform:translateY(-50%)}.home_brandHover__D9CkN h3{font-size:20px;line-height:30px;font-weight:700;margin:0 0 10px}.home_brandHover__D9CkN p{font-size:16px;line-height:24px;margin:0}.home_brandHover__D9CkN b{color:#ee1d24}.home_brands____ljn :is(a,button):focus-visible>.home_brandHover__D9CkN,.home_brands____ljn :is(a,button):hover>.home_brandHover__D9CkN{opacity:1}.home_projectNotice__WMd8Q{max-width:1240px;margin:-24px auto 20px;text-align:center;font-size:14px;line-height:20px;color:#303030;padding:0 24px}@media (max-width:1500px) and (min-width:901px){.home_brandHover__D9CkN h3{font-size:16px;line-height:20px;margin-bottom:5px}.home_brandHover__D9CkN p{font-size:12px;line-height:16px}.home_divisionCard___3_DI>div p{font-size:14px;line-height:20px}}@media (max-width:900px){.home_brandHover__D9CkN h3{font-size:17px;line-height:22px;margin-bottom:5px}.home_brandHover__D9CkN p{font-size:13px;line-height:18px}.home_divisionCard___3_DI>div p{font-size:12px;line-height:16px}.home_divisionCard___3_DI:hover h2{font-size:20px;line-height:24px}}@media (max-width:600px){.home_brands____ljn :is(a,button){aspect-ratio:418/297}.home_brandHover__D9CkN{overflow:auto;background:#f5f5f5;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%)}.home_brandHover__D9CkN>section{position:relative;top:auto;left:auto;right:auto;padding:15px;transform:none}.home_brandHover__D9CkN>img{display:none}.home_brandHover__D9CkN h3{font-size:13px;line-height:17px}.home_brandHover__D9CkN p{font-size:11px;line-height:15px}}.home_hotspotLabel__NT_nP{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);background:#181818;border-radius:4px;color:white;white-space:nowrap;font-size:16px;line-height:20px;text-transform:uppercase;padding:5px 15px}.home_hotspotLabel__NT_nP:after{content:"";position:absolute;top:100%;left:calc(50% - 8px);border:8px solid transparent;border-top-color:#181818}@media (max-width:600px){.home_hotspotLabel__NT_nP{font-size:9px;line-height:12px;padding:3px 5px;bottom:calc(100% + 7px)}}.home_divisionCard___3_DI h2,.home_divisions__iMA_I .section-title h2{color:#fff}.home_divisionCard___3_DI:hover{transform:none}.home_brands____ljn button,.home_divisionCard___3_DI:where(button),.home_heroCards__FpOMp button,.home_productPopup__zSxtX button.home_learn__l27jY{border:0;padding:0;font:inherit;text-align:inherit;cursor:pointer;background:transparent;color:inherit}.home_brands____ljn button{width:100%}.home_productPopup__zSxtX button.home_learn__l27jY{font-size:16px;font-weight:700;text-transform:uppercase}.home_brandHover__D9CkN>section{top:8%;bottom:8%;transform:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:4px;display:flex;flex-direction:column;justify-content:safe center}.home_aboutLink__VSTw0{display:inline-flex;gap:15px;align-items:center;margin-top:24px;padding:15px 25px;background:#ee1d24;color:#fff;text-transform:uppercase;font-weight:700}.home_intro___e8v5 strong{color:#ee1d24}@media (max-width:600px){.home_brandHover__D9CkN>section{top:auto;bottom:auto;max-height:100%}}.home_viewProjects__IbrEb{display:flex;justify-content:center;align-items:center;gap:15px;margin:30px auto;color:#ee1d24;font-weight:700;text-transform:uppercase}.home_projects__ZW7ph{height:auto;padding-bottom:50px}.home_projectGrid__F7knK article>img{object-fit:cover}.home_projectGrid__F7knK article>div{height:auto;min-height:135px}.home_heroCards__FpOMp{isolation:isolate}.home_heroCards__FpOMp>.roofseal-card-swap{position:absolute;inset:0}.home_heroCards__FpOMp .home_heroDivisionCard__I2B30{position:relative;display:block;width:100%;height:100%}.home_frontCard__Ne_Wy>div{opacity:1}.home_heroCards__FpOMp :is(a,button)>div{transition:opacity 1.2s ease}.home_heroCards__FpOMp a:focus-visible{outline:3px solid var(--red);outline-offset:5px}.home_manufacturingVideo__dRoWW{width:100%;height:620px;object-fit:cover;background:#181818;align-self:start}@media (max-width:1500px){.home_manufacturingVideo__dRoWW{height:auto;aspect-ratio:910/620}}@media (max-width:1100px){.home_hero__5VuWx{height:auto;min-height:0;padding:130px 0 65px}.home_heroInner__Ih0TY{height:auto;display:flex;flex-direction:column;gap:48px;padding-top:0}.home_heroCopy__GEzRW{position:relative;top:auto;left:auto;width:100%}.home_heroCopy__GEzRW h1{font-size:clamp(58px,8.5vw,90px);max-width:850px}.home_heroCards__FpOMp{position:relative;top:auto;left:auto;width:min(650px,100%);height:auto;aspect-ratio:650/550}.home_credentials__NXWYH{position:relative;top:auto;left:auto;width:100%;gap:0}.home_credentials__NXWYH>div{min-width:0;padding:0 18px}.home_intro___e8v5{grid-template-columns:1fr;gap:35px;padding-top:60px;padding-bottom:60px}.home_intro___e8v5>div{padding-right:0}.home_manufacturingVideo__dRoWW{max-height:600px;object-fit:contain}}@media (max-width:600px){.home_hero__5VuWx{padding:110px 0 50px}.home_heroInner__Ih0TY{gap:35px}.home_heroCards__FpOMp{aspect-ratio:350/310}.home_credentials__NXWYH>div{padding:0 8px}.home_productPopup__zSxtX{position:relative;top:auto;left:auto;width:calc(100% - 40px);margin:20px auto 0}.home_buildingImage__dvM_S:has(.home_productPopup__zSxtX){margin-bottom:245px}.home_productPopup__zSxtX{transform:translateY(calc(100vw * 800 / 1240))}.home_hotspotArtwork__i3z5Z{height:110px}.home_productPopup__zSxtX>div{font-size:15px}.home_hotspot__2DtwD{width:24px;height:24px;transform:translate(-12%,-12%)}}@media (prefers-reduced-motion:reduce){.home_heroCards__FpOMp :is(a,button)>div{transition:none}}.home_heroCards__FpOMp{--hero-label-size:30px;--hero-arrow-size:60px;--hero-card-padding:30px}.home_heroCards__FpOMp .home_heroDivisionCard__I2B30>div{font-size:calc(var(--hero-label-size) / var(--swap-scale, 1));left:calc(var(--hero-card-padding) / var(--swap-scale, 1));right:calc(var(--hero-card-padding) / var(--swap-scale, 1));bottom:calc(var(--hero-card-padding) / var(--swap-scale, 1));gap:calc(20px / var(--swap-scale, 1))}.home_heroCards__FpOMp .home_heroDivisionCard__I2B30 .home_round__BMFPP{width:calc(var(--hero-arrow-size) / var(--swap-scale, 1));height:calc(var(--hero-arrow-size) / var(--swap-scale, 1));font-size:calc(24px / var(--swap-scale, 1))}@media(max-width:1500px){.home_heroCards__FpOMp{--hero-label-size:24px}}@media(max-width:1100px){.home_heroCards__FpOMp{--hero-arrow-size:45px}}@media(max-width:600px){.home_heroCards__FpOMp{--hero-label-size:17px;--hero-arrow-size:35px;--hero-card-padding:15px}}.home_heroCards__FpOMp .home_heroDivisionCard__I2B30>div{z-index:4}.home_heroCards__FpOMp .roofseal-card-swap-slot{clip-path:polygon(0 0,100% 0,100% 86%,89.6% 100%,0 100%)}.home_heroCards__FpOMp .roofseal-card-swap-slot:has(.home_metalHeroCard__RbFF5){mask-image:url(/sites/roofseal/shared/ebd2ecd63c09808f-a64e9.png);mask-size:100% 100%;mask-repeat:no-repeat}.roofseal-card-swap{position:relative;width:100%;height:100%;outline:none;-webkit-tap-highlight-color:transparent}.roofseal-card-swap-sizer{max-height:100%;overflow:hidden;pointer-events:none}.roofseal-card-swap-sizer>span{display:block;width:100%;max-width:var(--swap-stage-w);aspect-ratio:var(--swap-ratio)}.roofseal-card-swap-stage{position:absolute;top:50%;left:50%;width:var(--swap-stage-w);height:var(--swap-stage-h);perspective:900px;transform:translate(-50%,-50%);pointer-events:none}.roofseal-card-swap-slot{position:absolute;top:var(--swap-oy);left:var(--swap-ox);width:var(--swap-w);height:var(--swap-h);margin:calc(var(--swap-h) / -2) 0 0 calc(var(--swap-w) / -2);border-radius:var(--swap-radius);overflow:hidden;isolation:isolate;box-shadow:var(--swap-shadow);pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:pan-y;backface-visibility:hidden;-webkit-backface-visibility:hidden}.roofseal-card-swap:focus-visible .roofseal-card-swap-slot[data-front]{outline:2px solid var(--swap-ink);outline-offset:3px}.roofseal-card-swap-shade{position:absolute;inset:0;z-index:3;border-radius:inherit;background:var(--swap-shade);opacity:0;pointer-events:none}.roofseal-card-swap-card{position:relative;width:100%;height:100%;box-sizing:border-box;border-radius:inherit;overflow:hidden;isolation:isolate;background:var(--swap-tile);color:var(--swap-ink)}.roofseal-card-swap-card-rim{position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--swap-tile-edge),inset 0 1px 0 var(--swap-tile-highlight);pointer-events:none}.roofseal-card-swap-item{display:flex;flex-direction:column;gap:6px;height:100%;padding:6px;box-sizing:border-box}.roofseal-card-swap-head{display:flex;flex:none;align-items:center;gap:10px;min-width:0;height:30px;padding:0 6px}.roofseal-card-swap-icon{display:grid;flex:none;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--swap-badge)}.roofseal-card-swap-title{overflow:hidden;font-size:14px;font-weight:500;line-height:1.2;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.roofseal-card-swap-media{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:max(0px,calc(var(--swap-radius) - 6px));background:var(--swap-badge)}.roofseal-card-swap-media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}.roofseal-card-swap-media:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--swap-media-edge);pointer-events:none}.roofseal-card-swap{overflow:clip}.roofseal-card-swap-slot{box-shadow:none}.roofseal-card-swap-slot:first-child{z-index:12}