:root {
  --drm-grid123-gap-none: 0;
  --drm-grid123-gap-tiny: 10px;
  --drm-grid123-gap-small: 20px;
  --drm-grid123-gap-medium: 30px;
  --drm-grid123-gap-large: 40px;
  --drm-grid123-gap-huge: 50px;
}

.drm-grid123 {
  display: grid;
}
.drm-grid123--gap-none {
  gap: var(--drm-grid123-gap-none);
}
.drm-grid123--gap-tiny {
  gap: var(--drm-grid123-gap-tiny);
}
.drm-grid123--gap-small {
  gap: var(--drm-grid123-gap-small);
}
.drm-grid123--gap-medium {
  gap: var(--drm-grid123-gap-medium);
}
.drm-grid123--gap-large {
  gap: var(--drm-grid123-gap-large);
}
.drm-grid123--gap-huge {
  gap: var(--drm-grid123-gap-huge);
}
@media (max-width: 575.98px) {
  .drm-grid123--breakpoint-sm {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 767.98px) {
  .drm-grid123--breakpoint-md {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 991.98px) {
  .drm-grid123--breakpoint-lg {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 1199.98px) {
  .drm-grid123--breakpoint-xl {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
.drm-grid123--align-horizontal-stretch {
  justify-items: stretch;
}
.drm-grid123--align-horizontal-start {
  justify-items: start;
}
.drm-grid123--align-horizontal-center {
  justify-items: center;
}
.drm-grid123--align-horizontal-end {
  justify-items: end;
}
.drm-grid123--align-vertical-stretch {
  align-items: stretch;
}
.drm-grid123--align-vertical-start {
  align-items: start;
}
.drm-grid123--align-vertical-center {
  align-items: center;
}
.drm-grid123--align-vertical-end {
  align-items: end;
}
.drm-grid123 > * {
  margin: 0;
}