.slider{display:grid;gap:6px}.slider-image{position:relative;aspect-ratio:2/1;overflow:hidden;border:1px solid #33506f;border-radius:8px}.slider-image img:first-child{width:100%;height:100%}.slider-image img:nth-child(2){position:absolute;left:0;filter:drop-shadow(0 2px 3px #0008)}#slider-refresh{position:absolute;right:7px;top:7px;border-radius:50%;padding:5px 9px}.slider-track{position:relative;height:38px;background:#e8eef7;border-radius:7px;overflow:hidden;touch-action:none;color:#536b91}.slider-track span{position:absolute;inset:0;display:grid;place-items:center}.slider-track #slider-progress{position:absolute;inset:0 auto 0 0;background:#bcd8ff}.slider-track #slider-handle{position:absolute;z-index:2;top:3px;left:0;width:42px;height:32px;padding:0;background:#1677e8;color:white}.slider small{text-align:center}.slider:not(.ready) img{opacity:.35}.slider.verified .slider-track{outline:2px solid #22c55e}.slider.verified small{color:#4ade80}.slider.invalid .slider-track{outline:2px solid #fb7185}.slider.invalid small{color:#fb7185}