.code-completion-inline-input{--cc-underline:color-mix(in oklch, var(--theme-primary) 75%, transparent);--cc-glow:0 0 0 2px var(--theme-code),
        0 0 0 5px color-mix(in oklch, var(--theme-primary) 45%, transparent);box-shadow:inset 0 -2px 0 0 var(--cc-underline);border-radius:.25rem;caret-color:var(--theme-primary);transition:background-color 150ms ease,box-shadow 150ms ease}.code-completion-inline-input::placeholder{color:color-mix(in oklch,var(--theme-on-code) 70%,transparent)}.code-completion-inline-input:focus{--cc-underline:var(--theme-primary);box-shadow:var(--cc-glow),inset 0 -2px 0 0 var(--cc-underline);outline:none}.code-completion-inline-input[data-state=correct]{--cc-underline:color-mix(in oklch, var(--color-success) 80%, transparent);background-color:color-mix(in oklch,var(--color-success) 18%,transparent);cursor:default}.code-completion-inline-input[data-state=wrong]{--cc-underline:color-mix(in oklch, var(--color-danger) 85%, transparent);background-color:color-mix(in oklch,var(--color-danger) 14%,transparent)}@keyframes cc-shake{0%,100%{translate:0 0}20%{translate:-3px 0}40%{translate:3px 0}60%{translate:-2px 0}80%{translate:2px 0}}@media(prefers-reduced-motion:no-preference){.code-completion-inline-input[data-state=wrong]{animation:cc-shake 280ms ease-in-out}}.code-completion-mirror{position:absolute;visibility:hidden;white-space:pre;pointer-events:none}