.ds-profile-dropdown {
  display: flex;
  align-items: center;

  &.disabled {
    > .arrow {
      color: var(--icon-disabled) !important;
    }
  }

  &.white {
    > .arrow {
      color: var(--icon-light-fixed);
    }
  }

  &.blue {
    > .arrow {
      color: var(--icon-accent);
    }
  }

  &:hover.blue {
    > .arrow {
      color: var(--icon-accent-hover);
    }
  }
}
