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