.add-device-modal {
  &__body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 220px;
  }

  &__selected-model {
    display: flex;
    gap: 12px;
    padding: 12px;
    border-radius: 8px;
    background: #f5f6f8;
  }

  &__model-name {
    font-size: 14px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.88);
  }

  &__model-desc {
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.45);
  }

  &__footer {
    margin-top: 0;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    gap: 8px;
  }
}

.add-device-modal--phone {
  .add-device-modal__body {
    min-height: 0;
  }

  .add-device-modal__selected-model {
    align-items: flex-start;
  }

  .add-device-modal__footer {
    gap: 12px;

    button {
      flex: 1;
      min-height: 40px;
    }
  }
}