/* =========================================================
   Dzagurov glass authentication modals
   Final isolated override
   ========================================================= */

body .dz-auth-modal {
  --dz-modal-primary: #116cb3;
  --dz-modal-primary-dark: #0b578f;
  --dz-modal-accent: #0eb7c1;
  --dz-modal-text: #203746;
  --dz-modal-muted: #607583;
}


/* Geometry */

body .dz-auth-modal .modal-dialog {
  width: calc(100% - 30px) !important;
  max-width: 540px !important;
  margin: 20px auto !important;
}

body #logoutModal.dz-auth-modal .modal-dialog {
  max-width: 500px !important;
}

body .dz-auth-modal .dz-glass-modal {
  max-height: calc(100vh - 40px);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.74) !important;
  border-radius: 20px !important;

  background:
    radial-gradient(
      circle at 92% 5%,
      rgba(14,183,193,.22),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(250,253,255,.92),
      rgba(222,237,245,.82)
    ) !important;

  -webkit-backdrop-filter: blur(26px) saturate(145%);
  backdrop-filter: blur(26px) saturate(145%);

  box-shadow:
    0 28px 75px rgba(23,48,66,.28),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}


/* Header */

body .dz-auth-modal .dz-glass-modal__header {
  min-height: 68px;
  padding: 12px 17px !important;
  align-items: center;

  border-bottom:
    1px solid rgba(74,108,128,.14) !important;

  background:
    rgba(255,255,255,.38) !important;
}

body .dz-auth-modal .dz-glass-modal__brand {
  display: inline-flex;
  gap: 11px;
  align-items: center;

  color: var(--dz-modal-text) !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none !important;
}

body .dz-auth-modal .dz-glass-modal__logo {
  display: inline-flex;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  align-items: center;
  justify-content: center;

  overflow: hidden;
  border: 1px solid rgba(17,108,179,.12);
  border-radius: 11px;
  background: rgba(255,255,255,.84);
}

body .dz-auth-modal .dz-glass-modal__logo img {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

body .dz-auth-modal .dz-glass-modal__close {
  display: inline-flex;
  width: 38px;
  height: 38px;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(17,108,179,.12);
  border-radius: 10px;
  background: rgba(255,255,255,.62) !important;

  color: #526b7a !important;
  font-size: 27px;
  font-weight: 300;
  line-height: 1;
  opacity: 1 !important;
  text-shadow: none !important;
}

body .dz-auth-modal .dz-glass-modal__close:hover,
body .dz-auth-modal .dz-glass-modal__close:focus {
  background: #fff !important;
  color: var(--dz-modal-primary) !important;
  outline: none;
}


/* Body and AJAX slots */

body .dz-auth-modal .dz-glass-modal__body {
  padding: 0 !important;
  overflow-y: auto;
  background: transparent !important;
}

body .dz-auth-modal .dz-auth-modal-slot,
body .dz-auth-modal .auth-glass--login,
body .dz-auth-modal .auth-glass--logout {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body .dz-auth-modal #auth-modal-inner.auth-glass {
  padding: 27px 28px 29px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--dz-modal-text) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}


/* Heading */

body .dz-auth-modal .dz-glass-auth__head {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 25px !important;
}

body .dz-auth-modal .dz-glass-auth__icon {
  display: inline-flex;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(14,183,193,.2);
  border-radius: 14px;
  background: rgba(14,183,193,.13);

  color: #079ca5;
  font-size: 21px;
}

body .dz-auth-modal .dz-glass-auth__icon--logout {
  border-color: rgba(17,108,179,.18);
  background: rgba(17,108,179,.11);
  color: var(--dz-modal-primary);
}

body .dz-auth-modal .dz-glass-auth__heading {
  min-width: 0;
}

body .dz-auth-modal .dz-glass-auth__eyebrow {
  margin-bottom: 5px;

  color: var(--dz-modal-primary) !important;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .055em;
  text-transform: uppercase;
}

body .dz-auth-modal .dz-glass-auth__heading h2 {
  margin: 0 0 7px !important;

  color: var(--dz-modal-text) !important;
  font-size: 26px !important;
  line-height: 1.16;
  font-weight: 700;
  letter-spacing: -.025em;
}

body .dz-auth-modal .dz-glass-auth__heading p {
  margin: 0 !important;

  color: var(--dz-modal-muted) !important;
  font-size: 14px !important;
  line-height: 1.58;
}


/* Form */

body .dz-auth-modal #auth-modal-inner .form-group {
  margin-bottom: 18px !important;
}

body .dz-auth-modal #auth-modal-inner label {
  display: inline-block !important;
  margin: 0 0 7px !important;

  color: var(--dz-modal-text) !important;
  font-size: 14px !important;
  line-height: 1.35;
  font-weight: 600 !important;
}

body .dz-auth-modal #auth-modal-inner input[type="text"],
body .dz-auth-modal #auth-modal-inner input[type="email"],
body .dz-auth-modal #auth-modal-inner input[type="password"],
body .dz-auth-modal #auth-modal-inner input[type="tel"],
body .dz-auth-modal #auth-modal-inner select {
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;

  padding: 12px 15px !important;

  border:
    1px solid rgba(75,111,132,.26) !important;

  border-radius: 9px !important;

  background:
    rgba(255,255,255,.82) !important;

  color: var(--dz-modal-text) !important;
  font-size: 16px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86) !important;
}

body .dz-auth-modal #auth-modal-inner input::placeholder {
  color: #8495a0 !important;
  opacity: 1;
}

body .dz-auth-modal #auth-modal-inner input:focus,
body .dz-auth-modal #auth-modal-inner select:focus {
  border-color: var(--dz-modal-primary) !important;
  background: rgba(255,255,255,.98) !important;

  outline: none !important;

  box-shadow:
    0 0 0 3px rgba(17,108,179,.13) !important;
}


/* Password eye */

body .dz-auth-modal #auth-modal-inner .has-eye {
  position: relative;
}

body .dz-auth-modal #auth-modal-inner .has-eye .form-control {
  padding-right: 49px !important;
}

body .dz-auth-modal #auth-modal-inner .eye-btn {
  position: absolute;
  top: 50%;
  right: 8px;

  display: inline-flex;
  width: 36px;
  height: 36px;
  padding: 0;

  align-items: center;
  justify-content: center;

  transform: translateY(-50%);

  border: 0;
  border-radius: 8px;
  background: transparent !important;
  color: #6f828e !important;
}

body .dz-auth-modal #auth-modal-inner .eye-btn:hover,
body .dz-auth-modal #auth-modal-inner .eye-btn:focus {
  background: rgba(17,108,179,.08) !important;
  color: var(--dz-modal-primary) !important;
  outline: none;
}

body .dz-auth-modal #auth-modal-inner .eye-btn svg {
  fill: currentColor;
}

body .dz-auth-modal #auth-modal-inner .icon-eye-off {
  display: none;
}

body .dz-auth-modal #auth-modal-inner
.eye-btn[aria-pressed="true"] .icon-eye {
  display: none;
}

body .dz-auth-modal #auth-modal-inner
.eye-btn[aria-pressed="true"] .icon-eye-off {
  display: block;
}


/* Remove allauth duplicate reset link under password */

body .dz-auth-modal #auth-modal-inner
[data-field="password"] .help-text {
  display: none !important;
}


/* Remember me */

body .dz-auth-modal #auth-modal-inner input[type="checkbox"] {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  max-width: 17px !important;
  max-height: 17px !important;

  margin: 1px 8px 0 0 !important;
  padding: 0 !important;
}

body .dz-auth-modal #auth-modal-inner .form-check,
body .dz-auth-modal #auth-modal-inner .checkbox,
body .dz-auth-modal #auth-modal-inner .custom-checkbox {
  display: flex !important;
  gap: 7px;
  align-items: flex-start !important;
  margin: 2px 0 17px !important;
}

body .dz-auth-modal #auth-modal-inner .form-check label,
body .dz-auth-modal #auth-modal-inner .checkbox label,
body .dz-auth-modal #auth-modal-inner .custom-checkbox label {
  margin: 0 !important;

  color: var(--dz-modal-muted) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}


/* Errors */

body .dz-auth-modal #auth-modal-inner .auth-glass-alert {
  margin: 0 0 19px !important;
  padding: 13px 15px !important;

  border-radius: 9px !important;

  font-size: 14px !important;
  line-height: 1.5;
}

body .dz-auth-modal #auth-modal-inner
.auth-glass-alert--danger {
  border:
    1px solid rgba(190,60,75,.21) !important;

  background:
    rgba(255,239,241,.94) !important;

  color: #92303b !important;
}

body .dz-auth-modal #auth-modal-inner .invalid-feedback {
  margin-top: 6px;
  color: #a33541 !important;
  font-size: 13px;
}


/* Links */

body .dz-auth-modal #auth-modal-inner a {
  color: var(--dz-modal-primary) !important;
  text-decoration: none !important;
}

body .dz-auth-modal #auth-modal-inner a:hover {
  color: var(--dz-modal-primary-dark) !important;
  text-decoration: underline !important;
}

body .dz-auth-modal .dz-glass-auth__utility {
  display: flex;
  justify-content: flex-end;
  margin: -3px 0 17px;
}

body .dz-auth-modal .dz-glass-auth__utility a {
  font-size: 13px;
  font-weight: 600;
}


/* Primary button */

body .dz-auth-modal #auth-modal-inner
.auth-glass-submit,
body .dz-auth-modal #auth-modal-inner
.dz-glass-auth__primary {
  display: inline-flex !important;
  width: 100% !important;
  min-height: 50px !important;
  height: auto !important;

  padding: 12px 18px !important;
  align-items: center;
  justify-content: center;

  border: 0 !important;
  border-radius: 9px !important;

  background:
    var(--dz-modal-primary) !important;

  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.35;
  font-weight: 700 !important;

  box-shadow:
    0 10px 24px rgba(17,108,179,.2) !important;
}

body .dz-auth-modal #auth-modal-inner
.auth-glass-submit:hover,
body .dz-auth-modal #auth-modal-inner
.dz-glass-auth__primary:hover {
  background:
    var(--dz-modal-primary-dark) !important;

  color: #fff !important;
  text-decoration: none !important;
}


/* Footer */

body .dz-auth-modal .dz-glass-auth__foot {
  display: flex !important;
  gap: 5px;
  justify-content: center;

  margin-top: 18px;

  color: var(--dz-modal-muted) !important;
  font-size: 14px !important;
}

body .dz-auth-modal .dz-glass-auth__foot a {
  font-weight: 700;
}

body .dz-auth-modal .dz-glass-auth__separator {
  display: flex;
  gap: 12px;
  align-items: center;

  margin: 22px 0 17px;

  color: var(--dz-modal-muted);
  font-size: 12px;
  text-transform: uppercase;
}

body .dz-auth-modal .dz-glass-auth__separator::before,
body .dz-auth-modal .dz-glass-auth__separator::after {
  content: "";
  height: 1px;
  flex: 1 1 auto;
  background: rgba(74,108,128,.18);
}


/* Logout */

body .dz-auth-modal .dz-glass-auth__notice {
  display: flex;
  gap: 11px;

  margin: 0 0 23px;
  padding: 14px 15px;
  align-items: flex-start;

  border:
    1px solid rgba(17,108,179,.14);

  border-radius: 10px;
  background: rgba(255,255,255,.55);

  color: var(--dz-modal-muted);
  font-size: 13px;
  line-height: 1.55;
}

body .dz-auth-modal .dz-glass-auth__notice i {
  margin-top: 3px;
  color: var(--dz-modal-accent);
  font-size: 16px;
}

body .dz-auth-modal .dz-glass-auth__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

body .dz-auth-modal .dz-glass-auth__secondary {
  display: inline-flex !important;
  width: 100%;
  min-height: 50px;
  padding: 12px 18px;

  align-items: center;
  justify-content: center;

  border:
    1px solid rgba(17,108,179,.24) !important;

  border-radius: 9px !important;

  background:
    rgba(255,255,255,.62) !important;

  color: var(--dz-modal-primary) !important;
  font-size: 15px;
  font-weight: 700;

  box-shadow: none !important;
}

body .dz-auth-modal .dz-glass-auth__secondary:hover {
  background: #fff !important;
  color: var(--dz-modal-primary-dark) !important;
}


/* Loading */

body .dz-auth-modal .dz-auth-modal-loading {
  display: flex;
  gap: 10px;
  min-height: 160px;
  align-items: center;
  justify-content: center;

  color: var(--dz-modal-muted);
  font-size: 14px;
}


/* Mobile */

@media (max-width: 575.98px) {
  body .dz-auth-modal .modal-dialog {
    width: calc(100% - 18px) !important;
    margin: 9px auto !important;
  }

  body .dz-auth-modal .dz-glass-modal {
    max-height: calc(100vh - 18px);
    border-radius: 16px !important;
  }

  body .dz-auth-modal .dz-glass-modal__header {
    min-height: 61px;
    padding: 10px 12px !important;
  }

  body .dz-auth-modal .dz-glass-modal__logo {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }

  body .dz-auth-modal .dz-glass-modal__logo img {
    width: 31px;
    height: 31px;
  }

  body .dz-auth-modal #auth-modal-inner.auth-glass {
    padding: 21px 18px 23px !important;
  }

  body .dz-auth-modal .dz-glass-auth__head {
    gap: 12px;
    margin-bottom: 21px !important;
  }

  body .dz-auth-modal .dz-glass-auth__icon {
    width: 45px;
    height: 45px;
    flex-basis: 45px;
    border-radius: 12px;
    font-size: 18px;
  }

  body .dz-auth-modal .dz-glass-auth__heading h2 {
    font-size: 23px !important;
  }

  body .dz-auth-modal #auth-modal-inner input[type="text"],
  body .dz-auth-modal #auth-modal-inner input[type="email"],
  body .dz-auth-modal #auth-modal-inner input[type="password"],
  body .dz-auth-modal #auth-modal-inner input[type="tel"],
  body .dz-auth-modal #auth-modal-inner select {
    height: 49px !important;
    min-height: 49px !important;
  }

  body .dz-auth-modal .dz-glass-auth__actions {
    grid-template-columns: 1fr;
  }

  body .dz-auth-modal .dz-glass-auth__primary {
    order: 1;
  }

  body .dz-auth-modal .dz-glass-auth__secondary {
    order: 2;
  }
}

/* DZ_AUTH_MODAL_DARK_INSET_V3_START */

/*
  Final layer:
  - darker blue-grey glass;
  - body owns the spacing;
  - selectors include #auth-modal-inner to beat legacy auth.css.
*/

body .dz-auth-modal .dz-glass-modal,
body .dz-auth-modal .modal-content.dz-glass-modal {
  border: 1px solid rgba(255, 255, 255, .28) !important;
  border-radius: 20px !important;

  background:
    radial-gradient(
      circle at 95% 0%,
      rgba(14, 183, 193, .26),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(40, 73, 94, .94),
      rgba(55, 84, 101, .88)
    ) !important;

  -webkit-backdrop-filter: blur(26px) saturate(145%) !important;
  backdrop-filter: blur(26px) saturate(145%) !important;

  box-shadow:
    0 30px 80px rgba(12, 29, 41, .38),
    inset 0 1px 0 rgba(255, 255, 255, .22) !important;
}


/* Header */

body .dz-auth-modal .dz-glass-modal__header {
  min-height: 66px !important;
  padding: 12px 18px !important;

  border-bottom: 1px solid rgba(255, 255, 255, .15) !important;

  background:
    linear-gradient(
      90deg,
      rgba(17, 108, 179, .34),
      rgba(14, 183, 193, .22)
    ) !important;
}

body .dz-auth-modal .dz-glass-modal__brand,
body .dz-auth-modal .dz-glass-modal__brand span {
  color: #ffffff !important;
}

body .dz-auth-modal .dz-glass-modal__logo {
  border-color: rgba(255, 255, 255, .24) !important;
  background: rgba(255, 255, 255, .88) !important;
}

body .dz-auth-modal .dz-glass-modal__close {
  border-color: rgba(255, 255, 255, .25) !important;
  background: rgba(255, 255, 255, .14) !important;
  color: #ffffff !important;
}

body .dz-auth-modal .dz-glass-modal__close:hover,
body .dz-auth-modal .dz-glass-modal__close:focus {
  background: rgba(255, 255, 255, .25) !important;
  color: #ffffff !important;
}


/*
  Отступ задаём контейнеру Bootstrap.
  Поэтому он сохраняется независимо от того,
  как AJAX вставляет #auth-modal-inner.
*/

body .dz-auth-modal .dz-glass-modal__body,
body .dz-auth-modal .modal-body.dz-glass-modal__body {
  max-height: calc(100vh - 110px);
  padding: 28px 30px 30px !important;
  overflow-y: auto;

  background: transparent !important;
}


/* AJAX content no longer owns outer spacing */

body .dz-auth-modal #auth-modal-inner,
body .dz-auth-modal #auth-modal-inner.auth-glass,
body .dz-auth-modal #auth-modal-inner.dz-modal-auth {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  color: #ffffff !important;

  box-shadow: none !important;

  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}


/* Heading */

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-auth__head {
  margin: 0 0 23px !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-auth__head h2 {
  margin: 0 0 8px !important;

  color: #ffffff !important;
  font-size: 27px !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-auth__head p {
  margin: 0 !important;

  color: rgba(255, 255, 255, .74) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}


/* Fields */

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-field {
  margin-bottom: 18px !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-field > label {
  display: block !important;
  margin: 0 0 8px !important;

  color: rgba(255, 255, 255, .92) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-field input[type="text"],
body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-field input[type="email"],
body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-field input[type="password"] {
  display: block !important;
  width: 100% !important;

  height: 51px !important;
  min-height: 51px !important;

  padding: 11px 15px !important;

  border: 1px solid rgba(255, 255, 255, .44) !important;
  border-radius: 9px !important;

  background: rgba(255, 255, 255, .94) !important;
  color: #203746 !important;

  font-size: 16px !important;
  line-height: 1.4 !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .96),
    0 7px 18px rgba(13, 34, 47, .08) !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-field input::placeholder {
  color: #82939d !important;
  opacity: 1 !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-field input:focus {
  border-color: #55d1da !important;
  background: #ffffff !important;

  outline: none !important;

  box-shadow:
    0 0 0 3px rgba(14, 183, 193, .22),
    0 8px 20px rgba(13, 34, 47, .12) !important;
}


/* Password eye */

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-password {
  position: relative !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-password input {
  padding-right: 49px !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-eye {
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;

  display: inline-flex !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;

  align-items: center !important;
  justify-content: center !important;

  transform: translateY(-50%) !important;

  border: 0 !important;
  border-radius: 8px !important;

  background: transparent !important;
  color: #687d89 !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-eye:hover,
body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-eye:focus {
  background: rgba(17, 108, 179, .09) !important;
  color: #116cb3 !important;
}


/* Remember and reset */

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-auth__options {
  display: flex !important;
  gap: 16px !important;

  align-items: center !important;
  justify-content: space-between !important;

  margin: 3px 0 20px !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-remember {
  display: inline-flex !important;
  gap: 8px !important;
  align-items: center !important;

  margin: 0 !important;

  color: rgba(255, 255, 255, .82) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-remember input[type="checkbox"] {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;

  margin: 0 !important;
  padding: 0 !important;

  accent-color: #0eb7c1;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-auth__options a {
  color: #79e0e7 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-auth__options a:hover {
  color: #ffffff !important;
}


/* Primary action */

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-submit {
  display: inline-flex !important;
  width: 100% !important;

  min-height: 50px !important;
  padding: 12px 18px !important;

  align-items: center !important;
  justify-content: center !important;

  border: 0 !important;
  border-radius: 9px !important;

  background: #116cb3 !important;
  color: #ffffff !important;

  font-size: 15px !important;
  font-weight: 700 !important;

  box-shadow:
    0 11px 25px rgba(5, 31, 50, .24) !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-submit:hover,
body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-submit:focus {
  background: #0d5c98 !important;
  color: #ffffff !important;
}


/* Registration footer */

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-auth__foot {
  display: flex !important;
  gap: 5px !important;
  justify-content: center !important;

  margin-top: 19px !important;

  color: rgba(255, 255, 255, .7) !important;
  font-size: 14px !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-auth__foot a {
  color: #79e0e7 !important;
  font-weight: 700 !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-auth__foot a:hover {
  color: #ffffff !important;
}


/* Social separator */

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-auth__separator {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;

  margin: 22px 0 15px !important;

  color: rgba(255, 255, 255, .54) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-auth__separator::before,
body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-auth__separator::after {
  content: "" !important;

  height: 1px !important;
  flex: 1 1 auto !important;

  background: rgba(255, 255, 255, .18) !important;
}


/* Errors */

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-auth__alert {
  margin-bottom: 19px !important;
  padding: 13px 15px !important;

  border: 1px solid rgba(255, 185, 194, .34) !important;
  border-radius: 9px !important;

  background: rgba(108, 31, 42, .56) !important;
  color: #ffffff !important;

  font-size: 13px !important;
  line-height: 1.5 !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-field__error {
  margin-top: 6px !important;

  color: #ffd5da !important;
  font-size: 13px !important;
}


/* Logout */

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-auth__logout-icon {
  background: rgba(14, 183, 193, .18) !important;
  color: #78e0e6 !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-cancel {
  border: 1px solid rgba(255, 255, 255, .29) !important;
  background: rgba(255, 255, 255, .12) !important;
  color: #ffffff !important;
}

body .dz-auth-modal #auth-modal-inner.dz-modal-auth
.dz-modal-cancel:hover {
  background: rgba(255, 255, 255, .22) !important;
  color: #ffffff !important;
}


/* Mobile */

@media (max-width: 575.98px) {
  body .dz-auth-modal .modal-dialog {
    width: calc(100% - 18px) !important;
    margin: 9px auto !important;
  }

  body .dz-auth-modal .dz-glass-modal__body,
  body .dz-auth-modal .modal-body.dz-glass-modal__body {
    padding: 22px 19px 24px !important;
  }

  body .dz-auth-modal #auth-modal-inner.dz-modal-auth
  .dz-modal-auth__head h2 {
    font-size: 23px !important;
  }

  body .dz-auth-modal #auth-modal-inner.dz-modal-auth
  .dz-modal-auth__options {
    align-items: flex-start !important;
  }
}

/* DZ_AUTH_MODAL_DARK_INSET_V3_END */


/* DZ_AUTH_MODAL_LAYOUT_V4_START
   Compact, readable login/logout modal.
   Simple selectors intentionally override legacy auth.css.
*/

body #loginModal .modal-dialog {
  max-width: 480px !important;
}

body #logoutModal .modal-dialog {
  max-width: 440px !important;
}

body #loginModal .dz-glass-modal,
body #logoutModal .dz-glass-modal {
  border: 1px solid rgba(255, 255, 255, .25) !important;
  border-radius: 20px !important;

  background:
    radial-gradient(
      circle at 100% 0,
      rgba(14, 183, 193, .24),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      rgba(31, 70, 92, .96),
      rgba(55, 87, 104, .93)
    ) !important;

  box-shadow:
    0 28px 70px rgba(13, 28, 39, .38),
    inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}


/* Header */

body #loginModal .dz-glass-modal__header,
body #logoutModal .dz-glass-modal__header {
  min-height: 64px !important;
  padding: 11px 16px !important;

  border-bottom: 1px solid rgba(255, 255, 255, .14) !important;

  background:
    linear-gradient(
      90deg,
      rgba(17, 108, 179, .34),
      rgba(14, 183, 193, .20)
    ) !important;
}

body #loginModal .dz-glass-modal__brand,
body #logoutModal .dz-glass-modal__brand {
  gap: 10px !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

body #loginModal .dz-glass-modal__logo,
body #logoutModal .dz-glass-modal__logo {
  width: 40px !important;
  height: 40px !important;
  flex-basis: 40px !important;

  border-color: rgba(255, 255, 255, .24) !important;
  background: rgba(255, 255, 255, .94) !important;
}

body #loginModal .dz-glass-modal__logo img,
body #logoutModal .dz-glass-modal__logo img {
  width: 32px !important;
  height: 32px !important;
}

body #loginModal .dz-glass-modal__close,
body #logoutModal .dz-glass-modal__close {
  width: 36px !important;
  height: 36px !important;

  border-color: rgba(255, 255, 255, .25) !important;
  background: rgba(255, 255, 255, .12) !important;
  color: #fff !important;
}


/* Stable inner spacing */

body #loginModal .dz-glass-modal__body,
body #logoutModal .dz-glass-modal__body {
  padding: 27px 30px 30px !important;
  overflow-y: auto !important;
}

body #loginModal #auth-modal-inner,
body #logoutModal #auth-modal-inner {
  display: block !important;
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}


/* Heading */

body #loginModal .dz-modal-auth__head,
body #logoutModal .dz-modal-auth__head {
  display: block !important;
  width: 100% !important;
  margin: 0 0 23px !important;
}

body #loginModal .dz-modal-auth__head h2,
body #logoutModal .dz-modal-auth__head h2 {
  margin: 0 0 8px !important;

  color: #fff !important;
  font-size: 27px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

body #loginModal .dz-modal-auth__head p,
body #logoutModal .dz-modal-auth__head p {
  margin: 0 !important;

  color: rgba(255, 255, 255, .72) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}


/* Every field occupies a full row */

body #loginModal .dz-modal-field {
  display: block !important;
  width: 100% !important;
  margin: 0 0 18px !important;
}

body #loginModal .dz-modal-field > label {
  display: block !important;
  width: 100% !important;

  margin: 0 0 8px !important;

  color: rgba(255, 255, 255, .9) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

body #loginModal .dz-modal-field input[type="text"],
body #loginModal .dz-modal-field input[type="email"],
body #loginModal .dz-modal-field input[type="password"] {
  display: block !important;
  box-sizing: border-box !important;

  width: 100% !important;
  max-width: none !important;

  height: 51px !important;
  min-height: 51px !important;

  margin: 0 !important;
  padding: 11px 15px !important;

  border: 1px solid rgba(255, 255, 255, .38) !important;
  border-radius: 9px !important;

  background: rgba(255, 255, 255, .94) !important;
  color: #203746 !important;

  font-size: 16px !important;
  line-height: 1.4 !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .95),
    0 7px 17px rgba(12, 31, 43, .10) !important;
}

body #loginModal .dz-modal-field input:focus {
  border-color: #4fd0d9 !important;
  background: #fff !important;

  outline: none !important;

  box-shadow:
    0 0 0 3px rgba(14, 183, 193, .20),
    0 7px 18px rgba(12, 31, 43, .12) !important;
}


/* Password wrapper and single visible eye */

body #loginModal .dz-modal-password {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

body #loginModal .dz-modal-password input {
  width: 100% !important;
  padding-right: 50px !important;
}

body #loginModal .dz-modal-eye {
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;

  display: inline-flex !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;

  align-items: center !important;
  justify-content: center !important;

  transform: translateY(-50%) !important;

  border: 0 !important;
  border-radius: 8px !important;

  background: transparent !important;
  color: #687d89 !important;
}

body #loginModal .dz-modal-eye svg {
  display: block;
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
}

body #loginModal .dz-modal-eye .icon-eye-off {
  display: none !important;
}

body #loginModal
.dz-modal-eye[aria-pressed="true"] .icon-eye {
  display: none !important;
}

body #loginModal
.dz-modal-eye[aria-pressed="true"] .icon-eye-off {
  display: block !important;
}


/* Remember and password reset */

body #loginModal .dz-modal-auth__options {
  display: flex !important;
  width: 100% !important;

  gap: 14px !important;
  align-items: center !important;
  justify-content: space-between !important;

  margin: 2px 0 20px !important;
}

body #loginModal .dz-modal-remember {
  display: inline-flex !important;
  gap: 8px !important;
  align-items: center !important;

  margin: 0 !important;

  color: rgba(255, 255, 255, .78) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body #loginModal .dz-modal-remember input[type="checkbox"] {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;

  margin: 0 !important;
  padding: 0 !important;

  accent-color: #0eb7c1;
}

body #loginModal .dz-modal-auth__options a {
  color: #72dde5 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap;
}


/* Primary button */

body #loginModal .dz-modal-submit,
body #logoutModal .dz-modal-submit {
  display: flex !important;
  box-sizing: border-box !important;

  width: 100% !important;
  max-width: none !important;

  min-height: 50px !important;
  margin: 0 !important;
  padding: 12px 18px !important;

  align-items: center !important;
  justify-content: center !important;

  border: 0 !important;
  border-radius: 9px !important;

  background: #1175b9 !important;
  color: #fff !important;

  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;

  box-shadow:
    0 11px 24px rgba(5, 28, 46, .26) !important;
}

body #loginModal .dz-modal-submit:hover,
body #logoutModal .dz-modal-submit:hover {
  background: #0d609b !important;
  color: #fff !important;
}


/* Registration link */

body #loginModal .dz-modal-auth__foot {
  display: flex !important;
  width: 100% !important;

  gap: 5px !important;
  justify-content: center !important;

  margin: 19px 0 0 !important;

  color: rgba(255, 255, 255, .68) !important;
  font-size: 14px !important;
}

body #loginModal .dz-modal-auth__foot a {
  color: #72dde5 !important;
  font-weight: 700 !important;
}


/* No empty social area */

body #loginModal .dz-modal-auth__separator,
body #loginModal .dz-modal-auth__social {
  display: none !important;
}


/* Logout buttons */

body #logoutModal .dz-modal-auth__logout-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 11px !important;
}

body #logoutModal .dz-modal-cancel {
  display: flex !important;
  width: 100% !important;
  min-height: 50px !important;

  align-items: center !important;
  justify-content: center !important;

  border: 1px solid rgba(255, 255, 255, .27) !important;
  border-radius: 9px !important;

  background: rgba(255, 255, 255, .11) !important;
  color: #fff !important;

  font-size: 15px !important;
  font-weight: 700 !important;
}


@media (max-width: 575.98px) {
  body #loginModal .modal-dialog,
  body #logoutModal .modal-dialog {
    width: calc(100% - 18px) !important;
    margin: 9px auto !important;
  }

  body #loginModal .dz-glass-modal__body,
  body #logoutModal .dz-glass-modal__body {
    padding: 23px 20px 25px !important;
  }

  body #loginModal .dz-modal-auth__head h2,
  body #logoutModal .dz-modal-auth__head h2 {
    font-size: 23px !important;
  }

  body #loginModal .dz-modal-auth__options {
    align-items: flex-start !important;
  }

  body #logoutModal .dz-modal-auth__logout-actions {
    grid-template-columns: 1fr !important;
  }
}

/* DZ_AUTH_MODAL_LAYOUT_V4_END */