@charset "UTF-8";

.divbeauty-wrapper {
  display: flex;
  flex-basis: 100%;
  min-height: 100vh;
  width: 100%;
}

  .divbeauty-wrapper .divbeauty-inner {
    width: 100%;
  }

  .divbeauty-wrapper .app-brand-logo.demo svg {
    width: 20px;
    height: 30px;
  }

  .divbeauty-wrapper.divbeauty-basic {
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .divbeauty-wrapper.divbeauty-cover {
    align-items: flex-start;
  }

    .divbeauty-wrapper.divbeauty-cover .divbeauty-inner {
      height: 100vh;
    }

  .divbeauty-wrapper.divbeauty-basic .divbeauty-inner {
    max-width: 460px;
    position: relative;
  }

    .divbeauty-wrapper.divbeauty-basic .divbeauty-inner .card {
      padding: 1.5rem;
    }

    .divbeauty-wrapper.divbeauty-basic .divbeauty-inner:before {
      width: 148px;
      height: 148px;
      content: " ";
      position: absolute;
      top: -55px;
      right: -50px;
      background-image: url("data:image/svg+xml,%3Csvg width='148px' height='148px' viewBox='0 0 148 148' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M355,144 ... %3C/svg%3E");
    }

    .divbeauty-wrapper.divbeauty-basic .divbeauty-inner:after {
      width: 243px;
      height: 240px;
      content: " ";
      position: absolute;
      bottom: -88px;
      left: -50px;
      background-image: url("data:image/svg+xml,%3Csvg width='243px' height='240px' viewBox='0 0 243 240' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M34.5,182 ... %3C/svg%3E");
    }

    .divbeauty-wrapper.divbeauty-basic .divbeauty-inner .card {
      z-index: 1;
    }

      .divbeauty-wrapper.divbeauty-basic .divbeauty-inner .card .app-brand {
        margin-bottom: 1.5rem;
      }

  .divbeauty-wrapper .auth-input-wrapper .auth-input {
    max-width: 50px;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    font-size: 150%;
  }

  /* Responsive width adjustments */
  .divbeauty-wrapper .md-6,
  .divbeauty-wrapper .xl-8,
  .divbeauty-wrapper .xs-12 {
    width: 100%;
    max-width: none; /* Customize max-width if needed */
  }

@media (max-width: 575.98px) {
  .divbeauty-wrapper .auth-input-wrapper .auth-input {
    font-size: 1.125rem;
  }
}

.light-style .divbeauty-wrapper .divbeauty-bg {
  background-color: #fff;
}

.light-style .divbeauty-wrapper.divbeauty-basic .divbeauty-inner:after {
  background-image: url("data:image/svg+xml,%3Csvg width='243px' height='240px' viewBox='0 0 243 240' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M34.5,182 ... %3C/svg%3E");
}