.image-comparison{position:relative;z-index:0;display:block;overflow:hidden;--color-foreground: 34, 34, 34;--drag-thickness: .5rem;--button-size: 5rem;--button-icon-size: 2.4rem;--heading-offset-x: 2rem;--heading-offset-y: 2rem}.image-comparison--small{--hero-height: 42rem}.image-comparison--medium{--hero-height: 56rem}.image-comparison--large{--hero-height: 72rem}.image-comparison[is-visible]{--percent: 50%}.image-comparison__animation-trigger{display:block;position:absolute;bottom:0;left:0;width:100%;height:.1rem;pointer-events:none}.image-comparison--media{display:block;position:relative;overflow:hidden;background:#f3f3f3}.image-comparison__before .placeholder-svg{background-color:#00000070}.image-comparison__after{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden}.image-comparison__button{cursor:pointer;position:absolute;z-index:2;color:inherit;background-color:transparent;border:none;padding:0;transition:none}.image-comparison__button:before{content:"";position:absolute;background-color:#fff;pointer-events:none;box-shadow:0 0 8px #0000001c}.image-comparison__button span{position:absolute;top:50%;left:50%;width:var(--button-size);height:var(--button-size);transform:translate(-50%,-50%);border-radius:50%;color:#222;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 9px 11px #0000001c}.image-comparison__button span:before{content:"";width:5rem;height:5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-comparison__button svg{width:var(--button-icon-size);height:var(--button-icon-size)}.image-comparison__product{margin-top:1.6rem}.image-comparison__product-title{padding:0!important}.image-comparison__product .f-price>*{margin:0}.image-comparison__wrapper{height:var(--hero-height)}.image-comparison__wrapper img,.image-comparison__wrapper svg{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;pointer-events:none}@media(max-width:767.98px){.image-comparison__wrapper.has-mobile-image .image-comparison--image-desktop{display:none}}@media(min-width:768px){.image-comparison--image-mobile{display:none!important}}.image-comparison__heading{position:absolute;top:var(--heading-offset-y);inset-inline:var(--heading-offset-x) auto;z-index:1;margin:0;align-items:center;justify-content:center;text-align:center;opacity:1;visibility:visible;transition:opacity .25s ease;text-transform:inherit;color:rgb(var(--color-foreground))}.image-comparison__after .image-comparison__heading{inset-inline:auto var(--heading-offset-x)}.image-comparison__heading-style--badge .image-comparison__heading{background:rgb(var(--color-background));padding:.5rem 1.2rem;box-shadow:0 0 10px #0000001a;border-radius:var(--badges-radius)}.image-comparison__heading-style--plain .image-comparison__heading{background:none}.image-comparison[data-direction=horizontal] .image-comparison__after{clip-path:inset(0px 0px 0px var(--percent, 50%))}.image-comparison[data-direction=horizontal] .image-comparison__button{top:0;inset-inline-start:var(--percent, 50%);margin-inline-start:-1.4rem;height:100%;width:2.8rem;cursor:col-resize}.image-comparison[data-direction=horizontal] .image-comparison__button:before{top:0;left:50%;height:100%;width:var(--drag-thickness);margin-left:calc(var(--drag-thickness) / -2)}.image-comparison[data-direction=vertical] .image-comparison__after{clip-path:inset(var(--percent, 50%) 0px 0px 0px)}.image-comparison[data-direction=vertical] .image-comparison__after .image-comparison__heading{left:var(--heading-offset-x);bottom:var(--heading-offset-y);right:auto;top:auto}.image-comparison[data-direction=vertical] .image-comparison__button{left:0;top:var(--percent, 50%);width:100%;height:2.8rem;margin-top:-1.4rem;cursor:row-resize}.image-comparison[data-direction=vertical] .image-comparison__button:before{top:50%;left:0;width:100%;height:var(--drag-thickness);margin-top:calc(var(--drag-thickness) / -2)}.image-comparison[data-direction=vertical] .image-comparison__button span{transform:rotate(90deg) translate(-50%,50%)}.image-comparison.is-animating .image-comparison__after{transition-property:clip-path;transition-duration:1s;transition-timing-function:ease}.image-comparison.is-animating .image-comparison__button{transition-property:top,left,right;transition-duration:1s;transition-timing-function:ease}.image-comparison.is-dragging .image-comparison__heading{opacity:0}@media(prefers-reduced-motion:no-preference){.image-comparison:not([is-visible]){--percent: 95%}}@media(prefers-reduced-motion:no-preference)and (min-width:768px){.image-comparison:not([is-visible]){--percent: 97.8%}.section-header-right-column .image-comparison:not([is-visible]){--percent: 95.6%}}@media(max-width:767.98px){.image-comparison{--drag-thickness: .3rem;--button-size: 4rem;--button-icon-size: 1.92rem}.image-comparison--small{--hero-height: 29rem}.image-comparison--medium{--hero-height: 36rem}.image-comparison--large{--hero-height: 42rem}}.section--image-comparison.section-header-left-column .section__wrapper,.section--image-comparison.section-header-right-column .section__wrapper{display:grid;grid-template-columns:1fr;gap:1.6rem 1rem}.section--image-comparison.section-header-right-column .section__header-wrap{order:9}.section--image-comparison.section-header-right-column .section__header{padding:var(--header-padding-bottom-mobile) 0 0}@media(min-width:768px){.section--image-comparison.section-header-left-column .section__wrapper,.section--image-comparison.section-header-right-column .section__wrapper{grid-template-columns:repeat(2,1fr)}.section--image-comparison.section-header-left-column .section__header-wrap,.section--image-comparison.section-header-right-column .section__header-wrap{display:flex;align-items:center}.section--image-comparison.section-header-left-column .section__header,.section--image-comparison.section-header-right-column .section__header{max-width:55rem;padding:0 1.5rem;margin:0 auto}}.section--bewo-image-comparison{background-color:transparent;background-image:none}.bewo-image-comparison__outer{width:100%;max-width:none;margin-inline:0;margin-block-end:0;padding-inline:0;--page-padding: 0}body.index-template .bewo-image-comparison__card,.bewo-image-comparison__card{--bewo-ic-ink: #4a342c;--bewo-ic-accent: #ff6622;--bewo-ic-frame-max: min(92vw, 110rem);display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;border-radius:0;background-color:transparent;--color-background: 255, 255, 255;--color-secondary-background: 255, 255, 255;padding:0;box-shadow:none}@media(min-width:768px){body.index-template .bewo-image-comparison__card,.bewo-image-comparison__card{--bewo-ic-frame-max: min(88vw, 100rem)}}@media(min-width:1200px){body.index-template .bewo-image-comparison__card,.bewo-image-comparison__card{--bewo-ic-frame-max: min(86vw, 112rem)}}@media(min-width:1536px){body.index-template .bewo-image-comparison__card,.bewo-image-comparison__card{--bewo-ic-frame-max: min(84vw, 120rem)}}@media(max-width:767.98px){body.index-template .bewo-image-comparison__card,.bewo-image-comparison__card{--bewo-ic-frame-max: 100%;padding-inline:1.2rem}}.bewo-image-comparison__card:not(.bewo-rhode-card){background-color:transparent;box-shadow:none;border-radius:0}.bewo-image-comparison__header{width:100%;max-width:64rem;margin:0 auto 1.6rem;text-align:center}.bewo-image-comparison__icon{display:none}.bewo-image-comparison__heading{margin:0;color:var(--bewo-ic-ink, #4a342c);line-height:1.2;letter-spacing:-.02em;font-weight:600;text-wrap:pretty}.bewo-image-comparison__heading em:first-of-type{font-style:italic;font-weight:inherit;color:inherit;white-space:nowrap}.bewo-image-comparison__heading em:last-of-type{display:block;margin-top:.05em;font-style:italic;font-weight:700;color:var(--bewo-ic-accent, #ff6622);white-space:nowrap}.bewo-image-comparison__instruction{margin:.8rem auto 0;max-width:36rem;color:#4a342c94;font-size:1.4rem;line-height:1.45;font-weight:500}.bewo-image-comparison__instruction p{margin:0}.bewo-image-comparison__frame{width:100%;max-width:var(--bewo-ic-frame-max, min(86vw, 112rem));margin-inline:auto;border-radius:1.2rem;overflow:hidden;min-height:0;box-shadow:none}.image-comparison--bewo{--button-size: auto;--button-icon-size: auto;--drag-thickness: 0;--bewo-start-position: 7rem;display:block;width:100%;max-width:100%;margin-inline:auto;min-height:0;border-radius:inherit;overflow:hidden;aspect-ratio:var(--bewo-ic-aspect, 2.8)}.image-comparison--bewo,.image-comparison--bewo[is-visible],.image-comparison--bewo:not([is-visible]){--percent: var(--bewo-start-position)}.image-comparison--bewo .image-comparison--adapt.image-comparison__wrapper{width:100%;height:100%!important;min-height:0;aspect-ratio:unset}.image-comparison--bewo .image-comparison--adapt.image-comparison__wrapper:before{display:none!important;padding-top:0!important}.image-comparison--bewo .image-comparison--media,.image-comparison--bewo .image-comparison__before,.image-comparison--bewo .image-comparison__after{width:100%;height:100%;pointer-events:none;user-select:none;-webkit-user-select:none}.image-comparison--bewo .image-comparison--image-desktop,.image-comparison--bewo .image-comparison--image-mobile{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-drag:none;pointer-events:none}.image-comparison--bewo .image-comparison__heading{display:none!important}.image-comparison--bewo .image-comparison__button:before{display:none!important}.image-comparison--bewo .image-comparison__razor{position:absolute;top:50%;inset-inline-start:var(--percent, 50%);z-index:5;width:var(--handle-width, 52rem);max-width:min(98vw,var(--handle-width, 52rem));transform:translate(calc(var(--handle-shift, 14%) * -1),-50%);pointer-events:none}.image-comparison--bewo[data-direction=horizontal] .image-comparison__button--bewo-hit{top:50%;inset-inline-start:var(--percent, 50%);width:var(--handle-width, 52rem);max-width:min(98vw,var(--handle-width, 52rem));height:auto;margin-inline-start:0;padding:0;transform:translate(calc(var(--handle-shift, 14%) * -1),-50%);background:transparent;cursor:col-resize;touch-action:none;z-index:6}.image-comparison--bewo[data-direction=horizontal] .image-comparison__button--bewo-hit:before{display:none}.image-comparison--bewo .image-comparison__razor-image{display:block;width:100%;height:auto;object-fit:contain;background:transparent;filter:drop-shadow(0 .6rem 1.2rem rgba(0,0,0,.18))}.image-comparison--bewo .image-comparison__razor-placeholder{display:inline-block;padding:.8rem 1.2rem;border-radius:.8rem;background:#ffffffeb;color:#4a342c;font-size:1.2rem;white-space:nowrap}.image-comparison--bewo.is-animating .image-comparison__razor,.image-comparison--bewo.is-animating[data-direction=horizontal] .image-comparison__button--bewo-hit{transition-property:inset-inline-start,left,right,transform;transition-duration:1s;transition-timing-function:ease}.image-comparison--bewo.is-animating .image-comparison__after{transition-property:clip-path;transition-duration:1s;transition-timing-function:ease}@media(min-width:768px){body.index-template .bewo-image-comparison__frame,.bewo-image-comparison__frame{width:100%;max-width:var(--bewo-ic-frame-max, min(86vw, 112rem));margin-inline:auto}.image-comparison--bewo{width:100%;max-width:100%;margin-inline:auto}}@media(max-width:767.98px){.bewo-rhode-card--comparison{padding:2.4rem 1.6rem 1.6rem;border-radius:1.8rem}.bewo-image-comparison__header{margin-bottom:1.2rem}.bewo-image-comparison__instruction{font-size:1.25rem;max-width:30rem}.image-comparison--bewo .image-comparison__razor{max-width:min(96vw,var(--handle-width, 52rem))}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-image-comparison.css.map */