.ic-container-caefc473 {
position: relative;
width: 100%;
overflow: hidden;
line-height: 0;
--ic-speed: 0ms;
}
.ic-container-caefc473 img {
display: block;
pointer-events: none;
max-width: none;
}
.ic-image-after-caefc473 {
position: relative;
width: 100%;
}
.ic-image-after-caefc473 img {
width: 100%;
height: auto;
}
.ic-image-before-caefc473 {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
overflow: hidden;
z-index: 1;
transition: width var(--ic-speed) linear;
}
.ic-image-before-caefc473 img {
height: 100%;
object-fit: cover;
object-position: left top; }
.ic-overlay-caefc473 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 2;
}
.ic-label-caefc473 {
position: absolute;
top: 20px;
padding: 8px 16px;
background: rgba(0, 0, 0, 0.6);
color: #fff;
border-radius: 4px;
font-family: sans-serif;
font-size: 14px;
line-height: 1.2;
z-index: 5;
pointer-events: none;
white-space: nowrap;
}
.ic-label-before-caefc473 {
left: 20px;
}
.ic-label-after-caefc473 {
right: 20px;
}
.ic-slider-caefc473 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
background: transparent;
-webkit-appearance: none;
margin: 0;
z-index: 10;
cursor: ew-resize;
}
.ic-slider-caefc473::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 40px;
height: 100vh;
background: transparent;
cursor: ew-resize;
}
.ic-slider-caefc473::-moz-range-thumb {
width: 40px;
height: 100vh;
background: transparent;
cursor: ew-resize;
border: none;
}
.ic-handle-caefc473 {
position: absolute;
top: 0;
bottom: 0;
width: 40px;
margin-left: -20px;
z-index: 5;
pointer-events: none;
display: flex;
align-items: center;
justify-content: center;
transition: left var(--ic-speed) linear;
}
.ic-handle-line-caefc473 {
position: absolute;
top: 0;
bottom: 0;
width: 2px;
background: #ffffff;
left: 50%;
transform: translateX(-50%);
box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
.ic-handle-button-caefc473 {
width: 40px;
height: 40px;
background: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 6px rgba(0,0,0,0.3);
z-index: 2;
position: relative;
}
.ic-handle-button-caefc473 svg {
stroke: #333333;
}