@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";

/* src/styles.scss */
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFPRODISPLAYREGULAR.OTF) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFPRODISPLAYMEDIUM.OTF) format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFPRODISPLAYBOLD.OTF) format("opentype");
  font-weight: 700;
  font-style: normal;
}
:root {
  --primary-color: #e2e6e9;
  --light-color: #ffffff;
  --title-text-color: #000000;
  --subtitle-text-color: rgba(7, 18, 36, 0.6);
  --dot-active-color: #455fed;
  --dot-inactive-color: #b7b8b8;
  --button-stroke-color: #061123;
  --input-text-color: #f3f5f8;
  --input-placeholder-color: #c3cdd4;
  --tag-event-color: rgba(34, 47, 109, 0.41);
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  overscroll-behavior: none;
}
body {
  display: flex;
  flex-direction: column;
  background-color: var(--primary-color);
}
app-root {
  flex: 1;
  display: flex;
  flex-direction: column;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */