@charset "UTF-8";
/* Authentication
******************************************************************************* */
.authentication-wrapper {
  --bs-auth-basic-inner-max-width: 460px;
  display: flex;
  flex-basis: 100%;
  inline-size: 100%;
  min-block-size: 100vh;
}
.authentication-wrapper .authentication-inner {
  inline-size: 100%;
}
.authentication-wrapper .app-brand-logo.demo svg {
  block-size: 38px;
  inline-size: 22px;
}
.authentication-wrapper.authentication-basic {
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.authentication-wrapper.authentication-basic .authentication-inner {
  position: relative;
  max-inline-size: var(--bs-auth-basic-inner-max-width);
}
.authentication-wrapper.authentication-basic .authentication-inner::before {
  position: absolute;
  block-size: 148px;
  content: " ";
  inline-size: 148px;
  inset-block-start: -55px;
  inset-inline-end: -50px;
   mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
@media (max-width: 575.98px) {
  .authentication-wrapper.authentication-basic .authentication-inner::before {
    display: none;
  }
}
.authentication-wrapper.authentication-basic .authentication-inner::after {
  position: absolute;
  z-index: -1;
  block-size: 240px;
  content: " ";
  inline-size: 243px;
  inset-block-end: -88px;
  inset-inline-start: -50px;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

@media (max-width: 575.98px) {
    .authentication-wrapper.authentication-basic .authentication-inner::after {
    display: none;
  }
}
.authentication-wrapper.authentication-basic .authentication-inner .card {
  z-index: 1;
}
@media (min-width: 576px) {
  .authentication-wrapper.authentication-basic .authentication-inner .card {
    padding: 1.5rem;
  }
}
.authentication-wrapper.authentication-basic .authentication-inner .card .app-brand {
  margin-block-end: 1.5rem;
}