@charset "UTF-8";

/* LAYOUT
-------------------------------------------------- */

.CAComponent.CAComponentRoot {
  --background-color: #eeeeec;
  --primary-color: #008990;
  --border-color: #c8c8c8;
  --border-radius: 5px;
  --checkbox-radio-size: 20px;
  --error-color: #dc3545;
  all: initial;
  font-family: inherit;
  font-size: 14px;
  display: block;
  width: 100%;
  margin: 0;
  color: currentColor;
}

/* LABEL AND LEGEND
-------------------------------------------------- */

.CAComponent.CAComponentRoot > label,
.CAComponent.CAComponentRoot > legend {
  all: initial;
  font-family: inherit;
  font-size: 1em;
  display: block;
  margin: 0;
  margin-bottom: 0.5em;
  padding: 0;
  float: left;
  width: 100%;
  color: currentColor;
}

.CAComponent.CAComponentRoot:not(.CAComponentCheckbox) > label[required]::after,
.CAComponent.CAComponentRoot.CAComponentRadio > legend[required]::after,
.CAComponent.CAComponentRoot.CAComponentCheckbox
  > label[required]
  > span::after {
  content: " *";
}

.CAComponent.CAComponentRoot > legend {
  margin-bottom: 1em;
}

/* HELPER TEXT
-------------------------------------------------- */

.CAComponent.CAComponentRoot > .CAComponentHelperTextm,
.CAComponent.CAComponentRoot .grecaptcha-error {
  display: block;
  width: 100%;
}

.CAComponent.CAComponentRoot > .CAComponentHelperText:not(:empty),
.CAComponent.CAComponentRoot .grecaptcha-error:not(:empty) {
  margin-top: 0.5em;
}

.CAComponent.CAComponentRoot.has-error > .CAComponentHelperText,
.CAComponent.CAComponentRoot.has-error .grecaptcha-error {
  color: var(--error-color);
}

/* INPUT, SELECT AND TEXTAREA
-------------------------------------------------- */

.CAComponent.CAComponentRoot > input,
.CAComponent.CAComponentRoot > select,
.CAComponent.CAComponentRoot > textarea {
  all: initial;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 1em;
  display: block;
  margin: 0;
  padding: 1em;
  width: 100%;
  background-color: white;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  resize: none;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto; /* O "initial" */
}

.CAComponent.CAComponentRoot > input:focus,
.CAComponent.CAComponentRoot > select:focus,
.CAComponent.CAComponentRoot > textarea:focus {
  border: 1px solid var(--primary-color);
}

.CAComponent.CAComponentRoot > input::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > select::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-webkit-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-moz-placeholder,
.CAComponent.CAComponentRoot > select::-moz-placeholder,
.CAComponent.CAComponentRoot > textarea::-moz-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input:-ms-input-placeholder,
.CAComponent.CAComponentRoot > select:-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea:-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-ms-input-placeholder,
.CAComponent.CAComponentRoot > select::-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > select::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-webkit-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-moz-placeholder,
.CAComponent.CAComponentRoot > select::-moz-placeholder,
.CAComponent.CAComponentRoot > textarea::-moz-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input:-ms-input-placeholder,
.CAComponent.CAComponentRoot > select:-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea:-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-ms-input-placeholder,
.CAComponent.CAComponentRoot > select::-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > select::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-webkit-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-moz-placeholder,
.CAComponent.CAComponentRoot > select::-moz-placeholder,
.CAComponent.CAComponentRoot > textarea::-moz-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input:-ms-input-placeholder,
.CAComponent.CAComponentRoot > select:-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea:-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-ms-input-placeholder,
.CAComponent.CAComponentRoot > select::-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > select::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-webkit-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-moz-placeholder,
.CAComponent.CAComponentRoot > select::-moz-placeholder,
.CAComponent.CAComponentRoot > textarea::-moz-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input:-ms-input-placeholder,
.CAComponent.CAComponentRoot > select:-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea:-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-ms-input-placeholder,
.CAComponent.CAComponentRoot > select::-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > select::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-webkit-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-moz-placeholder,
.CAComponent.CAComponentRoot > select::-moz-placeholder,
.CAComponent.CAComponentRoot > textarea::-moz-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input:-ms-input-placeholder,
.CAComponent.CAComponentRoot > select:-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea:-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-ms-input-placeholder,
.CAComponent.CAComponentRoot > select::-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > select::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-webkit-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-moz-placeholder,
.CAComponent.CAComponentRoot > select::-moz-placeholder,
.CAComponent.CAComponentRoot > textarea::-moz-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input:-ms-input-placeholder,
.CAComponent.CAComponentRoot > select:-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea:-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-ms-input-placeholder,
.CAComponent.CAComponentRoot > select::-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > select::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-webkit-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-moz-placeholder,
.CAComponent.CAComponentRoot > select::-moz-placeholder,
.CAComponent.CAComponentRoot > textarea::-moz-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input:-ms-input-placeholder,
.CAComponent.CAComponentRoot > select:-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea:-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-ms-input-placeholder,
.CAComponent.CAComponentRoot > select::-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > select::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-webkit-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-moz-placeholder,
.CAComponent.CAComponentRoot > select::-moz-placeholder,
.CAComponent.CAComponentRoot > textarea::-moz-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input:-ms-input-placeholder,
.CAComponent.CAComponentRoot > select:-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea:-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-ms-input-placeholder,
.CAComponent.CAComponentRoot > select::-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > select::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-webkit-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-moz-placeholder,
.CAComponent.CAComponentRoot > select::-moz-placeholder,
.CAComponent.CAComponentRoot > textarea::-moz-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input:-ms-input-placeholder,
.CAComponent.CAComponentRoot > select:-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea:-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-ms-input-placeholder,
.CAComponent.CAComponentRoot > select::-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > select::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-webkit-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-moz-placeholder,
.CAComponent.CAComponentRoot > select::-moz-placeholder,
.CAComponent.CAComponentRoot > textarea::-moz-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input:-ms-input-placeholder,
.CAComponent.CAComponentRoot > select:-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea:-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-ms-input-placeholder,
.CAComponent.CAComponentRoot > select::-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > select::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-webkit-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-moz-placeholder,
.CAComponent.CAComponentRoot > select::-moz-placeholder,
.CAComponent.CAComponentRoot > textarea::-moz-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input:-ms-input-placeholder,
.CAComponent.CAComponentRoot > select:-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea:-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-ms-input-placeholder,
.CAComponent.CAComponentRoot > select::-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > select::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-webkit-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-moz-placeholder,
.CAComponent.CAComponentRoot > select::-moz-placeholder,
.CAComponent.CAComponentRoot > textarea::-moz-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input:-ms-input-placeholder,
.CAComponent.CAComponentRoot > select:-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea:-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-ms-input-placeholder,
.CAComponent.CAComponentRoot > select::-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > select::-webkit-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-webkit-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-moz-placeholder,
.CAComponent.CAComponentRoot > select::-moz-placeholder,
.CAComponent.CAComponentRoot > textarea::-moz-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input:-ms-input-placeholder,
.CAComponent.CAComponentRoot > select:-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea:-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-ms-input-placeholder,
.CAComponent.CAComponentRoot > select::-ms-input-placeholder,
.CAComponent.CAComponentRoot > textarea::-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-webkit-input-placeholder, .CAComponent.CAComponentRoot > select::-webkit-input-placeholder, .CAComponent.CAComponentRoot > textarea::-webkit-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-moz-placeholder, .CAComponent.CAComponentRoot > select::-moz-placeholder, .CAComponent.CAComponentRoot > textarea::-moz-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input:-ms-input-placeholder, .CAComponent.CAComponentRoot > select:-ms-input-placeholder, .CAComponent.CAComponentRoot > textarea:-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::-ms-input-placeholder, .CAComponent.CAComponentRoot > select::-ms-input-placeholder, .CAComponent.CAComponentRoot > textarea::-ms-input-placeholder {
  color: var(--border-color);
}

.CAComponent.CAComponentRoot > input::placeholder,
.CAComponent.CAComponentRoot > select::placeholder,
.CAComponent.CAComponentRoot > textarea::placeholder,
.CAComponent.CAComponentRoot > select > option:disabled {
  color: var(--border-color);
}
.CAComponent.CAComponentRoot.has-error > input,
.CAComponent.CAComponentRoot.has-error > select,
.CAComponent.CAComponentRoot.has-error > textarea {
  border-color: var(--error-color);
}

/* CHECKBOX AND RADIO
-------------------------------------------------- */

.CAComponent.CAComponentCheckbox input,
.CAComponent.CAComponentRadio input {
  display: none;
}

.CAComponent.CAComponentRadio > div {
  display: flex;
  width: 100%;
  gap: var(--checkbox-radio-size);
}

.CAComponent.CAComponentCheckbox input + label,
.CAComponent.CAComponentRadio input + label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
}

.CAComponent.CAComponentCheckbox input + label > i,
.CAComponent.CAComponentRadio input + label > i {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border: 1px solid #c8c8c8;
  width: var(--checkbox-radio-size);
  height: var(--checkbox-radio-size);
  padding: calc(var(--checkbox-radio-size) * 0.2);
  overflow: hidden;
  margin-right: calc(var(--checkbox-radio-size) * 0.5);
}

.CAComponent.CAComponentCheckbox input + label > i {
  border-radius: 5%;
}

.CAComponent.CAComponentRadio input + label > i {
  border-radius: 100%;
}

.CAComponent.CAComponentCheckbox input + label > i::before,
.CAComponent.CAComponentRadio input + label > i::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  transform: scale(0);
  transition: all 0.1s ease-in-out;
}

.CAComponent.CAComponentRadio input + label > i::before {
  border-radius: 100%;
}

.CAComponent.CAComponentCheckbox input:checked + label > i::before,
.CAComponent.CAComponentRadio input:checked + label > i::before {
  transform: scale(1);
}

.CAComponent.CAComponentCheckbox input + label > span,
.CAComponent.CAComponentRadio input + label > span {
  display: block;
  flex: 1;
}