.refill-recyclable-inner{display:flex;flex-direction:row;padding-top:5rem;padding-bottom:5rem;justify-content:space-between}.refill-recyclable-left{max-width:400px;width:50%}.refill-recyclable-content{display:flex;flex-direction:row;gap:3rem;width:50%}.refill-recyclable-inner h3{font-size:38px;font-family:var(--font-regular);line-height:57px;text-align:left;margin-bottom:20px}.refill-item-bottom{border-top:1px solid #8B8E98}.refill-recyclable-content .refill-item img{display:block;margin:auto auto 30px}.refill-item-bottom .refill-item-name{font-size:16px;font-weight:600;margin-top:1rem;color:#474c60}.learn-more-wrapper span{line-height:40px;height:40px;margin-left:10px;font-size:16px;font-weight:600}.refill-recyclable-wrapper[data-product="0"] h3,.refill-recyclable-wrapper[data-product="0"] .learn-more-btn-text{color:var(--custom-product-color-0)}.refill-recyclable-wrapper[data-product="1"] h3,.refill-recyclable-wrapper[data-product="1"] .learn-more-btn-text{color:var(--custom-product-color-1)}.refill-recyclable-wrapper[data-product="2"] h3,.refill-recyclable-wrapper[data-product="3"] h3,.refill-recyclable-wrapper[data-product="2"] .learn-more-btn-text,.refill-recyclable-wrapper[data-product="3"] .learn-more-btn-text{color:var(--custom-product-color-2)}.refill-recyclable-wrapper[data-product="4"] h3,.refill-recyclable-wrapper[data-product="4"] .learn-more-btn-text{color:var(--custom-product-color-4)}.refill-recyclable-section[data-product="4"]{background-color:#fff8f8}.refill-recyclable-wrapper[data-product="5"] h3,.refill-recyclable-wrapper[data-product="5"] .learn-more-btn-text{color:var(--custom-product-color-5)}.refill-recyclable-section[data-product="5"]{background-color:#fff2f8}.refill-recyclable-wrapper[data-product="6"] h3,.refill-recyclable-wrapper[data-product="6"] .learn-more-btn-text{color:var(--custom-product-color-6)}.refill-recyclable-section[data-product="6"]{background-color:#f9f2ff}.refill-recyclable-wrapper[data-product="7"] h3,.refill-recyclable-wrapper[data-product="7"] .learn-more-btn-text{color:var(--custom-product-color-7)}.refill-recyclable-section[data-product="7"]{background-color:#fffaf2}.refill-item{flex:1}.learn-more-wrapper{display:flex;flex-direction:row}.learn-more-inner{display:flex;flex-direction:row;justify-content:space-between;padding-top:30px}.learn-more-mobile-img{display:none}.learn-more-img{display:block}#learn-more-content{display:flex;height:100%;position:fixed;width:100%;z-index:9999;left:0;top:0;flex-direction:row-reverse;background-color:#002d7266;transform:translate(100%)}#learn-more-content.active-learnmore{transform:translate(0)}.learn-more-step-text{flex:1;max-height:42px;display:flex;flex-direction:column;justify-content:center}.learn-more-step-wrapper{display:flex;flex-direction:column}#learn-more-content-card{transform:translate(100%);transition:transform .5s ease;overflow:auto}.learn-more-body{padding-bottom:10px}.learn-more-icon-wrap{cursor:pointer}#learn-more-content-card.active-learnmore{transform:translate(0)}#learn-more-content-card{padding:0 50px;max-width:880px;width:100%;height:100%;background-color:#fff;z-index:2}#learn-more-content-card h3{font-size:30px}@media screen and (max-width: 880px){#learn-more-content-card{max-width:100%}}.learn-more-step{display:flex;gap:10px}.learn-more-step-num{height:42px;width:42px;border-radius:42px;background-color:#474c60;text-align:center;justify-content:center;color:#fff;font-size:20px;line-height:42px}#close-learn-more{position:fixed;top:27px;right:45px;cursor:pointer}.learn-more-step-divide{width:21px;height:42px;border-right:1px solid #474C60}div:empty.learn-more-content-bg{position:fixed;width:100%;height:100%;left:0;top:0;display:block;z-index:1}@media screen and (max-width: 750px){.refill-recyclable-inner{flex-direction:column}.refill-recyclable-content{width:100%}.refill-recyclable-left{width:100%;margin-bottom:30px}.learn-more-inner{flex-direction:column}.learn-more-mobile-img{display:block;text-align:center}.learn-more-img{display:none}}@media screen and (max-width: 1050px){.refill-recyclable-inner h3{font-size:24px;margin:0}.refill-recyclable-content .refill-item img{max-width:151px;height:165px;object-fit:contain}.refill-item-bottom .refill-item-info,.refill-item-bottom .refill-item-name{font-size:14px}}.learn-more-head h3{color:#040404}
/*# sourceMappingURL=/cdn/shop/t/31/assets/refill-recyclable.css.map */