passcode-delay.css
1[data-style="blanket"] .dummy__char:not(.dummy__char--static) span {
2 --delay: 0;
3}
4[data-style="linear"] .dummy__char:not(.dummy__char--static) span {
5 --delay: calc(var(--index) * 0.075s);
6}
7[data-style="sin"] .dummy__char:not(.dummy__char--static) span {
8 --spread: 45deg;
9 --speed: 1.25s;
10 --delay: calc((sin((var(--index) / 12) * var(--spread)) * var(--speed)) * 1s);
11}
12
13.dummy__char:not(.dummy__char--static) span {
14 transition-duration: calc(var(--transition) * 1s);
15 transition-delay: var(--delay);
16}