#loadout-dialog {
  position: relative;
  margin: unset;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0px;
  overflow: hidden;
}
#loadout-dialog::backdrop {
  background-color: var(--color-layer-obvious);
}
#loadout-dialog .close-icon {
  cursor: pointer;
  position: absolute;
  top: var(--space-0);
  right: var(--space-0);
  opacity: 0.5;
}
#loadout-dialog .page-title {
  margin-inline: var(--space-400);
}
#loadout-dialog .dialog-content {
  padding: var(--space-300);
}
#loadout-dialog .player-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-400);
  margin-bottom: var(--space-300);
}
#loadout-dialog .input-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  margin-bottom: var(--space-300);
}
#loadout-dialog .utility-icon.loaded {
  padding: 0.5rem;
  cursor: pointer;
  border-radius: var(--radius-m);
  border: var(--border-s) solid transparent;
}
#loadout-dialog .utility-icon.active.loaded {
  border-color: var(--color-primary);
  cursor: default;
}
#loadout-dialog .special-utility-selector {
  border: var(--border-s) solid transparent;
  border-radius: var(--radius-m);
}
#loadout-dialog .special-utility-selector.selected {
  border-color: var(--color-primary);
}