:root {
  /* Default to new theme colors */
  --loader-bg-color: #4179B7;
  --loader-wrapper-bg: #ECF2F8;
  --loader-bar-color: #235892;
  --loader-text-color: #ECF2F8;
}

/* Old theme colors - applied when data-theme="old" is set on html */
html[data-theme='old'] {
  --loader-bg-color: #7a9e63;
  --loader-wrapper-bg: #cad8c1;
  --loader-bar-color: #486934;
  --loader-text-color: #cad8c1;
}

#linear-progress-container {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  z-index: 991301;
  position: fixed;
  align-items: center;
  justify-content: center;
  background-color: var(--loader-bg-color);
}

.linear-progress-block {
  padding: 20px;
  min-width: 250px;
}

.linear-progress-wrapper {
  background-color: var(--loader-wrapper-bg);
  height: 8px;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}

.linear-progress-bar-block {
  width: auto;
  animation: linear-progress-keyframes-indeterminate-secondary 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.linear-progress-bar-color {
  background-color: var(--loader-bar-color);
}

.linear-progress-bar {
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  position: absolute;
  transition: transform 0.2s linear;
  transform-origin: left;
}

.linear-progress-icon-block {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
}

/* Logo visibility based on theme */
/* New theme logo - shown by default */
.loader-logo-new {
  display: block;
}

.loader-logo-old {
  display: none;
}

/* Old theme logo - shown when data-theme="old" */
html[data-theme='old'] .loader-logo-new {
  display: none;
}

html[data-theme='old'] .loader-logo-old {
  display: block;
}

.linear-progress-status-block {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 16px;
  color: var(--loader-text-color);
  /* DEPRECATED: Commented out for Onest migration. Can be re-added if needed. */
  /* font-family: Inter; */
  font-family: Onest, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
}

.linear-progress-bar-indeterminate {
  width: auto;
  animation: linear-progress-keyframes-indeterminate 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
}

@keyframes linear-progress-keyframes-indeterminate {
  0% {
    left: -200%;
    right: 100%;
  }

  60% {
    left: 107%;
    right: -8%;
  }

  100% {
    left: 107%;
    right: -8%;
  }
}

@keyframes linear-progress-keyframes-indeterminate-secondary {
  0% {
    left: -35%;
    right: 100%;
  }

  60% {
    left: 100%;
    right: -90%;
  }

  100% {
    left: 100%;
    right: -90%;
  }
}