.rooster-mark{--mark-ink:var(--color-text);--mark-paint:var(--color-brand);overflow:visible}.rooster-mark[data-tone=inverse]{--mark-ink:var(--color-text-inverse)}.rooster-mark[data-tone=muted]{--mark-ink:var(--color-border-strong)}.rooster-mark .ink{fill:none;stroke:var(--mark-ink);stroke-linecap:round;stroke-linejoin:round}.rooster-mark .eye{fill:var(--mark-ink)}.rooster-mark .paint{fill:var(--mark-paint)}.rooster-mark .brush{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round}.rooster-mark[data-drawing] .ink,.rooster-mark[data-drawing] .brush{stroke-dasharray:1 2;animation:rooster-draw var(--dur-logo-line) var(--ease-standard) both}.rooster-mark[data-drawing] .eye{transform-box:fill-box;transform-origin:50%;animation:rooster-pop var(--dur-pop) var(--ease-spring) calc(var(--dur-logo-line) - var(--dur-pop)) both}.rooster-mark[data-drawing] .brush[data-step="0"]{animation-duration:var(--dur-logo-paint);animation-delay:var(--dur-logo-line)}.rooster-mark[data-drawing] .brush[data-step="1"]{animation-duration:var(--dur-pop);animation-delay:calc(var(--dur-logo-line) + var(--dur-logo-paint))}@keyframes rooster-draw{0%{stroke-dashoffset:1px;opacity:0}2%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes rooster-pop{0%{transform:scale(0)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.rooster-mark[data-drawing] *{animation:none}}