@charset "UTF-8";

/* src/styles/checkbox.css */
.checkbox {
  position: relative;
  display: flex;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  border: none;
}
.checkbox input[type=checkbox] {
  display: none;
}
.checkbox input[type=checkbox]:checked ~ .checkbox-mark {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 9C3 5.68629 5.68629 3 9 3H15C18.3137 3 21 5.68629 21 9V15C21 18.3137 18.3137 21 15 21H9C5.68629 21 3 18.3137 3 15V9Z' fill='%230FD5A4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.7071 8.50008L11 15.2072L7.14642 11.3536L7.85353 10.6465L11 13.793L17 7.79297L17.7071 8.50008Z' fill='%23313131'/%3E%3C/svg%3E");
  border-color: var(--green);
}
.checkbox .checkbox-mark {
  min-width: 20px;
  min-height: 20px;
  margin: 2px;
  background-position: center;
  border-color: var(--black);
  border-style: solid;
  border-width: 2px;
  border-radius: 8px;
  transition: 200ms ease-in-out;
}
.checkbox .checkbox-text {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  font: var(--typography-control-5);
  color: var(--black);
}
.checkbox:hover input[type=checkbox]:checked ~ .checkbox-mark {
  border-color: var(--green);
}
.checkbox:hover .checkbox-mark {
  border-color: var(--green);
}
.checkbox input[type=checkbox].ng-touched.ng-invalid ~ .checkbox-mark {
  border-color: var(--error);
}
.checkbox input[type=checkbox].ng-touched.ng-invalid ~ .checkbox-text {
  color: var(--error);
}
.checkbox:disabled input[type=checkbox]:checked ~ .checkbox-mark {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 9C3 5.68629 5.68629 3 9 3H15C18.3137 3 21 5.68629 21 9V15C21 18.3137 18.3137 21 15 21H9C5.68629 21 3 18.3137 3 15V9Z' fill='%23EBE4D1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.7071 8.50008L11 15.2072L7.14642 11.3536L7.85353 10.6465L11 13.793L17 7.79297L17.7071 8.50008Z' fill='%23313131'/%3E%3C/svg%3E");
  border-color: var(--neutral);
}
.checkbox:disabled .checkbox-mark {
  cursor: not-allowed;
  border-color: var(--neutral);
}
.checkbox:disabled .checkbox-text {
  cursor: not-allowed;
  color: var(--neutral);
}

/* src/styles/colors.css */
:root {
  --white: #fff;
  --black: #313131;
  --neutral: #ebe4d1;
  --blue: #08b2f8;
  --green: #0fd5a4;
  --sand: #dfd4b4;
  --light-green: #dffbf4;
  --light-error: #fee6e6;
  --neutral-low: #aaa;
  --error: #f96262;
  --hover: #444;
  --selected: #e2dac5;
  --press: #d4d0c5;
  --disabled: #c0c0c0;
  --disabled2: #ddd;
}

/* src/styles/font.css */
@font-face {
  font-family: "Pathway Extreme";
  font-weight: 400;
  font-style: normal;
  font-display: auto;
  src: url("./media/pathway-extreme-regular.woff2") format("woff2"), url("./media/pathway-extreme-regular.ttf") format("truetype");
}
@font-face {
  font-family: "Pathway Extreme";
  font-weight: 500;
  font-style: normal;
  font-display: auto;
  src: url("./media/pathway-extreme-medium.woff2") format("woff2"), url("./media/pathway-extreme-medium.ttf") format("truetype");
}
@font-face {
  font-family: "Pathway Extreme";
  font-weight: 600;
  font-style: normal;
  font-display: auto;
  src: url("./media/pathway-extreme-semibold.woff2") format("woff2"), url("./media/pathway-extreme-semibold.ttf") format("truetype");
}
@font-face {
  font-family: "Pathway Extreme";
  font-weight: 700;
  font-style: normal;
  font-display: auto;
  src: url("./media/pathway-extreme-bold.woff2") format("woff2"), url("./media/pathway-extreme-bold.ttf") format("truetype");
}

/* src/styles/gradients.css */
:root {
  --gradient-1:
    linear-gradient(
      90deg,
      #08b2f8 0%,
      #0fd5a4 100%);
  --gradient-2:
    linear-gradient(
      90deg,
      #0fd5a4 0%,
      #08b2f8 100%);
  --gradient-3:
    linear-gradient(
      180deg,
      #fff 0%,
      #ebe4d1 100%);
  --gradient-4:
    linear-gradient(
      0deg,
      #fff 0%,
      #ebe4d1 100%);
  --gradient-5:
    linear-gradient(
      270deg,
      #0fd5a4 0%,
      #08b2f8 100%);
  --gradient-6:
    linear-gradient(
      180deg,
      #ebe4d1 0%,
      #fff 100%),
    #fff;
}

/* src/styles/radio.css */
.radio {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}
.radio input[type=radio] {
  display: none;
}
.radio input[type=radio]:checked ~ .radio-text {
  background-color: var(--selected);
}
.radio input[type=radio]:checked ~ .radio-text .radio-mark {
  width: 40px;
  height: 40px;
  visibility: visible;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M16.6662 25.2849L31.9868 9.96423L34.3438 12.3213L16.6662 29.9989L6.05957 19.3924L8.4166 17.0354L16.6662 25.2849Z' fill='%23313131'/%3E%3C/svg%3E");
}
.radio input[type=radio]:checked ~ .radio-text:hover {
  background-color: var(--neutral);
}
.radio input[type=radio]:checked ~ .radio-text:active {
  background-color: var(--press);
}
.radio .radio-text {
  cursor: pointer;
  overflow: hidden;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 72px;
  padding: 12px 24px;
  font: var(--typography-body-5-medium);
  color: var(--black);
  background-color: var(--white);
  border-radius: 40px;
  box-shadow: inset 0 0 0 1px var(--black);
  transition: 200ms ease-in-out;
}
.radio .radio-text .radio-mark {
  visibility: hidden;
}
.radio .radio-text:hover {
  background-color: var(--neutral);
}
.radio .radio-text:active {
  background-color: var(--press);
}
@media (width >= 768px) {
  .radio .radio-text {
    padding: 24px 40px;
    font: var(--typography-h6);
  }
}

/* src/styles/reset.css */
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}
html {
  font-family:
    system-ui,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji";
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  tab-size: 4;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}
input,
button,
textarea,
select {
  font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}
a {
  text-decoration: none;
}
img:-moz-loading {
  visibility: hidden;
}
ul {
  list-style-type: none;
}

/* src/styles/shadows.css */
:root {
  --shadow-chip-shadow:
    0 0 4px 0 rgb(49 49 49 / 5%),
    0 20px 25px -5px rgb(49 49 49 / 10%),
    0 8px 10px -6px rgb(49 49 49 / 10%);
  --shadow-block-shadow: 0 0 4px 0 rgb(49 49 49 / 5%), 0 25px 50px -12px rgb(49 49 49 / 15%);
}

/* src/styles/text-field.css */
fieldset.text-field {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}
fieldset.text-field input {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 8px 24px;
  font: var(--typography-body-5-medium);
  color: var(--black);
  background-color: transparent;
  border: none;
  border-radius: 999px;
  outline: none;
  box-shadow: inset 0 0 0 1px var(--black);
  transition: 200ms ease-in-out;
}
fieldset.text-field input::placeholder {
  font: var(--typography-caption-2);
  color: var(--black);
}
fieldset.text-field input:-webkit-autofill,
fieldset.text-field input:-webkit-autofill:hover,
fieldset.text-field input:-webkit-autofill:focus,
fieldset.text-field input:-webkit-autofill:active {
  transition-delay: 1000000000s;
  transition-property: background-color;
}
fieldset.text-field input:hover:not(:disabled),
fieldset.text-field input:focus {
  background-color: var(--white);
  box-shadow: inset 0 0 0 2px var(--black);
}
fieldset.text-field input:disabled {
  cursor: not-allowed;
  color: var(--neutral);
  background-color: transparent;
  box-shadow: inset 0 0 0 2px var(--neutral);
}
fieldset.text-field input:disabled::placeholder {
  color: var(--neutral);
}
fieldset.text-field input.ng-touched:not(:disabled).ng-invalid {
  color: var(--error);
  box-shadow: inset 0 0 0 1px var(--error);
}
@media (width >= 768px) {
  fieldset.text-field input {
    padding: 12px 24px;
    font: var(--typography-body-4-medium);
  }
  fieldset.text-field input::placeholder {
    font: var(--typography-caption-1);
  }
}

/* src/styles/textarea.css */
fieldset.text-field {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}
fieldset.text-field textarea {
  display: flex;
  align-items: center;
  width: 100%;
  max-height: 312px;
  margin: 0;
  padding: 16px 4px;
  font: var(--typography-body-5-regular);
  color: var(--black);
  background-color: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: inset 0 -1px 0 0 var(--black);
  transition: 200ms ease-in-out;
}
fieldset.text-field textarea::placeholder {
  font: var(--typography-body-5-regular);
  color: var(--black);
}
fieldset.text-field textarea:-webkit-autofill,
fieldset.text-field textarea:-webkit-autofill:hover,
fieldset.text-field textarea:-webkit-autofill:focus,
fieldset.text-field textarea:-webkit-autofill:active {
  transition-delay: 1000000000s;
  transition-property: background-color;
}
fieldset.text-field textarea:hover:not(:disabled),
fieldset.text-field textarea:focus {
  background-color: var(--neutral);
  box-shadow: inset 0 -2px 0 0 var(--black);
}
fieldset.text-field textarea:disabled {
  cursor: not-allowed;
  color: var(--neutral);
  background-color: transparent;
  box-shadow: inset 0 -2px 0 0 var(--neutral);
}
fieldset.text-field textarea:disabled::placeholder {
  color: var(--neutral);
}
fieldset.text-field textarea.ng-touched:not(:disabled).ng-invalid {
  color: var(--error);
  box-shadow: inset 0 -1px 0 0 var(--error);
}
@media (width >= 768px) {
  fieldset.text-field textarea {
    max-height: 232px;
    padding: 16px 4px;
    font: var(--typography-body-3-regular);
  }
  fieldset.text-field textarea::placeholder {
    font: var(--typography-body-3-regular);
  }
}

/* src/styles/typography.css */
:root {
  --typography-family-pathway-extreme: "Pathway Extreme", serif;
  --typography-weight-bold: 700;
  --typography-weight-semibold: 600;
  --typography-weight-medium: 500;
  --typography-weight-regular: 400;
  --typography-h1: var(--typography-weight-bold) 200px/260px var(--typography-family-pathway-extreme);
  --typography-h2: var(--typography-weight-bold) 160px/200px var(--typography-family-pathway-extreme);
  --typography-h3: var(--typography-weight-bold) 120px/160px var(--typography-family-pathway-extreme);
  --typography-h4: var(--typography-weight-bold) 56px/76px var(--typography-family-pathway-extreme);
  --typography-h5: var(--typography-weight-bold) 36px/48px var(--typography-family-pathway-extreme);
  --typography-h6: var(--typography-weight-bold) 32px/40px var(--typography-family-pathway-extreme);
  --typography-h7: var(--typography-weight-bold) 24px/32px var(--typography-family-pathway-extreme);
  --typography-h8: var(--typography-weight-bold) 20px/28px var(--typography-family-pathway-extreme);
  --typography-control-1: var(--typography-weight-bold) 56px/76px var(--typography-family-pathway-extreme);
  --typography-control-2: var(--typography-weight-bold) 40px/54px var(--typography-family-pathway-extreme);
  --typography-control-3: var(--typography-weight-bold) 32px/44px var(--typography-family-pathway-extreme);
  --typography-control-4: var(--typography-weight-bold) 24px/32px var(--typography-family-pathway-extreme);
  --typography-control-5: var(--typography-weight-bold) 16px/24px var(--typography-family-pathway-extreme);
  --typography-caption-1: var(--typography-weight-regular) 24px/32px var(--typography-family-pathway-extreme);
  --typography-caption-2: var(--typography-weight-regular) 20px/28px var(--typography-family-pathway-extreme);
  --typography-caption-3: var(--typography-weight-regular) 16px/24px var(--typography-family-pathway-extreme);
  --typography-caption-4: var(--typography-weight-regular) 12px/16px var(--typography-family-pathway-extreme);
  --typography-caption-5: var(--typography-weight-regular) 10px/14px var(--typography-family-pathway-extreme);
  --typography-body-1-medium: var(--typography-weight-medium) 40px/54px var(--typography-family-pathway-extreme);
  --typography-body-1-regular: var(--typography-weight-regular) 40px/54px var(--typography-family-pathway-extreme);
  --typography-body-2-medium: var(--typography-weight-medium) 36px/48px var(--typography-family-pathway-extreme);
  --typography-body-2-regular: var(--typography-weight-regular) 36px/48px var(--typography-family-pathway-extreme);
  --typography-body-3-medium: var(--typography-weight-medium) 32px/40px var(--typography-family-pathway-extreme);
  --typography-body-3-regular: var(--typography-weight-regular) 32px/40px var(--typography-family-pathway-extreme);
  --typography-body-4-medium: var(--typography-weight-medium) 24px/32px var(--typography-family-pathway-extreme);
  --typography-body-4-regular: var(--typography-weight-regular) 24px/32px var(--typography-family-pathway-extreme);
  --typography-body-5-medium: var(--typography-weight-medium) 20px/28px var(--typography-family-pathway-extreme);
  --typography-body-5-regular: var(--typography-weight-regular) 20px/28px var(--typography-family-pathway-extreme);
  --typography-body-6-medium: var(--typography-weight-medium) 16px/24px var(--typography-family-pathway-extreme);
  --typography-body-6-regular: var(--typography-weight-regular) 16px/24px var(--typography-family-pathway-extreme);
}

/* src/styles/index.css */

/* src/styles.css */

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