@layer theme,base;@layer components{.cn-doodle{flex:none;max-width:100%;height:auto;display:block;overflow:visible}.cn-doodle [data-part]{transform-box:fill-box}.cn-doodle--reveal [data-part=figure]{animation:cn-enter calc(var(--cn-motion-reveal) * .5) var(--cn-ease-enter) both}.cn-doodle--cerneo.cn-doodle--reveal [data-part=core]{transform-origin:50%;animation:cn-core-in calc(var(--cn-motion-reveal) * .45) var(--cn-ease-spring) both;animation-delay:calc(var(--cn-motion-stagger) * 4)}.cn-doodle--open.cn-doodle--reveal [data-part=core]{animation:cn-doodle-light calc(var(--cn-motion-reveal) * .5) var(--cn-ease-standard) both;animation-delay:calc(var(--cn-motion-stagger) * 4)}.cn-doodle--reveal [data-part=spark]{transform-origin:50%;animation:cn-ring-in calc(var(--cn-motion-reveal) * .4) var(--cn-ease-enter) both;animation-delay:calc(var(--cn-motion-stagger) * (4 + 2 * var(--r,1)))}@keyframes cn-doodle-light{0%{opacity:0}}@keyframes cn-doodle-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(calc(1 + .018 * var(--cn-motion-distance)))}}@keyframes cn-doodle-type{0%,to{transform:translateY(0)}50%{transform:translateY(calc(2px * var(--cn-motion-distance)))}}@keyframes cn-doodle-sway{0%,to{transform:rotate(calc(-3deg * var(--cn-motion-distance)))}50%{transform:rotate(calc(3deg * var(--cn-motion-distance)))}}@keyframes cn-doodle-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.cn-doodle--breathe .cn-doodle__breathe,.cn-doodle--breathe .cn-doodle__whole{transform-box:fill-box;transform-origin:50% 100%;animation:cn-doodle-breathe 3.6s var(--cn-ease-standard) infinite}.cn-doodle--type .cn-doodle__hands{animation:cn-doodle-type .36s var(--cn-ease-standard) infinite}.cn-doodle--sway .cn-doodle__sway{transform-box:fill-box;transform-origin:50% 100%;animation:cn-doodle-sway 3.2s var(--cn-ease-standard) infinite}.cn-doodle--breathe .cn-doodle__eyes,.cn-doodle--type .cn-doodle__eyes,.cn-doodle--sway .cn-doodle__eyes{transform-box:fill-box;transform-origin:50%;animation:4.8s linear infinite cn-doodle-blink}.cn-doodle--sway .cn-doodle__eyes{animation-delay:1.2s}@media (prefers-reduced-motion:reduce){.cn-doodle .cn-doodle__breathe,.cn-doodle .cn-doodle__whole,.cn-doodle .cn-doodle__hands,.cn-doodle .cn-doodle__sway,.cn-doodle .cn-doodle__eyes{animation:none}}[data-motion=reduce] .cn-doodle .cn-doodle__breathe,[data-motion=reduce] .cn-doodle .cn-doodle__whole,[data-motion=reduce] .cn-doodle .cn-doodle__hands,[data-motion=reduce] .cn-doodle .cn-doodle__sway,[data-motion=reduce] .cn-doodle .cn-doodle__eyes{animation:none}.cn-doodle--paused *,[data-motion=paused] .cn-doodle *{animation-play-state:paused!important}}@layer utilities;