@charset "UTF-8";
.authentication-wrapper {
  display: flex;
  flex-basis: 100%;
  min-height: 100vh;
  width: 100%; 
}
.card {
  border-radius: 1.75rem;
}
.btn-radius {
  border-radius: 1.7rem;
}
.glass-effect {
  background-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  border-radius: 1.75rem;
  overflow: hidden;
}

.bg-blur-5 {
  background-color: rgba(255, 255, 255, 0.431);
  backdrop-filter: blur(5px);
}
.authentication-wrapper .authentication-inner {
  width: 100%;
}
.authentication-wrapper.authentication-basic {
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.authentication-wrapper.authentication-cover {
  align-items: flex-start;
}
.authentication-wrapper.authentication-cover .authentication-inner {
  height: 100vh;
}
.authentication-wrapper.authentication-basic .authentication-inner {
  max-width: 70%;
  position: relative;
}
.authentication-wrapper.authentication-basic .authentication-inner:before {
  width: 148px;
  height: 148px;
  content: " ";
  position: absolute;
  top: -40px;
  right: -40px;
  background-image: url("data:image/svg+xml,%3Csvg width='148' height='148' viewBox='0 0 148 148' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M355 144a2 2 0 1 1 0 4 2 2 0 0 1 0-4m27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m-144-27a2 2 0 1 1 0 4 2 2 0 0 1 0-4m27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4M355 87a2 2 0 1 1 0 4 2 2 0 0 1 0-4m27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4M355 57a2 2 0 1 1 0 4 2 2 0 0 1 0-4m117 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m-60 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m87 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m-117 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m60 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m-87-30a2 2 0 1 1 0 4 2 2 0 0 1 0-4m27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4M355 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m30 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4m27 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4' id='a'/%3E%3C/defs%3E%3Cg transform='translate(-353)' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23696cff' xlink:href='%23a'/%3E%3Cuse fill-opacity='.6' fill='%23FFF' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E");
}
.authentication-wrapper.authentication-basic .authentication-inner:after {
  width: 243px;
  height: 240px;
  content: " ";
  position: absolute;
  bottom: -68px;
  left: -46px;
}
.authentication-wrapper.authentication-basic .authentication-inner .card {
  z-index: 1;
}
.authentication-wrapper.authentication-basic .authentication-inner .card .app-brand {
  margin-bottom: 2.5rem;
}
.authentication-wrapper .auth-input-wrapper .auth-input {
  max-width: 50px;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  font-size: 150%;
}

@media (max-width: 575.98px) {
  .authentication-wrapper .auth-input-wrapper .auth-input {
    font-size: 1.125rem;
  }
}
.light-style .authentication-wrapper .authentication-bg {
  background-color: #fff;
}
.light-style .authentication-wrapper.authentication-basic .authentication-inner:after {
  background-image: url("data:image/svg+xml,%3Csvg width='243' height='240' viewBox='0 0 243 240' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M34.5 182a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m27 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m30 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m32 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m30 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m27 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m-146-28a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m27 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m30 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m32 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m30 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m27 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m-146-30a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m27 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m30 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m32 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m30 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m27 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m-146-30a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m119 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m-62 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m89 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m-119 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m62 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m-89-30a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m27 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m30 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m32 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m30 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m27 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m-146-27a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m27 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m30 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m32 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m30 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m27 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23696cff' opacity='.04' width='215' height='216' rx='10'/%3E%3Cuse fill='%23696cff' xlink:href='%23a'/%3E%3Cuse fill-opacity='.6' fill='%23FFF' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E");
}