@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";

/* ../../../../../tmp/tmp-714936-P4X966dyHcV0/cs_core/cs_core/public/css/cs_web.bundle.css */
body {
  background: #EAE6F8 !important;
  color: #2A2845;
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
  -webkit-font-smoothing: antialiased;
}
.main-section .container,
main .container,
.page_content .container,
body[data-path] .container {
  max-width: 100% !important;
}
.for-login .page-card-head {
  font-weight: 700;
  color: #3F3D6B;
}
.for-login .page-card {
  border: none;
  box-shadow: 0 8px 32px rgba(94, 84, 240, .12);
  border-radius: 16px;
  background: #fff;
}
.for-login,
.for-login .page-content-wrapper,
.for-forgot,
.for-forgot .page-content-wrapper {
  background: transparent;
}
body:has(section.for-login) nav.navbar {
  display: none !important;
}
.for-login img.app-logo {
  content: var(--cs-logo-light);
  max-height: 44px;
  margin-bottom: 8px;
}
body:has(section.for-login) footer.web-footer {
  display: none !important;
}
html:has(section.for-login),
html:has(section.for-forgot),
body:has(section.for-login),
body:has(section.for-forgot) {
  background: #EAE6F8 !important;
  min-height: 100%;
}
body:has(section.for-login) main.container,
body:has(section.for-forgot) main.container {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body:has(section.for-login) section.for-login,
body:has(section.for-forgot) section.for-forgot {
  width: 100%;
  flex: 0 0 auto;
}
.cs-login-error {
  margin: 0 0 14px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #FEF2F2;
  border: 1px solid #FECACA;
  color: #991B1B;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.45;
}
.cs-login-error[hidden] {
  display: none !important;
}
.for-forgot .page-card-head {
  font-weight: 700;
  color: #3F3D6B;
}
.for-forgot .page-card {
  border: none;
  box-shadow: 0 8px 32px rgba(94, 84, 240, .12);
  border-radius: 16px;
  background: #fff;
}
body:has(section.for-forgot) nav.navbar {
  display: none !important;
}
.for-forgot img.app-logo {
  content: var(--cs-logo-light);
  max-height: 44px;
  margin-bottom: 8px;
}
body:has(section.for-forgot) footer.web-footer {
  display: none !important;
}
.for-reset-password .password-field {
  position: relative;
}
.for-reset-password .password-field input.form-control {
  padding-right: 52px;
}
.for-reset-password .password-field .toggle-password {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
html[data-theme=dark] body {
  background: #14121C !important;
  color: #E6E3F2;
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme]):not([data-theme="light"]) body {
    background: #14121C !important;
    color: #E6E3F2;
  }
}
html[data-theme=dark]:has(section.for-login),
html[data-theme=dark]:has(section.for-forgot),
html[data-theme=dark] body:has(section.for-login),
html[data-theme=dark] body:has(section.for-forgot) {
  background: #14121C !important;
  color: #E6E3F2;
}
html[data-theme=dark] .for-login .page-card,
html[data-theme=dark] .for-forgot .page-card {
  background: #1E1C2E;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .45);
}
html[data-theme=dark] .for-login .page-card-head,
html[data-theme=dark] .for-forgot .page-card-head {
  color: #C7C2F0;
}
html[data-theme=dark] .for-login img.app-logo,
html[data-theme=dark] .for-forgot img.app-logo {
  content: var(--cs-logo-dark);
}
html[data-theme=dark] .page-card .form-control,
html[data-theme=dark] .page-card input,
html[data-theme=dark] .page-card select {
  background: #14121C;
  border-color: #3A3654;
  color: #E6E3F2;
}
html[data-theme=dark] .page-card .form-control::-moz-placeholder {
  color: #8B86A8;
}
html[data-theme=dark] .page-card .form-control::placeholder {
  color: #8B86A8;
}
html[data-theme=dark] .page-card .form-control:focus {
  border-color: #8B84FF;
  box-shadow: 0 0 0 2px rgba(139, 132, 255, .22);
}
html[data-theme=dark] .page-card label,
html[data-theme=dark] .page-card .text-muted {
  color: #A7A2C4 !important;
}
html[data-theme=dark] .page-card a {
  color: #A79FFF;
}
html[data-theme=dark] .page-card .btn-default,
html[data-theme=dark] .page-card .btn-login-option {
  background: #14121C;
  border-color: #3A3654;
  color: #E6E3F2;
}
html[data-theme=dark] .cs-login-error {
  background: rgba(225, 29, 72, .14);
  border-color: rgba(225, 29, 72, .40);
  color: #FF8095;
}
html:not([data-theme="dark"]) .page-card .text-muted,
html:not([data-theme="dark"]) .page-card .forgot-password-message a,
html:not([data-theme="dark"]) .page-card .login-divider {
  color: #616161 !important;
}
/*# sourceMappingURL=cs_web.bundle.M6TUVHAF.css.map */