/*!
  *  Copyright (C) 2019 Robert Bosch GmbH Copyright (C) 2019 Robert Bosch Manufacturing Solutions GmbH, Germany. All rights reserved.
 */

@import '@bci-web-core/common-styles/sass/bci/bci-variables';

bci-master-view {
  container-type: inline-size;
}

mat-card.mat-mdc-card.mdc-card {
  container-type: inline-size;
}

div.optionalTitle {
  display: grid;
  grid-template-columns: auto 48px;
  vertical-align: center;
  height: 48px;
}

.card-layout {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 32px;
  row-gap: 16px;

  > :first-child {
    grid-column: 1 / -1;
  }
}

@container (width < 1200px) {
  .card-layout {
    grid-template-columns: repeat(3, 1fr);
  }
}

@container (width < 680px) {
  .card-layout {
    grid-template-columns: repeat(2, 1fr);
  }
}
