:root{--nib-wet:#4a1c0a}.dark{--nib-wet:#f4c3a8}html[data-nib] .nib-w{animation:nib-write var(--d) cubic-bezier(.45, .08, .38, 1) var(--at) forwards, nib-dry 1.9s cubic-bezier(.3, .4, .3, 1) var(--at) both;-webkit-mask-image:linear-gradient(90deg,#000 0 42%,#0000 58%);mask-image:linear-gradient(90deg,#000 0 42%,#0000 58%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:240% 100%;mask-size:240% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}html[data-nib] .nib-ul{animation:nib-ul .6s var(--ease-soft-out) var(--ul-at) both}@keyframes nib-write{to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes nib-dry{0%{color:var(--nib-wet);text-shadow:0 0 .6px color-mix(in srgb, var(--nib-wet) 75%, transparent), 0 0 9px color-mix(in srgb, var(--seed) 28%, transparent)}35%{color:color-mix(in srgb, var(--nib-wet), var(--seed) 35%);text-shadow:0 0 .4px color-mix(in srgb, var(--nib-wet) 40%, transparent), 0 0 6px color-mix(in srgb, var(--seed) 14%, transparent)}to{color:var(--seed);text-shadow:0 0 #0000,0 0 #0000}}@keyframes nib-ul{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){html[data-nib]:not([data-motion=full]) .nib-w,html[data-nib]:not([data-motion=full]) .nib-ul{animation:none;-webkit-mask-image:none;mask-image:none}}html[data-nib][data-motion=reduce] .nib-w,html[data-nib][data-motion=reduce] .nib-ul{animation:none;-webkit-mask-image:none;mask-image:none}
