.image-comparison-slider{position:relative;width:100%;height:600px;border-radius:8px;overflow:hidden;opacity:0;transition:opacity .3s ease}.comparison-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.overlay-image{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);z-index:1}.slider-line{position:absolute;width:2px;height:100%;left:50%;background:#fff;z-index:2}.slider-handle{position:absolute;width:40px;height:40px;left:calc(50% - 20px);top:calc(50% - 20px);background:#fff;border-radius:50%;cursor:ew-resize;z-index:3;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000004d}.finish-option.active,.coverage-option.active{background-color:#f3f4f6;border-color:#da4943;color:#da4943}.view-option{transition:all .2s ease-in-out;flex:0 0 auto;width:80px;padding:.5rem;height:80px;border-radius:.5rem;border:2px solid transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.view-option img{height:50px;width:70px;object-fit:cover;border-radius:.25rem}.view-option span{font-size:.75rem;margin-top:.5rem;white-space:nowrap}.view-option.active{background-color:#f3f4f6;border-color:#da4943;color:#da4943;transform:scale(1.05)}.view-option:hover{transform:scale(1.05)}#viewOptionsContainer{padding:1rem 2rem;min-width:min-content;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#DA4943 #f3f4f6}#viewOptionsContainer::-webkit-scrollbar{height:6px}#viewOptionsContainer::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}#viewOptionsContainer::-webkit-scrollbar-thumb{background-color:#da4943;border-radius:3px}@media(min-width:1024px){#viewOptionsContainer{margin:0 auto}}