.BeforeAfter_layout__KiWuf{width:100%;display:flex;justify-content:center;align-items:center}.BeforeAfter_wrapper__nbVVr{position:relative;width:1000px;max-width:100%;aspect-ratio:16/9;height:auto;overflow:hidden;border-radius:24px;background-color:#f1f5f9;border:4px solid #ffffff;box-shadow:0 10px 40px rgba(0,0,0,.08)}.BeforeAfter_desktop__UkAZ3,.BeforeAfter_mobile__OaS8v{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;overflow:hidden}.BeforeAfter_contentImage__MWv2L{background-color:#ffffff}.BeforeAfter_contentImage2___GrKz,.BeforeAfter_contentImage__MWv2L{height:100%;width:100%;object-fit:contain;display:block;user-select:none}.BeforeAfter_contentImage2___GrKz{background-color:#f0efef}.BeforeAfter_mobile__OaS8v{width:50%;z-index:2}.BeforeAfter_scroller__CGWPL{width:4px;height:100%;position:absolute;top:0;z-index:10;cursor:ew-resize;pointer-events:auto;box-shadow:0 0 10px rgba(0,0,0,.2)}.BeforeAfter_scrollerHandle__y0S5h,.BeforeAfter_scroller__CGWPL{background-color:#ffffff;display:flex;align-items:center;justify-content:center}.BeforeAfter_scrollerHandle__y0S5h{width:50px;height:50px;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 4px rgba(255,255,255,.5);color:#0ea5e9;transition:transform .2s ease,box-shadow .2s ease;transform:translateX(-50%);margin-left:2px}.BeforeAfter_scroller__CGWPL:hover .BeforeAfter_scrollerHandle__y0S5h{transform:translateX(-50%) scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.2),0 0 0 4px rgba(14,165,233,.2)}.BeforeAfter_scrolling__kEel_ .BeforeAfter_scrollerHandle__y0S5h{transform:translateX(-50%) scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,.15),0 0 0 4px rgba(14,165,233,.3)}.BeforeAfter_scrollerHandle__y0S5h svg{width:20px;height:20px}.BeforeAfter_scrollerHandle__y0S5h svg:first-child{margin-right:-4px}.BeforeAfter_scrollerHandle__y0S5h svg:last-child{margin-left:-4px}.scroll-btn{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#F6FF88;background:none;border:none;cursor:pointer;transition:color .2s ease-in-out;padding:0;z-index:10}.scroll-btn:hover{color:#EFFF4F}.btn-text{font-size:.875rem;letter-spacing:.05em;font-weight:500}.icon-wrapper{width:2.5rem;height:2.5rem;border-radius:9999px;border:2px solid #f6ff88;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease-in-out}.scroll-btn:hover .icon-wrapper{border-color:#EFFF4F}.chevron-icon{width:1.25rem;height:1.25rem;animation:bounce 1s infinite;stroke:currentColor}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}