.image-switcher-block{display:block;margin:20px 0;text-align:center}.image-switcher-block.alignleft{float:left;margin-right:20px;text-align:left}.image-switcher-block.alignright{float:right;margin-left:20px;text-align:right}.image-switcher-block.aligncenter{margin-left:auto;margin-right:auto;text-align:center}.image-switcher-block.alignfull,.image-switcher-block.alignwide{max-width:none;width:100%}.image-switcher-block .comparison-container{border-radius:10px;cursor:default;overflow:hidden;position:relative}.image-switcher-block .comparison-container img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;-webkit-user-drag:none}.image-switcher-block .before-image{opacity:1;z-index:2}.image-switcher-block .after-image{opacity:0;z-index:1}.image-switcher-block .ai-magic-text{color:#fff;font-size:clamp(1.25rem,1.08rem + .682vw,1.625rem);font-weight:600;left:50%;letter-spacing:.05em;opacity:1;pointer-events:none;position:absolute;text-shadow:0 0 10px hsla(0,0%,100%,.8),0 0 20px rgba(0,0,255,.4);top:50%;transform:translate(-50%,-50%);z-index:3}@keyframes text-pulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.85)}to{transform:translate(-50%,-50%) scale(1)}}.image-switcher-block .ai-magic-text.pulse{animation:text-pulse .4s ease-out forwards}.image-switcher-block .magic-wand-container{height:80px;left:45%;opacity:0;pointer-events:none;position:absolute;top:45%;transform:translate(-50%,-50%);transition:opacity .3s ease-out;width:80px;z-index:5}.image-switcher-block .switcher-title{display:inline-block;left:10px;pointer-events:none;position:absolute;top:10px;z-index:6}.image-switcher-block .magic-wand-svg{height:100%;width:100%;fill:#fff;transform:translate(40px,40px);transform-origin:bottom center}@keyframes wand-swing{0%{transform:translate(40px,40px) rotate(0deg)}50%{transform:translate(40px,40px) rotate(45deg)}to{transform:translate(40px,40px) rotate(0deg)}}.image-switcher-block .magic-wand-container.animate .magic-wand-svg{animation:wand-swing .4s ease-out forwards}.image-switcher-block .stars-container{height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease-out;width:0;z-index:4}.image-switcher-block .star-wrapper{height:35px;left:-17.5px;opacity:1;position:absolute;top:-17.5px;width:35px}.image-switcher-block .star-svg{height:100%;width:100%;fill:#fff;filter:drop-shadow(0 0 5px rgb(255,255,255));transform-origin:center center;transition:opacity .5s ease-out}@keyframes particle-burst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--end-x),var(--end-y)) scale(0)}}.image-switcher-container{border-radius:8px;cursor:pointer;display:inline-block;height:auto;max-width:100%;overflow:visible;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.image-switcher-container.dragging{cursor:grabbing;cursor:-webkit-grabbing}.image-switcher-container .image-switcher-before{border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.image-switcher-container .image-switcher-before img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.image-switcher-container .image-switcher-after{border-radius:8px;clip-path:inset(0 0 0 50%);height:100%;left:0;overflow:hidden;position:absolute;top:0;transition:clip-path .1s ease-out;width:100%}.image-switcher-container .image-switcher-after img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.image-switcher-container.vertical .image-compare-after{clip-path:inset(50% 0 0 0)}.image-switcher-container .image-switcher-slider{cursor:grab;cursor:-webkit-grab;height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);transition:left .1s ease-out;width:4px;z-index:10}.image-switcher-container .image-switcher-slider:active{cursor:grabbing;cursor:-webkit-grabbing}.image-switcher-container .image-switcher-slider.vertical{height:4px;left:0;top:50%;transform:translateY(-50%);transition:top .1s ease-out;width:100%}.image-switcher-container .image-switcher-slider .slider-line{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.image-switcher-container .image-switcher-slider .slider-line.vertical,.image-switcher-container .image-switcher-slider.vertical .slider-line{height:2px;left:0;top:50%;transform:translateY(-50%);width:100%}.image-switcher-container .image-switcher-slider .slider-handle{align-items:center;background-color:rgba(0,0,0,.2);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.2);display:flex;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:40px}.image-switcher-container .image-switcher-slider .slider-handle svg{color:#fff;height:30px;transition:color .2s ease}.image-switcher-container .image-switcher-label{background-color:rgba(0,0,0,.3);border-radius:6px;color:#fff;font-size:16px;padding:4px 12px;pointer-events:none;position:absolute;top:10px;transition:opacity .3s ease;z-index:20}.image-switcher-container .image-switcher-label.before-label{left:10px}.image-switcher-container .image-switcher-label.after-label{right:10px}.image-switcher-container.vertical .image-switcher-label.before-label{bottom:10px;top:auto}.image-switcher-container.vertical .image-switcher-label.after-label{left:10px;right:unset}.image-switcher-container:hover .image-switcher-label{opacity:.8}@media(max-width:768px){.image-switcher-block{text-align:center}.image-switcher-block .comparison-container{aspect-ratio:16/9!important;height:auto!important;max-width:100%!important;width:100%!important}.image-switcher-container{display:block;height:auto;margin:0 auto;max-width:100%}.image-switcher-container .image-switcher-slider .slider-handle{height:40px;width:40px}.image-switcher-container .image-switcher-slider .slider-handle svg{height:24px;width:24px}.image-switcher-container .image-switcher-label{font-size:12px;padding:6px 12px;top:15px}.image-switcher-block .magic-wand-container{height:56px;left:50%;top:42%;width:56px}.image-switcher-block .magic-wand-svg{transform:translate(24px,28px);transform-origin:bottom center}@keyframes wand-swing-mobile{0%{transform:translate(24px,28px) rotate(0deg)}50%{transform:translate(24px,28px) rotate(45deg)}to{transform:translate(24px,28px) rotate(0deg)}}.image-switcher-block .magic-wand-container.animate .magic-wand-svg{animation:wand-swing-mobile .4s ease-out forwards}}@media(min-resolution:192dpi){.image-switcher-container .slider-line{width:1px}}@media(prefers-reduced-motion:reduce){.image-switcher-container,.image-switcher-slider,.image-switcher-slider .slider-handle{transition:none}}.image-switcher-container.theme-light .image-switcher-slider .slider-line{background-color:#fff}.image-switcher-container.theme-light .image-switcher-slider .slider-handle{background-color:rgba(0,0,0,.2);border:2px solid #fff}.image-switcher-container.theme-light .image-switcher-slider .slider-handle svg{color:#fff}.image-switcher-container.theme-dark .image-switcher-slider .slider-line{background-color:#000}.image-switcher-container.theme-dark .image-switcher-slider .slider-handle{background-color:hsla(0,0%,100%,.2);border:2px solid #000}.image-switcher-container.theme-dark .image-switcher-slider .slider-handle svg{color:#000}
