.image-wrapper-constrained{display:inline-block;vertical-align:top}.image-wrapper{overflow:hidden;position:relative}.image-wrapper img{block-size:100%;inline-size:100%;inset:0;margin:0;max-inline-size:none;object-fit:cover;padding:0;position:absolute}.onde-vs-light-hero{min-block-size:calc(100vh - 66px);text-align:center}@media not all and (resolution >= 0.001dpcm){@supports(-webkit-appearance:none){.onde-vs-light-hero{min-block-size:-webkit-fill-available}}}.onde-vs-light-hero{align-items:center;display:flex;flex-direction:column;inline-size:100%;justify-content:center;padding-block-end:var(--size-2xl)}@media screen and (min-width:768px){.onde-vs-light-hero{min-block-size:100vh}}@media screen and (min-width:1280px){.onde-vs-light-hero{min-block-size:calc(100vh - var(--header-height));padding-block-start:var(--size-2xl)}}.onde-vs-light-hero__title{margin-block-end:var(--size-m);margin-inline:auto;max-inline-size:280px}@media screen and (min-width:768px){.onde-vs-light-hero__title{max-inline-size:100%}}@media screen and (min-width:1024px){.onde-vs-light-hero__description{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}}.onde-vs-light-hero__slider{max-inline-size:100vw;overflow:hidden;position:relative}.onde-vs-light-hero__slider:after{background:linear-gradient(180deg,#fff0 60%,#fff);block-size:calc(50% - 45px);content:"";display:block;inset-block-end:0;inset-inline:0;position:absolute}.onde-vs-light-hero__slider:before{block-size:calc(50% - 10px);content:"";display:block;inset-block-start:0;inset-inline:0;position:absolute;z-index:1}.onde-vs-light-features{margin-block-end:var(--size-3xl)}@media screen and (min-width:768px){.onde-vs-light-features{margin-block-end:var(--size-5xl)}}@media screen and (max-width:767px){.onde-vs-light-features{max-inline-size:100%;overflow:hidden}}.onde-vs-light-features-main{background-image:radial-gradient(100% 162.87% at 0 0,#00b354 35.29%,#00d262 100%);margin-block-end:var(--size-2xl);padding:var(--size-l);position:relative}@media screen and (min-width:1024px){.onde-vs-light-features-main{background-image:none;inset-block-start:calc(50vh - 240px);margin-block-end:0;min-block-size:568px;padding:var(--size-2xl);padding-block-start:var(--size-2xl);padding-inline:calc(532px + var(--size-l)) var(--size-3xl);position:sticky}.onde-vs-light-features-main:before{background:radial-gradient(100% 162.87% at 0 0,#00b354 35.29%,#00d262 100%)}.onde-vs-light-features-main:after,.onde-vs-light-features-main:before{block-size:536px;content:"";display:block;inset-block-start:0;inset-inline:0;position:absolute}.onde-vs-light-features-main:after{background:radial-gradient(100% 162.87% at 0 0,#00acc1 0,#00bcd4 100%);opacity:0;transition:opacity .3s ease-out}}@media screen and (min-width:1280px){.onde-vs-light-features-main{inset-block-start:calc((100vh - var(--header-height))/2 - 240px);padding-inline-start:calc(582px + var(--size-l))}}@media screen and (min-width:1024px){.onde-vs-light-features-main--light:after{opacity:1}}.onde-vs-light-features-main__title{margin-block-end:var(--size-m);max-inline-size:400px;position:relative;z-index:1}@media screen and (min-width:768px){.onde-vs-light-features-main__title{margin-block-end:var(--size-3xl)}}@media screen and (min-width:1024px){.onde-vs-light-features-main__title{margin-block-end:var(--size-m);min-inline-size:100%}}.onde-vs-light-features-main__description{display:inline-block;margin-block-end:var(--size-3xl);position:relative;z-index:1}@media screen and (min-width:768px){.onde-vs-light-features-main__description{margin-block-end:0}}.onde-vs-light-features-main__image{inset-block-end:calc(var(--size-2xl)*-1);inset-inline-end:calc(var(--size-3xl)*-1);max-inline-size:320px;position:absolute;z-index:1}@media screen and (min-width:768px){.onde-vs-light-features-main__image{inset-inline-end:var(--size-m);max-inline-size:440px}}@media screen and (min-width:1280px){.onde-vs-light-features-main__image{inset-inline-end:0;max-inline-size:495px}}.onde-vs-light-features-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-inline:auto;max-inline-size:800px;position:relative;z-index:1}@media screen and (min-width:1024px){.onde-vs-light-features-list{margin-block-start:-220px;margin-inline-start:0;max-inline-size:calc(463px + var(--size-2xl) + var(--size-l));padding-block-end:var(--size-4xl);padding-inline:var(--size-2xl) var(--size-l)}}@media screen and (min-width:1280px){.onde-vs-light-features-list{max-inline-size:582px;padding-inline:var(--size-2xl) var(--size-2xl)}}.onde-vs-light-features-list__card{background-color:var(--color-white);margin-block-end:var(--size-m);max-inline-size:335px;padding:var(--size-l)}@media screen and (min-width:768px){.onde-vs-light-features-list__card{margin-block-end:var(--size-xl)}.onde-vs-light-features-list__card:nth-child(2n){inset-block-start:var(--size-3xl);position:relative}}@media screen and (min-width:1024px){.onde-vs-light-features-list__card{margin-block-end:var(--size-2xl);max-inline-size:100%;padding:var(--size-xl)}.onde-vs-light-features-list__card:nth-child(2n){inset-block-start:0;position:static}.onde-vs-light-features-list__card:nth-child(3){margin-block-end:var(--size-5xl)}}.onde-vs-light-features-list__header{align-items:center;display:flex;margin-block-end:var(--size-l)}@media screen and (min-width:1024px){.onde-vs-light-features-list__header{margin-block-end:var(--size-2xl)}}.onde-vs-light-features-list__title{margin-block-end:var(--size-m)}@media screen and (min-width:1024px){.onde-vs-light-features-list__title{margin-block-end:var(--size-l)}}.onde-vs-light-features-list__title--small-m{margin-block-end:var(--size-xs)}@media screen and (min-width:1024px){.onde-vs-light-features-list__title--small-m{margin-block-end:var(--size-xs)}}.onde-vs-light-features-list__icon{margin-inline-end:var(--size-l)}.onde-vs-light-features-list__icon rect{fill:var(--color-primary)}.onde-vs-light-features-list__icon path{fill:var(--color-primary-5)}.onde-vs-light-features-list__icon--light rect{fill:var(--color-turquoise)}.onde-vs-light-features-list__icon--light path{fill:var(--color-turquoise-light)}.onde-vs-light-features-list__badge{background-color:var(--color-black-10);border-radius:42px;display:inline-block;margin-block-end:var(--size-m);padding:5px 10px 4px}.onde-vs-light-table-header{margin-block-end:var(--size-2xl);text-align:center}.onde-vs-light-table-header__title{margin-block-end:var(--size-m)}.onde-vs-light-table-list{margin-block-end:var(--size-4xl)}.onde-vs-light-table-list__item{align-items:center;color:var(--color-primary);display:flex;padding:var(--size-m) var(--size-m) var(--size-m) var(--size-m)}.onde-vs-light-table-list__item--header{background-color:var(--color-white);border-block-end:1px solid var(--color-black-10);gap:var(--size-s);justify-content:space-between;padding-block:var(--size-xl) var(--size-xl)}@media screen and (min-width:768px){.onde-vs-light-table-list__item--header{align-items:flex-start;position:sticky;z-index:1}}.onde-vs-light-table-list__item--disabled{color:var(--color-black-10)}.onde-vs-light-table-list__item--light{color:var(--color-turquoise)}.onde-vs-light-table-list__item-title{margin-block-end:var(--size-s)}.onde-vs-light-table-list__item-cta{display:none;flex-shrink:0}@media screen and (min-width:1024px){.onde-vs-light-table-list__item-cta{display:block}}.onde-vs-light-table-list__item-icon{block-size:24px;flex-shrink:0;inline-size:24px;margin-inline-end:var(--size-l)}.onde-vs-light-table-list__item-text{display:inline-block}.onde-vs-light-table-list__item-text:first-letter{text-transform:uppercase}.with-notification-bar .onde-vs-light-table-list__item--header{inset-block-start:50px}@media screen and (min-width:1280px){.with-notification-bar .onde-vs-light-table-list__item--header{inset-block-start:calc(var(--header-height) + 50px)}}.onde-vs-light-table-list__item--header{inset-block-start:var(--header-height)}.onde-vs-light-table-list-cta--tablet_only{display:none}@media screen and (min-width:768px){.onde-vs-light-table-list-cta--tablet_only{display:block;margin-inline-end:var(--size-m)}}@media screen and (min-width:1024px){.onde-vs-light-table-list-cta--tablet_only{display:none}}.onde-vs-light-table{display:none}@media screen and (min-width:768px){.onde-vs-light-table{display:block}}.onde-vs-light-table--mobile{display:block;margin-block-end:var(--size-xl)}@media screen and (min-width:768px){.onde-vs-light-table--mobile{display:none}}.onde-vs-light-table__table{border-collapse:collapse;margin-inline:auto}.onde-vs-light-table th{border-block-end:1px solid var(--color-black-10);padding-block:var(--size-s) var(--size-s)}.onde-vs-light-table td{line-height:1;padding-block:var(--size-s) var(--size-s);vertical-align:middle}.onde-vs-light-table td:nth-child(2),.onde-vs-light-table td:nth-child(3){padding-inline:var(--size-s) var(--size-s);text-align:center}.onde-vs-light-table td:nth-child(2){color:var(--color-primary)}.onde-vs-light-table td:nth-child(3){color:var(--color-turquoise)}.onde-vs-light-table td .onde-vs-light-table-list__item-icon{display:inline;margin-inline-end:0}.onde-vs-light-table td.onde-vs-light-table-list__item--disabled{color:var(--color-black-10)}.onde-vs-light-table-cta-blocks{display:flex;flex-wrap:wrap;justify-content:space-around;margin-block-end:var(--size-3xl)}@media screen and (min-width:768px){.onde-vs-light-table-cta-blocks{display:none}}.onde-vs-light-table-cta-blocks__item{background:radial-gradient(100% 162.87% at 0 0,#00b354 35.29%,#00d262 100%);display:flex;flex-direction:column;inline-size:100%;margin-block-end:var(--size-s);max-inline-size:326px;padding:var(--size-l)}.onde-vs-light-table-cta-blocks__item--light{background:radial-gradient(100% 162.87% at 0 0,#00acc1 0,#00bcd4 100%)}.onde-vs-light-table-cta-blocks__item-title{margin-block-end:var(--size-xxs)}.onde-vs-light-table-cta-blocks__item-description{margin-block-end:var(--size-l)}.onde-vs-light-table-cta-blocks__item-link{margin-block-end:var(--size-m);text-align:center;-webkit-text-decoration:underline;text-decoration:underline}.before-after-slider{inset-inline-start:calc(50vw - 383.5px);margin-inline:auto;max-inline-size:970px;position:relative}@media screen and (min-width:731px){.before-after-slider{position:static}}.before-after-slider__container{position:relative}.before-after-slider__subzero{filter:blur(5px);inline-size:104px;inset-block-start:calc(50% - 100px);inset-inline-end:25%;opacity:0;pointer-events:none;position:absolute;transform:scaleX(-1) translateX(-45px);transition:all .6s ease-out;z-index:4}.before-after-slider__subzero--active{filter:blur(0);opacity:1;transform:scaleX(-1) translateX(0)}.before-after-slider__reptile{filter:blur(5px);inline-size:104px;inset-block-start:calc(50% - 100px);inset-inline-start:25%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-45px);transition:all .6s ease-out;z-index:4}.before-after-slider__reptile--active{filter:blur(0);opacity:1;transform:translateX(0)}.before-after-slider__images-wrapper{inline-size:100%;position:relative}.before-after-slider__right-wrapper{inset:0;position:absolute}.before-after-slider__resizable{block-size:100%!important;position:absolute;touch-action:none}.before-after-slider__resizable .handle-mr{background:#fff linear-gradient(180deg,#fff0 23%,#fff);block-size:46px;border:1px solid #bfbfbf;border-radius:50%;cursor:ew-resize;display:block!important;filter:drop-shadow(0 3px 11px rgba(0,0,0,.24));inline-size:46px;inset-block-start:50%;inset-inline-end:-23px;margin-block-start:-5px;position:absolute;z-index:2}.before-after-slider__resizable .handle-mr:after,.before-after-slider__resizable .handle-mr:before{block-size:10px;content:"";display:block;inline-size:6px;inset-block-start:50%;margin-block-start:-5px;position:absolute}.before-after-slider__resizable .handle-mr:before{background:url(https://d3j83e26t2bu3f.cloudfront.net/site/ondevsondelight/left-arrow.svg) 50% no-repeat;inset-inline-start:12px}.before-after-slider__resizable .handle-mr:after{background:url(https://d3j83e26t2bu3f.cloudfront.net/site/ondevsondelight/right-arrow.svg) 50% no-repeat;inset-inline-end:11px}.before-after-slider__handle-wrap{block-size:100%;inset-block:50% 0;position:absolute;transform:translate(-50%,-50%);z-index:5}.before-after-slider__compare-overlay{overflow:hidden}.onde-vs-light-hero__title{opacity:0;transform:translateY(-8px);transition:opacity .6s ease-out,transform .6s ease-out}.onde-vs-light-hero__description{opacity:0;transition:opacity .8s ease-out .3s}.onde-vs-light-hero .before-after-slider{opacity:0;transition:opacity .8s ease-out .6s}.onde-vs-light-hero.h-in-view .onde-vs-light-hero__title{opacity:1;transform:translateY(0)}.onde-vs-light-hero.h-in-view .before-after-slider,.onde-vs-light-hero.h-in-view .onde-vs-light-hero__description{opacity:1}.onde-vs-light-features-main.h-hidden .onde-vs-light-features-main__title{opacity:0;transition:opacity .8s ease-out}.onde-vs-light-features-main.h-hidden .onde-vs-light-features-main__description{opacity:0;transition:opacity .8s ease-out .3s}.onde-vs-light-features-main.h-hidden .onde-vs-light-features-main__image{opacity:0;transform:scale(.8) translate(60px,-20px);transform-origin:right top;transition:opacity .3s ease-out .6s,transform .8s ease-out .6s}.onde-vs-light-features-main.h-in-view .onde-vs-light-features-main__description,.onde-vs-light-features-main.h-in-view .onde-vs-light-features-main__title{opacity:1}.onde-vs-light-features-main.h-in-view .onde-vs-light-features-main__image{opacity:1;transform:scale(1) translate(0)}.onde-vs-light-table-header.h-hidden .onde-vs-light-table-header__title{opacity:0;transform:translateY(-8px);transition:opacity .8s ease-out,transform .8s ease-out}.onde-vs-light-table-header.h-hidden .onde-vs-light-table-header__description{opacity:0;transition:opacity .8s ease-out .3s}.onde-vs-light-table-header.h-in-view .onde-vs-light-table-header__title{opacity:1;transform:translateY(0)}.onde-vs-light-table-header.h-in-view .onde-vs-light-table-header__description{opacity:1}.onde-vs-light-table-cta-blocks__item.h-hidden{opacity:0;transition:opacity .8s ease-out}.onde-vs-light-table-cta-blocks__item.h-in-view{opacity:1}.onde-vs-light-table-cta-blocks__item--light.h-hidden{opacity:0;transition:opacity .8s ease-out .3s}.onde-vs-light-table-cta-blocks__item--light.h-in-view{opacity:1}@keyframes subzeroStart{to{filter:blur(0);opacity:1;transform:scaleX(-1) translateX(0)}}@keyframes reptileStart{to{filter:blur(0);opacity:1;transform:translateX(0)}}
