.input-wrapper {
  position: relative;
  display: inline-block;
  line-height: 14px;
}
.input-wrapper label {
  position: absolute;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  text-transform: uppercase;
  font-size: 1.4rem;
  z-index: 2;
  left: 20px;
  top: 1rem;
  padding: 0 2px;
  pointer-events: none;
  transition: transform 100ms ease;
  transform: translateY(-3rem);
}
.input-wrapper input {
  font-size: 13px;
  color: #555;
  outline: none;
  border: 1px solid #bbb;
  padding: 10px 20px;
  border-radius: 20px;
  position: relative;
  font-size: 1.4rem;
}
.input-wrapper input:invalid + label {
  transform: translateY(0);
}
.input-wrapper input:focus {
  border-color: #2b96f1;
}
.input-wrapper input:focus + label {
  color: #2b96f1;
  transform: translateY(-3rem);
  font-size: 1.2rem;
}
.input-wrapper.input-form input {
  border: none;
  border-bottom: 0.1rem solid #bbb;
  width: 100%;
  border-radius: 0px;
}

.p-15r {
  padding: 15rem;
}

.figure-rounded {
  width: 55rem;
  height: 55rem;
}

.figure-rounded-child {
  width: 40rem;
  height: 40rem;
}

.pos-center {
  inset: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.footer-figure {
  position: absolute;
  inset: 0;
  top: -8rem;
  left: 50%;
  transform: translateX(-50%);
  width: 200%;
  height: 100%;
  border-radius: 100%;
  display: block;
}

.triangle {
  width: 30rem;
  height: 5rem;
  border-radius: 100%;
  background-color: var(--xox-blue);
}

/*# sourceMappingURL=control.css.map */