:root {
  --aa-primary-color-rgb: 227, 15, 85;
  --aa-selected-color-rgb: 227, 15, 85;
  --aa-selected-color-alpha: 0.15;
  --aa-icon-color-rgb: 216, 82, 127;
}

html.dark {
  --aa-input-background-color-rgb: 29, 31, 36;
  --aa-input-border-color-rgb: 66, 70, 77;
  --aa-text-color-rgb: 255, 255, 255;
  --aa-background-color-rgb: 40, 43, 50;
  --aa-panel-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}

html.dark .aa-Input::placeholder {
  color: #828282;
}

html.dark .aa-Input {
  background-color: rgba(var(--aa-background-color-rgb));
  caret-color: rgb(var(--aa-primary-color-rgb));
}

.aa-ItemContentTitle {
  color: rgb(var(--aa-text-color-rgb));
}

html.dark .aa-Panel {
  border: 1px solid #42464d;
}

.aa-PanelLayout.aa-Panel--scrollable {
  padding: 0px !important;
}