.wallpaper-compare{position:relative;aspect-ratio:3/2;overflow:hidden;isolation:isolate}.detail-hero .wallpaper-compare img{width:100%;height:100%;object-fit:cover;display:block}.wallpaper-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.wallpaper-line{position:absolute;inset:0 auto 0 var(--split);width:2px;background:white;transform:translateX(-1px);pointer-events:none}.wallpaper-line b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;background:white;color:#223631;border-radius:50%;box-shadow:0 3px 18px #0003;font-size:23px}.wallpaper-compare input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.wallpaper-compare:focus-within{outline:3px solid #376d78;outline-offset:4px}.wallpaper-label{position:absolute;top:12px;padding:7px 10px;background:#fffffff0;font-size:11px;letter-spacing:.1em;pointer-events:none}.before-label{left:12px}.after-label{right:12px}.wallpaper-hint{font-size:14px;margin:14px 0 5px}.detail-hero:has(.wallpaper-example){grid-template-columns:1fr 1.2fr;gap:4vw}@media(max-width:760px){.detail-hero:has(.wallpaper-example){grid-template-columns:1fr}.wallpaper-line b{width:38px;height:38px}}