:root{--brf-ba-color:#ffd64f}.brf-before-and-after{overflow:hidden;position:relative;width:100%}.brf-before-and-after img{display:block;height:auto;max-width:none;max-width:100vw;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:800px}@media (max-width:980px){.brf-before-and-after img{width:100vw}}.brf-before-and-after .brf-ba-resize{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:50%}.brf-before-and-after .brf-ba-handle{background:rgba(0,0,0,.5);bottom:0;cursor:ew-resize;left:50%;margin-left:-2px;position:absolute;top:0;width:4px}.brf-before-and-after .brf-ba-handle:after{align-items:center;background:var(--brf-ba-color);border-radius:50%;box-shadow:0 0 5px 0 #000;color:#fff;content:"\21d4";display:flex;font-size:25px;font-weight:700;height:40px;justify-content:center;left:13px;line-height:40px;margin:-32px 0 0 -32px;opacity:.7;padding-bottom:2px;position:absolute;text-align:center;top:50%;transition:all .3s ease;width:40px}.brf-before-and-after .draggable:after{transform:scale(1.3)}