/* Shared Botnet dropdown theme and component. Both pages consume these rules. */
:is(.records-page, .blocklists-page) {
  --rw-space-8: 8px;
  --rw-space-12: 12px;
  --rw-radius-6: 6px;
  --rw-font: Inter,system-ui,sans-serif;
  --rw-input: #141b2b;
  --rw-input-border: #303c52;
  --rw-popover: #151d2d;
  --rw-option-hover: #27324a;
  --rw-body: 12px;
}
:is(.records-page, .blocklists-page) .rw-dropdown {
  position: relative;
  min-width: 0;
  font-family: var(--rw-font);
  color: #dbe3ee;
}
:is(.records-page, .blocklists-page) select[data-bn-dropdown],:is(.records-page, .blocklists-page) .rw-dropdown-trigger {
  width: 100%;
  min-width: 0;
  height: 40px;
  padding: 9px var(--rw-space-12);
  background: var(--rw-input);
  border: 1px solid var(--rw-input-border);
  border-radius: var(--rw-radius-6);
  color: #c4d0e1;
  color-scheme: dark;
  font-size: var(--rw-body);
  line-height: 20px;
}
:is(.records-page, .blocklists-page) .rw-dropdown-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--rw-space-8);
}
:is(.records-page, .blocklists-page) .rw-dropdown-trigger i {
  font-size: 9px;
  color: #8496af;
}
:is(.records-page, .blocklists-page) .rw-dropdown-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 100;
  margin-top: 5px;
  max-height: 240px;
  overflow: auto;
  overscroll-behavior: contain;
  background: var(--rw-popover);
  border: 1px solid #344157;
  border-radius: var(--rw-radius-6);
  box-shadow: 0 16px 32px #0006;
}
:is(.records-page, .blocklists-page) .rw-dropdown-option {
  padding: 11px var(--rw-space-12);
  font-size: var(--rw-body);
  color: #becadd;
  cursor: pointer;
  line-height: 1.5;
}
:is(.records-page, .blocklists-page) .rw-dropdown-option:hover,:is(.records-page, .blocklists-page) .rw-dropdown-option[aria-selected=true] {
  background: var(--rw-option-hover);
  color: #fff;
}

:is(.records-page, .blocklists-page) .rw-dropdown-trigger { font-family: var(--rw-font); cursor: pointer; }
:is(.records-page, .blocklists-page) .rw-dropdown-trigger:focus-visible { outline: 2px solid #67e8f9; outline-offset: 3px; }
:is(.records-page, .blocklists-page) .rw-dropdown .rw-icon { width: 12px; height: 12px; flex: none; }
:is(.records-page, .blocklists-page) .rw-dropdown-with-icons .rw-dropdown-value { flex: 1; min-width: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:is(.records-page, .blocklists-page) .rw-dropdown-with-icons .rw-dropdown-option { display: flex; align-items: center; gap: var(--rw-space-8); }
:is(.records-page, .blocklists-page) .rw-dropdown-with-icons .rw-dropdown-option > span:last-child { min-width: 0; }
:is(.records-page, .blocklists-page) .rw-dropdown-icon { width: 24px; height: 18px; flex: 0 0 24px; display: inline-flex; align-items: center; }
:is(.records-page, .blocklists-page) .rw-dropdown-search .rw-dropdown-trigger { cursor: text; padding-right: 34px; text-overflow: ellipsis; }
:is(.records-page, .blocklists-page) .rw-dropdown-search .rw-dropdown-trigger:focus { border-color: #8b7dc6; outline: none; }
:is(.records-page, .blocklists-page) .rw-dropdown-search .rw-dropdown-trigger::placeholder { color: #7d8ba3; opacity: 1; }
:is(.records-page, .blocklists-page) .rw-dropdown-search.rw-dropdown-with-icons .rw-dropdown-trigger { padding-left: 44px; }
:is(.records-page, .blocklists-page) .rw-dropdown-search.is-searching .rw-dropdown-trigger { padding-left: var(--rw-space-12); }
:is(.records-page, .blocklists-page) .rw-dropdown-selected-icon { position: absolute; left: 12px; top: 11px; display: flex; pointer-events: none; }
:is(.records-page, .blocklists-page) .rw-dropdown.is-searching .rw-dropdown-selected-icon { display: none; }
:is(.records-page, .blocklists-page) .rw-dropdown-chevron { position: absolute; right: 12px; top: 14px; display: flex; color: #8496af; pointer-events: none; }
:is(.records-page, .blocklists-page) .rw-dropdown-clearable .rw-dropdown-trigger { padding-right: 64px; }
:is(.records-page, .blocklists-page) .rw-dropdown .rw-clear { position: absolute; top: 6px; right: 28px; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #94a3b8; font-size: 18px; line-height: 28px; text-align: center; cursor: pointer; }
:is(.records-page, .blocklists-page) .rw-dropdown .rw-clear:hover { background: var(--rw-option-hover); color: #fff; }
:is(.records-page, .blocklists-page) .rw-dropdown-empty { padding: var(--rw-space-12); color: #94a3b8; font-size: var(--rw-body); }
:is(.records-page, .blocklists-page) :is(.rw-dropdown, .rw-dropdown *) { scrollbar-color: rgba(124,58,237,.6) rgba(15,23,42,.8); scrollbar-width: thin; }
:is(.records-page, .blocklists-page) .rw-dropdown-options::-webkit-scrollbar { height: 12px; width: 12px; }
:is(.records-page, .blocklists-page) .rw-dropdown-options::-webkit-scrollbar-track { background: rgba(15,23,42,.8); border: 1px solid rgba(124,58,237,.2); border-radius: 6px; }
:is(.records-page, .blocklists-page) .rw-dropdown-options::-webkit-scrollbar-thumb { background: linear-gradient(135deg,rgba(124,58,237,.6),rgba(0,240,255,.4)); border: 2px solid rgba(15,23,42,.8); border-radius: 6px; transition: background var(--rw-motion-feedback-in,300ms); }
:is(.records-page, .blocklists-page) .rw-dropdown-options::-webkit-scrollbar-thumb:hover { background: linear-gradient(135deg,rgba(124,58,237,.8),rgba(0,240,255,.6)); border-color: rgba(0,240,255,.3); }
:is(.records-page, .blocklists-page) .rw-dropdown-options::-webkit-scrollbar-corner { background: rgba(15,23,42,.8); border-radius: 6px; }
/* Keyboard focus is distinct from selection in multiselect listboxes. */
.records-page .rw-dropdown-option.rw-option-focused { background:var(--rw-option-hover); color:#fff; outline:1px solid #67e8f9; outline-offset:-2px; }