:host {
  display: block;
  overflow: hidden;
}

:host([hidden]) {
  display: none;
}

.rux-log {
  border: 1px solid var(--log-color-border, #000000);
}

.rux-log__header-event-cell {
  width: 80%;
}

.header-event-container {
  display: flex;
  align-items: center;
}

.rux-log__filter {
  margin-left: auto;
  width: 170px;
}

rux-datetime {
  min-width: calc(var(--spacing-20, 5rem) - var(--spacing-050, 0.125rem));
  display: inline-block;
}

rux-status {
  margin: var(--spacing-0, 0rem) var(--spacing-1, 0.25rem);
}

rux-table-header-cell {
  width: 1%;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color-background-base-default, #101923);
  height: calc( var(--spacing-10, 2.5rem) + var(--spacing-1, 0.25rem) - 2px );
}

rux-table-cell {
  height: calc(var(--spacing-8, 2rem) - 1px);
}

.rux-log__notification {
  width: 2000%;
  align-content: center;
  color: var(--color-text-inverse, #080c11);
  background-color: var(--color-background-interactive-default, #4dacff);
  padding: var(--spacing-2, 0.5rem);
}