#flowbar-command-root[hidden] {
  display: none !important;
}

#flowbar-command-root {
  all: initial;
  position: fixed !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 2147483647 !important;
  display: flex !important;
  flex-direction: column !important;
  color: #cdd1e8 !important;
  background: #171724 !important;
  border-top: 1px solid #44475f !important;
  box-shadow: 0 -12px 40px rgb(0 0 0 / 38%) !important;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

#flowbar-command-root * {
  box-sizing: border-box !important;
}

#flowbar-command-root .flowbar-results {
  display: block !important;
  max-height: min(55vh, 520px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  background: #1d1d2b !important;
  scrollbar-color: #565a73 #1d1d2b !important;
}

#flowbar-command-root .flowbar-category {
  position: sticky !important;
  top: 0 !important;
  z-index: 1 !important;
  display: block !important;
  padding: 7px 18px 5px !important;
  color: #cba6f7 !important;
  background: #181824f2 !important;
  font: 700 13px/1.4 "SFMono-Regular", Consolas, monospace !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

#flowbar-command-root .flowbar-result {
  all: unset !important;
  display: grid !important;
  grid-template-columns: minmax(180px, 0.8fr) minmax(240px, 1.2fr) !important;
  width: 100% !important;
  padding: 8px 18px !important;
  color: #cdd1e8 !important;
  cursor: pointer !important;
  font: 16px/1.5 "SFMono-Regular", Consolas, monospace !important;
}

#flowbar-command-root .flowbar-result:hover,
#flowbar-command-root .flowbar-result.flowbar-selected {
  color: #f3f4ff !important;
  background: #4b4c60 !important;
}

#flowbar-command-root .flowbar-result-title,
#flowbar-command-root .flowbar-result-url {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#flowbar-command-root .flowbar-result-url {
  padding-left: 18px !important;
  color: #7f849c !important;
}

#flowbar-command-root .flowbar-selected .flowbar-result-url {
  color: #bac2de !important;
}

#flowbar-command-root .flowbar-empty {
  display: block !important;
  padding: 18px !important;
  color: #7f849c !important;
  font: 16px/1.4 "SFMono-Regular", Consolas, monospace !important;
  text-align: center !important;
}

#flowbar-command-root .flowbar-command-line {
  display: flex !important;
  align-items: center !important;
  min-height: 46px !important;
  padding: 0 16px !important;
  background: #11111b !important;
  border-top: 1px solid #313244 !important;
}

#flowbar-command-root .flowbar-prompt {
  display: inline !important;
  flex: none !important;
  margin-right: 8px !important;
  color: #f38ba8 !important;
  font: 700 22px/1 "SFMono-Regular", Consolas, monospace !important;
}

#flowbar-command-root .flowbar-input {
  all: unset !important;
  display: block !important;
  flex: 1 !important;
  min-width: 0 !important;
  height: 46px !important;
  color: #f4f4fb !important;
  caret-color: #f38ba8 !important;
  background: transparent !important;
  font: 18px/46px "SFMono-Regular", Consolas, monospace !important;
}

#flowbar-command-root .flowbar-input::placeholder {
  color: #585b70 !important;
}

#flowbar-command-root .flowbar-status {
  display: inline !important;
  flex: none !important;
  margin-left: 18px !important;
  color: #6c7086 !important;
  font: 13px/1.4 "SFMono-Regular", Consolas, monospace !important;
  white-space: nowrap !important;
}

#flowbar-command-root .flowbar-status {
  color: #a6e3a1 !important;
}

#flowbar-command-root .flowbar-filter {
  all: unset !important;
  display: inline-block !important;
  flex: none !important;
  min-width: 88px !important;
  margin-left: 18px !important;
  padding: 5px 24px 5px 9px !important;
  color: #bac2de !important;
  background: #1e1e2e !important;
  border: 1px solid #45475a !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  font: 13px/1.4 "SFMono-Regular", Consolas, monospace !important;
  color-scheme: dark !important;
}

#flowbar-command-root .flowbar-filter:focus {
  border-color: #cba6f7 !important;
}

#flowbar-command-root .flowbar-filter:disabled {
  opacity: 0.45 !important;
  cursor: default !important;
}

@media (max-width: 680px) {
  #flowbar-command-root .flowbar-result {
    grid-template-columns: 1fr !important;
  }

  #flowbar-command-root .flowbar-result-url {
    padding-left: 0 !important;
    font-size: 13px !important;
  }

  #flowbar-command-root .flowbar-filter {
    display: none !important;
  }
}