/* These styles make the body full-height */
/* html,
body {

} */

/* These styles disable body scrolling if you are using <ScrollView> */
/* body { overflow: hidden; } */
/* These styles make the root element full-height */
#app-root {
  display: flex;
  flex: 1 1 100%;
  height: 100vh;
  /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
}

@font-face {
  font-family: 'Inter-Bold';
  src: url('/fonts/Inter-Bold.ttf');
}

@font-face {
  font-family: 'Inter-ExtraBold';
  src: url('/fonts/Inter-ExtraBold.ttf');
}

@font-face {
  font-family: 'Inter-ExtraLight';
  src: url('/fonts/Inter-ExtraLight.ttf');
}

@font-face {
  font-family: 'Inter-Light';
  src: url('/fonts/Inter-Light.ttf');
}

@font-face {
  font-family: 'Inter-Medium';
  src: url('/fonts/Inter-Medium.ttf');
}

@font-face {
  font-family: 'Inter-Regular';
  src: url('/fonts/Inter-Regular.ttf');
}

@font-face {
  font-family: 'Inter-SemiBold';
  src: url('/fonts/Inter-SemiBold.ttf');
}

@font-face {
  font-family: 'Inter-Thin';
  src: url('/fonts/Inter-Thin.ttf');
}

input[type="date"]::-webkit-calendar-picker-indicator {
  width: 24px;
  height: 24px;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  height: 100vh;
  width: 100vw;
  background: #ffffff;
  overflow: hidden;
}

input[type="date"]:before {
  content: attr(placeholder) !important;
  color: #000000;
  margin-right: 0.5em;
}
input[type="date"]:focus:before,
input[type="date"]:valid:before {
  content: "";
}