/****************************************************************************
    * SG Assets. PHAR v211
    * Copyright © 2025 | Salon Guru LTD | https://www.salonguru.net/
    *
    * Use of this file without a license is 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 rgba(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:transparent;border:0;z-index:8}.before-after-widget input[type=range]:focus{outline:0}.before-after-widget input[type=range]:active{outline:0}.before-after-widget input[type=range]::-moz-range-track{-moz-appearance:none;height:20px;width:98%;background:transparent;position:relative;outline:0}.before-after-widget input[type=range]::active{border:0;outline:0;cursor:ew-resize}.before-after-widget input[type=range]::-webkit-slider-thumb{height:20px;width:20px;border:0;background:transparent;cursor:ew-resize}.before-after-widget input[type=range]::-moz-range-thumb{-moz-appearance:none;width:20px;height:20px;background:transparent;border:0;cursor:ew-resize}.before-after-widget input[type=range]:focus::-webkit-slider-thumb{background:transparent}.before-after-widget input[type=range]:focus::-moz-range-thumb{background:transparent}.range-overlay{position:absolute;top:50%;z-index:9;background:white;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:bold;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}