html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
}

@-webkit-keyframes slidein {
  from {
    opacity: 0;
    -webkit-transform: translateY(-2.5rem);
            transform: translateY(-2.5rem);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes slidein {
  from {
    opacity: 0;
    -webkit-transform: translateY(-2.5rem);
            transform: translateY(-2.5rem);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.container {
  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-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f1f2f4;
  background-image: url("data:image/svg+xml,%3Csvg width='1920' height='1080' viewBox='0 0 1920 1080' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cg opacity='0.8'%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='604' y='0' width='1316' height='1080'%3E%3Crect width='1316' height='1080' transform='matrix(-1 0 0 1 1920 0)' fill='url(%23paint0_linear)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Crect width='1505.68' height='1505.68' transform='matrix(-0.92388 -0.382683 -0.382683 0.92388 2571.62 265.501)' fill='%2389CDDD'/%3E%3C/g%3E%3C/g%3E%3Cg opacity='0.4'%3E%3Cmask id='mask1' mask-type='alpha' maskUnits='userSpaceOnUse' x='436' y='0' width='1494' height='1080'%3E%3Crect width='1494' height='1080' transform='matrix(-1 0 0 1 1930 0)' fill='url(%23paint1_linear)'/%3E%3C/mask%3E%3Cg mask='url(%23mask1)'%3E%3Crect width='1820.03' height='1820.03' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 3009.64 1079.64)' fill='%231396AB'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='1190.76' y1='288' x2='493.296' y2='1065.78' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-opacity='0'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='1016.78' y1='310' x2='516.738' y2='1119.89' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-opacity='0'/%3E%3Cstop offset='1' stop-opacity='0.9'/%3E%3C/linearGradient%3E%3CclipPath id='clip0'%3E%3Crect width='1920' height='1080' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  -webkit-animation: fadein .75s;
          animation: fadein .75s;
}

.container .logo {
  position: absolute;
  top: .75rem;
  left: 2rem;
  width: 8rem;
  height: 3rem;
  background-image: url("data:image/svg+xml,%3Csvg width='151' height='37' viewBox='0 0 151 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.6235 12.4809V28.2129H52.1198V21.2777H44.1872V28.2129H41.7056V12.4809H44.1872V19.0617H52.1198V12.4809H54.6235Z' fill='%23626666'/%3E%3Cpath d='M67.9378 26.0193V28.2129H57.1471V12.4809H67.7382V14.6749H59.6287V19.1505H66.6528V21.2112H59.6287V26.0193H67.9378Z' fill='%23626666'/%3E%3Cpath d='M83.5144 28.2131V16.8902L78.8392 25.4658H77.4654L72.7681 16.8902V28.2131H70.2865V12.481H72.9453L78.1523 22.0976L83.3592 12.481H86.0181V28.2131H83.5144Z' fill='%23626666'/%3E%3Cpath d='M91.0234 20.5464H95.1226C95.477 20.5464 95.7987 20.4724 96.0863 20.3248C96.3744 20.1772 96.6216 19.9707 96.8289 19.7047C97.0353 19.4382 97.1977 19.1282 97.3161 18.7737C97.4342 18.4196 97.4934 18.028 97.4934 17.5995C97.4934 17.1562 97.427 16.7573 97.2941 16.4033C97.1609 16.0484 96.9761 15.742 96.74 15.4835C96.5036 15.2251 96.234 15.0258 95.9315 14.8854C95.6282 14.745 95.3146 14.6746 94.9897 14.6746H91.0234V20.5464ZM88.5418 28.213V12.481H95.1446C95.8539 12.481 96.5076 12.629 97.1057 12.9243C97.7038 13.2199 98.2171 13.6076 98.6456 14.0873C99.0741 14.5677 99.4101 15.1142 99.6538 15.7272C99.8978 16.3401 100.019 16.9646 100.019 17.5995C100.019 18.2644 99.905 18.9033 99.6758 19.5162C99.4469 20.1292 99.1253 20.676 98.712 21.1557C98.2983 21.6362 97.7998 22.0203 97.2165 22.3079C96.6328 22.596 95.9867 22.74 95.2778 22.74H91.0234V28.213H88.5418Z' fill='%23626666'/%3E%3Cpath d='M102.124 28.2131V12.503H104.606V20.5909L112.007 12.481H114.754L108.55 19.4383L115.108 28.2131H112.339L107.021 20.9677L104.606 23.471V28.2131H102.124Z' fill='%23626666'/%3E%3Cpath d='M116.526 12.481H119.008V28.213H116.526V12.481Z' fill='%23626666'/%3E%3Cpath d='M124.013 17.1341V28.2129H121.531V12.4808H123.481L132.477 23.8261V12.5032H134.981V28.2129H132.921L124.013 17.1341Z' fill='%23626666'/%3E%3Cpath d='M148.917 26.2631C147.587 27.6369 146.058 28.3239 144.33 28.3239C143.281 28.3239 142.306 28.1058 141.405 27.6705C140.504 27.2349 139.722 26.6475 139.057 25.9086C138.392 25.1705 137.871 24.3131 137.495 23.3382C137.118 22.3636 136.929 21.3442 136.929 20.2808C136.929 19.217 137.118 18.2052 137.495 17.2451C137.871 16.2853 138.392 15.4427 139.057 14.719C139.722 13.9953 140.512 13.4228 141.427 13.0019C142.343 12.581 143.341 12.3702 144.419 12.3702C145.926 12.3702 147.189 12.6846 148.208 13.312C149.227 13.9401 149.995 14.7706 150.512 15.8044L148.607 17.1787C148.178 16.3217 147.587 15.6796 146.834 15.2511C146.081 14.8222 145.253 14.6082 144.352 14.6082C143.613 14.6082 142.941 14.7674 142.336 15.0847C141.73 15.4027 141.213 15.8232 140.785 16.3477C140.357 16.8718 140.028 17.4815 139.799 18.1756C139.57 18.8702 139.456 19.5935 139.456 20.3472C139.456 21.1446 139.585 21.8907 139.843 22.5852C140.102 23.2793 140.456 23.8851 140.907 24.402C141.357 24.9192 141.893 25.3289 142.513 25.6318C143.134 25.9346 143.806 26.0863 144.53 26.0863C145.327 26.0863 146.092 25.9014 146.823 25.5321C147.554 25.1629 148.252 24.5792 148.917 23.7814V22.0975H145.615V20.2584H151V28.213H148.917V26.2631Z' fill='%23626666'/%3E%3Cpath d='M17.7542 36.0038H13.8342V0.724063L17.7542 4.64401V36.0038Z' fill='%23159AB6'/%3E%3Cpath d='M11.6084 28.5838H6.02327L2.94338 26.0639H7.57659L0 18.4873L1.86161 16.6254L11.5944 26.0782L11.6084 28.5838Z' fill='%238ACBD9'/%3E%3Cpath d='M20.05 28.5838H25.6352L28.7151 26.0639H24.0818L31.6587 18.4873L29.7968 16.6254L20.064 26.0782L20.05 28.5838Z' fill='%238ACBD9'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  -webkit-animation: slidein .75s;
          animation: slidein .75s;
}

.container form + div {
  opacity: .375;
  font-size: .75rem;
  margin-bottom: 2rem;
}

.container form > div {
  opacity: 0;
  -webkit-transform: translateY(-2.5rem);
          transform: translateY(-2.5rem);
  position: relative;
  border-top: 1px solid white;
  border-left: 1px solid white;
  -webkit-box-shadow: inset -1px -1px white;
          box-shadow: inset -1px -1px white;
  border-radius: calc(0.5rem * 2);
  padding: 5rem 2rem 2.5rem;
  margin-top: 25vh;
  overflow: hidden;
  -webkit-animation: slidein .75s;
          animation: slidein .75s;
  -webkit-animation-delay: .25s;
          animation-delay: .25s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.container form > div:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(356deg, #f2f3f5 0%, white 100%);
  opacity: .625;
  z-index: 1;
}

.container .form-group {
  position: relative;
  z-index: 2;
  width: 20rem;
  background: #f1f2f4;
  border-radius: 0.5rem;
  font-size: .875rem;
  padding: .25rem 1rem;
  -webkit-transition: .4s all;
  transition: .4s all;
}

.container .form-group.is-focus {
  background: white;
  -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}

.container .form-group + .form-group {
  margin-top: 2rem;
}

.container .form-group label {
  position: absolute;
  top: -1.25rem;
  left: .5rem;
  color: #999;
  font-size: .75rem;
  opacity: 1;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.container .form-group input {
  border: none;
  background: transparent;
  border: none;
  font-size: 1rem;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
}

.container .form-group input:focus {
  outline: none;
}

.container .form-group input::-webkit-input-placeholder {
  color: #ccc;
}

.container .form-group input:-ms-input-placeholder {
  color: #ccc;
}

.container .form-group input::-ms-input-placeholder {
  color: #ccc;
}

.container .form-group input::placeholder {
  color: #ccc;
}

.container .form-group input:placeholder-shown + label {
  font-size: 1rem;
  left: .5rem;
  top: 1rem;
  opacity: 0;
}

.container .form-group input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 9999px #fff inset;
  -webkit-text-fill-color: #1396ab;
}

.container button {
  position: relative;
  z-index: 2;
  width: 100%;
  background: #1396ab;
  color: white;
  cursor: pointer;
  border: none;
  border-radius: 0.5rem;
  font-size: 1rem;
  height: 3.5rem;
  line-height: 3.5rem;
  margin-top: 1.5rem;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.container button:hover, .container button:focus {
  background: #16aac2;
  -webkit-box-shadow: 0 2px 16px rgba(19, 150, 171, 0.375);
          box-shadow: 0 2px 16px rgba(19, 150, 171, 0.375);
  outline: none;
}
/*# sourceMappingURL=login.css.map */