.grid-content-row,
.grid-content-group.row {
  margin-left: -8px;
  margin-right: -8px;
}
.grid-content-row > div,
.grid-content-group > div {
  padding: 0 var(--space-sm, 8px);
  margin-bottom: var(--space-md, 16px);
}
.grid-title {
  width: 100%;
}
.grid-content .button-wrap {
  margin-top: var(--space-lg, 24px);
  gap: var(--space-xl, 32px);
  flex-direction: column;
}
.grid-content .button-wrap > div {
  width: 100%;
}
.grid-content-top { 
  display: flex;
  flex-direction: column;
  gap: var(--space-lg, 24px);
}
.grid-content-top .filter-modal {
  margin-left: auto;
}
.grid-content-top + .grid-content-row {
  margin-top: var(--space-lg, 24px);
}
.grid-content:has(.modal) [data-bs-toggle="modal"] {
  cursor: pointer;
}
.grid-title .desc {
  margin-top: var(--space-md, 16px);
}
.grid-content-top .desc a {
  color: var(--color-surface-active, #E6007D);
  text-decoration: none;
}
.grid-content-top form .form-item {
  margin-bottom: 0;
}
.grid-content + .grid-content {
  padding-top: var(--space-2xl, 40px);
}
@media only screen and (max-width: 960px) {
  .grid-content + .grid-content {
    padding-top: var(--space-lg, 24px);
  }
  .d-flex:has(.grid-title) {
    flex-direction: column;
    gap: var(--space-lg, 24px);
  }
}