@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap");
.preload * {
  transition: unset !important;
}

.checkbox-theme {
  cursor: pointer;
}

.checkbox-theme *,
.checkbox-theme *:after,
.checkbox-theme *:before {
  box-sizing: border-box;
}

.checkbox-theme input {
  position: absolute;
  opacity: 0;
}

.checkbox-theme input:checked + label svg path {
  stroke-dashoffset: 0;
}

.checkbox-theme input:focus + label {
  transform: scale(1.03);
}

.checkbox-theme input + label {
  display: block;
  border: 0.0625rem solid #48AAF0;
  background-color: #ffffff;
  width: 1.6875rem;
  height: 1.6875rem;
  border-radius: 0.4375rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkbox-theme input:checked + label {
  background-color: #48AAF0;
}

.checkbox-theme input.invalid + label {
  border-color: #ffffff !important;
}

.checkbox-theme input + label:active {
  transform: scale(1.05);
}

.checkbox-theme input + label svg {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
}

.checkbox-theme input + label svg path {
  fill: none;
  stroke: #ffffff;
  stroke-width: 0.75rem;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 100;
  stroke-dashoffset: 101;
  transition: all 250ms cubic-bezier(1, 0, 0.37, 0.91);
}