[id^="rumble"] iframe {
  margin: 32px 0 4px 0; }

[id^="rumble"] .search {
  order: 5;
  flex: 1; }

[id^="rumble"] .search ul {
  list-style: none;
  height: 1rem;
  float: right;
  margin: 0; }

[id^="rumble"] .search ul li {
  display: inline-flex; }

[id^="rumble"] .search ul li input {
  margin: 0;
  min-width: 160px;
  height: 48px !important;
  vertical-align: middle;
  font-size: 16px;
  padding: 0 1rem 0 2rem;
  background: var(--search-icon-url) !important;
  background-repeat: no-repeat !important;
  background-color: var(--severity-search-background) !important;
  background-position: 12px 16px !important;
  border: 1px solid var(--search-background); }
  [id^="rumble"] .search ul li input:focus {
    border: 1px solid var(--severity-search-border); }

.tables {
  display: flex;
  flex-wrap: wrap;
  margin-top: 42px; }

.tables #segmentBackground {
  position: absolute;
  background: var(--segmented-button-background);
  width: 222px;
  height: 48px;
  z-index: -1;
  border-radius: 100px; }

.tables label {
  order: 0;
  padding: 9px 16px 7px 16px;
  background: none;
  cursor: pointer;
  border: none;
  border-radius: 100px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  height: 42px;
  color: var(--segmented-button-color);
  margin: 3px -4px 0 4px; }

.tables .tab-content {
  order: 99;
  width: 100%;
  display: none;
  background: none;
  table-layout: fixed;
  margin: 42px 0 0 0 !important; }

.tables table th {
  font-weight: 500 !important;
  position: sticky;
  top: 0;
  background: var(--table-row-background); }

.tables table thead,
tbody,
tr,
td,
th {
  border-bottom: 1px solid var(--table-row-border-color) !important;
  width: 25%;
  padding: 24px 12px; }

.tables table tbody tr:hover {
  background: var(--table-row-hover-background); }

.tables input[type="radio"] {
  display: none; }

.tables input[type="radio"]:checked + label {
  background: var(--segmented-button-checked);
  color: white; }

.tables input[type="radio"]:checked + label + .tab-content {
  display: block; }
  .tables input[type="radio"]:checked + label + .tab-content table {
    --bs-table-bg: none;
    border-collapse: separate;
    border-spacing: 0px;
    margin: 0 !important; }
    .tables input[type="radio"]:checked + label + .tab-content table tbody {
      border-top: none !important; }
      .tables input[type="radio"]:checked + label + .tab-content table tbody tr {
        color: var(--table-vulnerability-color); }
        .tables input[type="radio"]:checked + label + .tab-content table tbody tr:hover {
          background: var(--table-row-hover-background); }
        .tables input[type="radio"]:checked + label + .tab-content table tbody tr td {
          font-family: Inter;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 22px; }
        .tables input[type="radio"]:checked + label + .tab-content table tbody tr td a {
          color: var(--table-vulnerability-color); }

#rumble .tables table tbody tr:hover {
  cursor: pointer; }

blockquote::before {
  content: none; }

#severity-picker {
  padding: 0 0 0 1rem !important;
  height: 48px !important;
  width: 130px;
  background: var(--severity-background);
  border: 1px solid var(--severity-border);
  position: relative;
  border-radius: 8px;
  margin: 0 0 0 1.5rem !important;
  top: -2px; }
  #severity-picker .bi-chevron-down {
    position: absolute;
    right: 1rem; }
  #severity-picker .severity {
    padding: 0 0.5rem 0 0;
    font-size: 0.75rem;
    vertical-align: top; }
  #severity-picker .sev-critical {
    color: #F236F6;
    font-size: 8px; }
  #severity-picker .sev-high {
    color: #3443F4;
    font-size: 8px; }
  #severity-picker .sev-medium {
    color: #1F2892;
    font-size: 8px; }
  #severity-picker .sev-low {
    color: #16C0D7;
    font-size: 8px; }
  #severity-picker .sev-negligible {
    color: #C5C5C5;
    font-size: 8px; }
  #severity-picker .sev-unknown {
    color: #8C8C8C;
    font-size: 8px; }
  #severity-picker .dropdown-btn {
    width: 130px;
    border: none;
    color: var(--severity-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 0 !important;
    margin: 0; }
    #severity-picker .dropdown-btn span {
      margin: 0 0 0 0;
      font-weight: normal; }
      #severity-picker .dropdown-btn span::selection {
        background: none; }
  #severity-picker .dropdown-content {
    list-style: none;
    position: absolute;
    width: 130px;
    visibility: hidden;
    z-index: 100;
    margin: -3px 0 0 0;
    left: -1px;
    padding: 0;
    border-radius: 8px 8px 0 0; }
  #severity-picker .dropdown-content li {
    background: var(--severity-background);
    display: block;
    width: 130px;
    float: left;
    padding: 8px 12px;
    cursor: pointer;
    box-shadow: 0px 8px 16px 0px #3443F41F; }
    #severity-picker .dropdown-content li:first-child {
      border-radius: 8px 8px 0 0; }
    #severity-picker .dropdown-content li:last-child {
      border-radius: 0 0 8px 8px; }
  #severity-picker .dropdown-content li:hover {
    background: var(--severity-background);
    border-radius: 4px;
    background: var(--severity-hover-background); }
  #severity-picker .dropdown-content li span::selection {
    background: none; }
  #severity-picker .dropdown:focus-within .dropdown-content li {
    left: 0; }
  #severity-picker .dropdown:focus-within .dropdown-content {
    visibility: visible; }
  #severity-picker input[type="checkbox"] {
    opacity: 0;
    position: absolute; }
  #severity-picker input[type="checkbox"]:checked ~ .dropdown-content {
    visibility: visible; }