.custom-modal__content--auth {
  text-align: left !important;
  max-height: 80vh;
  overflow-y: auto;
  padding: 50px !important;

  @media(max-width: 568px) {
    padding: 20px !important;
    margin: 0 10px;
  }
    
  & .login-title {
    margin-bottom: 50px !important;
  }

  & .custom-modal__content--auth__close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
  }

  
& .auth-modal__wrapper {
  width: 100%;
}

& .auth-modal__tabs {
  display: none;
  gap: 8px;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 16px;
}

& .auth-modal__tab {
  flex: 1;
  padding: 10px 12px;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  font-weight: 600;
  cursor: pointer;
}

& .auth-modal__tab.is-active {
  border-color: #0093ff;
  color: #0093ff;
}

& .auth-modal__pane {
  display: none;
}

& .auth-modal__pane.is-active {
  display: block;
}

& .form-select:not(:has(+ .chosen-container)):not(.chosen-container) {
  min-width: 30px;
}

& .user-pass {
  & .form-type-textfield.js-form-type-textfield {
    margin-bottom: 16px;
}

}

}
/* ======== SCROLLBAR STYLES ======== */

/* Firefox */
.custom-modal__content--auth {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 #f1f5f9; /* thumb / track */
}

/* Chrome / Edge / Safari */
.custom-modal__content--auth::-webkit-scrollbar {
  width: 6px; 
}

.custom-modal__content--auth::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 8px;
}

.custom-modal__content--auth::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 8px;
}

.custom-modal__content--auth::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}