@layer components{.k-mark{display:inline-block;flex:none;color:var(--k-ink);overflow:visible}.k-mark-paper{color:var(--k-paper)}.k-mark path{fill:currentColor;transition:opacity var(--k-dur-ui) var(--k-ease-out)}@media (prefers-reduced-motion:no-preference){.k-mark[data-state=reading] path{animation:k-petal 1.05s var(--k-ease-in-out) infinite;animation-delay:calc(var(--i) * .14s)}.k-mark[data-state=reading][data-lit=accounting] [data-petal=accounting],.k-mark[data-state=reading][data-lit=hr] [data-petal=hr],.k-mark[data-state=reading][data-lit=inventory] [data-petal=inventory],.k-mark[data-state=reading][data-lit=purchases] [data-petal=purchases],.k-mark[data-state=reading][data-lit=sales] [data-petal=sales]{animation:none;opacity:1}}@keyframes k-petal{0%,to{opacity:1}45%{opacity:.28}}}