.rail{--reveal-step:50ms}.rail-list{transition:gap .45s var(--ease-reveal);flex-direction:column;gap:0;display:flex}.rail:is(:hover,:focus-within) .rail-list{gap:4px}.rail-row{height:10px;transition:height .3s var(--ease-reveal);overflow:hidden}.rail:is(:hover,:focus-within) .rail-row{height:24px}.rail-tick{transform-origin:0;transition:opacity .25s ease, scale .3s var(--ease-reveal)}.rail:is(:hover,:focus-within) .rail-tick{opacity:0;scale:.15 1}.rail-hairline{height:1.5px;transition:width .2s ease-out,background-color .2s ease-out}.rail-label{opacity:0;filter:blur(4px);transition:opacity .15s ease, filter .3s var(--ease-reveal), translate .3s var(--ease-reveal);translate:-4px -50%}.rail:is(:hover,:focus-within) .rail-label{opacity:1;filter:none;transition:opacity .4s ease, filter .55s var(--ease-reveal), translate .55s var(--ease-reveal);translate:0 -50%}.rail:is(:hover,:focus-within) .rail-row:nth-child(2),.rail:is(:hover,:focus-within) .rail-row:nth-child(2) .rail-label{transition-delay:var(--reveal-step)}.rail:is(:hover,:focus-within) .rail-row:nth-child(3),.rail:is(:hover,:focus-within) .rail-row:nth-child(3) .rail-label{transition-delay:calc(var(--reveal-step) * 2)}.rail:is(:hover,:focus-within) .rail-row:nth-child(4),.rail:is(:hover,:focus-within) .rail-row:nth-child(4) .rail-label{transition-delay:calc(var(--reveal-step) * 3)}.rail:is(:hover,:focus-within) .rail-row:nth-child(n+5),.rail:is(:hover,:focus-within) .rail-row:nth-child(n+5) .rail-label{transition-delay:calc(var(--reveal-step) * 4)}@media (prefers-reduced-motion:reduce){.rail,.rail *{transition-duration:.01ms!important;transition-delay:0s!important}}
