@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

@font-face {
  font-family: "New Spirit";
  src: url("/fonts/NewSpirit-Light.otf") format("opentype");
  font-weight: 300;
}

@font-face {
  font-family: "New Spirit";
  src: url("/fonts/NewSpirit-Regular.otf") format("opentype");
  font-weight: 400;
}

@font-face {
  font-family: "New Spirit";
  src: url("/fonts/NewSpirit-Medium.otf") format("opentype");
  font-weight: 500;
}

@font-face {
  font-family: "New Spirit";
  src: url("/fonts/NewSpirit-SemiBold.otf") format("opentype");
  font-weight: 600;
}

@font-face {
  font-family: "New Spirit";
  src: url("/fonts/NewSpirit-Bold.otf") format("opentype");
  font-weight: 700;
}

html,
body,
#root {
  margin: 0;
  height: 100dvh;
}

#measurement-embedded-app-container {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  height: calc(100dvh - 60px);
}

/* iOS Safari: fixed elements without z-index paint behind #root's white background */

@media (max-width: 1024px) {
  #measurement-embedded-app-container {
    z-index: 1000;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "New Spirit", sans-serif;
  font-weight: 500;
}

.fontSpirit {
  font-family: "New Spirit", sans-serif;
}

button {
  background-color: #DA400D !important;
  border-color: #DA400D !important;
  color: #ffffff !important;
  font-weight: 600;
  padding: 12px 20px !important;
}

button:hover {
  background-color: #DA400D !important;
  border-color: #DA400D !important;
}

@media (max-width: 768px) {
  button {
    font-size: 16px !important;
    padding: 14px 20px !important;
  }
}