@-webkit-keyframes glitch {
  25% {
    background-color: #FF0CFF;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
    letter-spacing: 10px;
  }
  35% {
    background-color: #1B3864;
    -webkit-transform: translate(10px);
            transform: translate(10px);
  }
  59% {
    opacity: 0;
  }
  60% {
    background-color: #D477FF;
    -webkit-transform: translate(-10px);
            transform: translate(-10px);
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
  100% {
    background-color: #520575;
    blur: 5px;
  }
}

@keyframes glitch {
  25% {
    background-color: #FF0CFF;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
    letter-spacing: 10px;
  }
  35% {
    background-color: #1B3864;
    -webkit-transform: translate(10px);
            transform: translate(10px);
  }
  59% {
    opacity: 0;
  }
  60% {
    background-color: #D477FF;
    -webkit-transform: translate(-10px);
            transform: translate(-10px);
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
  100% {
    background-color: #520575;
    blur: 5px;
  }
}

@-webkit-keyframes blink {
  50% {
    opacity: 0;
  }
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

@-webkit-keyframes shrink {
  100% {
    width: 10%;
  }
}

@keyframes shrink {
  100% {
    width: 10%;
  }
}

@-webkit-keyframes glitch-anim {
  0% {
    clip: rect(130px, 9999px, 15px, 0);
  }
  4.166666666666666% {
    clip: rect(10px, 9999px, 39px, 0);
  }
  8.333333333333332% {
    clip: rect(10px, 9999px, 51px, 0);
  }
  12.5% {
    clip: rect(5px, 9999px, 90px, 0);
  }
  16.666666666666664% {
    clip: rect(78px, 9999px, 54px, 0);
  }
  20.833333333333336% {
    clip: rect(101px, 9999px, 134px, 0);
  }
  25% {
    clip: rect(17px, 9999px, 102px, 0);
  }
  29.166666666666668% {
    clip: rect(103px, 9999px, 102px, 0);
  }
  33.33333333333333% {
    clip: rect(108px, 9999px, 61px, 0);
  }
  37.5% {
    clip: rect(37px, 9999px, 7px, 0);
  }
  41.66666666666667% {
    clip: rect(74px, 9999px, 17px, 0);
  }
  45.83333333333333% {
    clip: rect(24px, 9999px, 23px, 0);
  }
  50% {
    clip: rect(1px, 9999px, 112px, 0);
  }
  54.166666666666664% {
    clip: rect(148px, 9999px, 147px, 0);
  }
  58.333333333333336% {
    clip: rect(8px, 9999px, 19px, 0);
  }
  62.5% {
    clip: rect(36px, 9999px, 44px, 0);
  }
  66.66666666666666% {
    clip: rect(148px, 9999px, 120px, 0);
  }
  70.83333333333334% {
    clip: rect(128px, 9999px, 45px, 0);
  }
  75% {
    clip: rect(18px, 9999px, 18px, 0);
  }
  79.16666666666666% {
    clip: rect(60px, 9999px, 123px, 0);
  }
  83.33333333333334% {
    clip: rect(143px, 9999px, 131px, 0);
  }
  87.5% {
    clip: rect(145px, 9999px, 7px, 0);
  }
  91.66666666666666% {
    clip: rect(76px, 9999px, 96px, 0);
  }
  95.83333333333334% {
    clip: rect(72px, 9999px, 45px, 0);
  }
  100% {
    clip: rect(35px, 9999px, 94px, 0);
  }
}

@keyframes glitch-anim {
  0% {
    clip: rect(130px, 9999px, 15px, 0);
  }
  4.166666666666666% {
    clip: rect(10px, 9999px, 39px, 0);
  }
  8.333333333333332% {
    clip: rect(10px, 9999px, 51px, 0);
  }
  12.5% {
    clip: rect(5px, 9999px, 90px, 0);
  }
  16.666666666666664% {
    clip: rect(78px, 9999px, 54px, 0);
  }
  20.833333333333336% {
    clip: rect(101px, 9999px, 134px, 0);
  }
  25% {
    clip: rect(17px, 9999px, 102px, 0);
  }
  29.166666666666668% {
    clip: rect(103px, 9999px, 102px, 0);
  }
  33.33333333333333% {
    clip: rect(108px, 9999px, 61px, 0);
  }
  37.5% {
    clip: rect(37px, 9999px, 7px, 0);
  }
  41.66666666666667% {
    clip: rect(74px, 9999px, 17px, 0);
  }
  45.83333333333333% {
    clip: rect(24px, 9999px, 23px, 0);
  }
  50% {
    clip: rect(1px, 9999px, 112px, 0);
  }
  54.166666666666664% {
    clip: rect(148px, 9999px, 147px, 0);
  }
  58.333333333333336% {
    clip: rect(8px, 9999px, 19px, 0);
  }
  62.5% {
    clip: rect(36px, 9999px, 44px, 0);
  }
  66.66666666666666% {
    clip: rect(148px, 9999px, 120px, 0);
  }
  70.83333333333334% {
    clip: rect(128px, 9999px, 45px, 0);
  }
  75% {
    clip: rect(18px, 9999px, 18px, 0);
  }
  79.16666666666666% {
    clip: rect(60px, 9999px, 123px, 0);
  }
  83.33333333333334% {
    clip: rect(143px, 9999px, 131px, 0);
  }
  87.5% {
    clip: rect(145px, 9999px, 7px, 0);
  }
  91.66666666666666% {
    clip: rect(76px, 9999px, 96px, 0);
  }
  95.83333333333334% {
    clip: rect(72px, 9999px, 45px, 0);
  }
  100% {
    clip: rect(35px, 9999px, 94px, 0);
  }
}

@-webkit-keyframes glitch-anim-2 {
  6.666666666666667% {
    clip: rect(139px, 9999px, 35px, 0);
  }
  10% {
    clip: rect(94px, 9999px, 53px, 0);
  }
  13.333333333333334% {
    clip: rect(7px, 9999px, 89px, 0);
  }
  16.666666666666664% {
    clip: rect(86px, 9999px, 78px, 0);
  }
  20% {
    clip: rect(119px, 9999px, 58px, 0);
  }
  23.333333333333332% {
    clip: rect(141px, 9999px, 101px, 0);
  }
  26.666666666666668% {
    clip: rect(87px, 9999px, 70px, 0);
  }
  30% {
    clip: rect(16px, 9999px, 9px, 0);
  }
  33.33333333333333% {
    clip: rect(38px, 9999px, 73px, 0);
  }
  36.666666666666664% {
    clip: rect(135px, 9999px, 26px, 0);
  }
  40% {
    clip: rect(62px, 9999px, 0px, 0);
  }
  43.333333333333336% {
    clip: rect(147px, 9999px, 134px, 0);
  }
  46.666666666666664% {
    clip: rect(127px, 9999px, 52px, 0);
  }
  50% {
    clip: rect(111px, 9999px, 54px, 0);
  }
  53.333333333333336% {
    clip: rect(25px, 9999px, 12px, 0);
  }
  56.666666666666664% {
    clip: rect(18px, 9999px, 35px, 0);
  }
  60% {
    clip: rect(105px, 9999px, 13px, 0);
  }
  63.33333333333333% {
    clip: rect(35px, 9999px, 3px, 0);
  }
  66.66666666666666% {
    clip: rect(60px, 9999px, 137px, 0);
  }
  70% {
    clip: rect(14px, 9999px, 65px, 0);
  }
  73.33333333333333% {
    clip: rect(104px, 9999px, 141px, 0);
  }
  76.66666666666667% {
    clip: rect(54px, 9999px, 15px, 0);
  }
  80% {
    clip: rect(15px, 9999px, 62px, 0);
  }
  83.33333333333334% {
    clip: rect(30px, 9999px, 88px, 0);
  }
  86.66666666666667% {
    clip: rect(10px, 9999px, 131px, 0);
  }
  90% {
    clip: rect(148px, 9999px, 78px, 0);
  }
  93.33333333333333% {
    clip: rect(67px, 9999px, 18px, 0);
  }
  96.66666666666667% {
    clip: rect(116px, 9999px, 115px, 0);
  }
  100% {
    clip: rect(114px, 9999px, 104px, 0);
  }
}

@keyframes glitch-anim-2 {
  6.666666666666667% {
    clip: rect(139px, 9999px, 35px, 0);
  }
  10% {
    clip: rect(94px, 9999px, 53px, 0);
  }
  13.333333333333334% {
    clip: rect(7px, 9999px, 89px, 0);
  }
  16.666666666666664% {
    clip: rect(86px, 9999px, 78px, 0);
  }
  20% {
    clip: rect(119px, 9999px, 58px, 0);
  }
  23.333333333333332% {
    clip: rect(141px, 9999px, 101px, 0);
  }
  26.666666666666668% {
    clip: rect(87px, 9999px, 70px, 0);
  }
  30% {
    clip: rect(16px, 9999px, 9px, 0);
  }
  33.33333333333333% {
    clip: rect(38px, 9999px, 73px, 0);
  }
  36.666666666666664% {
    clip: rect(135px, 9999px, 26px, 0);
  }
  40% {
    clip: rect(62px, 9999px, 0px, 0);
  }
  43.333333333333336% {
    clip: rect(147px, 9999px, 134px, 0);
  }
  46.666666666666664% {
    clip: rect(127px, 9999px, 52px, 0);
  }
  50% {
    clip: rect(111px, 9999px, 54px, 0);
  }
  53.333333333333336% {
    clip: rect(25px, 9999px, 12px, 0);
  }
  56.666666666666664% {
    clip: rect(18px, 9999px, 35px, 0);
  }
  60% {
    clip: rect(105px, 9999px, 13px, 0);
  }
  63.33333333333333% {
    clip: rect(35px, 9999px, 3px, 0);
  }
  66.66666666666666% {
    clip: rect(60px, 9999px, 137px, 0);
  }
  70% {
    clip: rect(14px, 9999px, 65px, 0);
  }
  73.33333333333333% {
    clip: rect(104px, 9999px, 141px, 0);
  }
  76.66666666666667% {
    clip: rect(54px, 9999px, 15px, 0);
  }
  80% {
    clip: rect(15px, 9999px, 62px, 0);
  }
  83.33333333333334% {
    clip: rect(30px, 9999px, 88px, 0);
  }
  86.66666666666667% {
    clip: rect(10px, 9999px, 131px, 0);
  }
  90% {
    clip: rect(148px, 9999px, 78px, 0);
  }
  93.33333333333333% {
    clip: rect(67px, 9999px, 18px, 0);
  }
  96.66666666666667% {
    clip: rect(116px, 9999px, 115px, 0);
  }
  100% {
    clip: rect(114px, 9999px, 104px, 0);
  }
}

@-webkit-keyframes form-open {
  0% {
    -webkit-clip-path: polygon(0 0, 20px 0, 20px 0, 20px 0, 0 20px, 0 20px);
            clip-path: polygon(0 0, 20px 0, 20px 0, 20px 0, 0 20px, 0 20px);
  }
  50% {
    -webkit-clip-path: polygon(0 0, 20px 0, 20px 0, 20px calc(100% - 20px), 0 100%, 0 100%);
            clip-path: polygon(0 0, 20px 0, 20px 0, 20px calc(100% - 20px), 0 100%, 0 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 20px 0, 100% 0, 100% calc(100% - 20px), 100% 100%, 0 100%);
            clip-path: polygon(0 0, 20px 0, 100% 0, 100% calc(100% - 20px), 100% 100%, 0 100%);
  }
}

@keyframes form-open {
  0% {
    -webkit-clip-path: polygon(0 0, 20px 0, 20px 0, 20px 0, 0 20px, 0 20px);
            clip-path: polygon(0 0, 20px 0, 20px 0, 20px 0, 0 20px, 0 20px);
  }
  50% {
    -webkit-clip-path: polygon(0 0, 20px 0, 20px 0, 20px calc(100% - 20px), 0 100%, 0 100%);
            clip-path: polygon(0 0, 20px 0, 20px 0, 20px calc(100% - 20px), 0 100%, 0 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 20px 0, 100% 0, 100% calc(100% - 20px), 100% 100%, 0 100%);
            clip-path: polygon(0 0, 20px 0, 100% 0, 100% calc(100% - 20px), 100% 100%, 0 100%);
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-16px, 0, 0);
            transform: translate3d(-16px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-16px, 0, 0);
            transform: translate3d(-16px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

body {
  overflow-x: hidden;
  overflow-y: auto;
}

body::before {
  content: '';
  width: 100%;
  height: 100vh;
  position: fixed;
  -webkit-filter: brightness(60%);
          filter: brightness(60%);
  background-repeat: no-repeat;
  background-size: cover;
}

body.webinar fieldset {
  border: 2px solid #D477FF;
}

body.webinar fieldset a:hover {
  color: #D477FF;
}

body.webinar .input__element:focus {
  -webkit-box-shadow: inset 0 -2px 0 0 #D477FF;
          box-shadow: inset 0 -2px 0 0 #D477FF;
}

body.webinar .button {
  background: #D477FF;
}

body.webinar .previous.button__icon::before {
  background: #D477FF;
}

body.webinar .previous.button__icon::after {
  border-top: 1px solid #D477FF;
  border-right: 1px solid #D477FF;
}

body.webinar .uploadfile label .upload {
  background-color: #D477FF;
}

body.talkshow fieldset {
  border: 2px solid #FF49FF;
}

body.talkshow fieldset a:hover {
  color: #FF49FF;
}

body.talkshow .input__element:focus {
  -webkit-box-shadow: inset 0 -2px 0 0 #FF49FF;
          box-shadow: inset 0 -2px 0 0 #FF49FF;
}

body.talkshow .button {
  background: #FF49FF;
}

body.talkshow .previous.button__icon::before {
  background: #FF49FF;
}

body.talkshow .previous.button__icon::after {
  border-top: 1px solid #FF49FF;
  border-right: 1px solid #FF49FF;
}

body.talkshow .uploadfile label .upload {
  background-color: #FF49FF;
}

body.festival fieldset {
  border: 2px solid #637CFF;
}

body.festival fieldset a:hover {
  color: #637CFF;
}

body.festival .input__element:focus {
  -webkit-box-shadow: inset 0 -2px 0 0 #637CFF;
          box-shadow: inset 0 -2px 0 0 #637CFF;
}

body.festival .button {
  background: #637CFF;
}

body.festival .previous.button__icon::before {
  background: #637CFF;
}

body.festival .previous.button__icon::after {
  border-top: 1px solid #637CFF;
  border-right: 1px solid #637CFF;
}

body.festival .uploadfile label .upload {
  background-color: #637CFF;
}

.container {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.container form {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

fieldset {
  margin: 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 26px;
  max-width: 425px;
  width: 100%;
  padding: 30px;
  overflow: hidden;
  background-color: #2D2D38E6;
  -webkit-clip-path: polygon(0 0, 20px 0, 20px 0, 20px 0, 0 0, 0 20px);
          clip-path: polygon(0 0, 20px 0, 20px 0, 20px 0, 0 0, 0 20px);
  -webkit-animation: form-open 1s cubic-bezier(0.4, 0, 0.2, 1) forwards 0.5s;
          animation: form-open 1s cubic-bezier(0.4, 0, 0.2, 1) forwards 0.5s;
}

fieldset > * {
  position: relative;
  opacity: 0;
  -webkit-animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

fieldset > *:nth-child(1) > *:nth-child(1n) {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-animation-delay: 1.025s;
          animation-delay: 1.025s;
}

fieldset > *:nth-child(1) > *:nth-child(2n) {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
}

fieldset > *:nth-child(1) > *:nth-child(3n) {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-animation-delay: 1.075s;
          animation-delay: 1.075s;
}

fieldset > *:nth-child(1) > *:nth-child(4n) {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}

fieldset > *:nth-child(1) > *:nth-child(5n) {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-animation-delay: 1.125s;
          animation-delay: 1.125s;
}

fieldset > *:nth-child(1) > *:nth-child(6n) {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
}

fieldset > *:nth-child(1) > *:nth-child(7n) {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-animation-delay: 1.175s;
          animation-delay: 1.175s;
}

fieldset > *:nth-child(1) > *:nth-child(8n) {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

fieldset > *:nth-child(1) > *:nth-child(9n) {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-animation-delay: 1.225s;
          animation-delay: 1.225s;
}

fieldset > *:nth-child(1) > *:nth-child(10n) {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}

fieldset > *:nth-child(1) > *:nth-child(11n) {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-animation-delay: 1.275s;
          animation-delay: 1.275s;
}

fieldset > *:nth-child(1) > *:nth-child(12n) {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}

fieldset > *:nth-child(1) > *:nth-child(13n) {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-animation-delay: 1.325s;
          animation-delay: 1.325s;
}

fieldset > *:nth-child(1) > *:nth-child(14n) {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-animation-delay: 1.35s;
          animation-delay: 1.35s;
}

fieldset > *:nth-child(1) > *:nth-child(15n) {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fade-in 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-animation-delay: 1.375s;
          animation-delay: 1.375s;
}

fieldset > *:nth-child(1n) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

fieldset > *:nth-child(2n) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

fieldset > *:nth-child(3n) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

fieldset > *:nth-child(4n) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

fieldset > *:nth-child(5n) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

fieldset > *:nth-child(6n) {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}

fieldset > *:nth-child(7n) {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}

fieldset > *:nth-child(8n) {
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s;
}

fieldset > *:nth-child(9n) {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}

fieldset > *:nth-child(10n) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

fieldset .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 26px;
  margin-bottom: 1rem;
}

fieldset:not(:first-of-type) {
  display: none;
}

fieldset.special {
  max-width: 850px;
}

fieldset.special p {
  margin: 0;
}

fieldset.special .input p.caption {
  padding: 0;
}

fieldset.special .top {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      grid-template-areas: 'satu dua' 'tiga empat' 'lima lima';
}

fieldset.special .top .satu {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: satu;
}

fieldset.special .top .dua {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: dua;
}

fieldset.special .top .tiga {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: tiga;
}

fieldset.special .top .empat {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: empat;
}

fieldset.special .top .lima {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: lima;
}

.oneline {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2fr;
      grid-template-columns: 1fr 2fr;
  gap: 1rem;
}

.input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}

.input p.caption {
  padding: 12px 8px 8px 8px;
  margin: 0;
  color: #b7b7b7;
}

.input__element, .custom-select {
  margin: 0;
  width: 100%;
  padding: 14px 21px;
  border: none;
  background-color: #110F15;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: -webkit-box-shadow 0.4s ease;
  transition: -webkit-box-shadow 0.4s ease;
  transition: box-shadow 0.4s ease;
  transition: box-shadow 0.4s ease, -webkit-box-shadow 0.4s ease;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}

.input__element:focus, .custom-select:focus {
  outline: none;
}

.input__label {
  font-size: 16px;
  line-height: 18px;
  position: absolute;
  top: 14px;
  left: 21px;
  color: #DAD9D9;
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.input__label_select {
  font-size: 14px;
  line-height: 18px;
  position: absolute;
  top: -20px;
  color: #DAD9D9;
}

.input__element:focus + .input__label,
.input__element:not(:placeholder-shown) + .input__label {
  top: -16px;
  left: 0;
  font-size: 14px;
  -webkit-transform: translate3d(0, -5px, 0);
          transform: translate3d(0, -5px, 0);
}

.input__element:disabled {
  background-color: rgba(83, 86, 91, 0.75);
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(60, 60, 60, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(60, 60, 60, 0.5);
  cursor: not-allowed;
}

.input__element:disabled + label {
  color: #080808 !important;
}

.button {
  border: 0;
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  text-align: left;
  padding: 0 20px;
  cursor: pointer;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
}

.button:focus {
  outline: none;
}

.button:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.button:hover:before, .button:focus:before {
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.button:hover .button__icon,
.button:focus .button__icon {
  -webkit-transform: translate3d(10px, -50%, 0);
          transform: translate3d(10px, -50%, 0);
}

.button:disabled {
  background: rgba(83, 86, 91, 0.75) !important;
  cursor: not-allowed;
}

.button:disabled:before {
  background: unset;
}

.button__label {
  margin: 0;
  position: relative;
  color: #010101;
}

.button__icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  right: 25px;
  width: 24px;
  height: 24px;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.button__icon:before {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 12px;
  background: #110F15;
}

.button__icon:after {
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  height: 8px;
  position: absolute;
  right: 0;
  top: 8px;
  border-top: 1px solid #110F15;
  border-right: 1px solid #110F15;
}

.button__icon.previous::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  right: unset;
  left: 0;
}

#art_prev:after,
#music_prev:after,
#music_prev_fs_2:after {
  border-top: 1px solid #637CFF;
  border-right: 1px solid #637CFF;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  right: unset;
  left: 0;
}

#art_prev::before,
#music_prev::before,
#music_prev_fs_2::before {
  background: #637CFF;
}

.back-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  position: relative;
}

.back-btn .button__icon {
  position: relative;
  top: 0;
  left: 1px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1rem;
}

.uploadfile label {
  padding: 10px 10px 10px 21px;
  width: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: none;
  background-color: #110F15;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}

.uploadfile label span {
  font-size: 14px;
  color: #DAD9D9;
}

.uploadfile label .upload {
  padding: 8px 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #110F15;
}

.uploadfile p {
  margin-bottom: 0;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #637CFF;
  border-radius: 100%;
  background: transparent;
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #637CFF;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/*# sourceMappingURL=registration.css.map */