.name-accordion .cds--list-box__menu {
    padding-left: 0 !important;
}

.name-accordion .cds--list-box__menu .cds--list-box__menu-item {
    list-style:none !important;
    padding-left: 0 !important;
}

.name-accordion .cds--accordion__item.edit-persona-popup-accordion-item {
    border-block-start: 0px !important;
    border-block-end: 1px solid var(--cds-border-subtle);
    border-width: 0 0 1px 0 !important;
    padding-bottom: 10px !important;
    margin-bottom: 30px !important;
}

.cds--accordion__item.edit-persona-popup-accordion-item.cds--accordion__item:last-child {
    border-block-start: 0px !important;
    border-block-end: 1px solid var(--cds-border-subtle);
    border-width: 0 0 1px 0 !important;
    padding-bottom: 10px !important;
}

.react-carbon-modal .cds--accordion__title {
  z-index: 1;
  inline-size: 100%;
  padding-inline-start: 1rem;
  text-align: start;
  font-weight: bold;
}

.subtitle {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #525252;
    line-height: 16px;
    letter-spacing: 0.32px;
}

.incomplete-persona-popup {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.incomplete-persona-popup .cds--btn:not(.cds--modal-close) {
    width: 239.5px !important;
    height: 64px !important;
    opacity: 1;
    padding: 3px;
}

.incomplete-persona-popup-title .react-carbon-modal .cds--modal-header__heading {
    font-family: Alliance No.1;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0px;
}

.incomplete-persona-popup-field {
    width: 448;
    height: 18;
    gap: 24px;
    opacity: 1;
    display: flex;
    flex-direction: column;
}

.incomplete-persona-popup-value {
    font-family: Alliance No.1;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.16px;
}

.cds--list-box__menu-item:hover {
    background-color: #E5E5E5 !important;
}

.toastnotification-center-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.toastnotification-center-wrapper .cds--toast-notification {
  border-left-width: 3px !important;
  border-left-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #da1e28;
}

.toastnotification-center-wrapper .cds--toast-notification .cds--toast-notification__title {
    font-family: 'Alliance No1', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.16px;
    width: 168;
    opacity: 1;
    gap: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.toastnotification-center-wrapper .cds--toast-notification .cds--toast-notification__subtitle {
    font-family: 'Alliance No1', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.16px;
    width: 168;
    opacity: 1;
    gap: 2px;  
    padding-top: 0px;
    padding-bottom: 0px;
}

/*
=======================================================
Modal Container
(EditPersonaPopup.tsx | IncompletePersonaPopup.tsx)
=======================================================
*/

.persona-popup .cds--modal-container {
  border: 1px solid #fff;
}

/*
=======================================================
Modal Header
(EditPersonaPopup.tsx | IncompletePersonaPopup.tsx)
=======================================================
*/

.persona-popup .react-carbon-modal .cds--modal-header {
  padding-top: 16px;
  min-height: 3.75rem;
  margin-bottom: 0;
}

/*
=======================================================
Modal Container 
(EditPersonaPopup.tsx | IncompletePersonaPopup.tsx)
=======================================================
*/

.persona-popup .react-carbon-modal .cds--modal-container {
  position: static;
}

/*
===============================
Modal Container 
(IncompletePersonaPopup.tsx)
===============================
*/

/* SMALL */
@media (min-width: 320px) and (max-width: 566px) {
  .incomplete-persona-popup .react-carbon-modal .cds--modal-container {
    width: 320px !important;
  }
}

/* MIDDLE */
@media (min-width: 567px) and (max-width: 671px) {
  .incomplete-persona-popup .react-carbon-modal .cds--modal-container {
    width: 480px !important;
  }
}

/* MEDIUM | SMALL SCREE | LARGE SCREEN | LARGE | X-LARGE | MAX | MAX PLUS */
@media (min-width: 672px) {
  .incomplete-persona-popup .react-carbon-modal .cds--modal-container {
    width: 640px !important;
  }
}

/*
==========================
Modal Container 
(EditPersonaPopup.tsx)
==========================
*/

/* SMALL | MIDDLE */
@media (min-width: 320px) and (max-width: 671px) {
  .edit-persona-popup .react-carbon-modal .cds--modal-container {
    width: 100vw !important;
    height: 100vh !important;
    max-height: 914px;
  }
}
 
/* MEDIUM | SMALL SCREEN */
@media (min-width: 672px) and (max-width: 935px) {
  .edit-persona-popup .react-carbon-modal .cds--modal-container {
    width: 640px !important;
    height: auto !important;
    max-height: 100vh;
  }
}
 
/* LARGE SCREEN */
@media (min-width: 936px) and (max-width: 1055px) {
  .edit-persona-popup .react-carbon-modal .cds--modal-container {
    width: 760px !important;
    height: auto !important;
    max-height: 800px ;
  }
}
 
/* LARGE | X-LARGE | MAX */
@media (min-width: 1056px) and (max-width: 1783px) {
  .edit-persona-popup .react-carbon-modal .cds--modal-container {
    width: 843px !important;
    height: auto !important;
    max-height: 800px;
  }
}

/* MAX PLUS */
@media (min-width: 1784px) {
  .edit-persona-popup .react-carbon-modal .cds--modal-container {
    width: 960px !important;
    height: auto !important;
    max-height: 800px;
  }
}

/*
=======================================================
Text Styling
(IncompletePersonaPopup.tsx)
=======================================================
*/

.incomplete-persona-label {
  color: var(--text-secondary, #525252);
}

.incomplete-persona-not-entered {
  color: var(--text-secondary);
}

.incomplete-persona-value {
  color: var(--text-primary, #161616);
  font-weight: 700;
}

.react-carbon-modal .cds--label {
  color: var(--cds-text-secondary, #525252);
}

.react-carbon-modal .cds--list-box__menu-item {
  color: var(--cds-text-secondary, #525252);
}

.react-carbon-modal .cds--modal-content {
  color: var(--cds-text-primary, #20201F);
}

.incomplete-profile-popup-field p {
  color: var(--cds-text-secondary, #525252);
}

.incomplete-persona-popup-subtitle {
  font-family: var(--allianceno1-regular);
  font-weight: var(--regular-font-weight);
  font-size: var(--heading2-font-size);
  font-style: var(--heading2-font-style);
  line-height: var(--heading2-line-height);
  letter-spacing: var(--heading2-letter-spacing);
}

.incomplete-persona-text {
  font-family: var(--allianceno1-semibold);
  font-weight: var(--allianceno1-semibold);
}

/*
=======================================================
Text Styling
(EditPersonaPopup.tsx)
=======================================================
*/

.edit-persona-popup .react-carbon-modal .cds--modal-content {
  color: var(--cds-text-primary, #161616);
}

.edit-persona-popup .react-carbon-modal .cds--text-input {
  color: var(--cds-text-primary, #161616);
}

.edit-persona-popup .react-carbon-modal .cds--text-input::placeholder {
  color: var(--cds-text-placeholder, #6F6F6F);
}

.edit-persona-popup .react-carbon-modal .cds--modal-header__heading {
  font-style: var(--h1-font-style); 
  font-weight: var(--h1-font-weight) !important;
  letter-spacing: var(--h1-letter-spacing);
}

.edit-persona-popup .react-carbon-modal .cds--accordion__heading .title{
  font-family: var(--allianceno1-semibold);
  font-weight: var(--semibold-font-weight); 
  font-size: var(--heading2-font-size);
  font-style: var(--heading2-font-style);
  line-height: var(--heading2-line-height);
  letter-spacing: var(--heading2-letter-spacing);
}

/* SMALL */
@media (min-width: 320px) and (max-width: 671px) {
  .edit-persona-popup .react-carbon-modal .cds--modal-header__heading {
    font-size: var(--h1-font-size); 
    line-height: var(--h1-line-height);
  }
}

/* MEDIUM | LARGE-SCREEN | LARGE BREAKPOINTS */
@media (min-width: 672px) and (max-width: 1311px) {
  .edit-persona-popup .react-carbon-modal .cds--modal-header__heading {
    font-size: var(--h1-med-font-size);
    line-height: var(--h1-med-line-height);
  }
}

/* X-LARGE | MAX | MAX PLUS */
@media (min-width: 1312px) {
  .edit-persona-popup .react-carbon-modal .cds--modal-header__heading {
    font-size: var(--h1-xlg-font-size);
    line-height: var(--h1-xlg-line-height);
  } 
}

/*
=======================================================
Buttons & Actions
(EditPersonaPopup.tsx | IncompletePersonaPopup.tsx)
=======================================================
*/

.persona-popup .react-carbon-modal .cds--modal-footer {
  block-size: 4rem;
}

.persona-popup .react-carbon-modal .cds--modal-footer .cds--btn {
  block-size: 4rem;
  padding-block: 1.1rem 2rem;

  font-family: var(--allianceno1-regular);
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
}

.persona-popup .react-carbon-modal .cds--modal-footer .cds--btn:focus {
  border-color: var(--focus, #0F6DB8);
}

.persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--primary,
.edit-persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--secondary {
  fill: var(--cds-icon-on-color, #FFF);
  color: var(--cds-icon-on-color, #FFF);
}

.persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--primary:disabled,
.edit-persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--secondary:disabled {
  fill: var(--button-disabled-fill, #8D8D8D);
  color: var(--button-disabled-color, #8D8D8D);
  background-color: var(--button-disabled, #C6C6C6);
}

.persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--primary:enabled {
  background-color: var(--button-primary, #0F6DB8);
}

.persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--primary:hover {
  background-color: var(--button-primary-hover, #0C548F);
}

.persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--primary:active {
  background-color: var(--button-primary-active, #093C65);
}

.persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--primary:focus,
.edit-persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--secondary:focus {
  background-color: var(--button-primary-focus, #1277ca);
  
  outline: 2px solid var(--focus, #1277ca);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 2px var(--cds-background, #FFFFFF);
}

/*
=======================================================
Buttons & Actions
(IncompletePersonaPopup.tsx)
=======================================================
*/

.incomplete-persona-popup .update-profile-btn-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-transform: none !important;

  /* Removing button span global css */
  position: static;
  white-space: normal;
  padding: 0;
}

.incomplete-persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--secondary {
  fill: var(--link-primary, #1277ca);
  color: var(--link-primary, #1277ca);
}

.incomplete-persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--secondary:enabled {
  background-color: var(--gray100Alpha00, #16161600);
}

.incomplete-persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--secondary:hover {
  fill: var(--button-ghost-hover-fill, #1071C1);
  color: var(--button-ghost-hover-color, #1071C1);
  background-color: var(--background-hover, #8D8D8D1F);
}

.incomplete-persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--secondary:active {
  fill: var(--button-ghost-hover-fill, #1071C1);
  color: var(--button-ghost-hover-fill, #1071C1);
  background-color: var(--background-active, #8D8D8D80);
}

.incomplete-persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--secondary:focus {
  fill: var(--link-primary, #1277ca);
  color: var(--link-primary, #1277ca);
  
  outline: 2px solid var(--focus, #1277ca);
  outline-offset: -2px;
}

.incomplete-persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--secondary:disabled {
  fill: var(--button-disabled, #C6C6C6);
  color: var(--button-disabled, #C6C6C6);
}

/*
=======================================================
Buttons & Actions
(EditPersonaPopup.tsx)
=======================================================
*/

.edit-persona-popup .react-carbon-modal .cds--btn-set .cds--btn.cds--btn--disabled {
  box-shadow: -0.0625rem 0 0 0 #ffffff;
}

.edit-persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--secondary:enabled {
  background-color: var(--button-secondary-background, #454544);
}

.edit-persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--secondary:hover {
  background-color: var(--button-secondary-hover, #4C4C4C);
}

.edit-persona-popup .react-carbon-modal .cds--modal-footer .cds--btn--secondary:active {
  background-color: var(--button-secondary-active, #6F6F6F);
}