/**
  When adding fonts here, make sure to add them using a base64 data uri, otherwise
  fonts loading are delayed, and text may get displayed incorrectly.
*/

/* https://github.com/unoplatform/uno/issues/3954 */
@font-face {
  font-family: 'Segoe UI';
  src: local('Segoe UI'), local('-apple-system'), local('BlinkMacSystemFont'), local('Inter'), local('Cantarell'), local('Ubuntu'), local('Roboto'), local('Open Sans'), local('Noto Sans'), local('Helvetica Neue'), local('sans-serif');
}

@font-face {
  font-family: 'Roboto';
  src: url(./Uno.Fonts.Roboto/Fonts/Roboto-Light.ttf) format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: 'Roboto';
  src: url(./Uno.Fonts.Roboto/Fonts/Roboto-Regular.ttf) format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Roboto';
  src: url(./Uno.Fonts.Roboto/Fonts/Roboto-Medium.ttf) format('truetype');
  font-weight: 500;
}

/* ---- Loading screen -------------------------------------------------------
   The WebAssembly runtime is a large first download. Uno's determinate progress
   bar can sit at a low value during it and look frozen, so replace it with a
   continuously-sweeping branded bar. Uno's own loader rules are more specific,
   hence the !important. */
.uno-loader .alert { display: none !important; }

.uno-loader progress {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  height: 6px !important;
  border: 0 !important;
  color: transparent !important;
  background-color: #E8F0E9 !important;
  background-image: linear-gradient(90deg, rgba(26, 165, 60, 0) 0%, #1AA53C 50%, rgba(26, 165, 60, 0) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: 40% 100% !important;
  animation: rlw-loading 1.1s linear infinite !important;
}

.uno-loader progress::-webkit-progress-bar { background: transparent !important; }
.uno-loader progress::-webkit-progress-value { background: transparent !important; }
.uno-loader progress::-moz-progress-bar { background: transparent !important; }

@keyframes rlw-loading {
  from { background-position: -45% 0; }
  to   { background-position: 145% 0; }
}