div#before-after-slider img,div#before-after-slider svg.placeholder-svg{display:block;object-fit:cover;width:100%}.before-after-content-wrapper{margin-bottom:30px}.container{width:50%;display:block;margin:30px auto}#before-after-slider{width:100%;position:relative;overflow:hidden;border-radius:20px}.wnsm-before-title{padding:5px 20px;position:absolute;top:10px;left:30px;transform:translateY(50%);width:max-content;margin:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.wnsm-after-title{padding:5px 20px;position:absolute;top:10px;right:30px;transform:translateY(50%);width:max-content;margin:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#after-image{display:block}#before-image{position:absolute;height:100%;width:50%;top:0;left:0;overflow:hidden}#resizer{position:absolute;display:flex;align-items:center;z-index:2;top:0;left:50%;height:100%;width:5px;background:#fff;-ms-touch-action:pan-y;touch-action:pan-y;cursor:col-resize}div#before-after-slider:after{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:#0000;z-index:1}#resizer:after{background:url(data:image/svg+xml,%3Csvg%20class%3D%22icon%20icon-drag%20icon-md%22%20viewBox%3D%220%200%2012%2017%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M1%201L0.999999%2016%22%3E%3C%2Fpath%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M6%201L6%2016%22%3E%3C%2Fpath%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M11%201L11%2016%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);content:"";display:flex;justify-content:center;align-items:center;position:absolute;margin:0 0 0 -18px;width:38px;height:64px;border-radius:13px;border:2px solid #000000;background-size:14px;background-repeat:no-repeat;background-position:center;background-color:#fff;cursor:pointer;transition:all ease-in-out .5s;transform:scale(.9);cursor:col-resize}#resizer:hover:after{transform:scale(1.1)}@media(max-width:767px){div#before-after-slider img,div#before-after-slider svg{max-height:56vh}.wnsm-after-title,.wnsm-before-title{top:10px}.container{width:100%;padding:0 20px}.wnsm-after-title,.wnsm-before-title{padding:0!important;min-width:70px;min-height:30px}.wnsm-before-title{left:5px;top:5px}.wnsm-after-title{right:5px;top:5px}}div#after-image img{width:100%}.before-after-slider img{-webkit-user-select:none;user-select:none;pointer-events:none;transition:opacity .3s ease-in-out}.resizer{-webkit-user-select:none;user-select:none;cursor:ew-resize}.wnsm-before-title,.wnsm-after-title{-webkit-user-select:none;user-select:none;cursor:unset}@media(max-width:360px){.wnsm-before-title{left:5px;top:5px}.wnsm-after-title{right:5px;top:5px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/after-before.css.map */