/* Source: frontend/packages/design/generated/lumi/{core,idle,hello,saved,goodbye,notfound,typo,error,alertset,typing,searching,bored,longwait,success}.css (concat) + pause rule. Built by verify/build-shims.mjs. */
@layer lumi {
.lumi { position: relative; display: inline-block; flex: none; line-height: 0; }
.lumi svg { display: block; overflow: visible; }
.lumi .lm-prop { opacity: 0; }
.lumi .lm-prop.kids > * { transform-box: fill-box; transform-origin: center; }
.lumi .x-counter { position: absolute; left: 0; right: 0; bottom: 18px; text-align: center; font-size: 15px; font-weight: 700; line-height: 1.25; color: var(--text-2); font-variant-numeric: tabular-nums; opacity: 0; }
.lumi .x-tag { position: absolute; left: 50%; top: 89%; transform: translateX(-50%); opacity: 0; }
.lumi .x-chip { position: absolute; right: 16px; top: 50%; margin-top: -20px; min-height: 40px; display: inline-flex; align-items: center; padding: 8px 14px; border: 1.5px solid var(--line-strong); border-radius: var(--radius-pill); background: var(--surface); color: var(--text); font-size: 14px; font-weight: 700; line-height: 1.25; white-space: nowrap; opacity: 0; }
.lumi .x-chip u { color: var(--primary-ink); text-decoration-color: var(--primary); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.lumi[data-still], .lumi[data-still] * { animation: none !important; }
html[data-motion="paused"] .lumi, html[data-motion="paused"] .lumi * { animation-play-state: paused !important; }
html[data-motion="paused"] .lumi:not([data-still]):not([data-state="idle"]):not([data-state="bored"]):not([data-state="typing"]):not([data-state="searching"]):not([data-state="longwait"]):not([data-state="alertset"]), html[data-motion="paused"] .lumi:not([data-still]):not([data-state="idle"]):not([data-state="bored"]):not([data-state="typing"]):not([data-state="searching"]):not([data-state="longwait"]):not([data-state="alertset"]) * { animation-delay: -100s !important; }
}

@layer lumi {
.lumi[data-state="idle"] .lm-root { animation: lumi-idle-root-0 4000ms linear 0ms infinite normal both; }
.lumi[data-state="idle"] .lm-open { animation: lumi-idle-open-0 4000ms linear 0ms infinite normal both; }
.lumi[data-state="idle"] .lm-light { animation: lumi-idle-light-0 3000ms linear 0ms infinite normal both; }
.lumi[data-state="idle"] .lm-halo { animation: lumi-idle-halo-0 4000ms linear 0ms infinite normal both; }
.lumi[data-state="idle"][data-still] .lm-open { opacity: 1; }
.lumi[data-state="idle"][data-still] .lm-happy { opacity: 0; }
.lumi[data-state="idle"][data-still] .lm-shut { opacity: 0; }
@keyframes lumi-idle-root-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  50% { transform: translate(0px,0px) rotate(0deg) scale(0.985,1.035); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-idle-open-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  62% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  65% { transform: translate(0px,0px) rotate(0deg) scale(1,0.1); }
  68% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-idle-light-0 {
  0% { opacity: 1; }
  30% { opacity: 0.8; }
  33% { opacity: 1; }
  78% { opacity: 0.88; }
  82% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes lumi-idle-halo-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  50% { transform: translate(0px,0px) rotate(0deg) scale(1.2,1.2); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
}

@layer lumi {
.lumi[data-state="hello"] .lm-root { animation: lumi-hello-root-0 1400ms linear 0ms 1 normal both; }
.lumi[data-state="hello"] .lm-ant { animation: lumi-hello-ant-0 1400ms linear 0ms 1 normal both; }
.lumi[data-state="hello"] .lm-light { animation: lumi-hello-light-0 1400ms linear 0ms 1 normal both; }
.lumi[data-state="hello"] .lm-open { animation: lumi-hello-open-0 1400ms linear 0ms 1 normal both; }
.lumi[data-state="hello"] .lm-happy { animation: lumi-hello-happy-0 1400ms linear 0ms 1 normal both; }
.lumi[data-state="hello"] .lm-shut { animation: lumi-hello-shut-0 1400ms linear 0ms 1 normal both; }
.lumi[data-state="hello"][data-still] .lm-open { opacity: 0; }
.lumi[data-state="hello"][data-still] .lm-happy { opacity: 1; }
.lumi[data-state="hello"][data-still] .lm-shut { opacity: 0; }
.lumi[data-state="hello"][data-still] .lm-ant { transform: translate(0px,0px) rotate(18deg) scale(1,1); }
@keyframes lumi-hello-root-0 {
  0% { transform: translate(0px,24px) rotate(0deg) scale(0.2,0.2); opacity: 0; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  22% { transform: translate(0px,-8px) rotate(0deg) scale(0.9,1.14); opacity: 1; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  34% { transform: translate(0px,0px) rotate(0deg) scale(1.1,0.9); animation-timing-function: cubic-bezier(.2,0,0,1); }
  46% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-hello-ant-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  40% { transform: translate(0px,0px) rotate(-6deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  52% { transform: translate(0px,0px) rotate(24deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  64% { transform: translate(0px,0px) rotate(-20deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  76% { transform: translate(0px,0px) rotate(18deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  88% { transform: translate(0px,0px) rotate(-6deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-hello-light-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  50% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  58% { transform: translate(0px,0px) rotate(0deg) scale(1.35,1.35); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  75% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-hello-open-0 {
  0% { opacity: 1; }
  48% { opacity: 1; }
  51% { opacity: 0; }
  94% { opacity: 0; }
  97% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes lumi-hello-happy-0 {
  0% { opacity: 0; }
  48% { opacity: 0; }
  51% { opacity: 1; }
  94% { opacity: 1; }
  97% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes lumi-hello-shut-0 {
  0% { opacity: 0; }
  100% { opacity: 0; }
}
}

@layer lumi {
.lumi[data-state="saved"] .lm-prop.lm-p-coins { animation: lumi-saved-prop-0 2400ms linear 0ms 1 normal both; }
.lumi[data-state="saved"] .lm-prop.lm-p-coins > :nth-child(1) { animation: lumi-saved-kid0-0 2400ms linear 0ms 1 normal both; }
.lumi[data-state="saved"] .lm-prop.lm-p-coins > :nth-child(2) { animation: lumi-saved-kid1-0 2400ms linear 0ms 1 normal both; }
.lumi[data-state="saved"] .lm-prop.lm-p-coins > :nth-child(3) { animation: lumi-saved-kid2-0 2400ms linear 0ms 1 normal both; }
.lumi[data-state="saved"] .lm-gaze { animation: lumi-saved-gaze-0 2400ms linear 0ms 1 normal both; }
.lumi[data-state="saved"] .lm-face { animation: lumi-saved-face-0 2400ms linear 0ms 1 normal both; }
.lumi[data-state="saved"] .lm-root { animation: lumi-saved-root-0 2400ms linear 0ms 1 normal both; }
.lumi[data-state="saved"] .lm-ant { animation: lumi-saved-ant-0 2400ms linear 0ms 1 normal both; }
.lumi[data-state="saved"] .lm-open { animation: lumi-saved-open-0 2400ms linear 0ms 1 normal both; }
.lumi[data-state="saved"] .lm-happy { animation: lumi-saved-happy-0 2400ms linear 0ms 1 normal both; }
.lumi[data-state="saved"] .lm-shut { animation: lumi-saved-shut-0 2400ms linear 0ms 1 normal both; }
.lumi[data-state="saved"][data-still] .lm-open { opacity: 0; }
.lumi[data-state="saved"][data-still] .lm-happy { opacity: 1; }
.lumi[data-state="saved"][data-still] .lm-shut { opacity: 0; }
.lumi[data-state="saved"][data-still] .lm-prop.lm-p-coins { opacity: 1; }
@keyframes lumi-saved-prop-0 {
  0% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes lumi-saved-kid0-0 {
  0% { transform: translate(0px,-10px) rotate(0deg) scale(0.6,0.6); opacity: 0; }
  6% { transform: translate(0px,-10px) rotate(0deg) scale(0.6,0.6); opacity: 0; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  14% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; }
}
@keyframes lumi-saved-kid1-0 {
  0% { transform: translate(0px,-10px) rotate(0deg) scale(0.6,0.6); opacity: 0; }
  19% { transform: translate(0px,-10px) rotate(0deg) scale(0.6,0.6); opacity: 0; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  27% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; }
}
@keyframes lumi-saved-kid2-0 {
  0% { transform: translate(0px,-10px) rotate(0deg) scale(0.6,0.6); opacity: 0; }
  32% { transform: translate(0px,-10px) rotate(0deg) scale(0.6,0.6); opacity: 0; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  40% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; }
}
@keyframes lumi-saved-gaze-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  5% { transform: translate(7px,6px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  44% { transform: translate(7px,6px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  50% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-saved-face-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  10% { transform: translate(0px,2.5px) rotate(0deg) scale(1,1); }
  14% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  23% { transform: translate(0px,2.5px) rotate(0deg) scale(1,1); }
  27% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  36% { transform: translate(0px,2.5px) rotate(0deg) scale(1,1); }
  40% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-saved-root-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  48% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  56% { transform: translate(-4px,0px) rotate(-9deg) scale(1,0.96); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  64% { transform: translate(4px,0px) rotate(9deg) scale(1,1.02); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  72% { transform: translate(-4px,0px) rotate(-9deg) scale(1,0.96); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  80% { transform: translate(4px,0px) rotate(9deg) scale(1,1.02); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  90% { transform: translate(0px,0px) rotate(0deg) scale(1.06,0.94); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-saved-ant-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  50% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  58% { transform: translate(0px,0px) rotate(12deg) scale(1,1); }
  66% { transform: translate(0px,0px) rotate(-12deg) scale(1,1); }
  74% { transform: translate(0px,0px) rotate(12deg) scale(1,1); }
  82% { transform: translate(0px,0px) rotate(-12deg) scale(1,1); }
  92% { transform: translate(0px,0px) rotate(4deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-saved-open-0 {
  0% { opacity: 1; }
  47% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes lumi-saved-happy-0 {
  0% { opacity: 0; }
  47% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes lumi-saved-shut-0 {
  0% { opacity: 0; }
  100% { opacity: 0; }
}
}

@layer lumi {
.lumi[data-state="goodbye"] .lm-open { animation: lumi-goodbye-open-0 1500ms linear 0ms 1 normal both; }
.lumi[data-state="goodbye"] .lm-happy { animation: lumi-goodbye-happy-0 1500ms linear 0ms 1 normal both; }
.lumi[data-state="goodbye"] .lm-shut { animation: lumi-goodbye-shut-0 1500ms linear 0ms 1 normal both; }
.lumi[data-state="goodbye"] .lm-ant { animation: lumi-goodbye-ant-0 1500ms linear 0ms 1 normal both; }
.lumi[data-state="goodbye"] .lm-root { animation: lumi-goodbye-root-0 1500ms linear 0ms 1 normal both; }
.lumi[data-state="goodbye"] .lm-light { animation: lumi-goodbye-light-0 1500ms linear 0ms 1 normal both; }
.lumi[data-state="goodbye"][data-still] .lm-open { opacity: 0; }
.lumi[data-state="goodbye"][data-still] .lm-happy { opacity: 1; }
.lumi[data-state="goodbye"][data-still] .lm-shut { opacity: 0; }
.lumi[data-state="goodbye"][data-still] .lm-root { transform: translate(0px,0px) rotate(0deg) scale(1.06,0.92); }
.lumi[data-state="goodbye"][data-still] .lm-ant { transform: translate(0px,0px) rotate(-14deg) scale(1,1); }
.lumi[data-state="goodbye"][data-still] .lm-light { opacity: 0.35; transform: translate(0px,0px) rotate(0deg) scale(1,1); }
@keyframes lumi-goodbye-open-0 {
  0% { opacity: 1; }
  6% { opacity: 1; }
  9% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes lumi-goodbye-happy-0 {
  0% { opacity: 0; }
  6% { opacity: 0; }
  9% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes lumi-goodbye-shut-0 {
  0% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes lumi-goodbye-ant-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  10% { transform: translate(0px,0px) rotate(-20deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  22% { transform: translate(0px,0px) rotate(20deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  34% { transform: translate(0px,0px) rotate(-14deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  46% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  62% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  78% { transform: translate(0px,0px) rotate(10deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(-4deg) scale(1,1); }
}
@keyframes lumi-goodbye-root-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  46% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  56% { transform: translate(0px,-6px) rotate(0deg) scale(0.94,1.08); animation-timing-function: cubic-bezier(.2,0,0,1); }
  66% { transform: translate(0px,0px) rotate(0deg) scale(1.06,0.94); animation-timing-function: cubic-bezier(.2,0,0,1); }
  95% { transform: translate(0px,2px) rotate(0deg) scale(1.25,0); opacity: 1; }
  100% { transform: translate(0px,2px) rotate(0deg) scale(1.25,0); opacity: 0; }
}
@keyframes lumi-goodbye-light-0 {
  0% { opacity: 1; }
  60% { opacity: 1; }
  64% { opacity: 0.2; }
  67% { opacity: 0.8; }
  74% { opacity: 0; }
  100% { opacity: 0; }
}
}

@layer lumi {
.lumi[data-state="notfound"] .lm-gaze { animation: lumi-notfound-gaze-0 2400ms linear 0ms 1 normal both; }
.lumi[data-state="notfound"] .lm-ant { animation: lumi-notfound-ant-0 2400ms linear 0ms 1 normal both; }
.lumi[data-state="notfound"] .lm-light { animation: lumi-notfound-light-0 2400ms linear 0ms 1 normal both; }
.lumi[data-state="notfound"] .lm-root { animation: lumi-notfound-root-0 2400ms linear 0ms 1 normal both; }
.lumi[data-state="notfound"] .lm-open { animation: lumi-notfound-open-0 2400ms linear 0ms 1 normal both; }
.lumi[data-state="notfound"] .lm-prop.lm-p-question { animation: lumi-notfound-prop-0 2400ms linear 0ms 1 normal both; }
.lumi[data-state="notfound"][data-still] .lm-open { opacity: 1; }
.lumi[data-state="notfound"][data-still] .lm-happy { opacity: 0; }
.lumi[data-state="notfound"][data-still] .lm-shut { opacity: 0; }
.lumi[data-state="notfound"][data-still] .lm-prop.lm-p-question { opacity: 1; }
@keyframes lumi-notfound-gaze-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  10% { transform: translate(-8px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  28% { transform: translate(-8px,0px) rotate(0deg) scale(1,1); }
  38% { transform: translate(8px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  56% { transform: translate(8px,0px) rotate(0deg) scale(1,1); }
  64% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-notfound-ant-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  10% { transform: translate(0px,0px) rotate(-26deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  28% { transform: translate(0px,0px) rotate(-26deg) scale(1,1); }
  38% { transform: translate(0px,0px) rotate(24deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  56% { transform: translate(0px,0px) rotate(24deg) scale(1,1); }
  64% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  74% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  80% { transform: translate(0px,0px) rotate(-8deg) scale(1,1); }
  88% { transform: translate(0px,0px) rotate(6deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-notfound-light-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  10% { transform: translate(0px,0px) rotate(0deg) scale(1.2,1.2); }
  56% { transform: translate(0px,0px) rotate(0deg) scale(1.2,1.2); }
  64% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-notfound-root-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  10% { transform: translate(0px,0px) rotate(-3deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  28% { transform: translate(0px,0px) rotate(-3deg) scale(1,1); }
  38% { transform: translate(0px,0px) rotate(3deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  56% { transform: translate(0px,0px) rotate(3deg) scale(1,1); }
  64% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  68% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  74% { transform: translate(0px,-6px) rotate(0deg) scale(0.95,1.07); }
  80% { transform: translate(0px,-6px) rotate(0deg) scale(0.95,1.07); animation-timing-function: cubic-bezier(.5,0,1,1); }
  86% { transform: translate(0px,0px) rotate(0deg) scale(1.06,0.93); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  94% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-notfound-open-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  72% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  75% { transform: translate(0px,0px) rotate(0deg) scale(1,0.55); }
  80% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-notfound-prop-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(0,0); opacity: 0; }
  74% { transform: translate(0px,0px) rotate(0deg) scale(0,0); opacity: 0; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  86% { transform: translate(0px,-4px) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.2,0,0,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; }
}
}

@layer lumi {
.lumi[data-state="typo"] .lm-ant { animation: lumi-typo-ant-0 1400ms linear 0ms 1 normal both; }
.lumi[data-state="typo"] .lm-light { animation: lumi-typo-light-0 1400ms linear 0ms 1 normal both; }
.lumi[data-state="typo"] .lm-gaze { animation: lumi-typo-gaze-0 1400ms linear 0ms 1 normal both; }
.lumi[data-state="typo"] .lm-root { animation: lumi-typo-root-0 1400ms linear 0ms 1 normal both; }
.lumi[data-state="typo"] .x-chip { animation: lumi-typo-x-chip-0 1400ms linear 0ms 1 normal both; }
.lumi[data-state="typo"][data-still] .lm-open { opacity: 1; }
.lumi[data-state="typo"][data-still] .lm-happy { opacity: 0; }
.lumi[data-state="typo"][data-still] .lm-shut { opacity: 0; }
.lumi[data-state="typo"][data-still] .lm-gaze { transform: translate(8px,-1px) rotate(0deg) scale(1,1); }
.lumi[data-state="typo"][data-still] .lm-root { transform: translate(0px,0px) rotate(6deg) scale(1,1); }
.lumi[data-state="typo"][data-still] .lm-ant { transform: translate(0px,0px) rotate(46deg) scale(1,1); }
.lumi[data-state="typo"][data-still] .lm-light { opacity: 1; transform: translate(0px,0px) rotate(0deg) scale(1.2,1.2); }
.lumi[data-state="typo"][data-still] .x-chip { opacity: 1; }
@keyframes lumi-typo-ant-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  18% { transform: translate(0px,0px) rotate(-10deg) scale(1,1); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  36% { transform: translate(0px,0px) rotate(44deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  48% { transform: translate(0px,0px) rotate(54deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  56% { transform: translate(0px,0px) rotate(42deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  64% { transform: translate(0px,0px) rotate(54deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  72% { transform: translate(0px,0px) rotate(44deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(46deg) scale(1,1); }
}
@keyframes lumi-typo-light-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  20% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  36% { transform: translate(0px,0px) rotate(0deg) scale(1.3,1.3); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1.2,1.2); }
}
@keyframes lumi-typo-gaze-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  30% { transform: translate(8px,-1px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  100% { transform: translate(8px,-1px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-typo-root-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  18% { transform: translate(0px,0px) rotate(-3deg) scale(1,1); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  36% { transform: translate(0px,0px) rotate(7deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(6deg) scale(1,1); }
}
@keyframes lumi-typo-x-chip-0 {
  0% { transform: translateX(12px) scale(1); opacity: 0; }
  30% { transform: translateX(12px) scale(1); opacity: 0; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  44% { transform: translateX(0px) scale(1); opacity: 1; }
  50% { transform: translateX(0px) scale(1.07); opacity: 1; }
  58% { transform: translateX(0px) scale(1); opacity: 1; }
  66% { transform: translateX(0px) scale(1.07); opacity: 1; }
  74% { transform: translateX(0px) scale(1); opacity: 1; }
  100% { transform: translateX(0px) scale(1); opacity: 1; }
}
}

@layer lumi {
.lumi[data-state="error"] .lm-open > .lm-e:first-child { animation: lumi-error-eL-0 1800ms linear 0ms 1 normal both; }
.lumi[data-state="error"] .lm-open > .lm-e:last-child { animation: lumi-error-eR-0 1800ms linear 0ms 1 normal both; }
.lumi[data-state="error"] .lm-root { animation: lumi-error-root-0 1800ms linear 0ms 1 normal both; }
.lumi[data-state="error"] .lm-ant { animation: lumi-error-ant-0 1800ms linear 0ms 1 normal both; }
.lumi[data-state="error"] .lm-light { animation: lumi-error-light-0 1800ms linear 0ms 1 normal both; }
.lumi[data-state="error"] .lm-open { animation: lumi-error-open-0 1800ms linear 0ms 1 normal both; }
.lumi[data-state="error"][data-still] .lm-open { opacity: 1; }
.lumi[data-state="error"][data-still] .lm-happy { opacity: 0; }
.lumi[data-state="error"][data-still] .lm-shut { opacity: 0; }
.lumi[data-state="error"][data-still] .lm-root { transform: translate(0px,0px) rotate(-4deg) scale(1,1); }
.lumi[data-state="error"][data-still] .lm-ant { transform: translate(0px,0px) rotate(-10deg) scale(1,1); }
.lumi[data-state="error"][data-still] .lm-open > .lm-e:first-child { transform: rotate(150deg); }
.lumi[data-state="error"][data-still] .lm-open > .lm-e:last-child { transform: rotate(-130deg); }
@keyframes lumi-error-eL-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  6% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  70% { transform: translate(0px,0px) rotate(720deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(720deg) scale(1,1); }
}
@keyframes lumi-error-eR-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  6% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  70% { transform: translate(0px,0px) rotate(-720deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(-720deg) scale(1,1); }
}
@keyframes lumi-error-root-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  12% { transform: translate(4px,0px) rotate(4deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  24% { transform: translate(0px,2px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  36% { transform: translate(-4px,0px) rotate(-4deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  48% { transform: translate(0px,2px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  60% { transform: translate(3px,0px) rotate(3deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  72% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  80% { transform: translate(-1.5px,0px) rotate(-1.5deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-error-ant-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  16% { transform: translate(0px,0px) rotate(-14deg) scale(1,1); }
  28% { transform: translate(0px,0px) rotate(10deg) scale(1,1); }
  40% { transform: translate(0px,0px) rotate(-14deg) scale(1,1); }
  52% { transform: translate(0px,0px) rotate(10deg) scale(1,1); }
  64% { transform: translate(0px,0px) rotate(-8deg) scale(1,1); }
  78% { transform: translate(0px,0px) rotate(4deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-error-light-0 {
  0% { opacity: 1; }
  20% { opacity: 1; }
  22% { opacity: 0.3; }
  26% { opacity: 1; }
  44% { opacity: 1; }
  46% { opacity: 0.4; }
  50% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes lumi-error-open-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  82% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  86% { transform: translate(0px,0px) rotate(0deg) scale(1,0.1); }
  90% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
}

@layer lumi {
.lumi[data-state="alertset"] .lm-root { animation: lumi-alertset-root-0 900ms linear 0ms 1 normal both, lumi-alertset-root-1 3200ms linear 900ms infinite normal none; }
.lumi[data-state="alertset"] .lm-open { animation: lumi-alertset-open-0 900ms linear 0ms 1 normal both; }
.lumi[data-state="alertset"] .lm-happy { animation: lumi-alertset-happy-0 900ms linear 0ms 1 normal both; }
.lumi[data-state="alertset"] .lm-shut { animation: lumi-alertset-shut-0 900ms linear 0ms 1 normal both; }
.lumi[data-state="alertset"] .lm-ant { animation: lumi-alertset-ant-0 900ms linear 0ms 1 normal both; }
.lumi[data-state="alertset"] .lm-light { animation: lumi-alertset-light-0 900ms linear 0ms 1 normal both; }
.lumi[data-state="alertset"] .lm-halo { animation: lumi-alertset-halo-0 3200ms linear 900ms infinite normal none; }
.lumi[data-state="alertset"] .lm-prop.lm-p-z { animation: lumi-alertset-prop-0 3200ms linear 720ms infinite normal none; }
.lumi[data-state="alertset"][data-still] .lm-open { opacity: 0; }
.lumi[data-state="alertset"][data-still] .lm-happy { opacity: 0; }
.lumi[data-state="alertset"][data-still] .lm-shut { opacity: 1; }
.lumi[data-state="alertset"][data-still] .lm-root { transform: translate(0px,4px) rotate(0deg) scale(1.1,0.86); }
.lumi[data-state="alertset"][data-still] .lm-ant { transform: translate(0px,0px) rotate(-20deg) scale(1,1); }
.lumi[data-state="alertset"][data-still] .lm-light { opacity: 0.45; transform: translate(0px,0px) rotate(0deg) scale(0.8,0.8); }
.lumi[data-state="alertset"][data-still] .lm-prop.lm-p-z { opacity: 1; transform: translate(4px,-8px) rotate(0deg) scale(1,1); }
@keyframes lumi-alertset-root-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  35% { transform: translate(0px,-3px) rotate(0deg) scale(0.96,1.05); animation-timing-function: cubic-bezier(.2,0,0,1); }
  100% { transform: translate(0px,4px) rotate(0deg) scale(1.1,0.86); }
}
@keyframes lumi-alertset-root-1 {
  0% { transform: translate(0px,4px) rotate(0deg) scale(1.1,0.86); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  50% { transform: translate(0px,4px) rotate(0deg) scale(1.08,0.9); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: translate(0px,4px) rotate(0deg) scale(1.1,0.86); }
}
@keyframes lumi-alertset-open-0 {
  0% { opacity: 1; }
  40% { opacity: 1; }
  43% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes lumi-alertset-happy-0 {
  0% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes lumi-alertset-shut-0 {
  0% { opacity: 0; }
  40% { opacity: 0; }
  43% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes lumi-alertset-ant-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  100% { transform: translate(0px,0px) rotate(-20deg) scale(1,1); }
}
@keyframes lumi-alertset-light-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.2,0,0,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(0.8,0.8); opacity: 0.45; }
}
@keyframes lumi-alertset-halo-0 {
  0% { opacity: 0.1; }
  50% { opacity: 0.32; }
  100% { opacity: 0.1; }
}
@keyframes lumi-alertset-prop-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(0.5,0.5); opacity: 0; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  15% { transform: translate(2px,-4px) rotate(0deg) scale(0.8,0.8); opacity: 1; }
  70% { transform: translate(10px,-22px) rotate(0deg) scale(1.15,1.15); opacity: 0.8; }
  100% { transform: translate(14px,-30px) rotate(0deg) scale(1.2,1.2); opacity: 0; }
}
}

@layer lumi {
.lumi-wrap { position: relative; display: inline-block; line-height: 0; }
.lumi-mark { display: inline-block; line-height: 0; }
}

@layer lumi {
.lumi[data-state="typing"] .lm-prop.lm-p-caret { animation: lumi-typing-prop-0 1800ms linear 0ms infinite normal both; }
.lumi[data-state="typing"] .lm-gaze { animation: lumi-typing-gaze-0 1800ms linear 0ms infinite normal both; }
.lumi[data-state="typing"] .lm-root { animation: lumi-typing-root-0 1800ms linear 0ms infinite normal both; }
.lumi[data-state="typing"] .lm-core { animation: lumi-typing-core-0 252ms linear 0ms infinite normal both; }
.lumi[data-state="typing"][data-still] .lm-open { opacity: 1; }
.lumi[data-state="typing"][data-still] .lm-happy { opacity: 0; }
.lumi[data-state="typing"][data-still] .lm-shut { opacity: 0; }
.lumi[data-state="typing"][data-still] .lm-gaze { transform: translate(2px,4px) rotate(0deg) scale(1,1); }
.lumi[data-state="typing"][data-still] .lm-prop.lm-p-caret { opacity: 1; transform: translate(24px,0px) rotate(0deg) scale(1,1); }
@keyframes lumi-typing-prop-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: steps(6,end); }
  84% { transform: translate(48px,0px) rotate(0deg) scale(1,1); opacity: 1; }
  88% { transform: translate(48px,0px) rotate(0deg) scale(1,1); opacity: 0; }
  96% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 0; }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; }
}
@keyframes lumi-typing-gaze-0 {
  0% { transform: translate(-6px,4px) rotate(0deg) scale(1,1); animation-timing-function: steps(6,end); }
  84% { transform: translate(6px,4px) rotate(0deg) scale(1,1); }
  92% { transform: translate(-6px,4px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  100% { transform: translate(-6px,4px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-typing-root-0 {
  0% { transform: translate(0px,0px) rotate(-2deg) scale(1,1); }
  84% { transform: translate(0px,0px) rotate(2deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  94% { transform: translate(0px,0px) rotate(-2deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(-2deg) scale(1,1); }
}
@keyframes lumi-typing-core-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  25% { transform: translate(0px,0px) rotate(0deg) scale(1.25,1.25); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
}

@layer lumi {
.lumi[data-state="searching"] .lm-prop.lm-p-beam { animation: lumi-searching-prop-0 300ms linear 0ms 1 normal both; }
.lumi[data-state="searching"] .lm-ant { animation: lumi-searching-ant-0 1200ms linear 0ms infinite alternate both; }
.lumi[data-state="searching"] .lm-gaze { animation: lumi-searching-gaze-0 1200ms linear 0ms infinite alternate both; }
.lumi[data-state="searching"] .lm-root { animation: lumi-searching-root-0 1200ms linear 0ms infinite alternate both; }
.lumi[data-state="searching"][data-still] .lm-open { opacity: 1; }
.lumi[data-state="searching"][data-still] .lm-happy { opacity: 0; }
.lumi[data-state="searching"][data-still] .lm-shut { opacity: 0; }
.lumi[data-state="searching"][data-still] .lm-gaze { transform: translate(5px,0px) rotate(0deg) scale(1,1); }
.lumi[data-state="searching"][data-still] .lm-ant { transform: translate(0px,0px) rotate(-10deg) scale(1,1); }
.lumi[data-state="searching"][data-still] .lm-prop.lm-p-beam { opacity: 1; }
@keyframes lumi-searching-prop-0 {
  0% { opacity: 0; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  100% { opacity: 1; }
}
@keyframes lumi-searching-ant-0 {
  0% { transform: translate(0px,0px) rotate(-34deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: translate(0px,0px) rotate(30deg) scale(1,1); }
}
@keyframes lumi-searching-gaze-0 {
  0% { transform: translate(-2px,-4px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: translate(7px,3px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-searching-root-0 {
  0% { transform: translate(0px,0px) rotate(-3deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: translate(0px,0px) rotate(3deg) scale(1,1); }
}
}

@layer lumi {
.lumi[data-state="bored"] .lm-gaze { animation: lumi-bored-gaze-0 6000ms linear 0ms infinite normal both; }
.lumi[data-state="bored"] .lm-root { animation: lumi-bored-root-0 6000ms linear 0ms infinite normal both; }
.lumi[data-state="bored"] .lm-light { animation: lumi-bored-light-0 6000ms linear 0ms infinite normal both; }
.lumi[data-state="bored"] .lm-open { animation: lumi-bored-open-0 6000ms linear 0ms infinite normal both; }
.lumi[data-state="bored"][data-still] .lm-open { opacity: 1; }
.lumi[data-state="bored"][data-still] .lm-happy { opacity: 0; }
.lumi[data-state="bored"][data-still] .lm-shut { opacity: 0; }
.lumi[data-state="bored"][data-still] .lm-gaze { transform: translate(-7px,0px) rotate(0deg) scale(1,1); }
.lumi[data-state="bored"][data-still] .lm-light { opacity: 0.5; transform: translate(0px,0px) rotate(0deg) scale(1,1); }
@keyframes lumi-bored-gaze-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  8% { transform: translate(-7px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  28% { transform: translate(-7px,0px) rotate(0deg) scale(1,1); }
  36% { transform: translate(7px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  56% { transform: translate(7px,0px) rotate(0deg) scale(1,1); }
  64% { transform: translate(1px,-6px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  82% { transform: translate(1px,-6px) rotate(0deg) scale(1,1); }
  90% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-bored-root-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  8% { transform: translate(0px,0px) rotate(-3deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  28% { transform: translate(0px,0px) rotate(-3deg) scale(1,1); }
  36% { transform: translate(0px,0px) rotate(3deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  56% { transform: translate(0px,0px) rotate(3deg) scale(1,1); }
  64% { transform: translate(0px,1px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  90% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-bored-light-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; }
  12% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  30% { transform: translate(0px,0px) rotate(0deg) scale(0.85,0.85); opacity: 0.35; }
  60% { transform: translate(0px,0px) rotate(0deg) scale(0.85,0.85); opacity: 0.35; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  70% { transform: translate(0px,0px) rotate(0deg) scale(1.3,1.3); opacity: 1; animation-timing-function: cubic-bezier(.2,0,0,1); }
  82% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; }
}
@keyframes lumi-bored-open-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  44% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  47% { transform: translate(0px,0px) rotate(0deg) scale(1,0.1); }
  50% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
}

@layer lumi {
.lumi[data-state="longwait"] .lm-root { animation: lumi-longwait-root-0 3200ms linear 0ms infinite normal both; }
.lumi[data-state="longwait"] .lm-gaze { animation: lumi-longwait-gaze-0 3200ms linear 0ms 1 normal both; }
.lumi[data-state="longwait"] .lm-ant { animation: lumi-longwait-ant-0 3200ms linear 0ms infinite normal both; }
.lumi[data-state="longwait"] .lm-light { animation: lumi-longwait-light-0 3200ms linear 0ms infinite normal both; }
.lumi[data-state="longwait"] .lm-halo { animation: lumi-longwait-halo-0 3200ms linear 0ms infinite normal both; }
.lumi[data-state="longwait"][data-still] .lm-open { opacity: 1; }
.lumi[data-state="longwait"][data-still] .lm-happy { opacity: 0; }
.lumi[data-state="longwait"][data-still] .lm-shut { opacity: 0; }
.lumi[data-state="longwait"][data-still] .lm-gaze { transform: translate(2px,-5px) rotate(0deg) scale(1,1); }
.lumi[data-state="longwait"][data-still] .lm-root { transform: translate(0px,3px) rotate(-7deg) scale(1.05,0.94); }
.lumi[data-state="longwait"][data-still] .lm-light { opacity: 1; transform: translate(0px,0px) rotate(0deg) scale(1.2,1.2); }
.lumi[data-state="longwait"] .x-counter { opacity: 1; }
@keyframes lumi-longwait-root-0 {
  0% { transform: translate(0px,3px) rotate(-7deg) scale(1.05,0.94); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  50% { transform: translate(0px,3px) rotate(7deg) scale(1.05,0.94); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: translate(0px,3px) rotate(-7deg) scale(1.05,0.94); }
}
@keyframes lumi-longwait-gaze-0 {
  0% { transform: translate(2px,-5px) rotate(0deg) scale(1,1); }
  100% { transform: translate(2px,-5px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-longwait-ant-0 {
  0% { transform: translate(0px,0px) rotate(5deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  50% { transform: translate(0px,0px) rotate(-5deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: translate(0px,0px) rotate(5deg) scale(1,1); }
}
@keyframes lumi-longwait-light-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 0.75; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  50% { transform: translate(0px,0px) rotate(0deg) scale(1.3,1.3); opacity: 1; animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 0.75; }
}
@keyframes lumi-longwait-halo-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  50% { transform: translate(0px,0px) rotate(0deg) scale(1.5,1.5); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
}

@layer lumi {
.lumi[data-state="success"] .lm-root { animation: lumi-success-root-0 1700ms linear 0ms 1 normal both; }
.lumi[data-state="success"] .lm-ant { animation: lumi-success-ant-0 1700ms linear 0ms 1 normal both; }
.lumi[data-state="success"] .lm-prop.lm-p-confetti { animation: lumi-success-prop-0 1700ms linear 0ms 1 normal both; }
.lumi[data-state="success"] .lm-prop.lm-p-confetti > :nth-child(1) { animation: lumi-success-kid0-0 1700ms linear 0ms 1 normal both; }
.lumi[data-state="success"] .lm-prop.lm-p-confetti > :nth-child(2) { animation: lumi-success-kid1-0 1700ms linear 0ms 1 normal both; }
.lumi[data-state="success"] .lm-prop.lm-p-confetti > :nth-child(3) { animation: lumi-success-kid2-0 1700ms linear 0ms 1 normal both; }
.lumi[data-state="success"] .lm-prop.lm-p-confetti > :nth-child(4) { animation: lumi-success-kid3-0 1700ms linear 0ms 1 normal both; }
.lumi[data-state="success"] .lm-open { animation: lumi-success-open-0 1700ms linear 0ms 1 normal both; }
.lumi[data-state="success"] .lm-happy { animation: lumi-success-happy-0 1700ms linear 0ms 1 normal both; }
.lumi[data-state="success"] .lm-shut { animation: lumi-success-shut-0 1700ms linear 0ms 1 normal both; }
.lumi[data-state="success"][data-still] .lm-open { opacity: 0; }
.lumi[data-state="success"][data-still] .lm-happy { opacity: 1; }
.lumi[data-state="success"][data-still] .lm-shut { opacity: 0; }
.lumi[data-state="success"][data-still] .lm-prop.lm-p-confetti { opacity: 1; }
.lumi[data-state="success"][data-still] .lm-prop.lm-p-confetti > :nth-child(1) { transform: translate(-34px,-26px) rotate(0deg) scale(1,1); }
.lumi[data-state="success"][data-still] .lm-prop.lm-p-confetti > :nth-child(2) { transform: translate(32px,-34px) rotate(0deg) scale(1,1); }
.lumi[data-state="success"][data-still] .lm-prop.lm-p-confetti > :nth-child(3) { transform: translate(-22px,-46px) rotate(0deg) scale(1,1); }
.lumi[data-state="success"][data-still] .lm-prop.lm-p-confetti > :nth-child(4) { transform: translate(40px,-14px) rotate(0deg) scale(1,1); }
@keyframes lumi-success-root-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); animation-timing-function: cubic-bezier(.2,0,0,1); }
  14% { transform: translate(0px,2px) rotate(0deg) scale(1.14,0.84); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  36% { transform: translate(0px,-34px) rotate(0deg) scale(0.94,1.08); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  46% { transform: translate(0px,-38px) rotate(0deg) scale(-0.94,1.08); animation-timing-function: cubic-bezier(.45,0,.55,1); }
  56% { transform: translate(0px,-34px) rotate(0deg) scale(0.94,1.08); animation-timing-function: cubic-bezier(.5,0,1,1); }
  70% { transform: translate(0px,0px) rotate(0deg) scale(1.12,0.88); animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  84% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-success-ant-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
  14% { transform: translate(0px,0px) rotate(8deg) scale(1,1); }
  36% { transform: translate(0px,0px) rotate(-10deg) scale(1,1); }
  70% { transform: translate(0px,0px) rotate(16deg) scale(1,1); animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  84% { transform: translate(0px,0px) rotate(-5deg) scale(1,1); }
  100% { transform: translate(0px,0px) rotate(0deg) scale(1,1); }
}
@keyframes lumi-success-prop-0 {
  0% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes lumi-success-kid0-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 0; }
  34% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 0; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  36% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  60% { transform: translate(-34px,-30px) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.4,0,.8,.6); }
  92% { transform: translate(-39.1px,-8px) rotate(0deg) scale(1,1); opacity: 1; }
  100% { transform: translate(-39.1px,-4px) rotate(0deg) scale(1,1); opacity: 0; }
}
@keyframes lumi-success-kid1-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 0; }
  34% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 0; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  36% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  60% { transform: translate(30px,-38px) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.4,0,.8,.6); }
  92% { transform: translate(34.5px,-16px) rotate(0deg) scale(1,1); opacity: 1; }
  100% { transform: translate(34.5px,-12px) rotate(0deg) scale(1,1); opacity: 0; }
}
@keyframes lumi-success-kid2-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 0; }
  34% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 0; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  36% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  60% { transform: translate(-22px,-50px) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.4,0,.8,.6); }
  92% { transform: translate(-25.3px,-28px) rotate(0deg) scale(1,1); opacity: 1; }
  100% { transform: translate(-25.3px,-24px) rotate(0deg) scale(1,1); opacity: 0; }
}
@keyframes lumi-success-kid3-0 {
  0% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 0; }
  34% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 0; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  36% { transform: translate(0px,0px) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
  60% { transform: translate(40px,-20px) rotate(0deg) scale(1,1); opacity: 1; animation-timing-function: cubic-bezier(.4,0,.8,.6); }
  92% { transform: translate(46px,2px) rotate(0deg) scale(1,1); opacity: 1; }
  100% { transform: translate(46px,6px) rotate(0deg) scale(1,1); opacity: 0; }
}
@keyframes lumi-success-open-0 {
  0% { opacity: 1; }
  30% { opacity: 1; }
  33% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes lumi-success-happy-0 {
  0% { opacity: 0; }
  30% { opacity: 0; }
  33% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes lumi-success-shut-0 {
  0% { opacity: 0; }
  100% { opacity: 0; }
}
}