.scene-rail{--gap:22px;--ink:160, 120, 46;right:max(14px, env(safe-area-inset-right));z-index:30;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s,visibility 0s linear .5s;position:fixed;top:50%;transform:translateY(-50%)}.scene-rail[data-visible]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .5s}.scene-rail ol{flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.scene-rail li{height:var(--gap);justify-content:center;align-items:center;display:flex}.scene-dot{width:26px;height:var(--gap);border-radius:999px;justify-content:center;align-items:center;display:flex;position:relative}.scene-dot-mark{border:1px solid rgba(var(--ink), .55);background:#fffbf0b3;border-radius:50%;width:7px;height:7px;transition:transform .38s cubic-bezier(.22,1,.36,1),background-color .38s,border-color .38s,box-shadow .38s}.scene-dot[data-past] .scene-dot-mark{border-color:rgba(var(--ink), .6);background:rgba(var(--ink), .42)}.scene-dot[aria-current] .scene-dot-mark{background:#c9a04e;border-color:#8f6a26;transform:scale(1.4);box-shadow:0 0 0 4px #c9a04e2e,0 0 10px #e8c87e99}.scene-rail-line{left:50%;top:calc(var(--gap) / 2);width:1px;height:calc(var(--gap) * (var(--count) - 1));background:rgba(var(--ink), .26);margin-left:-.5px;position:absolute}.scene-rail-fill{left:50%;top:calc(var(--gap) / 2);width:2px;height:var(--gap);transform-origin:50% 0;will-change:transform;background:linear-gradient(#ecd08a,#b8893a);border-radius:2px;margin-left:-1px;position:absolute;transform:scaleY(0);box-shadow:0 0 6px #e8c87ea6}.scene-rail-fill[data-up]{transform-origin:50% 100%}.scene-rail-ring{left:50%;top:calc(var(--gap) / 2);opacity:0;pointer-events:none;width:22px;height:22px;margin:-11px 0 0 -11px;transition:opacity .22s;position:absolute;overflow:visible}.scene-rail-ring[data-on]{opacity:1}.scene-rail-ring circle{fill:none;stroke:#c9a04e;stroke-width:1.7px;stroke-linecap:round;filter:drop-shadow(0 0 3px #e8c87ebf)}.scene-rail[data-dark] .scene-rail-ring circle{stroke:#f0d79a}.scene-dot-label{white-space:nowrap;font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--ink));opacity:0;pointer-events:none;font-size:10.5px;font-weight:600;transition:opacity .32s,transform .32s;position:absolute;top:50%;right:calc(100% + 4px);transform:translate(5px,-50%)}@media (hover:hover) and (min-width:1024px){.scene-dot:hover .scene-dot-label,.scene-dot:focus-visible .scene-dot-label,.scene-dot[data-flash] .scene-dot-label{opacity:1;transform:translateY(-50%)}}.scene-rail[data-dark]{--ink:243, 226, 186}.scene-rail[data-dark] .scene-dot-mark{background:0 0}.scene-rail[data-dark] .scene-dot[data-past] .scene-dot-mark{background:#f3e2ba80}.scene-rail[data-dark] .scene-dot[aria-current] .scene-dot-mark{background:#f0d79a;border-color:#f7e7bd}@media (max-width:767.98px){.scene-rail{--gap:15px;right:max(3px, env(safe-area-inset-right))}.scene-dot{width:18px}.scene-dot-mark{width:6px;height:6px}}@media (prefers-reduced-motion:reduce){.scene-rail{display:none}}
