@keyframes wipeInLeft{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes wipeInRight{0%{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.wipe-in-left{animation:wipeInLeft .6s ease-out forwards}.wipe-in-right{animation:wipeInRight .6s ease-out forwards}.image-wrapper[data-state=hidden]{clip-path:polygon(0 0,0 0,0 100%,0 100%)}.image-wrapper[data-state=visible]{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.image-wrapper{will-change:clip-path}.pill-toggle{box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.pill-toggle:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.pill-indicator{transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.pill-toggle[data-active=after] .pill-indicator{transform:translateX(100%)}.toggle-option{border-radius:9999px;color:#6b7280;cursor:pointer;transition:all .3s ease}.toggle-option:hover{color:#374151}.toggle-option.active{color:#fff!important}.toggle-option:not(.active){color:#6b7280!important}.toggle-option span,.toggle-option svg{position:relative;z-index:20}.toggle-option.active svg{transform:scale(1.05)}.toggle-btn.active{background-color:#ea580c!important;color:#fff!important}.toggle-btn:not(.active){background-color:#e5e7eb!important;color:#374151!important}@media (max-width:768px){.before-after-toggle-module{font-size:14px}.pill-toggle{width:16rem}.toggle-option{font-size:12px;padding:.5rem .75rem}.toggle-option svg{height:1rem;width:1rem}}@media (prefers-reduced-motion:reduce){.wipe-in-left,.wipe-in-right{animation:none}.image-wrapper,.pill-indicator,.pill-toggle,.toggle-option{transition:none}}@media (prefers-contrast:high){.pill-toggle,.toggle-btn{border:2px solid}.pill-indicator{border:1px solid}.image-container{border:2px solid}}