.tabbed-features__nav{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}@media screen and (min-width:750px){.tabbed-features__nav{flex-direction:row;justify-content:flex-start;margin:0 -1.5rem 3rem;padding:0 1.5rem 5px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}}.tabbed-features__nav::-webkit-scrollbar{display:none}.tabbed-features__tab-btn{flex-shrink:0;padding:1rem 4rem;padding-bottom:12px;border:1px solid #0000A0;color:#0000a0;background-color:#fff;border-radius:30px;cursor:pointer;text-transform:uppercase;font-size:1.2rem;font-weight:500;line-height:1;transition:all .3s ease}.tabbed-features__tab-btn.is-active{background:#0000a0;color:#fff}.tabbed-features__panel{display:none;animation:fadeIn .5s ease}.tabbed-features__panel.is-active{display:block}.progress-bars-wrapper{width:100%;max-width:350px;margin-top:4rem}.progress-item{margin-bottom:2rem}.progress-item__header{margin-bottom:.5rem}.progress-item__percent{font-size:2.4rem;font-weight:400;color:#0000a0;display:block}.progress-item__text{font-size:1.4rem}.progress-bar{width:100%;height:6px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-bar__fill{display:block!important;height:100%;background:#0000a0}.highlights-container{position:relative;width:100%;display:flex;justify-content:center;flex-direction:column-reverse}@media screen and (min-width:990px){.highlights-container{flex-direction:row}.progress-bars-wrapper{max-width:450px;flex-direction:row}}.highlights-media{width:100%;height:auto;display:block;max-width:800px;margin:0 auto}video.highlights-media{width:auto;height:auto;max-width:100vw;margin-bottom:-60px;margin-left:-1.5rem;min-width:calc(100% + 4.5rem)}.highlight-point__content{display:flex;flex-direction:column;margin-bottom:2rem}.highlight-point__percent{font-size:1.6rem;color:#0000a0;font-weight:400;line-height:1;margin-bottom:5px}@media screen and (min-width:990px){.highlight-point{position:absolute;z-index:2;display:flex;align-items:center;width:max-content;flex-direction:row;top:var(--top-mobile);left:var(--left-mobile);--x-pos: var(--left-mobile);--y-pos: var(--top-mobile);transform:translate(calc(-1 * var(--x-pos)),calc(-1 * var(--y-pos)))}.highlight-point{top:var(--top-desktop);left:var(--left-desktop);--x-pos: var(--left-desktop);--y-pos: var(--top-desktop)}video.highlights-media{margin-top:-131px;margin-left:auto;min-width:auto}.highlight-point.pos-top-left .highlight-point__line,.highlight-point.pos-top-right .highlight-point__line{top:calc(100% + 20px)}.highlight-point.pos-bottom-left .highlight-point__line,.highlight-point.pos-bottom-right .highlight-point__line{bottom:calc(100% + 20px)}.highlight-point.pos-top-left .highlight-point__line,.highlight-point.pos-bottom-left .highlight-point__line{left:10%}.highlight-point.pos-top-left .highlight-point__line{width:26vw}.highlight-point.pos-top-right .highlight-point__line{right:35%;width:24vw}.highlight-point.pos-bottom-left .highlight-point__line{width:28vw}.highlight-point.pos-bottom-right .highlight-point__line{right:30%;width:21vw}.highlight-point.pos-top-left,.highlight-point.pos-bottom-left{flex-direction:row-reverse}.highlight-point__line{position:absolute;width:120px;height:1px;background:#0000a0;display:block!important}.highlight-point__line:before{content:"";position:absolute;top:50%;width:8px;height:8px;background-color:#0000a0;border-radius:50%}.highlight-point.pos-top-right .highlight-point__line:before,.highlight-point.pos-bottom-right .highlight-point__line:before{right:0;transform:translate(50%,-50%)}.highlight-point.pos-top-left .highlight-point__line:before,.highlight-point.pos-bottom-left .highlight-point__line:before{left:0;transform:translate(-50%,-50%)}.highlight-point__text{font-size:1.1rem;max-width:150px;line-height:1.2}.highlight-point__content{margin-bottom:0}}.highlights-media--desktop{display:none!important}.highlights-media--mobile{display:block}video.highlights-media.highlights-media--mobile{display:block}@media screen and (min-width:750px){.highlights-media--desktop{display:block!important}video.highlights-media.highlights-media--desktop{display:block}.highlights-media--mobile{display:none!important}}.tabbed-features .image-with-text__text--caption{margin-bottom:1.5rem;text-transform:uppercase;font-size:1.2rem}.tabbed-features .image-with-text__text--caption,.tabbed-features .image-with-text__heading{color:#0000a0}.comparison-container,.ingredients-container{--grid-desktop-horizontal-spacing: 60px;--grid-mobile-vertical-spacing: 30px}.comparison-container .content-container,.ingredients-container .content-container{padding:0}.comparison-container .image-with-text__heading,.ingredients-container .image-with-text__heading{font-size:1.8rem}.image-compare-wrapper{--expose: 50%;position:relative;overflow:hidden;width:100%;aspect-ratio:5 / 4;border-radius:5px;border:1px solid #eee}.image-compare__base,.image-compare__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.image-compare__base{width:100%;height:100%;object-fit:cover;z-index:1}.image-compare__overlay{z-index:2;clip-path:inset(0 0 0 var(--expose));pointer-events:none;display:block!important}.image-compare__overlay img,.image-compare__overlay svg{width:100%;height:100%;object-fit:cover;display:block!important}.image-compare__handle{position:absolute;top:0;bottom:0;left:var(--expose);width:2px;background-color:#0000a0;transform:translate(-50%);z-index:3;pointer-events:none;display:flex!important;align-items:center;justify-content:center}.image-compare__handle-icon{min-width:28px;height:28px;background-color:#fff;border-radius:50%;color:#0000a0;display:flex!important;align-items:center;justify-content:center;box-shadow:0 0 10px #0000001a}.image-compare__handle-icon svg{width:18px;height:18px;display:block!important}.image-compare__label{position:absolute;bottom:20px;padding:5px 14px 7px;background-color:#fff;color:#0000a0;border:1px solid #0000A0;border-radius:20px;font-size:1.2rem;font-weight:500;z-index:4;line-height:1;pointer-events:none}.image-compare__label--left{left:20px}.image-compare__label--right{right:20px}.image-compare__slider{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;z-index:5;cursor:ew-resize;margin:0;-webkit-appearance:none;display:block!important}.image-compare__hint{font-size:10px;margin-top:.7rem;font-weight:400}.image-side-by-side{display:flex;gap:15px;width:100%}.image-side-by-side__item{flex:1;position:relative;display:flex;aspect-ratio:4 / 5}.image-side-by-side__item img,.image-side-by-side__item svg{width:100%;height:100%;object-fit:cover;border-radius:5px;border:1px solid #eee}.image-side-by-side__item .image-compare__label{position:absolute;bottom:15px;left:15px;white-space:nowrap}@media screen and (max-width:749px){.image-side-by-side{gap:10px}.image-side-by-side__item .image-compare__label{padding:3px 10px 5px;font-size:1rem;bottom:10px;left:10px}}.ingredients-container .image-with-text__media-item{display:flex;align-items:center}.ingredients-list{margin-top:3rem}.ingredient-item:not(:last-of-type){margin-bottom:2.4rem}.ingredient-item__title{font-weight:400;color:#0000a0;font-size:1.6rem;margin-bottom:.5rem}.ingredient-item__desc{font-size:1.4rem}.tabbed-features-media video,.tabbed-features-media img{width:100%;height:auto;object-fit:cover;border-radius:5px;display:block}@media screen and (min-width:475px){.highlight-point__text{font-size:1.2rem}.highlight-point.pos-top-left .highlight-point__line,.highlight-point.pos-bottom-left .highlight-point__line{left:50%}.highlight-point.pos-top-right .highlight-point__line{right:75%}.highlight-point.pos-bottom-right .highlight-point__line{right:30%}.highlight-point.pos-top-left .highlight-point__line{width:21vw}.highlight-point.pos-top-right .highlight-point__line{width:17vw}.highlight-point.pos-bottom-left .highlight-point__line{width:16vw}.highlight-point.pos-bottom-right .highlight-point__line{width:27vw}}@media screen and (min-width:750px){.tabbed-features__nav{justify-content:center;gap:1.5rem;margin:0 0 3rem;padding:0 0 5px;position:relative;z-index:1}.tabbed-features__nav:after{display:none}}@media screen and (min-width:990px){.highlight-point__percent{font-size:2.4rem}.tabbed-features .image-with-text__text--caption{font-size:1.4rem}.highlight-point__text{max-width:250px}.highlight-point.pos-top-left .highlight-point__line{width:25vw}.highlight-point.pos-top-right .highlight-point__line{width:22vw}.highlight-point.pos-bottom-left .highlight-point__line{width:20vw}.highlight-point.pos-bottom-right .highlight-point__line{width:30vw}.progress-bars-wrapper{margin-top:10rem}.comparison-container .image-with-text__text-item,.ingredients-container .image-with-text__text-item{width:calc(40% - var(--grid-desktop-horizontal-spacing) / 2)}.comparison-container .image-with-text__media-item,.ingredients-container .image-with-text__media-item{width:calc(60% - var(--grid-desktop-horizontal-spacing) / 2)}.comparison-container,.ingredients-container{padding-top:3rem}.comparison-container .image-with-text__heading,.ingredients-container .image-with-text__heading{font-size:2.4rem}.ingredients-list{margin-top:6rem}.ingredient-item__desc{font-size:1.6rem}}@media screen and (min-width:1300px){.highlight-point.pos-top-left .highlight-point__line{width:450px}.highlight-point.pos-top-right .highlight-point__line{width:410px}.highlight-point.pos-bottom-left .highlight-point__line{width:350px}.highlight-point.pos-bottom-right .highlight-point__line{width:480px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/151/assets/component-tabbed-features.css.map */