.Weapon.Dialog {
  .mods {
    display: flex;
    flex-direction: column;
    gap: $unit * 4;

    section {
      display: flex;
      flex-direction: column;
      gap: calc($unit / 2);

      h3 {
        color: $grey-50;
        font-size: $font-small;
        margin-bottom: $unit;
      }

      select {
        background-color: $grey-90;
      }
    }

    .Button {
      font-size: $font-regular;
      padding: ($unit * 1.5) ($unit * 2);
      width: 100%;

      &.btn-disabled {
        background: $grey-90;
        color: $grey-70;
        cursor: not-allowed;
      }

      &:not(.btn-disabled) {
        background: $grey-90;
        color: $grey-40;

        &:hover {
          background: $grey-80;
        }
      }
    }
  }
}