.scroll-section{display:flex;position:relative;height:800vh!important}.text-container{flex:1;padding:50px 30px 50px 0;position:sticky;top:0;height:100vh;display:flex;align-items:center;z-index:999}.image-container{flex:1;top:0;height:100vh;display:flex;align-items:center;position:sticky}.text-container-inner{max-width:413px}.image-stack{position:absolute;top:0;left:0;right:0;height:100%}.image{position:absolute;top:0;left:0;right:0;width:100%;height:70vh;clip-path:inset(100% 0 0 0);transition:clip-path .3s ease-out;bottom:0;margin:auto;object-fit:cover}.first-image{position:absolute;top:0;left:0;right:0;width:100%;height:70vh;bottom:0;margin:auto;object-fit:cover}.arid-scroll-image-section{height:340vh}.fixed-scroll-section{position:fixed!important;top:0;left:0;width:100%;z-index:999}.icon-content-section{position:absolute;top:100px;display:flex;flex-direction:column;justify-content:center;height:calc(100vh - 200px);width:118%}.icon-feature-highlight__description{max-width:400px}.icon-feature-highlight__divider{margin:30px 0}.is-fixed{position:fixed;top:0;width:100%;height:100vh}@media (min-width: 750px){.display-mobile{display:none}}@media (max-width: 1024px){.first-image,.image{height:60vh!important}}@media (min-width: 750px) and (max-width: 768px){.first-image,.image{height:50vh!important}}@media (max-width: 749px){.scroll-section{flex-wrap:wrap;height:auto;position:relative;height:400vh}.image-container{position:sticky!important;top:60px!important;flex:auto;order:0}.image-stack{height:530px;overflow:hidden}.text-container h3,.text-container p{opacity:0;transition:opacity .6s ease-in-out}.image-container .text-container h3,.image-container .text-container p{opacity:1}.text-container{height:auto;flex:auto;order:2;text-align:center;display:none;position:relative}.display-mobile{display:block!important}.image,.first-image{width:100%;top:0;bottom:auto;object-position:top center;height:100%!important}.image.visible{opacity:1;clip-path:inset(0 0 0 0)}.image-container .text-container{position:absolute;top:530px;padding-top:20px;width:100%;padding-right:0}.image-container .icon-content-section{width:100%;left:0;margin:auto}.image-container .icon-feature-highlight-mobile{position:absolute;width:100%;left:0;background-color:#f4f4f1;top:-60px;padding:0 30px}.image-container .text-container .text-container-inner{max-width:290px;margin:auto}}@media (max-width: 450px){.image-stack{height:360px}.image,.first-image{top:0;bottom:auto}.image-container .text-container{position:absolute;top:360px;padding-top:20px;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-arid-scroll-image-with-text.css.map */