@layer components{html[data-theme=spectrum] .cmdbar[data-status]{border-radius:var(--radius-lg);border-color:var(--sp-line-input);transition:border-color var(--dur-base) var(--ease-out-expo), box-shadow var(--dur-slow) var(--ease-out-expo), background-color var(--dur-base) var(--ease-out-expo);flex-direction:column;gap:.5rem;padding:.5rem;display:flex}@media (min-width:640px){html[data-theme=spectrum] .cmdbar[data-status]{border-radius:18px;flex-direction:row;align-items:center;padding:.4375rem .4375rem .4375rem .75rem}}html[data-theme=spectrum] .cmdbar[data-status]{box-shadow:0 18px 40px -22px color-mix(in srgb, var(--sp-signal) 45%, transparent);background:#ffffffeb}html[data-theme=spectrum] .cmdbar[data-status]:hover{background:var(--sp-bg-1)}html[data-theme=spectrum] .cmdbar[data-status=supported]{border-color:color-mix(in srgb, var(--sp-signal) 45%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--sp-signal) 20%, transparent), 0 18px 40px -18px color-mix(in srgb, var(--sp-signal) 55%, transparent)}html[data-theme=spectrum] .cmdbar[data-status=unsupported]{border-color:color-mix(in srgb, var(--sp-warning) 60%, transparent)}html[data-theme=spectrum] .cmdbar[data-status=invalid]{border-color:color-mix(in srgb, var(--sp-danger) 65%, transparent)}html[data-theme=spectrum] .cmdbar-row{flex:auto;align-items:center;gap:.625rem;min-width:0;min-height:2.75rem;padding-inline:.5rem .25rem;display:flex}html[data-theme=spectrum] .cmdbar[data-size=lg] .cmdbar-row{min-height:3.25rem}html[data-theme=spectrum] .cmdbar-icon{width:1.5rem;height:1.5rem;color:var(--sp-text-3);transition:color var(--dur-base) var(--ease-out-expo);flex:none;place-items:center;display:grid}html[data-theme=spectrum] .cmdbar-icon>svg{opacity:0;width:1.25rem;height:1.25rem;transition:opacity var(--dur-base) var(--ease-out-expo), transform var(--dur-slow) var(--ease-out-back);grid-area:1/1;transform:scale(.55)rotate(-12deg)}html[data-theme=spectrum] .cmdbar-icon>svg[data-active=true]{opacity:1;transform:scale(1)rotate(0)}html[data-theme=spectrum] .cmdbar[data-status=supported] .cmdbar-icon{color:var(--sp-signal)}html[data-theme=spectrum] .cmdbar[data-status=unsupported] .cmdbar-icon{color:var(--sp-warning)}html[data-theme=spectrum] .cmdbar[data-status=invalid] .cmdbar-icon{color:var(--sp-danger)}html[data-theme=spectrum] .cmdbar-input{min-width:0;color:var(--sp-text-1);font-family:var(--font-sans);text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:auto;align-self:stretch;padding:0;font-size:1rem;line-height:1.5}html[data-theme=spectrum] .cmdbar[data-size=lg] .cmdbar-input{font-size:1.0625rem}html[data-theme=spectrum] .cmdbar-input::placeholder{color:var(--sp-text-3);opacity:1}html[data-theme=spectrum] .cmdbar-input:focus-visible{outline:none}html[data-theme=spectrum] .cmdbar-hint{border:1px solid var(--sp-line-2);border-radius:var(--radius-sm);height:1.5rem;font-family:var(--font-mono);letter-spacing:.08em;color:var(--sp-text-3);transition:opacity var(--dur-fast) var(--ease-out-expo), transform var(--dur-fast) var(--ease-out-expo);flex:none;align-items:center;padding-inline:.4rem;font-size:.6875rem;line-height:1;display:none}@media (min-width:768px){html[data-theme=spectrum] .cmdbar-hint{display:inline-flex}}html[data-theme=spectrum] .cmdbar-hint[data-visible=false]{opacity:0;pointer-events:none;transform:translate(6px)}html[data-theme=spectrum] .cmdbar-submit{width:100%}@media (min-width:640px){html[data-theme=spectrum] .cmdbar-submit{flex:none;width:auto}}html[data-theme=spectrum] .cmdbar-message{min-height:1.3125rem;color:var(--sp-text-2);margin-top:.625rem;padding-inline:1.25rem;font-size:.875rem;line-height:1.5}html[data-theme=spectrum] .cmdbar-message[data-tone=unsupported]{color:var(--sp-warning)}html[data-theme=spectrum] .cmdbar-message[data-tone=invalid]{color:var(--sp-danger)}}@media (prefers-reduced-motion:reduce){html[data-theme=spectrum] .cmdbar[data-status],html[data-theme=spectrum] .cmdbar-icon,html[data-theme=spectrum] .cmdbar-icon>svg,html[data-theme=spectrum] .cmdbar-hint{transition:none}}html[data-theme=spectrum][data-reduce-motion=true] .cmdbar[data-status],html[data-theme=spectrum][data-reduce-motion=true] .cmdbar-icon,html[data-theme=spectrum][data-reduce-motion=true] .cmdbar-icon>svg,html[data-theme=spectrum][data-reduce-motion=true] .cmdbar-hint{transition:none}@media (forced-colors:active){html[data-theme=spectrum] .cmdbar[data-status]:focus-within{outline-offset:2px;outline:2px solid highlight}}