@import url("s2r://panorama/styles/dotastyles.css");
@import url("file://{resources}/styles/custom_game/popups/popups_shared.css");

.PopupInvokerAbilityPickerRoot {
  flow-children: down;
  align: center center;
  padding: 0 0 20px;
}

.PopupInvokerAbilityPickerHeader {
  flow-children: right;
  width: 100%;
  padding: 16px 16px 12px;
  background-color: #0007;
}

.PopupInvokerAbilityPickerSelectionChoice {
  font-size: 22px;
  color: #bfd2ee;
  text-align: left;
  text-overflow: shrink;
  text-transform: uppercase;
  letter-spacing: 2px;
  vertical-align: center;
}

#PopupInvokerAbilityPickerAbilityList {
  flow-children: right-wrap;
  padding: 14px;
}

#PopupInvokerAbilityPickerAbilityList .PopupInvokerAbilityPickerAbility {
  width: 50px;
  height: 50px;
  margin-right: 8px;
  margin-bottom: 4px;
  box-shadow: #6ad4 0 0 1px 1px;
}

#PopupInvokerAbilityPickerAbilityList .PopupInvokerAbilityPickerAbility:disabled {
  opacity: 0.2;
  saturation: 0;
}

#PopupInvokerAbilityPickerAbilityList .PopupInvokerAbilityPickerAbility:enabled:hover {
  brightness: 2;
  contrast: 0.95;
  saturation: 1;
}

#PopupInvokerAbilityPickerAbilityList .PopupInvokerAbilityPickerAbility.Highlighted {
  box-shadow: 0 0 8px aqua;
}
