.offcanvas-open .wrapper {
  filter: blur(6px);
}

.offcanvas .nav-tabs .nav-item a {
  border-radius: 0;
}

.app-brand {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
}

.authentication-wrapper {
  --bs-auth-basic-inner-max-width: 460px;
  display: flex;
  flex-basis: 100%;
  inline-size: 100%;
  min-block-size: 100vh;
}
.authentication-wrapper.authentication-basic {
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.authentication-wrapper.authentication-basic .authentication-inner {
  position: relative;
  max-inline-size: 460px;
  min-block-size: auto;
}
.authentication-wrapper.authentication-basic .authentication-inner .card {
  border-radius: 0;
}
.authentication-wrapper.authentication-basic .authentication-inner .card .card-body {
  padding: inherit;
}

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

.authentication-inner {
  inline-size: 100%;
  min-block-size: 100vh;
}
.authentication-inner .background-img {
  background: url("/static/convex/assets/img/background/background.png") no-repeat;
  background-size: contain;
}

.p-6 {
  padding: 1.5rem !important;
}

@media (min-width: 576px) {
  .me-sm-0 {
    margin-inline-end: 0 !important;
  }
  .mt-sm-12 {
    margin-block-start: 3rem !important;
  }
  .p-sm-12 {
    padding: 3rem !important;
  }
  .authentication-wrapper.authentication-basic .authentication-inner .card {
    padding: 1.5rem;
  }
  .px-sm-6 {
    padding-inline-end: 1.5rem !important;
    padding-inline-start: 1.5rem !important;
  }
}
.w-px-400 {
  width: 400px !important;
}

.d-flex {
  display: flex !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.background-xtium::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/static/convex/assets/img/background/bg-img.svg") no-repeat top right;
  background-size: contain;
  mix-blend-mode: soft-light;
  pointer-events: none;
  z-index: 2;
}

.background-xtium {
  position: relative;
  background: linear-gradient(to bottom right, rgb(4, 186, 187), rgb(253, 141, 2));
  z-index: 1;
  overflow: hidden;
  animation: primary-gradient 24s ease infinite;
}

.avatar {
  --bs-avatar-size: 2.375rem;
  --bs-avatar-group-border: var(--bs-paper-bg);
  --bs-avatar-initial-inline: 3px;
  --bs-avatar-initial-bg: #eeedf0;
  position: relative;
  block-size: var(--bs-avatar-size);
  cursor: pointer;
  inline-size: var(--bs-avatar-size);
}

.avatar-lg {
  --bs-avatar-size: 3.5rem;
  --bs-avatar-initial: 1.5rem;
  --bs-avatar-initial-inline: 4px;
}

.avatar .avatar-initial {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bs-avatar-initial-bg);
  color: var(--bs-white);
  font-size: var(--bs-avatar-initial);
  font-weight: 500;
  inset: 0;
  text-transform: uppercase;
}

.gap-4 {
  gap: 1rem !important;
}

.bg-label-primary {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--primary-color)) !important;
  color: var(--primary-color) !important;
}

.note-box {
  display: block;
  background-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--primary-color));
  color: var(--primary-color);
  font-size: 11px;
  padding: 0.7rem 1rem;
  border-radius: 4px;
}

/*# sourceMappingURL=custom-styles.min.css.map */
