@import url("https://evolution-fluid-web-engine.web.app/style.css");

@font-face {
  font-family:montserrat;src:url(assets/fonts/montserrat/Montserrat-Regular.ttf)
}

@font-face {
  font-family:montserrat;src:url(assets/fonts/montserrat/Montserrat-Bold.ttf);font-weight:700
}

@font-face {
  font-family:montserrat;src:url(assets/fonts/montserrat/Montserrat-Italic.ttf);font-style:italic
}

@font-face {
  font-family:montserrat;src:url(assets/fonts/montserrat/Montserrat-BoldItalic.ttf);font-style:italic;font-weight:700
}

@font-face {
  font-family:open_sans;src:url(assets/fonts/open_sans/OpenSans-Regular.ttf)
}

@font-face {
  font-family:open_sans;src:url(assets/fonts/open_sans/OpenSans-Bold.ttf);font-weight:700
}

@font-face {
  font-family:open_sans;src:url(assets/fonts/open_sans/OpenSans-Italic.ttf);font-style:italic
}

@font-face {
  font-family:open_sans;src:url(assets/fonts/open_sans/OpenSans-BoldItalic.ttf);font-style:italic;font-weight:700
}

#splashScreen {
  background: rgb(var(--accent)) url(assets/splash/map.svg) fixed center;
  background-size: cover;
}

.splashLogo {
  background: url(assets/logo-splash.svg) 50% 50% no-repeat;
}

#evoIcon {
  content: url(assets/ico/favicon.svg)
}

:root {
  --evoLogoDark: url(https://evolution-forms.web.app/assets/dark/logo.svg);
  --evoLogoLight: url(https://evolution-forms.web.app/assets/logo.svg);

  --lightDatePicker: url(https://evolution-forms.web.app/assets/date-picker.svg);
  --lightTimePicker: url(https://evolution-forms.web.app/assets/time-picker.svg);
  --darkDatePicker: url(https://evolution-forms.web.app/assets/dark/date-picker.svg);
  --darkTimePicker: url(https://evolution-forms.web.app/assets/dark/time-picker.svg);
}

#videos .tableListItem {
  aspect-ratio: 16 / 9;
  height: auto;
  overflow: hidden;
  border-radius: 5px;
}