@import '@styles/var.scss';

.device-detail {
  padding: 10px 40px 0;

  @include eject(box-sizing, border-box);

  &-item {
    display: flex;
    flex-direction: column;

    .item-text {
      padding: 20px 0 10px;
      color: $primary-text-color;
    }

    .item-input {
      padding: 10px 20px;
      border-radius: 6px;
      border: 1px solid $border-color;
    }

    .item-img-box {
      width: 400px;
      height: 220px;
      border-radius: 6px;
      padding: 4px 2.25px;
      border: 1px solid $border-color;

      .item-img {
        width: 100%;
        height: 100%;
      }
    }
  }

  .bottom-btn {
    margin-top: 60px;
  }
}