/* application */
.application {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /* color: var(--clr-tertiary); */
  /* background-color: rgba(var(--glass-background), 0.2); */
  background-color: white;
  backdrop-filter: blur(5em);
  overflow-y: auto;
  overflow-x: hidden;
  transition: translate 500ms ease-in;
  translate: 0 100%;
  display: block;
  z-index: 10001;
  -webkit-backdrop-filter: blur(1em);
}
.application.open{
  translate: 0 0;
  transition: translate 500ms ease-in;
}
.application .container {
  position: relative;
  padding: 0.5em;
}
@media screen and (max-width: 1024px) {
  .application .container {
    margin-bottom: 1rem;
  }
  .application .section-title {
    padding-top: 3rem;
  }
}
.application .form-wrapper{
  margin-right: 0;
}
.close-x {
  position: absolute;
  top: 1em;
  right: 1em;
  left: auto;
  bottom: auto;
  height: 2em;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .close-x {
    top: 3em;
    right: 0.5rem;
  }
}

.application-form {
  position: relative;
  width: 100%;
  padding-block-start: 2em;
  padding-inline: 1rem;
  display: grid;
  grid-auto-columns: 1fr 1fr;
  z-index: 1;
}
.fieldset-categories {
  margin-block-start: 0.5em;
  display: flex;
  /*grid-auto-columns: 1fr 1fr 1fr 1fr;*/
  flex-wrap: wrap;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-start;
  gap: 0.5em;
  transform: none;
}
.fieldset-days {
  margin-block-start: 0.5em;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-start;
  gap: 0.5em;
  transform: none;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
}
.fieldset-days > *:nth-child(3),
.fieldset-days > *:nth-child(7){
  margin-inline-end: 1em;
}
.fieldset-days label{
  flex-basis: calc(50% - 13px - 1.5em);
  text-align: left;
}
.fieldset-days input{
  flex-basis: 13px;
}
.fieldset-categories label{
  text-align: left;
}
.fieldset-categories > *:nth-child(1n + 1) {
  flex-basis: calc(25% - 1em);
}

.fieldset-categories > *:nth-child(2n) {
  flex-basis: 8%;
}
.fieldset-categories > *:nth-child(8n) {
  break-after: always;
}
.application-form label {
  padding-top: 0.5em;
}
.application-form button {
  margin-top: 0.5em;
}
.application-form p{
  font-size: 0.875rem;
  margin-block: 0.5rem;
}
@media screen and (max-height: 480px) and (orientation: landscape) {
  .fieldset-categories > *:nth-child(1n + 1) {
    flex-basis: 15%;
  }
  .fieldset-categories > *:nth-child(2n) {
    flex-basis: 8%;
  }
}
@media screen and (min-width: 1025px) {
  .application {
    width: max-content;
    max-width: 520px;
    left: auto;
    /* right: -100%; */
    translate: 100% 0;
  }
  .application.open{
    translate: 0 0;
    transition: translate 500ms ease-in;
  }
  .application .container h2 {
    padding-top: 0.5em;
  }
  .application-form button {
    margin-bottom: 0.5em;
  }
}

.form-wrapper {
  display: flex;
  flex-direction: column;
  margin-right: 1rem;
  gap: 1rem;
}
.form-choice {
  width: 100%;
  outline: 1px solid black;
  color: black;
  padding-block: 7rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
@media screen and (min-width: 1025px) {
  .form-choice {
    width: 488px;
  }
}
.form-choice p {
  width: max-content;
}
.form-choice p span {
  font-weight: 600;
}
.translate-right {
  transform: translateX(600px);
  transition: 500ms ease-in;
}