*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}header{height:var(--header-height)}.find-provider__inner{box-shadow:0 0!important}.products-explained-section{position:relative;box-sizing:border-box;overflow:hidden;background-color:#0f0f0f;line-height:0;display:flex;flex-direction:column;box-shadow:0 0 50px 5px #0f0f0f}.products-explained-container{position:relative;box-sizing:border-box;overflow:hidden;background-color:#0f0f0f;line-height:0;display:flex;flex-direction:column}.products-explained-svg{display:block;width:100%}.products-explained-header{width:100%;text-align:center;color:#fff;z-index:10;padding:clamp(30px,4vw,50px) 20px 0px;flex-shrink:0}.products-explained-title{font-size:clamp(32px,4vw,44px);font-weight:400;margin-bottom:clamp(10px,1.5vw,15px);color:#fff;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;line-height:1.4}.products-explained-description{font-size:clamp(15px,2vw,18px);font-weight:300;color:#e2e2e2;max-width:600px;margin:0 auto;line-height:1.4;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;pointer-events:auto}.products-explained-description p{margin:0}img{display:block;max-width:100%;height:auto}.products-explained-svg a circle{fill:transparent}.products-explained-svg a circle[r="8"]{fill:#00c1d4}.products-explained-svg a{transform-box:fill-box;transform-origin:center;transition:transform .2s ease}.products-explained-svg a:hover,.products-explained-svg a:active,.products-explained-svg a.selected{transform:scale(1.25)}.products-explained-svg a:hover circle{stroke:#00c1d4}.products-explained-svg a:hover circle[r="8"]{fill:#00c1d4}.hotspot-popup{display:none;position:absolute;z-index:10000;background:#0f0f0f;color:#fff;border-radius:4px;box-shadow:0 10px 30px #00000080;text-align:left;border:1px solid #333}.hotspot-popup.active{display:block;z-index:1;border-radius:4px;border:.5px solid rgba(255,255,255,.3);background:#181818b3}.popup-header{display:flex;align-items:center}.popup-product-image{aspect-ratio:106 / 109;object-fit:cover;border-radius:6px}.popup-text-group h3{color:#c8e8e6;font-weight:600!important;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.hotspot-close-btn{position:absolute;cursor:pointer;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.hotspot-close-btn svg{width:100%;height:100%;filter:invert(1);transition:transform .3s ease;opacity:.4}.hotspot-popup-content h2{margin-top:0;margin-bottom:0;color:#fff}.hotspot-popup-content p{margin-bottom:0;color:#ccc;font-style:italic;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.hotspot-cta-btn{display:inline-block;background:#000;color:#fff;text-decoration:none;border-radius:4px;font-weight:700;transition:background .3s}.hotspot-cta-btn:hover{background:#333}@media(min-width:300px){.products-explained-title{font-size:clamp(24px,4vw,34px)}.products-explained-description p{font-size:clamp(1rem,.9rem + .3vw,1.125rem)}.products-explained-svg{padding:0 clamp(10px,3vw,15px) clamp(10px,3vw,15px)}.products-explained-svg{width:100%;height:auto;transform:none}.hotspot-popup{padding:clamp(21px,4vw,29px);width:80%;max-width:90%;top:50%;left:50%;transform:translate(-50%,-50%)}.hotspot-popup.active{-webkit-backdrop-filter:blur(clamp(23.5px,3vw,31.5px));backdrop-filter:blur(clamp(23.5px,3vw,31.5px))}.hotspot-close-btn{top:clamp(11px,2vw,19px);right:clamp(11px,2vw,19px);width:clamp(28px,4vw,36px);height:clamp(28px,4vw,36px)}.popup-header{margin-bottom:clamp(16px,3vw,24px);margin-top:clamp(17px,3vw,25px)}.popup-text-group h3{font-size:clamp(16px,4vw,24px);margin:0 0 0 clamp(19px,4vw,27px);line-height:1.4!important}.hotspot-popup-content p{font-size:clamp(12px,2vw,20px);line-height:1.4}.popup-product-image{width:clamp(102px,15vw,110px);height:clamp(105px,15vw,113px)}.hotspot-popup.active{animation:none}}@media(min-width:768px){:root{--header-height: 83px}.products-explained-container{height:calc((var(--vh, 1vh) * 100) - var(--header-height))}.products-explained-svg{flex:1;min-height:0;height:100%;padding:0 clamp(30px,5vw,60px) clamp(30px,5vw,60px)}.desktop-full-height{min-height:calc((var(--vh) * 100) - var(--header-height))}.hotspot-popup{padding:clamp(23px,4.4vw,32px)}.popup-header{margin-bottom:clamp(18px,3.3vw,26px);margin-top:clamp(19px,3.3vw,28px)}.popup-text-group h3{font-size:clamp(18px,4.4vw,26px);margin-left:clamp(21px,4.4vw,30px)}.hotspot-popup-content p{font-size:clamp(13px,2.2vw,22px)}.popup-product-image{width:clamp(112px,16.5vw,121px);height:clamp(116px,16.5vw,124px)}.hotspot-close-btn{top:clamp(12px,2.2vw,21px);right:clamp(12px,2.2vw,21px);width:clamp(31px,4.4vw,40px);height:clamp(31px,4.4vw,40px)}}@media(min-width:1024.99px){:root{--header-height: 83px}.products-explained-container{height:calc((var(--vh, 1vh) * 100) - var(--header-height))}.products-explained-svg{flex:1;min-height:0;height:100%;padding:0 0 clamp(25px,2.5vw,50px) clamp(130px,10vw,150px)}.desktop-full-height{min-height:calc((var(--vh) * 100) - var(--header-height));overflow-y:auto}body.has-fixed-layout{overflow:hidden}.hotspot-popup{padding:clamp(21px,5vw,29px);width:clamp(346px,40vw,415px);max-width:90%;top:50%;left:auto;right:10%;transform:translateY(-50%)}.popup-text-group h3{margin-left:clamp(19px,3vw,27px);line-height:1.4!important}.hotspot-popup-content h2{font-size:clamp(18px,3vw,26px);line-height:1.4}.hotspot-popup-content p{font-size:clamp(12px,2.5vw,20px);line-height:1.4}.hotspot-cta-btn{padding:clamp(8px,1.5vw,12px) clamp(12px,2.5vw,20px);font-size:clamp(11px,2vw,18px)}.hotspot-cta-btn:hover{background:#333}.hotspot-popup.active{min-height:380px}}@media(min-width:2500px){.hotspot-popup{padding:clamp(56px,7.2vw,63px);width:clamp(769px,72vw,776px);max-width:95%}.popup-header{margin-bottom:clamp(44px,4.5vw,51px);margin-top:clamp(44px,4.5vw,51px)}.popup-product-image{width:clamp(234px,22.5vw,241px);height:clamp(240px,22.5vw,248px)}.popup-text-group h3{font-size:clamp(44px,4.5vw,51px);margin-left:clamp(50px,5.4vw,57px)}.hotspot-close-btn{top:clamp(32px,3.6vw,40px);right:clamp(32px,3.6vw,40px);width:clamp(68px,6.3vw,75px);height:clamp(68px,6.3vw,75px)}.hotspot-popup-content h2{font-size:clamp(54px,5.4vw,61px)}.hotspot-popup-content p{font-size:clamp(37px,3.6vw,44px);line-height:1.4}.hotspot-cta-btn{padding:clamp(18px,2.7vw,25px) clamp(32px,3.6vw,40px);font-size:clamp(30px,3.15vw,37px)}.hotspot-popup.active{min-height:clamp(650px,63vh,657px)}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-products-explained.css.map */