heliux-beforeafterslider{--beforeafterslider-handle-main-color: #000;--beforeafterslider-handle-second-color: #fff;--beforeafterslider-accessibility-color: #38f;--beforeafterslider-handle-bg-color: var(--beforeafterslider-handle-main-color);--beforeafterslider-handle-icon-fill: var(--beforeafterslider-handle-second-color);--beforeafterslider-horizontal-position: 50%;--beforeafterslider-before-container-width: 100%;--beforeafterslider-handle-size-horizontal: 32px;--beforeafterslider-handle-size-vertical: 32px;--beforeafterslider-handle-vertical-line-width: 2px;--beforeafterslider-handle-border: var(--beforeafterslider-handle-vertical-line-width) solid var(--beforeafterslider-handle-main-color);--beforeafterslider-caption-height: var(--beforeafterslider-component-height);--beforeafterslider-range-slider-height: var(--beforeafterslider-component-height, 2000px);--beforeafterslider-margin-block-start: var(--scope-margin-block-start, 0);--beforeafterslider-margin-inline-end: var(--scope-margin-inline-end, 0);--beforeafterslider-margin-block-end: var(--scope-margin-block-end, var(--global-layout-viewport-default-margin));--beforeafterslider-margin-inline-start: var(--scope-margin-inline-start, 0);margin-block:var(--beforeafterslider-margin-block-start) var(--beforeafterslider-margin-block-end);margin-inline:var(--beforeafterslider-margin-inline-start) var(--beforeafterslider-margin-inline-end)}@media(min-width: 1024px){heliux-beforeafterslider{--beforeafterslider-handle-size-horizontal: 62px;--beforeafterslider-handle-size-vertical: 62px;--beforeafterslider-handle-vertical-line-width: 4px}}heliux-beforeafterslider.beforeafterslider--aemstyleSchema-handler-white{--beforeafterslider-handle-main-color: #fff;--beforeafterslider-handle-second-color: #000}heliux-beforeafterslider .beforeafterslider__images-container{position:relative;overflow:hidden}heliux-beforeafterslider .beforeafterslider__image{display:block;width:100%;height:100%;position:relative}heliux-beforeafterslider .beforeafterslider__image .image{margin-block:0;margin-inline:0}heliux-beforeafterslider .beforeafterslider__image--before{position:relative;width:var(--beforeafterslider-before-container-width);height:100%}heliux-beforeafterslider .beforeafterslider__image--before .beforeafterslider__img{visibility:hidden}heliux-beforeafterslider .beforeafterslider--ready .beforeafterslider__image--before .beforeafterslider__img{visibility:visible}heliux-beforeafterslider .beforeafterslider__reveal{pointer-events:none;position:absolute;inset-block:0;inset-inline:0;height:100%;width:var(--beforeafterslider-horizontal-position);border-inline-end:var(--beforeafterslider-handle-border)}heliux-beforeafterslider .beforeafterslider__reveal-inner{overflow:hidden}heliux-beforeafterslider .beforeafterslider__range{-webkit-appearance:none;position:absolute;inset-block:0;height:100%;margin-block:0;margin-inline:0;width:100%;inset-inline-start:0;cursor:pointer;opacity:0}heliux-beforeafterslider .beforeafterslider__range:focus~.beforeafterslider__handle{outline:2px solid var(--scope-color-outline)}heliux-beforeafterslider .beforeafterslider__range::-webkit-slider-thumb{border-radius:0;-webkit-appearance:none;height:calc(var(--beforeafterslider-range-slider-height));width:var(--beforeafterslider-handle-size-horizontal)}heliux-beforeafterslider .beforeafterslider__handler{position:absolute;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;opacity:0;cursor:pointer;pointer-events:none;inset-inline-start:calc(100% + var(--beforeafterslider-handle-vertical-line-width)/2);background-color:var(--beforeafterslider-handle-bg-color);width:var(--beforeafterslider-handle-size-horizontal);height:var(--beforeafterslider-handle-size-vertical)}heliux-beforeafterslider .beforeafterslider__handler--percentage{inset-block-end:var(--beforeafterslider-handler-vertical-position);transform:translate3d(-50%, 50%, 0)}heliux-beforeafterslider .beforeafterslider__handler--top{inset-block-start:0;transform:translate3d(-50%, 0, 0)}heliux-beforeafterslider .beforeafterslider__handler--bottom{inset-block-end:0;transform:translate3d(-50%, 0, 0)}heliux-beforeafterslider .beforeafterslider--ready .beforeafterslider__handler{opacity:1}heliux-beforeafterslider .beforeafterslider__handler heliux-icon{--scope-alignment-horizontal: center;--icon-size: 65%;--scope-icon-color: var(--beforeafterslider-handle-icon-fill)}heliux-beforeafterslider .beforeafterslider__caption{display:block;margin-block-start:10px}heliux-beforeafterslider .beforeafterslider__with-credits{display:flex;flex-flow:row nowrap;justify-content:flex-end}heliux-beforeafterslider .beforeafterslider__wrapper{flex-grow:1;position:relative;overflow:hidden}heliux-beforeafterslider .beforeafterslider__credits-wrapper{height:var(--beforeafterslider-caption-height);padding-inline-start:5px;overflow:hidden;text-overflow:ellipsis;display:flex;align-content:flex-end;text-align:start}heliux-beforeafterslider .beforeafterslider__credits{writing-mode:vertical-lr;transform:rotate(180deg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}