/* CSS of Warehouse */

.alm-quick-search {
  field-element[data-field=search] {
    margin: 0;
  }
}

.machine-form {
  --width: 1280px;
}

.machines-list, .controls {
  padding: 16px;

  .img-cont {
    font-size: 48px;
  }

  .machine {
    padding: 16px;
    border: 8px solid var(--color-base);
    border-radius: 16px;

    .title {
      display: flex;
      padding: 0 8px;
      justify-content: space-between;
    }

    .details {
      padding-top: 12px;
    }
  }

  .machine-descr {
    display: flex;
    padding: 12px;
    justify-content: center;

    .descr-center {
      width: min(750px, 100%);
    }
  }

  .btn-add {
    display: flex;
    justify-content: center;
    align-items: center;

    a {
      padding: 12px;
      display: block;
      text-decoration: none;
      font-size: 1.25rem;
      text-align: center;
      border: 4px solid var(--color-base);
      border-radius: 48px;
    }
    a:active {
      scale: 0.95;
    }
  }

}

.machine-form {
  .modal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .close-btn {
    border-radius: 4rem;
    width: 3rem;
    height: 3rem;
  }
}