.j-spin{cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.j-spin-frame{object-fit:contain;pointer-events:none;width:100%;height:100%}.j-spin-range{width:76%;accent-color:var(--j-primary,var(--primary,currentColor));opacity:0;transition:opacity .2s;position:absolute;bottom:12px;left:12%;right:12%}.j-spin:hover .j-spin-range,.j-spin-range:focus-visible{opacity:1}.j-spin-hint{letter-spacing:.14em;text-transform:uppercase;color:#fff;pointer-events:none;background:#140e069e;border-radius:999px;padding:3px 10px;font-size:9.5px;font-weight:600;transition:opacity .2s;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.j-spin:hover .j-spin-hint{opacity:0}@media (prefers-reduced-motion:reduce){.j-spin-range,.j-spin-hint{transition:none}}