.stayglow-compare{position:relative;width:100%;max-width:100%;overflow:hidden;border:1px solid rgba(201,169,110,.35);background:#090909;aspect-ratio:4/3;touch-action:none;user-select:none}
.stayglow-compare img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}
.stayglow-compare-after{clip-path:inset(0 0 0 var(--compare-position,50%))}
.stayglow-compare-line{position:absolute;top:0;bottom:0;left:var(--compare-position,50%);width:1px;background:rgba(255,255,255,.92);transform:translateX(-.5px);pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.stayglow-compare-handle{position:absolute;top:50%;left:var(--compare-position,50%);width:46px;height:46px;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#11110f;border:1px solid rgba(201,169,110,.72);color:#e1c27f;font-size:18px;pointer-events:none;box-shadow:0 8px 28px rgba(0,0,0,.42)}
.stayglow-compare-label{position:absolute;top:12px;padding:.38rem .55rem;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.15);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#f1ede6;pointer-events:none}
.stayglow-compare-label.is-before{left:12px}.stayglow-compare-label.is-after{right:12px;color:#e1c27f;border-color:rgba(201,169,110,.38)}
.stayglow-compare input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:5}
.stayglow-compare:focus-within{outline:2px solid rgba(201,169,110,.65);outline-offset:3px}
@media(max-width:560px){.stayglow-compare-handle{width:40px;height:40px}.stayglow-compare-label{top:8px;font-size:.56rem}.stayglow-compare-label.is-before{left:8px}.stayglow-compare-label.is-after{right:8px}}