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

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

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

.card-skeleton {
  min-width: 250px;
  height: 100px;
  padding-bottom: $grid-size * 2;
  margin-right: $grid-size * 2;
}

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

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