.compare-image{border-radius:20px;width:100%;height:380px;position:relative;overflow:hidden}@media screen and (width<=1024px){.compare-image{height:300px}}.compare-image__img-container{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.compare-image__img-container--before{clip-path:polygon(0 0,var(--visible-percent) 0,var(--visible-percent) 100%,0 100%)}.compare-image__slider{z-index:2;opacity:.8;justify-content:center;align-items:center;width:0;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.compare-image__slider-line{background:var(--c-white);opacity:.8;width:4px;position:absolute;top:0;bottom:0}.compare-image__slider-handle{cursor:grab;z-index:3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.compare-image__slider-handle img{-webkit-user-select:none;user-select:none;pointer-events:none}.compare-image__slider-handle:active{cursor:grabbing}.compare-image__badge{background:var(--c-white);color:var(--c-black);z-index:3;-webkit-user-select:none;user-select:none;border-radius:10px;padding:10px;font-size:16px;font-weight:400;line-height:150%;position:absolute;top:20px}@media (width<=1024px){.compare-image__badge{padding:6px 16px;font-size:12px;top:16px}}.compare-image__badge--before{left:20px}@media (width<=1024px){.compare-image__badge--before{left:16px}}.compare-image__badge--after{right:20px}@media (width<=1024px){.compare-image__badge--after{right:16px}}.compare-image__icons{z-index:3;flex-direction:column;gap:20px;display:flex;position:absolute;bottom:20px;left:20px}.compare-image__icons-row{gap:8px;display:flex}.compare-image__icons-row-icon{opacity:1;-webkit-user-select:none;user-select:none;pointer-events:none;width:16px;height:16px}.compare-image__icons-row-icon:not(.compare-image__icons-row-icon--active){opacity:.2}.before-after{width:100%}.before-after__buttons{flex-direction:column;flex-shrink:0;display:flex}@media screen and (width<=1024px){.before-after__buttons{flex-direction:row}}.before-after__button{background:var(--color-white);cursor:pointer;text-align:center;color:#747474;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:87px;height:87px;font-size:10px;line-height:150%;display:flex}@media screen and (width<=1024px){.before-after__button{flex-grow:1}}.before-after__button--active{background:#e8e8e8}.before-after__top-container{display:flex}@media screen and (width<=1024px){.before-after__top-container{flex-direction:column-reverse}}.before-after__bottom-container{padding-top:10px}.before-after__service{text-transform:uppercase;color:#1a1919;margin-bottom:15px;font-size:18px;font-weight:500;line-height:144%}.before-after__doctor{color:#747474;font-size:12px;line-height:150%}.before-after__doctor-name{color:#1a1919;font-size:14px;font-weight:400;line-height:150%}