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

/* src/styles.scss */
@font-face {
  font-family: "Switzer-ExtraboldItalic";
  src:
    url("./media/Switzer-ExtraboldItalic.woff2") format("woff2"),
    url("./media/Switzer-ExtraboldItalic.woff") format("woff"),
    url("./media/Switzer-ExtraboldItalic.ttf") format("truetype");
  font-weight: 800;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Switzer-VariableItalic";
  src:
    url("./media/Switzer-VariableItalic.woff2") format("woff2"),
    url("./media/Switzer-VariableItalic.woff") format("woff"),
    url("./media/Switzer-VariableItalic.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}
* {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
}
.strong {
  font-weight: 800;
}
.block {
  background: white;
  padding: 1rem;
  border-radius: 0.5rem;
}
.custom-divider {
  height: 1px;
  width: 100%;
  background-color: #f4f4f4;
  -webkit-user-select: none;
  user-select: none;
}
li {
  list-style: none;
}
button,
.btn-secondary,
.btn-primary,
.btn-discreet {
  margin: 0 !important;
  width: 100%;
  padding: 1rem;
  cursor: pointer;
  border: none;
  border-radius: 0.25rem;
  font-size: 1rem;
  height: 3rem;
  line-height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.btn-discreet {
  font-family: "Switzer-VariableItalic", sans-serif;
  background: none;
  color: #ffffff;
  font-weight: 500;
}
.btn-discreet:disabled {
  background: #fcf1cf;
  color: #7e8184;
}
.btn-discreet:hover:is([disabled]) {
  background: #fcf1cf;
  color: #7e8184;
}
.btn-discreet:focus {
  outline: 2px solid transparent !important;
}
.btn-discreet:hover {
  background: none;
  font-weight: 900;
}
.btn-discreet:active {
  color: #f4f4f4;
  background: rgba(244, 244, 244, 0.1254901961);
}
.btn-primary {
  font-family: "Switzer-ExtraboldItalic", sans-serif;
  background: #ffc947;
  color: #1a1918;
}
.btn-primary:disabled {
  background: #fcf1cf;
  color: #7e8184;
}
.btn-primary:hover:is([disabled]) {
  background: #fcf1cf;
  color: #7e8184;
}
.btn-primary:focus {
  outline: 2px solid #ffde79 !important;
}
.btn-primary:hover {
  background: #ffde79;
}
.btn-primary:active {
  background: #fcf1cf;
}
.btn-secondary {
  font-family: "Inter", sans-serif;
  background: none;
  color: #428ff3;
  font-weight: 600;
  font-style: normal !important;
}
.input-wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  padding-left: 1rem;
  gap: 0.5rem;
}
.alert {
  color: white;
  border-radius: 0.25rem !important;
  padding: 1rem 2rem;
  color: #db3645 !important;
  background: #f7acab !important;
  border: 2px solid #ee5957;
}
.gradient {
  background: linear-gradient(transparent, #1a1918);
}
.ng-valid[required],
.ng-valid.required {
  outline: 2px solid #428ff3;
}
a {
  color: #428ff3;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h3 {
  font-weight: 400;
}
.input,
.icon-input {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  background: #ffffff;
  position: relative;
  border: 2px solid #c8c8c8;
  padding: 4px 12px;
  height: 60px;
}
.input kin-icon:last-of-type,
.icon-input kin-icon:last-of-type {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  z-index: 1;
  right: 16px;
  -webkit-user-select: none;
  user-select: none;
  z-index: -1;
}
.input input,
.icon-input input {
  background-color: #ffffff;
  border: none;
}
.input input:focus-visible,
.icon-input input:focus-visible {
  outline: none;
}
.input label,
.icon-input label {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.input kin-icon:first-of-type,
.icon-input kin-icon:first-of-type {
  position: absolute;
  left: 0;
  transform: translateY(-50%);
  top: 50%;
  z-index: 1;
  left: 16px;
}
.input input,
.icon-input input {
  height: 100%;
  z-index: 2;
  top: 0;
  position: absolute;
  font-size: 16px;
  padding: 0;
  right: 12px;
  background-color: transparent !important;
}
.input .input-header,
.icon-input .input-header {
  z-index: 1;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  display: flex;
  gap: 0.5rem;
  color: #c8c8c8;
  transition: all ease-in 100ms;
}
.input input {
  left: 12px;
}
.icon-input .input-header,
.icon-input input {
  left: 52px;
}
.touched .input-header {
  top: 20%;
}
.touched .form-error {
  position: absolute;
  bottom: 5%;
  color: #db3645;
  font-size: 12px;
  width: -webkit-fill-available;
  margin-right: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
}
.touched label {
  font-size: 14px;
}
.touched input {
  bottom: 23%;
}
.input-error {
  border: 2px solid #db3645;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #1a1918;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
input[data-autocompleted] {
  background-color: transparent !important;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 0s 0s, color 0s 0s;
  transition-delay: calc(infinity * 1s);
}
input[data-dashlane-autofill=true] {
  background-color: #fff !important;
  color: #000 !important;
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
  border: 2px solid #c8c8c8 !important;
}
input:-internal-autofill-selected {
  appearance: none !important;
  background-color: #fff !important;
  color: #000 !important;
}

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