@layer theme,base;@layer components{@keyframes cn-enter{0%{opacity:0;transform:translateY(calc(8px * var(--cn-motion-distance)))}}@keyframes cn-pop{0%{opacity:0;transform:scale(calc(1 - .04 * var(--cn-motion-distance)))}}@keyframes cn-core-in{0%{opacity:0;transform:scale(calc(1 - .7 * var(--cn-motion-distance)))}60%{opacity:1}}@keyframes cn-ring-in{0%{opacity:0;transform:scale(calc(1 - .18 * var(--cn-motion-distance)))}}@keyframes cn-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes cn-glow{0%,to{opacity:1}50%{opacity:.55}}@keyframes cn-orbit{to{transform:rotate(360deg)}}@keyframes cn-flicker{0%,40%,to{opacity:1}44%{opacity:.25}48%{opacity:1}52%{opacity:.4}}@keyframes cn-ring-out{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.25)}}@keyframes cn-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes cn-nudge{0%,to{transform:rotate(0)}20%{transform:rotate(calc(14deg * var(--cn-motion-distance)))}40%{transform:rotate(calc(-10deg * var(--cn-motion-distance)))}60%{transform:rotate(calc(6deg * var(--cn-motion-distance)))}80%{transform:rotate(calc(-3deg * var(--cn-motion-distance)))}}@keyframes cn-swap-in{0%{opacity:0;transform:scale(calc(1 - .5 * var(--cn-motion-distance))) rotate(calc(-60deg * var(--cn-motion-distance)))}}@keyframes cn-live{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.75)}}@keyframes cn-bump{0%{transform:scale(1)}40%{transform:scale(calc(1 + .25 * var(--cn-motion-distance)))}to{transform:scale(1)}}.cn-reveal--enter{animation:cn-enter var(--cn-duration-5) var(--cn-ease-enter) both;animation-delay:calc(var(--cn-motion-stagger) * var(--i,0))}.cn-reveal--stagger>*{animation:cn-enter var(--cn-duration-5) var(--cn-ease-enter) both}.cn-reveal--stagger>:nth-child(2){animation-delay:calc(var(--cn-motion-stagger) * 1)}.cn-reveal--stagger>:nth-child(3){animation-delay:calc(var(--cn-motion-stagger) * 2)}.cn-reveal--stagger>:nth-child(4){animation-delay:calc(var(--cn-motion-stagger) * 3)}.cn-reveal--stagger>:nth-child(5){animation-delay:calc(var(--cn-motion-stagger) * 4)}.cn-reveal--stagger>:nth-child(6){animation-delay:calc(var(--cn-motion-stagger) * 5)}.cn-reveal--stagger>:nth-child(7){animation-delay:calc(var(--cn-motion-stagger) * 6)}.cn-reveal--stagger>:nth-child(n+8){animation-delay:calc(var(--cn-motion-stagger) * 7)}.cn-reveal--stagger[data-reveal-done]>*{animation:none}.cn-reveal--cerne [data-reveal]{transform-box:view-box;transform-origin:var(--cn-reveal-origin,50% 50%)}.cn-reveal--cerne [data-reveal=core]{animation:cn-core-in calc(var(--cn-motion-reveal) * .5) var(--cn-ease-spring) both}.cn-reveal--cerne [data-reveal=ring]{animation:cn-ring-in calc(var(--cn-motion-reveal) * .45) var(--cn-ease-enter) both;animation-delay:calc(var(--cn-motion-stagger) * (1 + 2 * var(--r,1)))}.cn-reveal--cerne [data-reveal=draw]{stroke-dasharray:1;animation:cn-draw calc(var(--cn-motion-reveal) * .4) var(--cn-ease-standard) both;animation-delay:calc(var(--cn-motion-stagger) * 6)}.cn-reveal--cerne [data-reveal=content]{animation:cn-enter calc(var(--cn-motion-reveal) * .4) var(--cn-ease-enter) both;animation-delay:calc(var(--cn-motion-stagger) * 10)}.cn-loop--orbit{transform-box:view-box;transform-origin:var(--cn-reveal-origin,50% 50%);animation:2.4s linear infinite cn-orbit}.cn-loop--glow{animation:cn-glow 1.8s var(--cn-ease-standard) infinite}.cn-loop--flicker{animation:2.6s linear infinite cn-flicker}.cn-loop--ripple{transform-box:view-box;transform-origin:var(--cn-reveal-origin,50% 50%);animation:cn-ring-out 2.2s var(--cn-ease-exit) infinite}.cn-loop--ripple.cn-loop--late{animation-delay:1.1s}.cn-illo--still .cn-loop--orbit,.cn-illo--still .cn-loop--glow,.cn-illo--still .cn-loop--flicker,.cn-illo--still .cn-loop--ripple{animation:none}.cn-attention--nudge{transform-origin:50% 10%;animation:cn-nudge var(--cn-duration-7) var(--cn-ease-standard)}.cn-attention--bump{animation:cn-bump var(--cn-duration-4) var(--cn-ease-spring)}.cn-attention--swap{animation:cn-swap-in var(--cn-duration-4) var(--cn-ease-spring) both;display:inline-flex}.cn-live{border-radius:var(--cn-radius-round);background:currentColor;flex:none;width:8px;height:8px;display:inline-block;position:relative}.cn-live:after{content:"";border-radius:inherit;animation:cn-live 1.8s var(--cn-ease-exit) infinite;background:currentColor;position:absolute;inset:0}.cn-ticker{font-variant-numeric:tabular-nums}.cn-shimmer{background:linear-gradient(100deg,var(--cn-skeleton) 40%,color-mix(in oklab,var(--cn-skeleton),var(--cn-text-default) 10%) 50%,var(--cn-skeleton) 60%) 0 0/200% 100%;animation:1.6s linear infinite cn-shimmer}::view-transition-old(root){animation-duration:var(--cn-duration-3)}::view-transition-new(root){animation-duration:var(--cn-duration-3)}::view-transition-old(cn-main){animation:var(--cn-duration-2) var(--cn-ease-exit) both cn-vt-out}::view-transition-new(cn-main){animation:var(--cn-duration-5) var(--cn-ease-enter) both cn-enter}::view-transition-group(cn-title){animation-duration:var(--cn-duration-5);animation-timing-function:var(--cn-ease-standard)}::view-transition-group(cn-context){animation-duration:var(--cn-duration-5);animation-timing-function:var(--cn-ease-standard)}::view-transition-group(cn-nav){animation-duration:var(--cn-duration-5);animation-timing-function:var(--cn-ease-standard)}@keyframes cn-vt-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.cn-loop--orbit,.cn-loop--glow,.cn-loop--flicker,.cn-loop--ripple,.cn-attention--nudge,.cn-attention--bump,.cn-attention--swap,.cn-live:after{animation:none}.cn-shimmer{background:var(--cn-skeleton);animation:cn-glow 1.6s var(--cn-ease-standard) infinite}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}[data-motion=reduce] .cn-loop--orbit,[data-motion=reduce] .cn-loop--glow,[data-motion=reduce] .cn-loop--flicker,[data-motion=reduce] .cn-loop--ripple,[data-motion=reduce] .cn-attention--nudge,[data-motion=reduce] .cn-attention--bump,[data-motion=reduce] .cn-attention--swap,[data-motion=reduce] .cn-live:after{animation:none}[data-motion=reduce] .cn-shimmer{background:var(--cn-skeleton);animation:cn-glow 1.6s var(--cn-ease-standard) infinite}[data-motion=paused] .cn-loop--orbit,[data-motion=paused] .cn-loop--glow,[data-motion=paused] .cn-loop--flicker,[data-motion=paused] .cn-loop--ripple,[data-motion=paused] .cn-live:after,[data-motion=paused] .cn-shimmer{animation-play-state:paused}}@layer utilities;
