/* src/styles.scss */
html,
body {
  scroll-behavior: auto;
  margin: 0px;
  padding: 0px;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "FordF-1";
}
@font-face {
  font-family: "FordF-1";
  src: url("./media/FordF-1-Light.otf") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "FordF-1";
  src: url("./media/FordF-1-Regular.otf") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "FordF-1";
  src: url("./media/FordF-1-Medium.otf") format("woff");
  font-weight: 700;
}
@font-face {
  font-family: "FordF-1";
  src: url("./media/FordF-1-Semibold.otf") format("woff");
  font-weight: 800;
  font-weight: bold;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: #066FEF;
  border: 4px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
}
.scrollbar::-webkit-scrollbar {
  width: 16px;
}
.h1 {
  font-family: "FordF-1";
  font-style: normal;
  font-weight: 500;
  font-size: 64px;
  color: #00095B;
  padding: 64px 0px;
}
@media (max-width: 480px) {
  .h1 {
    font-size: 40px;
    padding: 12px 0px 32px;
  }
}
button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
}
.btn {
  background-color: #066FEF;
  padding: 6px 24px 4px 24px;
  font-family: "FordF-1";
  font-weight: 800;
  font-size: 16px;
  line-height: 26px;
  color: white;
  border-radius: 17px;
  border: none;
  align-self: flex-start;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.btn:hover {
  background-color: #00095B;
  color: white;
}
.btn.outline {
  background-color: transparent;
  border: 1px solid white;
}
.btn.outline:hover {
  background-color: #066FEF;
  color: white;
  border: 1px solid transparent;
}
.btn.blue-outline {
  background-color: transparent;
  border: 1.75px solid #066FEF;
  color: #066FEF;
  padding-top: 5px;
}
.btn.blue-outline:hover {
  background-color: #066FEF;
  color: white;
  border: 1px solid transparent;
}
.btn.narrow {
  padding: 4px 16px 4px 16px;
}
.btn.dark {
  background-color: #00095B;
  color: white;
}
.btn.dark img {
  filter: brightness(1);
  transition: filter 0.2s ease-in-out;
}
.btn.dark:hover {
  background-color: white;
  color: #00095B;
}
.btn.dark:hover img {
  filter: brightness(0);
}
.btn.icon {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 35px;
}
.btn.icon img {
  margin-top: -2px;
}
.btn.white {
  background-color: white;
  border: 1px solid #066FEF;
}
.btn:disabled,
.btn.disabled {
  background-color: dimgrey;
  color: linen;
}
.btn:focus-visible {
  outline: #066FEF auto 1px;
}
.invalid-feedback {
  display: none;
  margin-top: 4px;
  color: #FF5252;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 18px;
  white-space: nowrap;
  width: 100%;
  box-sizing: border-box;
}
body input[data-com-onepassword-filled],
body input[data-com-onepassword-filled]:focus {
  background-clip: text !important;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0) inset !important;
  background-color: transparent !important;
  background-clip: content-box !important;
}
.required-marker {
  color: #FF5252;
}
.required-marker::after {
  content: "*";
  line-height: 0;
  vertical-align: super;
}

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