.icon-picker-container {
  display: inline-block;
  margin-bottom: 8px;
}

.icon-picker-container .icon-picker-button-tooltip-host {
  display: block;
}

.selected-icon {
  padding-right: 10px;
}

.icon-contextualMenu {
  width: 400px;
  text-align: center;
  overflow-y: hidden;
}

.icon-contextualMenu .icon-contextualMenu-item {
  display: inline-block;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.icon-contextualMenu .icon-contextualMenu-item .icon-button-tooltip-host {
  display: block;
}

.icon-contextualMenu .icon-contextualMenu-item .icon-button-tooltip-host button.icon-button {
  min-width: 40px;
  border: 0px;
  background-color: transparent;
  width: 40px;
  height: 40px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  padding: 0px;
}

.icon-contextualMenu .icon-contextualMenu-item .icon-button-tooltip-host button.icon-button:hover, .icon-contextualMenu .icon-contextualMenu-item .icon-button-tooltip-host button.icon-button:focus {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.icon-contextualMenu .icon-contextualMenu-item .icon-button-tooltip-host button.icon-button:active {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.icon-contextualMenu .icon-contextualMenu-item .icon-button-tooltip-host button.icon-button.selected-icon {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}