.v-slots-grid {
  display:grid;
  gap:12px;
  font-size:var(--fz-default)
}
.v-slots-grid.sm {
  gap:12px
}
.v-slots-grid .slots-grid-empty {
  border-radius:4px;
  color:var(--primary-800);
  font-weight:600;
  grid-column:1/-1;
  line-height:20px;
  padding:128px 12px 28px;
  text-align:center;
  width:100%
}
.v-slots-grid__footer {
  grid-column:1/-1
}
.v-slots-grid__footer.centered .slots-grid-empty {
  padding:128px 12px
}
.v-slots-grid--cols-6 {
  grid-template-columns:repeat(6,minmax(0,1fr))
}
@media screen and (max-width:1440px) {
  .v-slots-grid--cols-6 {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}
@media screen and (max-width:1180px) {
  .v-slots-grid--cols-6 {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}
@media screen and (max-width:690px) {
  .v-slots-grid--cols-6 {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
.v-slots-grid--cols-5 {
  grid-template-columns:repeat(5,minmax(0,1fr))
}
@media screen and (max-width:1350px) {
  .v-slots-grid--cols-5 {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}
@media screen and (max-width:780px) {
  .v-slots-grid--cols-5 {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}
@media screen and (max-width:580px) {
  .v-slots-grid--cols-5 {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
.v-slots-grid--cols-3 {
  grid-template-columns:repeat(3,minmax(0,1fr))
}
@media screen and (max-width:780px) {
  .v-slots-grid--cols-3 {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}