/* Generic Input Component Styles for MUI Child Elements - Applied to all input components */
._input_legxn_2 > .MuiInputLabel-root {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primitive-surface-surface) / var(--tw-bg-opacity));
    font-family: var(--typography-font-label);
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(var(--color-primitive-surface-on-surface) / var(--tw-text-opacity))
}
.theme-lexlaw ._input_legxn_2 > .MuiOutlinedInput-root {
    border-radius: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primitive-primary-on-primary) / var(--tw-bg-opacity))
}

/* Error icon styling */
._input_legxn_2 > .MuiInputAdornment-root {
    display: flex;
    align-items: center;
    justify-content: center
}

/* Error icon styling for trailing-adornment SVGs only (leading icons keep their own colors) */
._input_legxn_2 > .MuiInputAdornment-root.MuiInputAdornment-positionEnd svg {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primitive-error-error) / var(--tw-text-opacity));
    border-radius: var(--radius-primitive-full);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primitive-error-error-container) / var(--tw-bg-opacity));
    padding: 0.25rem;
    height: 1.5rem;
    width: 1.5rem
}
/* Hide Edge browser's default password reveal/clear icons */
._inputPassword_1ggle_2 input[type="password"]::-ms-reveal,
._inputPassword_1ggle_2 input[type="password"]::-ms-clear {
  display: none !important;
}

/* Also target the input when it's inside MUI TextField */
._inputPassword_1ggle_2 input[type="password"]::-ms-reveal,
._inputPassword_1ggle_2 input[type="password"]::-ms-clear {
  display: none !important;
}

/* Target MUI's input element directly */
._inputPassword_1ggle_2 .MuiInputBase-input[type="password"]::-ms-reveal,
._inputPassword_1ggle_2 .MuiInputBase-input[type="password"]::-ms-clear {
  display: none !important;
}

._inputPassword_1ggle_2 > .MuiInputBase-input {
  padding-right: var(--spacing-alias-padding-xl);
}

/* Override MUI input padding-right for mobile compatibility */
._inputPassword_1ggle_2 .MuiInputBase-input {
  padding-right: 65px !important;
}

/* Additional mobile-specific override */
@media (max-width: 768px) {
  ._inputPassword_1ggle_2 .MuiInputBase-input {
    padding-right: 50px !important;
  }
}

/* When the visibility toggle is hidden (empty field), use default input padding */
._inputPassword_1ggle_2._inputPasswordNoToggle_1ggle_36 .MuiInputBase-input {
  padding-right: 16px !important;
}

@media (max-width: 768px) {
  ._inputPassword_1ggle_2._inputPasswordNoToggle_1ggle_36 .MuiInputBase-input {
    padding-right: 16px !important;
  }
}
/* Hide Edge browser's default password reveal/clear icons */
._inputSSN_w9pk9_2 input[type="password"]::-ms-reveal,
._inputSSN_w9pk9_2 input[type="password"]::-ms-clear {
  display: none !important;
}

/* Also target the input when it's inside MUI TextField */
._inputSSN_w9pk9_2 input[type="password"]::-ms-reveal,
._inputSSN_w9pk9_2 input[type="password"]::-ms-clear {
  display: none !important;
}

/* Target MUI's input element directly */
._inputSSN_w9pk9_2 .MuiInputBase-input[type="password"]::-ms-reveal,
._inputSSN_w9pk9_2 .MuiInputBase-input[type="password"]::-ms-clear {
  display: none !important;
}

/* Banner Base Styles */
._banner_f2gqv_2 {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation: _slideDown_f2gqv_1 0.3s ease-out;
}

._banner_f2gqv_2 ._MuiAlert-root_f2gqv_7 {
  border-radius: var(--radius-primitive-lg);
  border-left-width: 4px;
}

/* Bottom position animation */
._banner_f2gqv_2[data-position="bottom"] {
  animation: _slideUp_f2gqv_1 0.3s ease-out;
}

/* Responsive adjustments - below sm breakpoint */
@media (max-width: calc(var(--breakpoint-sm) - 1px)) {
  ._banner_f2gqv_2 ._MuiAlert-root_f2gqv_7 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}

/* Keyframes */
@keyframes _slideDown_f2gqv_1 {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes _slideUp_f2gqv_1 {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}