.text-nowrap {
  text-wrap: nowrap;
}
.text-color-primary {
  color: var(--mud-palette-primary);
}
.text-color-primary-lighten {
  color: rgba(118, 151, 160, 0.16);
}
.text-color-base-50 {
  color: #ffffff;
}
.text-color-base-100 {
  color: #F4F5F9;
}
.text-color-base-200 {
  color: #E9EAED;
}
.text-color-base-300 {
  color: #E0E1E4;
}
.text-color-base-400 {
  color: #C9CACD !important;
}
.text-color-base-500 {
  color: #AFAFB0;
}
.text-color-base-600 {
  color: #8D8E90;
}
.text-color-base-700 {
  color: #707072;
}
.text-color-base-800 {
  color: #4F4F50;
}
.text-color-base-900 {
  color: #262526;
}

.select-auto {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.animation-none {
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}
.animation-none * {
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.show-animation-250 {
  -webkit-animation: show-animathion-keyframes 0.25s linear;
          animation: show-animathion-keyframes 0.25s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes show-animathion-keyframes {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes show-animathion-keyframes {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.show-animation-1000 {
  -webkit-animation: show-animathion-keyframes 1s linear;
          animation: show-animathion-keyframes 1s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@keyframes show-animathion-keyframes {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.pre-loader-show-animation {
  -webkit-animation: pre-loader-show-animation-keyframes 2s linear;
          animation: pre-loader-show-animation-keyframes 2s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes pre-loader-show-animation-keyframes {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes pre-loader-show-animation-keyframes {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.overlay-hide-animation {
  -webkit-animation: hide-overlay-ani 0.2s linear;
          animation: hide-overlay-ani 0.2s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes hide-overlay-ani {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hide-overlay-ani {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.mud-primary-lighten {
  background-color: rgba(118, 151, 160, 0.16) !important;
}
@media (hover: hover) {
  .mud-primary-lighten-hover:hover {
    background-color: rgba(118, 151, 160, 0.16) !important;
  }
}

.mud-surface {
  background-color: var(--mud-palette-surface);
}

.hide-etai-context-menu-more-button:hover .etai-context-menu-more-button__content {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.hide-etai-context-menu-more-button .etai-context-menu-more-button__content {
  display: none !important;
}

.tooltip-color {
  color: #616161 !important;
}

.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-100 {
  opacity: 1;
}