@charset "UTF-8";.image-wrapper-slider{position:relative;width:100%;height:330px;overflow:hidden;border-radius:4px;background:#f0f0f0}.image{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;background:#f0f0f0}.image.blur{z-index:1}.image.clear{z-index:2;clip-path:inset(0 0 0 50%);-webkit-clip-path:inset(0 0 0 50%)}.slider-container{position:absolute;top:0;left:50%;width:1.5px;height:100%;background:#ffffff80;cursor:ew-resize;z-index:3;transform:translate(-50%)}.slider-line{width:100%;height:50%;background-color:#fffc}.slider-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:35px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#ffffff36;box-shadow:0 0 5px #0003;border:1px solid #f0f0f0}.icon-left{font-size:14px;color:#f0f0f0;padding-right:3px}.icon-right{font-size:14px;color:#f0f0f0;padding-left:3px}.compare-portrait{position:relative;max-height:358px;aspect-ratio:3/4}.compare-landscape{position:relative;aspect-ratio:4/3;max-width:440px}.compare-square{position:relative;max-height:360px;aspect-ratio:1/1}@media screen and (max-width: 768px){.compare-portrait,.compare-landscape,.compare-square{width:100%;height:auto}.slider-container{width:2px}.slider-icon{width:30px;height:30px}}.is-dark .image{background:var(--dark-sidebar-light-6)}.is-dark .slider-container,.is-dark .slider-line{background-color:var(--dark-sidebar-light-6)}.is-dark .slider-icon{border:1px solid var(--dark-sidebar-light-6)}.is-dark .icon-left,.is-dark .icon-right{color:var(--dark-sidebar-light-6)}.image-comparison{--comparison-aspect: 4 / 3;width:100%;max-width:none;max-height:none;margin-inline:auto;aspect-ratio:auto}.image-comparison.compare-portrait{--comparison-aspect: 3 / 4;max-width:360px}.image-comparison.compare-landscape{--comparison-aspect: 4 / 3}.image-comparison.compare-square{--comparison-aspect: 1 / 1;max-width:460px}.image-comparison .image-wrapper-slider{position:relative;width:100%;height:auto;overflow:hidden;aspect-ratio:var(--comparison-aspect);border:1px solid var(--wiro-border-med);border-radius:6px;outline:none;background:var(--wiro-bg-warm);box-shadow:var(--wiro-shadow-xs);cursor:ew-resize;touch-action:none;user-select:none}.image-comparison .image-wrapper-slider:focus-visible{border-color:var(--wiro-ink3);box-shadow:0 0 0 3px color-mix(in srgb,var(--wiro-ink) 12%,transparent)}.image-comparison .image-wrapper-slider.is-dragging{cursor:grabbing}.image-comparison .comparison-media{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;object-fit:cover;object-position:center;background:var(--wiro-bg-warm)}.image-comparison .comparison-media-before{z-index:1}.image-comparison .comparison-media-after{z-index:2}.image-comparison .comparison-label{position:absolute;z-index:4;top:10px;padding:4px 7px;border:1px solid rgba(255,255,255,.22);border-radius:4px;color:#fff;background:#0f1210a8;box-shadow:0 1px 4px #00000026;font-family:var(--wiro-sans);font-size:10px;font-weight:650;letter-spacing:.06em;line-height:1;pointer-events:none;text-transform:uppercase}.image-comparison .comparison-label-before{left:10px}.image-comparison .comparison-label-after{right:10px}.image-comparison .slider-container{display:block;position:absolute;z-index:3;top:0;bottom:0;width:2px;height:100%;background:#fff;box-shadow:0 0 0 1px #0000001f,0 0 10px #0000002e;pointer-events:none;transform:translate(-50%)}.image-comparison .slider-icon{display:grid;position:absolute;top:50%;left:50%;width:36px;height:36px;padding:0;place-items:center;border:1px solid rgba(0,0,0,.14);border-radius:50%;color:#111411;background:#fffffff0;box-shadow:0 3px 12px #00000038;transform:translate(-50%,-50%)}@media screen and (max-width: 768px){.image-comparison.compare-portrait,.image-comparison.compare-landscape,.image-comparison.compare-square{width:100%;height:auto}.image-comparison .slider-icon{width:32px;height:32px}}