@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; } }

quix-header {
  height: 100%;
  margin-left: 10%; }
  quix-header .quix-header-menu .bi-action {
    font-size: 14px;
    border-radius: 0;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    background-color: transparent !important; }
    quix-header .quix-header-menu .bi-action:hover:not([disabled='disabled']) {
      background-color: #F5F5F5;
      color: #FC4A6A; }
    quix-header .quix-header-menu .bi-action.bi-active {
      background-color: #F5F5F5;
      color: #FC4A6A; }
    quix-header .quix-header-menu .bi-action:hover, quix-header .quix-header-menu .bi-action.bi-active {
      border-bottom-color: currentColor; }
  quix-header bi-search.bi-search--rnd {
    position: fixed;
    width: 400px;
    top: 8px;
    left: 50%;
    margin-left: -200px; }
    quix-header bi-search.bi-search--rnd .bi-input {
      height: 38px !important; }