@keyframes fade-in {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }

@keyframes fade-in2 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bi-text {
  font-size: 13px; }

.bi-text--ui {
  font-family: 'bi-ui'; }

.bi-text--ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.bi-text--sm {
  font-size: 10px; }

.bi-text--md {
  font-size: 14px; }

.bi-text--lg,
.bi-text--large {
  font-size: 20px; }

.bi-text--200 {
  font-weight: 200; }

.bi-text--300 {
  font-weight: 300; }

.bi-text--400 {
  font-weight: 400; }

.bi-text--600 {
  font-weight: 600; }

.bi-text--700 {
  font-weight: 700; }

.history-component .hc-filters {
  background-color: transparent; }

.history-component .bi-table-cell-query {
  max-width: 300px; }