@font-face {
  font-family: 'Jeko';
  src: url('../fonts/Jeko-Medium.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Jeko-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Jeko-Medium.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Jeko-Medium.woff') format('woff'), /* Modern Browsers */ url('../fonts/Jeko-Medium.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Jeko';
  src: url('../fonts/Jeko-SemiBold.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Jeko-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Jeko-SemiBold.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Jeko-SemiBold.woff') format('woff'), /* Modern Browsers */ url('../fonts/Jeko-SemiBold.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Jeko';
  src: url('../fonts/Jeko-Bold.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Jeko-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Jeko-Bold.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Jeko-Bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/Jeko-Bold.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Jeko';
  src: url('../fonts/Jeko-ExtraBold.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Jeko-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Jeko-ExtraBold.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Jeko-ExtraBold.woff') format('woff'), /* Modern Browsers */ url('../fonts/Jeko-ExtraBold.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 800;
  text-rendering: optimizeLegibility;
}
.frame {
  pointer-events: none;
}
@media (min-width: 576px) {
  .frame::before,
  .frame::after {
    content: "";
    position: fixed;
    top: 0;
    width: 0.75rem;
    height: 100%;
    background: #fff;
  }
  .frame::before {
    left: 0;
  }
  .frame::after {
    right: 0;
  }
  .frame__top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    height: 0.75rem;
  }
  .frame__top::before,
  .frame__top::after {
    content: "";
    position: absolute;
    top: 100%;
    width: 10px;
    height: 10px;
    background: url(../img/frame-corner.png) no-repeat 50% 50% / contain;
  }
  .frame__top::before {
    left: 0.75rem;
  }
  .frame__top::after {
    right: 0.75rem;
    transform: scale(-1, 1);
  }
  .frame__bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    height: 0.75rem;
  }
  .frame__bottom::before,
  .frame__bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    width: 10px;
    height: 10px;
    background: url(../img/frame-corner.png) no-repeat 50% 50% / contain;
  }
  .frame__bottom::before {
    left: 0.75rem;
    transform: scale(1, -1);
  }
  .frame__bottom::after {
    right: 0.75rem;
    transform: scale(-1, -1);
  }
}
.form-login {
  max-width: 420px;
  width: 100%;
}
.form-login__sign-in {
  padding: 15px;
  margin: auto;
  background: none;
}
.form-login__sign-in .checkbox {
  font-weight: 400;
}
.form-login__sign-in .form-floating:focus-within {
  z-index: 2;
}
.form-login__sign-in input[type="email"] {
  margin-bottom: -1px;
}
.form-login__sign-in input[type="password"] {
  margin-bottom: -1px;
}
.form-login__reset {
  padding: 15px;
  margin: auto;
  background: none;
}
.form-login__reset .checkbox {
  font-weight: 400;
}
.form-login__reset .form-floating:focus-within {
  z-index: 2;
}
.form-login__reset input[type="email"] {
  margin-bottom: -1px;
}
.form-login__password {
  padding: 15px;
  margin: auto;
  background: none;
}
.form-login__password .checkbox {
  font-weight: 400;
}
.form-login__password .form-floating:focus-within {
  z-index: 2;
}
.form-login__password input[type="email"] {
  margin-bottom: -1px;
}
.app-signin {
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  height: 100vh;
}
html {
  box-sizing: border-box;
  height: 100%;
}
#app {
  width: 100%;
}
#app .app-signin {
  height: 100%;
}
body {
  background-color: #F1F5F9;
  height: 100%;
}
#app {
  height: 100%;
}