.command-palette-top-search-demo{inline-size:21.5rem;max-inline-size:100%;margin-inline:auto}.command-palette-top-search-demo__trigger.kappa-button{inline-size:100%;min-inline-size:0;block-size:2rem;min-block-size:2rem;border:1px solid var(--kappa-line);border-radius:.75rem;background:color-mix(in srgb,var(--kappa-control) 25%,var(--kappa-tint));color:var(--kappa-subtle)}.command-palette-top-search-demo__trigger.kappa-button[data-variant=ghost]{--kappa-button-hover-background: color-mix(in srgb, var(--kappa-control) 25%, var(--kappa-tint));--kappa-button-hover-foreground: var(--kappa-subtle)}.command-palette-top-search-demo__trigger.kappa-button:hover{border-color:color-mix(in srgb,var(--kappa-line) 90%,var(--kappa-subtle))}.command-palette-top-search-demo__trigger .kappa-button__label{display:flex;flex:1;align-items:center;gap:.5rem;min-inline-size:0}.command-palette-top-search-demo__trigger .kappa-button__label>span{flex:1;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}.command-palette-top-search-demo__trigger kbd{display:grid;place-items:center;min-inline-size:1.25rem;block-size:1.25rem;border:1px solid var(--kappa-line);border-radius:.1875rem;font:.75rem / 1 var(--kappa-font-mono)}.kappa-command-palette__positioner:has(>.command-palette-top-search-dialog){padding:.25rem .5rem .5rem}.command-palette-top-search-dialog.kappa-command-palette__content{inline-size:min(48rem,calc(100vw - 1rem));max-block-size:calc(100dvh - .75rem);border:0;border-radius:1rem;transform-origin:center top}.command-palette-top-search-dialog .kappa-command-palette__input-header{min-block-size:2.5rem;margin:.25rem;padding-inline:.5rem;gap:.5rem;border:0;border-radius:.75rem;background:var(--kappa-control)}.command-palette-top-search-dialog .kappa-command-palette__input-header:focus-within{box-shadow:inset 0 0 0 2px var(--kappa-focus)}.command-palette-top-search-dialog .kappa-command-palette__input{font-size:.875rem}.command-palette-top-search-dialog .kappa-command-palette__list{border-block-start:1px solid var(--kappa-line)}.command-palette-top-search-dialog.kappa-command-palette__content[data-state=open]{animation:command-palette-top-search-in .2s cubic-bezier(.22,.61,.36,1)}.command-palette-top-search-dialog.kappa-command-palette__content[data-state=closed]{animation:command-palette-top-search-out .2s cubic-bezier(.22,.61,.36,1)}.kappa-command-palette__backdrop:has(+.kappa-command-palette__positioner>.command-palette-top-search-dialog){background:color-mix(in srgb,var(--kappa-default) 24%,transparent);backdrop-filter:none;animation-duration:.2s}@keyframes command-palette-top-search-in{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}@keyframes command-palette-top-search-out{0%{opacity:1;scale:1}to{opacity:0;scale:.8}}@media(max-width:767px){.command-palette-top-search-dialog .kappa-command-palette__input{font-size:1rem}}.command-palette-morph-demo{inline-size:21.5rem;max-inline-size:100%;margin-inline:auto}.command-palette-morph-demo__trigger.kappa-button{inline-size:100%;min-inline-size:0;block-size:2rem;min-block-size:2rem;border:1px solid var(--kappa-line);border-radius:.75rem;background:color-mix(in srgb,var(--kappa-control) 50%,var(--kappa-tint));color:var(--kappa-subtle)}.command-palette-morph-demo__trigger.kappa-button[data-variant=ghost]{--kappa-button-hover-background: color-mix(in srgb, var(--kappa-control) 50%, var(--kappa-tint));--kappa-button-hover-foreground: var(--kappa-subtle)}.command-palette-morph-demo__trigger.kappa-button:hover{border-color:color-mix(in srgb,var(--kappa-line) 90%,var(--kappa-subtle))}.command-palette-morph-demo__trigger .kappa-button__label{display:flex;flex:1;align-items:center;gap:.5rem;min-inline-size:0}.command-palette-morph-demo__trigger .kappa-button__label>span{flex:1;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}.command-palette-morph-demo__trigger kbd{display:grid;place-items:center;min-inline-size:1.25rem;block-size:1.25rem;border:1px solid var(--kappa-line);border-radius:.1875rem;font:.75rem / 1 var(--kappa-font-mono)}.command-palette-morph-demo__status{block-size:1.5rem;margin:.5rem 0 0;overflow:hidden;color:var(--kappa-subtle);font-size:.875rem;line-height:1.5rem;white-space:nowrap;text-overflow:ellipsis}.kappa-command-palette__positioner:has(>.command-palette-morph-dialog){padding:.25rem .5rem .5rem}.command-palette-morph-dialog.kappa-command-palette__content{inline-size:min(48rem,calc(100vw - 1rem));block-size:min(20rem,calc(100dvh - .75rem));max-block-size:calc(100dvh - .75rem);border:0;border-radius:1rem}.command-palette-morph-dialog__body{display:flex;flex:1;flex-direction:column;min-inline-size:0;min-block-size:0}.command-palette-morph-dialog .kappa-command-palette__input-header{min-block-size:2.5rem;margin:.25rem;padding-inline:.5rem;gap:.5rem;border:0;border-radius:.75rem;background:var(--kappa-control)}.command-palette-morph-dialog .kappa-command-palette__input-header:focus-within{box-shadow:inset 0 0 0 2px var(--kappa-focus)}.command-palette-morph-dialog .kappa-command-palette__input{font-size:.875rem}.command-palette-morph-dialog .kappa-command-palette__list{border-block-start:1px solid var(--kappa-line)}.command-palette-morph-dialog.kappa-command-palette__content[data-state=open]{animation:command-palette-morph-in .2s cubic-bezier(.22,.61,.36,1)}.command-palette-morph-dialog.kappa-command-palette__content[data-state=closed]{animation:command-palette-morph-out .2s cubic-bezier(.22,.61,.36,1)}.command-palette-morph-dialog[data-state=open] :is(.kappa-command-palette__list,.kappa-command-palette__footer){animation:command-palette-morph-results-in .2s ease-out}.kappa-command-palette__backdrop:has(+.kappa-command-palette__positioner>.command-palette-morph-dialog){background:color-mix(in srgb,var(--kappa-default) 24%,transparent);backdrop-filter:none;animation-duration:.2s}@keyframes command-palette-morph-in{0%{inline-size:var(--kappa-morph-start-width);block-size:var(--kappa-morph-start-height);translate:var(--kappa-morph-start-x) var(--kappa-morph-start-y);border-radius:var(--kappa-morph-start-radius);opacity:var(--kappa-morph-start-opacity)}to{inline-size:min(48rem,calc(100vw - 1rem));block-size:min(20rem,calc(100dvh - .75rem));translate:0 0;border-radius:1rem;opacity:1}}@keyframes command-palette-morph-out{0%{inline-size:var(--kappa-morph-start-width);block-size:var(--kappa-morph-start-height);translate:var(--kappa-morph-start-x) var(--kappa-morph-start-y);border-radius:var(--kappa-morph-start-radius);opacity:var(--kappa-morph-start-opacity)}to{inline-size:var(--kappa-morph-origin-width);block-size:var(--kappa-morph-origin-height);translate:var(--kappa-morph-origin-x) var(--kappa-morph-origin-y);border-radius:.75rem;opacity:0}}@keyframes command-palette-morph-results-in{0%,35%{opacity:0}to{opacity:1}}@media(max-width:767px){.command-palette-morph-dialog .kappa-command-palette__input{font-size:1rem}}@media(prefers-reduced-motion:reduce){.command-palette-morph-dialog,.command-palette-morph-dialog :is(.kappa-command-palette__list,.kappa-command-palette__footer){animation:none!important}}.command-palette-demo[data-v-77bdbfcb]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.command-palette-demo__selected[data-v-77bdbfcb]{margin:0;color:var(--kappa-subtle);font-size:.875rem}.command-palette-demo__selected span[data-v-77bdbfcb]{color:var(--kappa-default);font-weight:600}.command-palette-demo__item[data-v-77bdbfcb]{display:inline-flex;align-items:center;gap:.75rem}.command-palette-demo__item svg[data-v-77bdbfcb]{color:var(--kappa-subtle)}kbd[data-v-77bdbfcb]{color:inherit;font:inherit;font-weight:600}