.stackline-dropdown {
  --ms-primary: #3f51b5;
  --ms-primary-soft: rgba(63, 81, 181, 0.12);
  --ms-surface: #ffffff;
  --ms-surface-soft: #f5f7fb;
  --ms-surface-muted: #e8eaf6;
  --ms-outline: #c5cae9;
  --ms-outline-strong: #7986cb;
  --ms-on-surface: #212121;
  --ms-on-surface-muted: #5f6368;
  --ms-chip-bg: #e8eaf6;
  --ms-chip-text: #303f9f;
  --ms-chip-remove: #303f9f;
  --ms-shadow: 0 1px 2px rgba(33, 33, 33, 0.16), 0 12px 32px rgba(63, 81, 181, 0.12);
  --ms-shadow-soft: 0 1px 2px rgba(33, 33, 33, 0.12), 0 4px 12px rgba(33, 33, 33, 0.08);
}

.stackline-dropdown .c-btn {
  align-content: center;
  background: var(--ms-surface);
  border-color: var(--ms-outline);
  color: var(--ms-on-surface);
}

.stackline-dropdown .c-placeholder,
.stackline-dropdown .c-single-value {
  display: inline-flex;
  align-items: center;
  align-self: center;
  justify-content: flex-start;
  min-width: 0;
  max-width: 100%;
  line-height: 1.25;
  text-align: left;
}

.stackline-dropdown .c-btn:hover {
  border-color: var(--ms-outline-strong);
}

.stackline-dropdown .selected-item {
  background: var(--ms-primary-soft);
}

.stackline-dropdown .btn-iceblue {
  background: var(--ms-primary);
  color: #ffffff;
}