/****************************************************************************
    * SG Assets. PHAR v286
    * Copyright © 2026 | Salon Guru LTD | https://www.salonguru.net/
    *
    * Use of this file without a license is strictly prohibited.
****************************************************************************/

div.before-after-widget{width:100%;height:100%;max-width:600px;max-height:600px;overflow:hidden;position:relative;margin:auto}div.before-after-widget figure{background-size:cover;position:relative;font-size:0;width:100%;height:100%;margin:0}div.before-after-widget figure>img{position:relative;width:100%}div.before-after-widget figure div{background-size:cover;position:absolute;width:50%;box-shadow:0 5px 10px -2px rgb(0 0 0 / .3);overflow:hidden;bottom:0;height:100%}.before-after-widget input[type='range']{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:absolute;top:50%;left:0;width:100%;height:20px;background:#fff0;border:none;z-index:8}.before-after-widget input[type='range']:focus{outline:none}.before-after-widget input[type='range']:active{outline:none}.before-after-widget input[type='range']::-moz-range-track{-moz-appearance:none;height:20px;width:98%;background:#fff0;position:relative;outline:none}.before-after-widget input[type='range']::active{border:none;outline:none;cursor:ew-resize}.before-after-widget input[type='range']::-webkit-slider-thumb{height:20px;width:20px;border:none;background:#fff0;cursor:ew-resize}.before-after-widget input[type='range']::-moz-range-thumb{-moz-appearance:none;width:20px;height:20px;background:#fff0;border:none;cursor:ew-resize}.before-after-widget input[type='range']:focus::-webkit-slider-thumb{background:#fff0}.before-after-widget input[type='range']:focus::-moz-range-thumb{background:#fff0}.range-overlay{position:absolute;top:50%;z-index:9;background:#fff;left:50%;pointer-events:none;transform:translateX(-50%);white-space:nowrap;font-size:20px;line-height:20px;border:1px solid #666;border-radius:20px;padding:0 8px 3px;cursor:ew-resize}.safari .range-overlay{padding:4px 8px 1px}div.before-after-widget>span{position:absolute;top:0;z-index:9;color:#fff;font-weight:700;text-shadow:0 0 3px #000;font-size:20px;white-space:nowrap;overflow:hidden}div.before-after-widget>span.before-text{left:10px}div.before-after-widget>span.after-text{right:10px;text-align:right;direction:rtl}