.black_overlay{display:none;position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:2;cursor:pointer}.popup_container{position:absolute;z-index:3;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.lds-ring,.lds-ring div{box-sizing:border-box}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid currentColor;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:currentColor transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.msg_container{position:relative;display:none;flex-direction:column;justify-content:center;align-items:center;max-width:600px;left:0;right:0;color:#000;background-color:#fff;border-radius:3px;padding:20px}.msg{margin-bottom:20px}@media (max-width: 480px){.msg_container{width:80%}}#header{font-size:3vw}@media only screen and (max-width: 1475px){#header{font-size:4vw}}@media only screen and (max-width: 767px){#header{font-size:10vw}}.hover_border{transition:1s}.hover_border:hover{border:solid;border-width:1.3px;border-color:#000}.text_underline{text-decoration-line:underline}.comparisonSection{width:100vw;background-color:#fff;padding-top:81px;padding-bottom:81px;display:flex;flex-direction:row;justify-content:center;overflow:hidden}.comparisonContainer{background-color:#e5e5e5;width:90%;max-width:800px;border-radius:24px;display:flex;justify-content:center;align-items:center}.comparisonGrid{background-color:#e5e5e5;width:80%;min-width:600px;display:grid;grid-template-columns:1fr;margin-top:36px;margin-bottom:36px}.comparisonItemRow{display:flex;justify-content:space-evenly;gap:16px;margin-bottom:12px}.comparisonRowItem{flex:1}.comparisonItemTitle{display:flex;flex:1;flex-direction:column}.comparisonImg{width:100%;display:flex;align-items:center;justify-content:center}.comparisonImg img{width:80%}.comparisonIcons{display:flex;justify-content:left;width:80%}.comparisonIcon{width:25%;position:relative;height:0;padding-bottom:25%;border-radius:20%;background-color:#000;color:#fff;margin-right:10px;text-align:center}.comparisonIcon span{padding-top:25%}.comparisonItemTitle hr{margin-top:10px;color:#9c9c9c;width:100%}@media only screen and (max-width:732px){.comparisonContainer{background-color:#e5e5e5;width:90%;max-width:800px;border-radius:24px;display:flex;justify-content:left;align-items:center;overflow:scroll;overflow-y:hidden}.comparisonTitle{width:90%;max-width:400px}.comparisonGrid{background-color:#e5e5e5;width:80%;min-width:600px;display:grid;grid-template-columns:1fr;margin:36px}}.layerFeatureContainer{width:100vw;background-color:#e5e5e5;padding-top:81px;padding-bottom:81px;display:flex;flex-direction:row;justify-content:center;overflow:hidden}.featureInfoContainer{background-color:#e5e5e5;width:800px}.featureBannerContainer{background-color:#fff;width:100%;height:400px;border-radius:24px;display:flex;flex-direction:row;overflow:hidden}.bannerTextContainer{flex:1;background-color:#fff;display:flex;justify-content:center;align-items:center}.bannerTextContainer>div{width:60%;background-color:#fff}.bannerText{margin-bottom:16px}.bannerImgContainer{flex:1;background-color:#fff}.bannerImgContainer>img{width:100%;height:100%;transform:scale(1.6) translate(15%,5%)}.featureDetailsOuterContainer{display:flex;justify-content:center}.featureDetailsContainer{background-color:#e5e5e5;width:80%;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;margin-top:36px}.featureDetail{padding:12px}#featureDetail_1{background-color:#e5e5e5}#featureDetail_1>h4{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#5738d1,#9039d0 40%);margin-bottom:6px}#featureDetail_2>h4{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#ae41c5,#df51ad 60%);margin-bottom:6px}#featureDetail_3>h4{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#df51ad,#eb587d 90%);margin-bottom:6px}#featureDetail_4>h4{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#ec597f,#e4551a 90%);margin-bottom:6px}@media only screen and (max-width:1024px){.featureDetailsContainer{background-color:#e5e5e5;width:80%;display:grid;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr;margin-top:36px;align-self:center}}@media only screen and (max-width:732px){.featureInfoContainer{background-color:#e5e5e5;width:90%}.featureBannerContainer{background-color:#fff;width:100%;border-radius:24px;display:flex;flex-direction:column;justify-self:center}.bannerTextContainer{flex:1;margin-top:36px}.bannerImgContainer{flex:1;background-color:#fff}.bannerImgContainer>img{width:100%;transform:scale(1) translate(15%,-10%)}}.flowerContainer{width:100vw;height:100vh;background-color:#fff}#flowerSequenceCanvas,.layerMaterialContainer{width:100vw;height:100vh}.layerMaterialInfo{width:800px;height:800px;background-color:#fff;display:grid!important;grid-template-rows:1fr 6fr;grid-template-columns:5fr 3fr;margin:100px auto;position:relative}.layerMaterialText{background-color:#fff}.layerMaterialText h1{font-size:56px}.layerMaterialButton{background-color:#fff}.layerMaterialWide{max-height:100%;position:relative;background-color:#fff}.layerMaterialWide img{position:absolute;width:100%;height:100%;padding-right:15px;object-fit:cover;display:block;top:0vh}.layerMaterialClose{max-height:100%;position:relative;background-color:#fff}.layerMaterialClose img{position:absolute;width:100%;height:100%;object-fit:cover;display:block;top:0vh}.layerMaterialButton{background-color:#fff;margin-top:12px}.layerMaterialButton input[type=radio]{opacity:0;position:fixed;width:0}.layerMaterialButton label{display:inline-block;background:#474747;width:48px;height:48px;outline:none;padding:0;text-align:center;color:#fff;border-radius:100%}.layerMaterialButton label:before{content:"";display:inline-block;vertical-align:middle;padding-top:100%}.layerMaterialButton input[type=radio]:checked+label{background-color:#000}.layerMaterialButton input[type=radio]:focus+label{background-color:#000}.layerMaterialButton label:hover{background-color:gray}span{display:inline-block;vertical-align:middle;max-width:90%}@media only screen and (max-width:1200px){.layerMaterialInfo{width:100vw;height:100vh;padding:120px 100px;align-self:center;background-color:#fff;display:grid;grid-template-rows:1fr 6fr;grid-template-columns:5fr 3fr}}@media only screen and (max-width:732px){.layerMaterialInfo{width:100vw;height:100vh;padding:20px 36px;background-color:#fff;display:grid;grid-template-rows:1fr 1fr 3fr 3fr;grid-template-columns:auto}.layerMaterialText{display:flex;align-items:end}.layerMaterialText h1{font-size:42px}.layerMaterialButton{padding-top:12px}.layerMaterialWide img{position:absolute;width:100%;height:93%;padding-right:0;object-fit:fill;display:block;top:0vh}.layerMaterialClose img{position:absolute;width:100%;height:93%;object-fit:cover;display:block;top:0vh}}.recyclingContainer{width:100vw;height:50vh;background-color:#fff;background:#fff}#recyclingSequenceCanvas{width:50vw;height:50vh;margin:100px auto;display:inline}.tamponContainer{width:100vw;height:92vh;background-color:#fff;position:relative}#underLayerContainer{position:absolute;width:100vw;height:100vh;top:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column}#underLayerMedia{max-width:560px;width:100%;height:auto;max-height:80%;object-fit:contain}#tamponSequenceCanvas{width:100vw;height:100vh;z-index:10;position:absolute}#topLayerContainer{position:absolute;width:100vw;height:100vh;top:0;left:0;z-index:20;display:flex;justify-content:center;align-items:center;flex-direction:column}.topLayerTextContainer{max-width:600px;padding:12px 36px;position:absolute}.topLayerText{color:#fff0;font-size:22px;text-transform:none;font-weight:700}#imageOverlay{position:absolute;width:100vw;height:100vh;top:0;left:0;z-index:15;background:#0000}#scrollArrow{position:absolute;bottom:60px;left:0;width:100%;height:60px;background:transparent;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center}#scrollArrow a{font-size:18px;font-weight:700}#scrollArrow a span{display:block;width:24px;height:24px;margin:0 auto;border-left:2px solid #000;border-bottom:2px solid #000;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:sdb04 2s infinite;animation:sdb04 2s infinite}@-webkit-keyframes sdb04{0%{-webkit-transform:rotate(-45deg) translate(0,0)}20%{-webkit-transform:rotate(-45deg) translate(-10px,10px)}40%{-webkit-transform:rotate(-45deg) translate(0,0)}}@keyframes sdb04{0%{transform:rotate(-45deg) translate(0)}20%{transform:rotate(-45deg) translate(-10px,10px)}40%{transform:rotate(-45deg) translate(0)}}.landingVideoContainer{width:100vw;height:100vh;position:relative}.landingVideo{width:100%;height:100%;object-fit:cover;position:relative;z-index:0}.landingVideoTextContainer{position:absolute;z-index:1;width:900px;left:0;right:0;top:50%;transform:translateY(-50%);margin-left:auto;margin-right:auto;text-align:center}.landingVideoText{color:#fff3;font-size:1.5rem}@media only screen and (max-width: 900px){.landingVideoTextContainer{max-width:80%}.landingVideoText{font-size:.8rem}}#outerContentContainer{width:100vw;height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center}#contentContainer{width:100vw;height:100vh;max-width:900px;max-height:800px;display:flex;flex-direction:row;gap:64px;background-color:#fff}#textContainer{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;order:1}#animationCanvas{width:50%;order:2}#mediaContainer{width:50%;order:2;background-color:#00f;overflow:hidden;display:flex}#media{max-width:100%;max-height:100%;height:100%;width:100%;object-fit:cover}@media only screen and (max-width: 900px){#contentContainer{width:100vw;height:100vh;max-width:90%;max-height:800px;display:flex;flex-direction:row}}@media only screen and (max-width: 766px){#contentContainer{width:100vw;height:100vh;max-width:100%;max-height:90%;display:flex;flex-direction:column;gap:24px}#textContainer{width:90%;padding:0;order:2}#animationCanvas,#mediaContainer{width:100%;height:80%;order:1}}.video_ares_wrapper video{width:100%;height:100%;display:block;object-fit:cover;overflow:hidden;border:0 none;clip-path:inset(0px);background-image:linear-gradient(transparent,transparent)!important;//Transparent for your case background-color: transparent !important;box-shadow:none!important}video::-webkit-media-controls-panel{background-color:transparent!important;box-shadow:none!important;background-image:none!important;filter:brightness(.4)}.image_overlay_text{position:absolute;font-size:24px;font-weight:700;z-index:10}.video_overlay_text{position:absolute;width:100%;font-size:24px;font-weight:700;z-index:10}@media only screen and (max-width: 600px){.image_overlay_text,.video_overlay_text{font-size:18px}}.show_video{display:block!important}.hide_video{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/44/compiled_assets/styles.css.map */