.Search.Dialog {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 431px;
  width: 600px;
  height: 480px;
  gap: 0;
  padding: 0;

  @media (max-width: $phone) {
    min-width: inherit;
    min-height: inherit;
    width: 96%; // is this even right
    height: 96vh;
  }

  #Header {
    border-bottom: 1px solid transparent;
    display: flex;
    flex-direction: column;
    gap: $unit;
    padding-bottom: $unit * 2;

    &.scrolled {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
    }

    #Bar {
      align-items: center;
      border-top-left-radius: $unit;
      border-top-right-radius: $unit;
      display: flex;
      gap: $unit * 2.5;
      margin: 0;
      padding: ($unit * 3) ($unit * 3) 0 ($unit * 3);
      position: sticky;
      top: 0;

      button {
        background: transparent;
        border: none;
        height: 42px;
        padding: 0;
      }

      label {
        width: 100%;

        // .Input {
        //   background: $grey-90;
        //   border: none;
        //   border-radius: calc($unit / 2);
        //   box-sizing: border-box;
        //   font-size: $font-regular;
        //   padding: $unit * 1.5;
        //   text-align: left;
        //   width: 100%;
        // }
      }
    }
  }

  #Results {
    margin: 0;
    max-height: 356px;
    padding: 0 ($unit * 1.5);
    overflow-y: scroll;

    @media (max-width: $phone) {
      max-height: inherit;
    }

    h5.total {
      font-size: $font-regular;
      font-weight: $normal;
      color: var(--text-tertiary);
      padding: $unit-half ($unit * 1.5);
    }

    .footer {
      align-items: center;
      display: flex;
      color: var(--text-tertiary);
      font-size: $font-regular;
      font-weight: $normal;
      height: $unit-10x;
      justify-content: center;
    }

    .WeaponResult:last-child {
      margin-bottom: $unit * 1.5;
    }
  }
}

.Search.Dialog #NoResults {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}

.Search.Dialog #NoResults h2 {
  color: var(--text-secondary);
  font-size: $font-large;
  font-weight: 500;
  margin-top: $unit-4x * -1;
}