/* HOME RESET PASSWORD */
@import url("../core/reset.css");
@import url("../core/variables.css");
@import url("../style.css");
@import url("../../components/header/header.css");

.main.reset {
  /* Size */
  height: calc(100vh - 96px);
  /* Margin-padding */
  padding-top: 68px;
  padding-bottom: 68px;
  /* Display */
  gap: 24px;
}

.main_container.reset {
  /* Size */
  height: 100%;
  /* Display */
  justify-content: space-between;
}

.form.reset {
  /* Display */
  gap: 16px;
}

.main_container.confirmed_reset {
  /* Display */
  gap: 136px;
}

.main_title_box {
  /* Display */
  gap: 16px;
}

.main_text {
  /* Font */
  color: var(--main-font-color);
  /* Display */
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.main_nav_box {
  /* Display */
  gap: 4px;
}

.link.login {
  /* Font */
  text-decoration: none;
  font-weight: 700;
  letter-spacing: -0.4px;
}

.icon_spinner {
  animation: spin 2s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}