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