.accountSelector {
    --Text-primaryNoneBg: var(--base-black);
    --Surface-bgSecondary15: var(--opacity-15b);
    --Text-prizeHolder: var(--highlight-100);
    --Border-rgb60: var(--highlight-60);
    --Icon-disabled: var(--neutral-800);
  }
  
  @media (prefers-color-scheme: dark) {
    .accountSelector {
      --Text-primaryNoneBg: var(--base-white);
      --Surface-bgSecondary15: var(--opacity-15w);
      --Text-prizeHolder: var(--highlight-100);
      --Border-rgb60: var(--highlight-60);
      --Icon-disabled: var(--neutral-800);
    }
  }

  .accountSelector{
    display: flex;
    flex-direction: column;
    gap: 0.94rem;
    padding: 1.25rem;
    width: 100%;
  }

  .accountSelector .accountItem {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-items: center;
    cursor: pointer;
  }

  .accountSelector .avatar{
    flex-shrink: 0;
  }

  .accountSelector .userInfo {
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap:0;
    min-width: 0;
    color: var(--Text-primaryNoneBg);
    padding: 0.17rem 0.94rem;
  }

  .accountSelector .userInfo .userName{
    padding: 0.15rem 0;
  }

  .accountSelector .notifBadge {
    display: flex;
    align-items: center;
    gap: 0.375rem;
  }

  .accountSelector .redDot {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #ff4444;
    flex-shrink: 0;
  }

  .accountSelector .myCheckBox {
    flex-shrink: 1;
  }


  .accountSelector .addAccountButton {
    display: flex;
    justify-content: start;
    width: 100%;
    padding: 0;
  }


  .accountSelector .myButton:before{
    border: 1px solid var(--Text-prizeHolder);
    border-radius: 50%;
    color: var(--Text-prizeHolder);
    margin-right: 0.94rem;
  }

  .accountSelector .myButton.secondary{
    border: 1px solid transparent;
  }

  .accountSelector .manageAccount {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1.31rem;
  }

  .accountSelector .manageAccount span {
    color: var(--Text-primaryNoneBg);
    text-align: center;
  }