.enc{container-type:inline-size}.enc-cipher{opacity:0}.enc[data-play=true] .enc-plain{animation:enc-plain-out 90ms var(--d) both}.enc[data-play=true] .enc-cipher{animation:enc-cipher-in 1ms var(--d) both}.enc-cursor{opacity:0}.enc[data-play=true] .enc-cursor{animation:enc-cursor .17s calc(var(--d) - 30ms) both}@keyframes enc-plain-out{to{opacity:0}}@keyframes enc-cipher-in{to{opacity:1}}@keyframes enc-cursor{0%{opacity:0}20%,75%{opacity:1}to{opacity:0}}.enc-button{background:hsl(var(--action-hsl))}.enc-b--spin,.enc-b--done{opacity:0}.enc[data-play=true] .enc-button{animation:enc-button-done .3s var(--sweep-end) both}.enc[data-play=true] .enc-b--save{animation:enc-plain-out .12s calc(var(--sweep-at) - .25s) both}.enc[data-play=true] .enc-b--spin{animation:enc-spin-on 1ms calc(var(--sweep-at) - .25s) both,enc-spin .7s linear calc(var(--sweep-at) - .25s) infinite,enc-plain-out .12s var(--sweep-end) forwards}.enc[data-play=true] .enc-b--done{animation:enc-cipher-in .3s var(--sweep-end) both}@keyframes enc-button-done{to{background:hsl(var(--info-hsl))}}@keyframes enc-spin-on{to{opacity:1}}@keyframes enc-spin{to{rotate:360deg}}.enc[data-settled=true] .enc-plain{opacity:0}.enc[data-settled=true] .enc-cipher{opacity:1}.enc[data-settled=true] .enc-cipher .cipher-char{animation:none}.enc[data-settled=true] .enc-button{background:hsl(var(--info-hsl))}.enc[data-settled=true] .enc-b--save{opacity:0}.enc[data-settled=true] .enc-b--done{opacity:1}