.lexia-command-modal
{
    background: rgba(32,33,35,.95)!important;
    border: 1px solid hsla(0,0%,100%,.1)!important;
    border-radius: 12px!important;
    box-shadow: 0 8px 32px rgba(0,0,0,.3)!important;
    max-width: 980px!important;
    width: 100%;
}
.lexia-command-container
{
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-height: 80vh;
    overflow: hidden;
    padding: 8px;
}
.lexia-command-search
{
    background: rgba(32,33,35,.95);
    background: hsla(0,0%,100%,.05)!important;
    border-bottom: 1px solid hsla(0,0%,100%,.05);
    border: 1px solid hsla(0,0%,100%,.1)!important;
    border-radius: 8px!important;
    caret-color: #fff!important;
    color: #fff!important;
    font-weight: 500!important;
    margin-bottom: 8px;
    padding: 8px 0;
    padding: 12px 16px!important;
    position: sticky;
    text-shadow: 0 0 1px hsla(0,0%,100%,.5)!important;
    top: 0;
    transition: all .2s ease!important;
    width: 100%;
    z-index: 10;
}
.lexia-command-search:focus
{
    background: hsla(0,0%,100%,.08)!important;
    border-color: hsla(0,0%,100%,.2)!important;
    outline: none!important;
}
.lexia-command-results
{
    flex: 1;
    overflow-y: auto;
    padding: 4px;
    scroll-behavior: auto;
}
.lexia-command-results::-webkit-scrollbar
{
    width: 6px;
}
.lexia-command-results::-webkit-scrollbar-track
{
    background: transparent;
}
.lexia-command-results::-webkit-scrollbar-thumb
{
    background: hsla(0,0%,100%,.2);
    border-radius: 3px;
}
.lexia-command-results ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.lexia-command-result
{
    align-items: center;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: flex;
    margin: 2px 0;
    padding: 8px 12px;
    transition: all .15s ease;
}
.lexia-command-result.selected
{
    background-color: hsla(0,0%,100%,.1);
}
.lexia-command-result:not(.selected):hover
{
    background-color: hsla(0,0%,100%,.05);
}
.lexia-command-result-icon
{
    font-size: 1.1em;
    margin-right: 12px;
    min-width: 24px;
    opacity: .8;
    text-align: center;
}
.lexia-command-result-title
{
    flex-grow: 1;
    font-size: .95em;
}
.lexia-command-empty-state, .lexia-command-loading, .lexia-command-no-results
{
    color: hsla(0,0%,100%,.6);
    font-size: .9em;
    padding: 2em;
    text-align: center;
}
.components-modal__screen-overlay
{
    animation: fadeIn .2s ease-in-out;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(0,0,0,.7);
}
@keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
.lexia-command-shortcut
{
    align-items: center;
    color: hsla(0,0%,100%,.4);
    display: flex;
    font-size: .85em;
    gap: 4px;
    margin-left: auto;
    padding-left: 12px;
}
.lexia-command-shortcut kbd
{
    background: hsla(0,0%,100%,.1);
    border: 1px solid hsla(0,0%,100%,.2);
    border-radius: 4px;
    font-family: monospace;
    font-size: .9em;
    padding: 2px 6px;
}
.components-modal__header
{
    background: transparent!important;
    border-bottom: 1px solid hsla(0,0%,100%,.1)!important;
}
.components-modal__header .components-modal__header-heading
{
    color: #fff!important;
    font-size: 1rem!important;
}
.components-modal__header .components-button
{
    color: hsla(0,0%,100%,.6)!important;
}
.install-plugin-icon
{
    max-width: 90px;
}
.px-4
{
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}
.w-10
{
    width: 10%!important;
}
.w-20
{
    width: 20%!important;
}
.w-65
{
    width: 65%!important;
}
.w-5
{
    width: 5%!important;
}
.w-100
{
    width: 100%!important;
}
.lexia-command-modal .components-modal__content
{
    overflow-y: hidden!important;
}
.lexia-command-modal-overlay
{
    align-items: flex-start;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding-top: 15vh;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100000;
}
[cmdk-root]
{
    background: rgba(32,33,35,.95);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0,0,0,.3);
    max-width: 980px;
    overflow: hidden;
}
[cmdk-input], [cmdk-root]
{
    border: 1px solid hsla(0,0%,100%,.1);
    width: 100%;
}
[cmdk-input]
{
    background: hsla(0,0%,100%,.05);
    border-radius: 8px;
    caret-color: #fff;
    color: #fff;
    font-size: 1rem;
    padding: 12px 16px;
    transition: all .2s ease;
}
[cmdk-input]:focus
{
    background: hsla(0,0%,100%,.08);
    border-color: hsla(0,0%,100%,.2);
    outline: none;
}
[cmdk-list]
{
    margin: 0;
    max-height: 70vh;
    overflow-y: auto;
    padding: 4px;
    scroll-behavior: auto;
    scrollbar-width: thin;
}
[cmdk-list]::-webkit-scrollbar
{
    width: 6px;
}
[cmdk-list]::-webkit-scrollbar-track
{
    background: transparent;
}
[cmdk-list]::-webkit-scrollbar-thumb
{
    background: hsla(0,0%,100%,.2);
    border-radius: 3px;
}
[cmdk-item]
{
    align-items: center;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    margin: 2px 0;
    padding: 8px 12px;
    transition: all .15s ease;
    width: 100%;
}
[cmdk-item][data-selected=true]
{
    background-color: hsla(0,0%,100%,.1);
}
[cmdk-item]:not([data-selected=true]):hover
{
    background-color: hsla(0,0%,100%,.05);
}