:host {
  display: grid;
  gap: 10px;
  padding: 30px 15px;
  margin: 0;
}
@media (min-width: 380px) {
  :host {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 568px) {
  :host {
    padding: 30px;
  }
}
@media (min-width: 768px) {
  :host {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1024px) {
  :host {
    padding-left: 8.3333333333%;
    padding-right: 8.3333333333%;
    padding-bottom: 60px;
    padding-top: 60px;
  }
}