.flexa-before-after{--flexa-ba-pos:50%;--flexa-ba-line-width:3px;--flexa-ba-handle-size:42px;display:block;width:100%}.flexa-before-after,.flexa-before-after *{box-sizing:border-box}.flexa-before-after__frame{line-height:0;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.flexa-before-after__img-wrap--after{display:block;position:relative;width:100%}.flexa-before-after__img-wrap--before{height:100%;inset:0;position:absolute;width:100%}.flexa-before-after__img{display:block;height:100%;object-fit:cover;width:100%}.flexa-before-after__img-wrap--after>.flexa-before-after__img{height:auto}.flexa-before-after--horizontal .flexa-before-after__img-wrap--before{clip-path:inset(0 calc(100% - var(--flexa-ba-pos)) 0 0)}.flexa-before-after--vertical .flexa-before-after__img-wrap--before{clip-path:inset(0 0 calc(100% - var(--flexa-ba-pos)) 0)}.flexa-before-after__handle{align-items:center;color:#fff;display:flex;justify-content:center;position:absolute;z-index:2}.flexa-before-after--horizontal .flexa-before-after__handle{bottom:0;cursor:ew-resize;flex-direction:column;left:var(--flexa-ba-pos);top:0;width:0}.flexa-before-after--vertical .flexa-before-after__handle{cursor:ns-resize;height:0;left:0;right:0;top:var(--flexa-ba-pos)}.flexa-before-after__handle:focus-visible{outline:2px solid currentColor;outline-offset:2px}.flexa-before-after__line{background:currentColor;flex:1 1 auto}.flexa-before-after--horizontal .flexa-before-after__line{height:100%;width:var(--flexa-ba-line-width)}.flexa-before-after--vertical .flexa-before-after__line{height:var(--flexa-ba-line-width);width:100%}.flexa-before-after__grip{align-items:center;background:currentColor;border-radius:50%;box-shadow:0 1px 6px rgba(0,0,0,.35);display:flex;height:var(--flexa-ba-handle-size);justify-content:center;position:absolute;width:var(--flexa-ba-handle-size)}.flexa-before-after__arrows{color:rgba(0,0,0,.55);height:62%;width:62%}.flexa-before-after--vertical .flexa-before-after__arrows{transform:rotate(90deg)}.flexa-before-after--hover .flexa-before-after__frame{cursor:col-resize}.flexa-before-after--hover.flexa-before-after--vertical .flexa-before-after__frame{cursor:row-resize}.flexa-before-after__label{background:rgba(0,0,0,.55);border-radius:4px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em;line-height:1.4;padding:4px 10px;pointer-events:none;position:absolute;transition:opacity .15s ease;z-index:1}.flexa-before-after--horizontal .flexa-before-after__label--before{left:12px;top:12px}.flexa-before-after--horizontal .flexa-before-after__label--after{right:12px;top:12px}.flexa-before-after--vertical .flexa-before-after__label--before{left:12px;top:12px}.flexa-before-after--vertical .flexa-before-after__label--after{bottom:12px;right:12px}@media(min-width:1025px){.flexa-hide-desktop{display:none!important}}@media(min-width:768px)and (max-width:1024px){.flexa-hide-tablet{display:none!important}}@media(max-width:767px){.flexa-hide-mobile{display:none!important}}
