.opk_image_comparison{overflow:hidden}.opk_image_comparison__content{max-width:640px;position:relative;z-index:2;text-align:center;color:var(--opk-content-color)}.opk_image_comparison__component--single .opk_image_comparison__content{max-width:790px}.opk_image_comparison__content_title{font-style:normal;text-transform:uppercase;color:inherit}.opk_image_comparison__content_title:not(:last-child){margin-bottom:12px}@media screen and (min-width: 750px){.opk_image_comparison__component--single .opk_image_comparison__content_title:not(:last-child){margin-bottom:24px}}h3.opk_image_comparison__content_title{font-weight:700}@media screen and (min-width: 750px){h3.opk_image_comparison__content_title{font-size:48px}}@media screen and (max-width: 749px){h3.opk_image_comparison__content_title{font-size:38px}}@media screen and (min-width: 750px){h3.opk_image_comparison__content_title{line-height:1.1}}@media screen and (max-width: 749px){h3.opk_image_comparison__content_title{line-height:1}}h2.opk_image_comparison__content_title{font-weight:900;line-height:1;font-size:max(38px, min(4.5vw, 78px))}.opk_image_comparison__content_text p{margin:0}.opk_image_comparison__content_text p:not(:last-child){margin-bottom:20px}@media screen and (min-width: 750px){.opk_image_comparison__content_text:not(:last-child){margin-bottom:36px}}@media screen and (max-width: 749px){.opk_image_comparison__content_text:not(:last-child){margin-bottom:24px}}.opk_image_comparison__component--single .opk_image_comparison__content_text:not(:last-child){margin-bottom:24px}@media screen and (min-width: 750px){.opk_image_comparison__content_text{letter-spacing:.013em}}@media screen and (min-width: 750px){.opk_image_comparison__component--single .opk_image_comparison__content_text{font-size:22px;line-height:1.2}}@media screen and (max-width: 549px){.opk_image_comparison__content_link{width:100%}}.opk_image_comparison__wrap{width:100%;--comparison-wrap-height: 400px}@media screen and (max-width: 989px){.opk_image_comparison__wrap{min-height:calc(var(--comparison-wrap-height)*2)}}@media screen and (max-width: 989px){.opk_image_comparison__component--single .opk_image_comparison__wrap{min-height:var(--comparison-wrap-height)}}.opk_image_comparison__content_wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 990px){.opk_image_comparison__after .opk_image_comparison__content_wrap{margin-left:auto}}@media screen and (max-width: 989px){.opk_image_comparison__after .opk_image_comparison__content_wrap{margin-top:auto}}@media screen and (min-width: 990px){.opk_image_comparison__content_wrap{min-height:var(--opk-min-height);width:50%;padding:35px}}@media screen and (max-width: 989px){.opk_image_comparison__content_wrap{min-height:var(--comparison-wrap-height);padding:24px}}.opk_image_comparison__component--single .opk_image_comparison__content_wrap{width:100%}.opk_image_comparison__media{position:absolute;top:0;left:0;width:100%;height:100%}.opk_image_comparison__media .placeholder{width:100%;height:100%}.opk_image_comparison__media:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:rgba(0, 0, 0, var(--opk-overlay))}.opk_image_comparison__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 990px){.opk_image_comparison__img.opk_image_comparison__img--mobile{display:none}}@media screen and (max-width: 989px){.opk_image_comparison__img.opk_image_comparison__img--desktop{display:none}}.opk_image_comparison__drag_decor{position:absolute;top:50%;left:50%;pointer-events:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid #f9f6f2;border-radius:50%;background-color:rgba(0,0,0,0)}@media screen and (min-width: 990px){.opk_image_comparison__drag_decor{margin-left:-18px;margin-top:-18px;width:36px;height:36px}}@media screen and (max-width: 989px){.opk_image_comparison__drag_decor{margin-left:-12px;margin-top:-12px;width:24px;height:24px}}.opk_image_comparison__drag_decor:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;aspect-ratio:1;width:72%;border-radius:50%;background-color:#f9f6f2;transition:opacity .3s ease}.opk_image_comparison__component{display:block;position:relative;overflow:hidden;--percent: 50%}@media screen and (min-width: 990px){.opk_image_comparison__component{border-radius:20px}}@media screen and (max-width: 989px){.opk_image_comparison__component{border-radius:12px}}.opk_image_comparison__component--single .opk_image_comparison__component{--percent: 100%}.opk_image_comparison__after{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden}@media screen and (min-width: 990px){.opk_image_comparison__after{clip-path:inset(0px 0px 0px var(--percent))}}@media screen and (max-width: 989px){.opk_image_comparison__after{clip-path:inset(var(--percent) 0px 0px 0px);display:flex;flex-direction:column;align-items:center}}@media screen and (min-width: 990px){.opk_image_comparison__before{clip-path:inset(0px calc(100% - var(--percent)) 0px 0px)}}@media screen and (max-width: 989px){.opk_image_comparison__before{clip-path:inset(0px 0px calc(100% - var(--percent)) 0px)}}.opk_image_comparison__component--single .opk_image_comparison__before{clip-path:none}.opk_image_comparison__drag{position:absolute;z-index:2;color:inherit;background-color:rgba(0,0,0,0);border:none;padding:0;touch-action:none}@media screen and (min-width: 990px){.opk_image_comparison__drag{top:0;left:var(--percent);width:2.8rem;height:100%;margin-left:-1.4rem;cursor:col-resize}}@media screen and (max-width: 989px){.opk_image_comparison__drag{left:0;top:var(--percent);width:100%;height:2.8rem;margin-top:-1.4rem;cursor:row-resize}}.opk_image_comparison__drag::before,.opk_image_comparison__drag::after{content:"";position:absolute;pointer-events:none;background-color:#f9f6f2}@media screen and (min-width: 990px){.opk_image_comparison__drag::before,.opk_image_comparison__drag::after{width:1px;height:50%;left:50%;margin-left:-0.15rem}}@media screen and (max-width: 989px){.opk_image_comparison__drag::before,.opk_image_comparison__drag::after{width:50%;height:1px;top:50%;margin-top:-0.15rem}}@media screen and (min-width: 990px){.opk_image_comparison__drag::before{top:0;margin-top:-2rem}}@media screen and (max-width: 989px){.opk_image_comparison__drag::before{left:0;margin-left:-12px}}@media screen and (min-width: 990px){.opk_image_comparison__drag::after{bottom:0;margin-bottom:-2rem}}@media screen and (max-width: 989px){.opk_image_comparison__drag::after{right:0;margin-right:-12px}}.opk_image_comparison__component--single .opk_image_comparison__drag{display:none}.opk_image_comparison__before .opk_image_comparison__media{background-color:rgba(0,0,0,.5)}