.launcher {
padding: var(--window-padding, 2px);
box-shadow: 0 0 16px 5px var(--bg-window-color, rgba(20, 30, 40, 0.9));
border-radius: var(--border-radius, 12px);
background: var(--bg-window-color, rgba(20, 20, 20, 0.9));
border: var(--border-size, 3px) var(--border-style, solid) var(--border-color, rgba(90, 90, 120, 0.4));
}
.launcher-input {
font-size: 1.5rem;
margin: 6px;
padding: 4px 8px;
background: var(--bg-color, rgba(20, 20, 20, 0.9));
}
.launcher-results {
margin: 1px 4px;
}
.launcher-item {
padding: 2px;
border-radius: calc(1.2 * var(--border-radius, 12px));
background: var(--bg-color, rgba(20, 20, 20, 0.9));
}
.launcher-item-inner {
padding: 0 6px;
font-size: 1.5rem;
border-radius: var(--border-radius, 12px);
background: var(--bg-color, rgba(20, 20, 20, 0.9));
}
.launcher-item-inner:hover {
background: var(--bg-color-hover, rgba(40, 40, 50, 1));
}
.launcher-exec {
font-size: 0.8rem;
font-family: monospace;
}
.launcher-other-menu-button {
padding: 2px 4px;
border-radius: var(--border-radius, 12px);
background: var(--bg-color, rgba(20, 20, 20, 0.9));
border: 1px var(--border-style, solid) var(--border-color, rgba(90, 90, 120, 0.4));
}
.launcher-other-menu-button:hover {
background: var(--bg-color-hover, rgba(40, 40, 50, 1));
}
.launcher-other-menu {
background: transparent;
margin: 0;
padding: 0;
border-radius: var(--border-radius, 12px);
background: var(--bg-color, rgba(20, 20, 20, 0.9));
border: calc(var(--border-size, 3px) / 1.5) var(--border-style, solid) var(--border-color, rgba(90, 90, 120, 0.4));
}
.launcher-other-menu-item {
padding: 2px;
border-radius: calc(var(--border-radius, 12px) / 2);
background: var(--bg-color, rgba(20, 20, 20, 0.9));
}
.launcher-other-menu-item-inner {
padding: 2px 5px;
font-size: 1.1rem;
border-radius: calc(var(--border-radius, 12px) / 2);
background: var(--bg-color, rgba(20, 20, 20, 0.9));
}
.launcher-other-menu-item-inner:hover {
background: var(--bg-color-hover, rgba(40, 40, 50, 1));
}
.launcher-key {
font-size: 1.2rem;
font-family: monospace;
}
.launcher-plugins {
padding: 4px 2px 2px;
border-top: calc(var(--border-size, 3px) / 1.5) var(--border-style, solid) var(--border-color, rgba(90, 90, 120, 0.4));
}
.launcher-plugin {
padding: 2px;
border-radius: calc(1.5 * var(--border-radius, 12px));
background: var(--bg-color, rgba(20, 20, 20, 0.9));
}
.launcher-plugin-inner {
padding: 6px;
border-radius: calc(1.5 * var(--border-radius, 12px));
background: var(--bg-color, rgba(20, 20, 20, 0.9));
}
.launcher-plugin-key {
font-size: 0.9rem;
font-family: monospace;
}
.launcher-plugin-inner:hover {
background: var(--bg-color-hover, rgba(40, 40, 50, 1));
}
.launch {
animation: background-moving 450ms cubic-bezier(0.25, 0.8, 0.4, 0.95) normal forwards;
}
@keyframes background-moving {
0% {
background: linear-gradient(90deg, var(--border-color-active, rgba(239, 9, 9, 0.9)) 0%, transparent 0%);
}
100% {
background: linear-gradient(90deg, var(--border-color-active, rgba(239, 9, 9, 0.9)) 100%, transparent 100%);
}
}