@layer components{.dot-reveal{display:block}.dot-reveal-dots{height:var(--dot-reveal-height);vertical-align:var(--dot-reveal-descent);fill:var(--dot-reveal-fill,currentColor);display:none;overflow:visible}.dot-reveal[data-state=dots] .dot-reveal-char:not([data-shown]) .dot-reveal-dots{display:inline-block}.dot-reveal[data-state=dots] .dot-reveal-char:not([data-shown]) .dot-reveal-letter{display:none}.dot-reveal-char[data-shown] .dot-reveal-letter{animation-name:dot-reveal-settle;animation-duration:.14s;animation-timing-function:ease-out}@keyframes dot-reveal-settle{0%{color:var(--dot-reveal-fill,currentColor)}}@media (prefers-reduced-motion:no-preference){[data-js] .dot-reveal:not([data-state]) .dot-reveal-letter{color:#0000}}}