/**
 * Host-app CSS isolation for DGA surfaces.
 *
 * Host stylesheets often ship unlayered globals such as:
 *   * { margin: 0; padding: 0; box-sizing: border-box; }
 *   a { color: var(--color-mainColor); font-weight: 400; transition: color 0.2s; }
 *   button { border-radius: 0.3rem; }
 *
 * Those rules beat Tailwind v4 utilities because utilities live in
 * `@layer utilities` and unlayered author CSS wins the cascade regardless
 * of specificity. This file is intentionally **unlayered** and scoped to
 * `dga-*` elements / DGA attribute hosts so the packages keep their spacing,
 * link color, and chrome when installed into an existing portal.
 *
 * Apps do **not** need to delete their reset. Optional (still recommended so
 * the *host's own* Tailwind classes also win): wrap leftover globals in
 * `@layer base { ... }`.
 *
 * When adding a new `dga-*` custom element, append its tag to the `:is()`
 * list below.
 */

:is(
  dga-accordion,
  dga-accordion-item,
  dga-alert,
  dga-announcement-bar,
  dga-app-shell,
  dga-auth-card,
  dga-autocomplete,
  dga-avatar,
  dga-badge,
  dga-breadcrumb,
  dga-card,
  dga-card-media,
  dga-carousel,
  dga-chart,
  dga-chatbot,
  dga-chip,
  dga-chip-input,
  dga-clamp,
  dga-code,
  dga-command,
  dga-content-switcher,
  dga-content-switcher-panel,
  dga-context-menu,
  dga-cookies,
  dga-date-picker,
  dga-description-list,
  dga-dialog,
  dga-divider,
  dga-drawer,
  dga-dual-nav,
  dga-dynamic-form,
  dga-dynamic-form-field,
  dga-dynamic-form-staged-upload,
  dga-empty,
  dga-expandable,
  dga-export-toolbar,
  dga-feedback,
  dga-field,
  dga-filter-bar,
  dga-footer,
  dga-form-control,
  dga-grid,
  dga-header,
  dga-hero,
  dga-icon,
  dga-icon-badge,
  dga-image-popup,
  dga-info-list,
  dga-kbd,
  dga-kbd-group,
  dga-list,
  dga-logo-tile,
  dga-menu,
  dga-metric,
  dga-modal,
  dga-multiselect,
  dga-nav-rail,
  dga-number,
  dga-number-input,
  dga-otp,
  dga-page-feedback,
  dga-page-hero,
  dga-page-transition,
  dga-pagination,
  dga-persona,
  dga-phone-input,
  dga-preloader,
  dga-progress,
  dga-quote,
  dga-rating,
  dga-riyal,
  dga-scroll-top,
  dga-section,
  dga-select,
  dga-share,
  dga-side-info,
  dga-side-nav,
  dga-skeleton,
  dga-skip-link,
  dga-spinner,
  dga-stepper,
  dga-switch,
  dga-tab,
  dga-table,
  dga-tabs,
  dga-time-picker,
  dga-timeline,
  dga-toast,
  dga-toast-outlet,
  dga-toc,
  dga-toolbar,
  dga-tooltip,
  dga-top-bar,
  dga-tour,
  dga-upload,
  dga-video-player,
  dga-writing,
  [dgaButton],
  [dgaLink],
  [dgaCopy],
  [dgaInput],
  [dgaSelect],
  [dgaLabel],
  [dgaCheckbox],
  [dgaRadio],
  [dgaSlider],
  [dgaCarouselSlide],
  [dgaContextMenuTrigger],
  .dga-skip-link,
  .dga-form-field,
  .dga-form-control,
  .dga-hero__inner
) {
  &,
  & *,
  & *::before,
  & *::after {
    box-sizing: border-box;
  }

  /*
   * Host `a { transition: color }` would drop opacity / transform motion.
   * Do not set font-weight or color here — that would override .font-medium
   * / .text-* with equal-or-higher unlayered specificity.
   */
  & a:not([dgaButton]):not([dgaLink]) {
    transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out,
      background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,
      box-shadow 0.2s ease-in-out, transform 0.15s ease;
  }

  &.text-fg, & .text-fg,
  &.text-fg:hover, & .text-fg:hover,
  &.hover\:text-fg:hover, & .hover\:text-fg:hover { color: var(--dga-text-default); }
  &.text-display, & .text-display,
  &.text-display:hover, & .text-display:hover,
  &.hover\:text-display:hover, & .hover\:text-display:hover { color: var(--dga-text-display); }
  &.text-paragraph, & .text-paragraph,
  &.text-paragraph:hover, & .text-paragraph:hover,
  &.hover\:text-paragraph:hover, & .hover\:text-paragraph:hover { color: var(--dga-text-paragraph); }
  &.text-muted, & .text-muted,
  &.text-muted:hover, & .text-muted:hover,
  &.hover\:text-muted:hover, & .hover\:text-muted:hover { color: var(--dga-text-muted); }
  &.text-fg-primary, & .text-fg-primary,
  &.text-fg-primary:hover, & .text-fg-primary:hover,
  &.hover\:text-fg-primary:hover, & .hover\:text-fg-primary:hover { color: var(--dga-text-primary); }
  &.text-fg-primary-strong, & .text-fg-primary-strong,
  &.text-fg-primary-strong:hover, & .text-fg-primary-strong:hover,
  &.hover\:text-fg-primary-strong:hover, & .hover\:text-fg-primary-strong:hover { color: var(--dga-text-primary-strong); }
  &.text-fg-secondary, & .text-fg-secondary,
  &.text-fg-secondary:hover, & .text-fg-secondary:hover,
  &.hover\:text-fg-secondary:hover, & .hover\:text-fg-secondary:hover { color: var(--dga-text-secondary); }
  &.text-fg-tertiary, & .text-fg-tertiary,
  &.text-fg-tertiary:hover, & .text-fg-tertiary:hover,
  &.hover\:text-fg-tertiary:hover, & .hover\:text-fg-tertiary:hover { color: var(--dga-text-tertiary); }
  &.text-on-color, & .text-on-color,
  &.text-on-color:hover, & .text-on-color:hover,
  &.hover\:text-on-color:hover, & .hover\:text-on-color:hover { color: var(--dga-text-on-color); }
  &.text-on-color-muted, & .text-on-color-muted,
  &.text-on-color-muted:hover, & .text-on-color-muted:hover,
  &.hover\:text-on-color-muted:hover, & .hover\:text-on-color-muted:hover { color: var(--dga-text-on-color-muted); }
  &.text-fg-success, & .text-fg-success,
  &.text-fg-success:hover, & .text-fg-success:hover,
  &.hover\:text-fg-success:hover, & .hover\:text-fg-success:hover { color: var(--dga-text-success); }
  &.text-fg-info, & .text-fg-info,
  &.text-fg-info:hover, & .text-fg-info:hover,
  &.hover\:text-fg-info:hover, & .hover\:text-fg-info:hover { color: var(--dga-text-info); }
  &.text-fg-warning, & .text-fg-warning,
  &.text-fg-warning:hover, & .text-fg-warning:hover,
  &.hover\:text-fg-warning:hover, & .hover\:text-fg-warning:hover { color: var(--dga-text-warning); }
  &.text-fg-error, & .text-fg-error,
  &.text-fg-error:hover, & .text-fg-error:hover,
  &.hover\:text-fg-error:hover, & .hover\:text-fg-error:hover { color: var(--dga-text-error); }
  &.text-fg-disabled, & .text-fg-disabled,
  &.text-fg-disabled:hover, & .text-fg-disabled:hover,
  &.hover\:text-fg-disabled:hover, & .hover\:text-fg-disabled:hover { color: var(--dga-text-disabled); }

  &.font-medium, & .font-medium { font-weight: 500; }
  &.font-semibold, & .font-semibold { font-weight: 600; }
  &.font-bold, & .font-bold { font-weight: 700; }
  &.font-normal, & .font-normal { font-weight: 400; }

  &.rounded-none, & .rounded-none { border-radius: var(--dga-radius-none); }
  &.rounded-xs, & .rounded-xs { border-radius: var(--dga-radius-xs); }
  &.rounded-sm, & .rounded-sm { border-radius: var(--dga-radius-sm); }
  &.rounded-md, & .rounded-md { border-radius: var(--dga-radius-md); }
  &.rounded-lg, & .rounded-lg { border-radius: var(--dga-radius-lg); }
  &.rounded-xl, & .rounded-xl { border-radius: var(--dga-radius-xl); }
  &.rounded-full, & .rounded-full { border-radius: var(--dga-radius-full); }

  &.px-\(--wrapper-padding\), & .px-\(--wrapper-padding\) {
    padding-inline: var(--wrapper-padding, var(--dga-wrapper-padding));
  }
  &.px-\(--viewport-padding\), & .px-\(--viewport-padding\) {
    padding-inline: var(--viewport-padding, var(--dga-viewport-padding));
  }

  /* Unlayered DGA spacing — beats host `* { margin: 0; padding: 0 }`. */
  &.p-none, & .p-none { padding: var(--dga-spacing-none); }
  &.px-none, & .px-none { padding-inline: var(--dga-spacing-none); }
  &.py-none, & .py-none { padding-block: var(--dga-spacing-none); }
  &.pt-none, & .pt-none { padding-top: var(--dga-spacing-none); }
  &.pb-none, & .pb-none { padding-bottom: var(--dga-spacing-none); }
  &.ps-none, & .ps-none { padding-inline-start: var(--dga-spacing-none); }
  &.pe-none, & .pe-none { padding-inline-end: var(--dga-spacing-none); }
  &.m-none, & .m-none { margin: var(--dga-spacing-none); }
  &.mx-none, & .mx-none { margin-inline: var(--dga-spacing-none); }
  &.my-none, & .my-none { margin-block: var(--dga-spacing-none); }
  &.mt-none, & .mt-none { margin-top: var(--dga-spacing-none); }
  &.mb-none, & .mb-none { margin-bottom: var(--dga-spacing-none); }
  &.ms-none, & .ms-none { margin-inline-start: var(--dga-spacing-none); }
  &.me-none, & .me-none { margin-inline-end: var(--dga-spacing-none); }
  &.space-y-none, & .space-y-none > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-none); }
  &.space-x-none, & .space-x-none > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-none); }
  &.p-0, & .p-0 { padding: 0; }
  &.px-0, & .px-0 { padding-inline: 0; }
  &.py-0, & .py-0 { padding-block: 0; }
  &.pt-0, & .pt-0 { padding-top: 0; }
  &.pb-0, & .pb-0 { padding-bottom: 0; }
  &.ps-0, & .ps-0 { padding-inline-start: 0; }
  &.pe-0, & .pe-0 { padding-inline-end: 0; }
  &.m-0, & .m-0 { margin: 0; }
  &.mx-0, & .mx-0 { margin-inline: 0; }
  &.my-0, & .my-0 { margin-block: 0; }
  &.mt-0, & .mt-0 { margin-top: 0; }
  &.mb-0, & .mb-0 { margin-bottom: 0; }
  &.ms-0, & .ms-0 { margin-inline-start: 0; }
  &.me-0, & .me-0 { margin-inline-end: 0; }
  &.space-y-0, & .space-y-0 > :not([hidden]) ~ :not([hidden]) { margin-block-start: 0; }
  &.space-x-0, & .space-x-0 > :not([hidden]) ~ :not([hidden]) { margin-inline-start: 0; }
  &.p-xxs, & .p-xxs { padding: var(--dga-spacing-xxs); }
  &.px-xxs, & .px-xxs { padding-inline: var(--dga-spacing-xxs); }
  &.py-xxs, & .py-xxs { padding-block: var(--dga-spacing-xxs); }
  &.pt-xxs, & .pt-xxs { padding-top: var(--dga-spacing-xxs); }
  &.pb-xxs, & .pb-xxs { padding-bottom: var(--dga-spacing-xxs); }
  &.ps-xxs, & .ps-xxs { padding-inline-start: var(--dga-spacing-xxs); }
  &.pe-xxs, & .pe-xxs { padding-inline-end: var(--dga-spacing-xxs); }
  &.m-xxs, & .m-xxs { margin: var(--dga-spacing-xxs); }
  &.mx-xxs, & .mx-xxs { margin-inline: var(--dga-spacing-xxs); }
  &.my-xxs, & .my-xxs { margin-block: var(--dga-spacing-xxs); }
  &.mt-xxs, & .mt-xxs { margin-top: var(--dga-spacing-xxs); }
  &.mb-xxs, & .mb-xxs { margin-bottom: var(--dga-spacing-xxs); }
  &.ms-xxs, & .ms-xxs { margin-inline-start: var(--dga-spacing-xxs); }
  &.me-xxs, & .me-xxs { margin-inline-end: var(--dga-spacing-xxs); }
  &.space-y-xxs, & .space-y-xxs > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-xxs); }
  &.space-x-xxs, & .space-x-xxs > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-xxs); }
  &.p-xs, & .p-xs { padding: var(--dga-spacing-xs); }
  &.px-xs, & .px-xs { padding-inline: var(--dga-spacing-xs); }
  &.py-xs, & .py-xs { padding-block: var(--dga-spacing-xs); }
  &.pt-xs, & .pt-xs { padding-top: var(--dga-spacing-xs); }
  &.pb-xs, & .pb-xs { padding-bottom: var(--dga-spacing-xs); }
  &.ps-xs, & .ps-xs { padding-inline-start: var(--dga-spacing-xs); }
  &.pe-xs, & .pe-xs { padding-inline-end: var(--dga-spacing-xs); }
  &.m-xs, & .m-xs { margin: var(--dga-spacing-xs); }
  &.mx-xs, & .mx-xs { margin-inline: var(--dga-spacing-xs); }
  &.my-xs, & .my-xs { margin-block: var(--dga-spacing-xs); }
  &.mt-xs, & .mt-xs { margin-top: var(--dga-spacing-xs); }
  &.mb-xs, & .mb-xs { margin-bottom: var(--dga-spacing-xs); }
  &.ms-xs, & .ms-xs { margin-inline-start: var(--dga-spacing-xs); }
  &.me-xs, & .me-xs { margin-inline-end: var(--dga-spacing-xs); }
  &.space-y-xs, & .space-y-xs > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-xs); }
  &.space-x-xs, & .space-x-xs > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-xs); }
  &.p-sm, & .p-sm { padding: var(--dga-spacing-sm); }
  &.px-sm, & .px-sm { padding-inline: var(--dga-spacing-sm); }
  &.py-sm, & .py-sm { padding-block: var(--dga-spacing-sm); }
  &.pt-sm, & .pt-sm { padding-top: var(--dga-spacing-sm); }
  &.pb-sm, & .pb-sm { padding-bottom: var(--dga-spacing-sm); }
  &.ps-sm, & .ps-sm { padding-inline-start: var(--dga-spacing-sm); }
  &.pe-sm, & .pe-sm { padding-inline-end: var(--dga-spacing-sm); }
  &.m-sm, & .m-sm { margin: var(--dga-spacing-sm); }
  &.mx-sm, & .mx-sm { margin-inline: var(--dga-spacing-sm); }
  &.my-sm, & .my-sm { margin-block: var(--dga-spacing-sm); }
  &.mt-sm, & .mt-sm { margin-top: var(--dga-spacing-sm); }
  &.mb-sm, & .mb-sm { margin-bottom: var(--dga-spacing-sm); }
  &.ms-sm, & .ms-sm { margin-inline-start: var(--dga-spacing-sm); }
  &.me-sm, & .me-sm { margin-inline-end: var(--dga-spacing-sm); }
  &.space-y-sm, & .space-y-sm > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-sm); }
  &.space-x-sm, & .space-x-sm > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-sm); }
  &.p-md, & .p-md { padding: var(--dga-spacing-md); }
  &.px-md, & .px-md { padding-inline: var(--dga-spacing-md); }
  &.py-md, & .py-md { padding-block: var(--dga-spacing-md); }
  &.pt-md, & .pt-md { padding-top: var(--dga-spacing-md); }
  &.pb-md, & .pb-md { padding-bottom: var(--dga-spacing-md); }
  &.ps-md, & .ps-md { padding-inline-start: var(--dga-spacing-md); }
  &.pe-md, & .pe-md { padding-inline-end: var(--dga-spacing-md); }
  &.m-md, & .m-md { margin: var(--dga-spacing-md); }
  &.mx-md, & .mx-md { margin-inline: var(--dga-spacing-md); }
  &.my-md, & .my-md { margin-block: var(--dga-spacing-md); }
  &.mt-md, & .mt-md { margin-top: var(--dga-spacing-md); }
  &.mb-md, & .mb-md { margin-bottom: var(--dga-spacing-md); }
  &.ms-md, & .ms-md { margin-inline-start: var(--dga-spacing-md); }
  &.me-md, & .me-md { margin-inline-end: var(--dga-spacing-md); }
  &.space-y-md, & .space-y-md > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-md); }
  &.space-x-md, & .space-x-md > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-md); }
  &.p-lg, & .p-lg { padding: var(--dga-spacing-lg); }
  &.px-lg, & .px-lg { padding-inline: var(--dga-spacing-lg); }
  &.py-lg, & .py-lg { padding-block: var(--dga-spacing-lg); }
  &.pt-lg, & .pt-lg { padding-top: var(--dga-spacing-lg); }
  &.pb-lg, & .pb-lg { padding-bottom: var(--dga-spacing-lg); }
  &.ps-lg, & .ps-lg { padding-inline-start: var(--dga-spacing-lg); }
  &.pe-lg, & .pe-lg { padding-inline-end: var(--dga-spacing-lg); }
  &.m-lg, & .m-lg { margin: var(--dga-spacing-lg); }
  &.mx-lg, & .mx-lg { margin-inline: var(--dga-spacing-lg); }
  &.my-lg, & .my-lg { margin-block: var(--dga-spacing-lg); }
  &.mt-lg, & .mt-lg { margin-top: var(--dga-spacing-lg); }
  &.mb-lg, & .mb-lg { margin-bottom: var(--dga-spacing-lg); }
  &.ms-lg, & .ms-lg { margin-inline-start: var(--dga-spacing-lg); }
  &.me-lg, & .me-lg { margin-inline-end: var(--dga-spacing-lg); }
  &.space-y-lg, & .space-y-lg > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-lg); }
  &.space-x-lg, & .space-x-lg > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-lg); }
  &.p-xl, & .p-xl { padding: var(--dga-spacing-xl); }
  &.px-xl, & .px-xl { padding-inline: var(--dga-spacing-xl); }
  &.py-xl, & .py-xl { padding-block: var(--dga-spacing-xl); }
  &.pt-xl, & .pt-xl { padding-top: var(--dga-spacing-xl); }
  &.pb-xl, & .pb-xl { padding-bottom: var(--dga-spacing-xl); }
  &.ps-xl, & .ps-xl { padding-inline-start: var(--dga-spacing-xl); }
  &.pe-xl, & .pe-xl { padding-inline-end: var(--dga-spacing-xl); }
  &.m-xl, & .m-xl { margin: var(--dga-spacing-xl); }
  &.mx-xl, & .mx-xl { margin-inline: var(--dga-spacing-xl); }
  &.my-xl, & .my-xl { margin-block: var(--dga-spacing-xl); }
  &.mt-xl, & .mt-xl { margin-top: var(--dga-spacing-xl); }
  &.mb-xl, & .mb-xl { margin-bottom: var(--dga-spacing-xl); }
  &.ms-xl, & .ms-xl { margin-inline-start: var(--dga-spacing-xl); }
  &.me-xl, & .me-xl { margin-inline-end: var(--dga-spacing-xl); }
  &.space-y-xl, & .space-y-xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-xl); }
  &.space-x-xl, & .space-x-xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-xl); }
  &.p-2xl, & .p-2xl { padding: var(--dga-spacing-2xl); }
  &.px-2xl, & .px-2xl { padding-inline: var(--dga-spacing-2xl); }
  &.py-2xl, & .py-2xl { padding-block: var(--dga-spacing-2xl); }
  &.pt-2xl, & .pt-2xl { padding-top: var(--dga-spacing-2xl); }
  &.pb-2xl, & .pb-2xl { padding-bottom: var(--dga-spacing-2xl); }
  &.ps-2xl, & .ps-2xl { padding-inline-start: var(--dga-spacing-2xl); }
  &.pe-2xl, & .pe-2xl { padding-inline-end: var(--dga-spacing-2xl); }
  &.m-2xl, & .m-2xl { margin: var(--dga-spacing-2xl); }
  &.mx-2xl, & .mx-2xl { margin-inline: var(--dga-spacing-2xl); }
  &.my-2xl, & .my-2xl { margin-block: var(--dga-spacing-2xl); }
  &.mt-2xl, & .mt-2xl { margin-top: var(--dga-spacing-2xl); }
  &.mb-2xl, & .mb-2xl { margin-bottom: var(--dga-spacing-2xl); }
  &.ms-2xl, & .ms-2xl { margin-inline-start: var(--dga-spacing-2xl); }
  &.me-2xl, & .me-2xl { margin-inline-end: var(--dga-spacing-2xl); }
  &.space-y-2xl, & .space-y-2xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-2xl); }
  &.space-x-2xl, & .space-x-2xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-2xl); }
  &.p-3xl, & .p-3xl { padding: var(--dga-spacing-3xl); }
  &.px-3xl, & .px-3xl { padding-inline: var(--dga-spacing-3xl); }
  &.py-3xl, & .py-3xl { padding-block: var(--dga-spacing-3xl); }
  &.pt-3xl, & .pt-3xl { padding-top: var(--dga-spacing-3xl); }
  &.pb-3xl, & .pb-3xl { padding-bottom: var(--dga-spacing-3xl); }
  &.ps-3xl, & .ps-3xl { padding-inline-start: var(--dga-spacing-3xl); }
  &.pe-3xl, & .pe-3xl { padding-inline-end: var(--dga-spacing-3xl); }
  &.m-3xl, & .m-3xl { margin: var(--dga-spacing-3xl); }
  &.mx-3xl, & .mx-3xl { margin-inline: var(--dga-spacing-3xl); }
  &.my-3xl, & .my-3xl { margin-block: var(--dga-spacing-3xl); }
  &.mt-3xl, & .mt-3xl { margin-top: var(--dga-spacing-3xl); }
  &.mb-3xl, & .mb-3xl { margin-bottom: var(--dga-spacing-3xl); }
  &.ms-3xl, & .ms-3xl { margin-inline-start: var(--dga-spacing-3xl); }
  &.me-3xl, & .me-3xl { margin-inline-end: var(--dga-spacing-3xl); }
  &.space-y-3xl, & .space-y-3xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-3xl); }
  &.space-x-3xl, & .space-x-3xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-3xl); }
  &.p-4xl, & .p-4xl { padding: var(--dga-spacing-4xl); }
  &.px-4xl, & .px-4xl { padding-inline: var(--dga-spacing-4xl); }
  &.py-4xl, & .py-4xl { padding-block: var(--dga-spacing-4xl); }
  &.pt-4xl, & .pt-4xl { padding-top: var(--dga-spacing-4xl); }
  &.pb-4xl, & .pb-4xl { padding-bottom: var(--dga-spacing-4xl); }
  &.ps-4xl, & .ps-4xl { padding-inline-start: var(--dga-spacing-4xl); }
  &.pe-4xl, & .pe-4xl { padding-inline-end: var(--dga-spacing-4xl); }
  &.m-4xl, & .m-4xl { margin: var(--dga-spacing-4xl); }
  &.mx-4xl, & .mx-4xl { margin-inline: var(--dga-spacing-4xl); }
  &.my-4xl, & .my-4xl { margin-block: var(--dga-spacing-4xl); }
  &.mt-4xl, & .mt-4xl { margin-top: var(--dga-spacing-4xl); }
  &.mb-4xl, & .mb-4xl { margin-bottom: var(--dga-spacing-4xl); }
  &.ms-4xl, & .ms-4xl { margin-inline-start: var(--dga-spacing-4xl); }
  &.me-4xl, & .me-4xl { margin-inline-end: var(--dga-spacing-4xl); }
  &.space-y-4xl, & .space-y-4xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-4xl); }
  &.space-x-4xl, & .space-x-4xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-4xl); }
  &.p-5xl, & .p-5xl { padding: var(--dga-spacing-5xl); }
  &.px-5xl, & .px-5xl { padding-inline: var(--dga-spacing-5xl); }
  &.py-5xl, & .py-5xl { padding-block: var(--dga-spacing-5xl); }
  &.pt-5xl, & .pt-5xl { padding-top: var(--dga-spacing-5xl); }
  &.pb-5xl, & .pb-5xl { padding-bottom: var(--dga-spacing-5xl); }
  &.ps-5xl, & .ps-5xl { padding-inline-start: var(--dga-spacing-5xl); }
  &.pe-5xl, & .pe-5xl { padding-inline-end: var(--dga-spacing-5xl); }
  &.m-5xl, & .m-5xl { margin: var(--dga-spacing-5xl); }
  &.mx-5xl, & .mx-5xl { margin-inline: var(--dga-spacing-5xl); }
  &.my-5xl, & .my-5xl { margin-block: var(--dga-spacing-5xl); }
  &.mt-5xl, & .mt-5xl { margin-top: var(--dga-spacing-5xl); }
  &.mb-5xl, & .mb-5xl { margin-bottom: var(--dga-spacing-5xl); }
  &.ms-5xl, & .ms-5xl { margin-inline-start: var(--dga-spacing-5xl); }
  &.me-5xl, & .me-5xl { margin-inline-end: var(--dga-spacing-5xl); }
  &.space-y-5xl, & .space-y-5xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-5xl); }
  &.space-x-5xl, & .space-x-5xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-5xl); }
  &.p-6xl, & .p-6xl { padding: var(--dga-spacing-6xl); }
  &.px-6xl, & .px-6xl { padding-inline: var(--dga-spacing-6xl); }
  &.py-6xl, & .py-6xl { padding-block: var(--dga-spacing-6xl); }
  &.pt-6xl, & .pt-6xl { padding-top: var(--dga-spacing-6xl); }
  &.pb-6xl, & .pb-6xl { padding-bottom: var(--dga-spacing-6xl); }
  &.ps-6xl, & .ps-6xl { padding-inline-start: var(--dga-spacing-6xl); }
  &.pe-6xl, & .pe-6xl { padding-inline-end: var(--dga-spacing-6xl); }
  &.m-6xl, & .m-6xl { margin: var(--dga-spacing-6xl); }
  &.mx-6xl, & .mx-6xl { margin-inline: var(--dga-spacing-6xl); }
  &.my-6xl, & .my-6xl { margin-block: var(--dga-spacing-6xl); }
  &.mt-6xl, & .mt-6xl { margin-top: var(--dga-spacing-6xl); }
  &.mb-6xl, & .mb-6xl { margin-bottom: var(--dga-spacing-6xl); }
  &.ms-6xl, & .ms-6xl { margin-inline-start: var(--dga-spacing-6xl); }
  &.me-6xl, & .me-6xl { margin-inline-end: var(--dga-spacing-6xl); }
  &.space-y-6xl, & .space-y-6xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-6xl); }
  &.space-x-6xl, & .space-x-6xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-6xl); }
  &.p-7xl, & .p-7xl { padding: var(--dga-spacing-7xl); }
  &.px-7xl, & .px-7xl { padding-inline: var(--dga-spacing-7xl); }
  &.py-7xl, & .py-7xl { padding-block: var(--dga-spacing-7xl); }
  &.pt-7xl, & .pt-7xl { padding-top: var(--dga-spacing-7xl); }
  &.pb-7xl, & .pb-7xl { padding-bottom: var(--dga-spacing-7xl); }
  &.ps-7xl, & .ps-7xl { padding-inline-start: var(--dga-spacing-7xl); }
  &.pe-7xl, & .pe-7xl { padding-inline-end: var(--dga-spacing-7xl); }
  &.m-7xl, & .m-7xl { margin: var(--dga-spacing-7xl); }
  &.mx-7xl, & .mx-7xl { margin-inline: var(--dga-spacing-7xl); }
  &.my-7xl, & .my-7xl { margin-block: var(--dga-spacing-7xl); }
  &.mt-7xl, & .mt-7xl { margin-top: var(--dga-spacing-7xl); }
  &.mb-7xl, & .mb-7xl { margin-bottom: var(--dga-spacing-7xl); }
  &.ms-7xl, & .ms-7xl { margin-inline-start: var(--dga-spacing-7xl); }
  &.me-7xl, & .me-7xl { margin-inline-end: var(--dga-spacing-7xl); }
  &.space-y-7xl, & .space-y-7xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-7xl); }
  &.space-x-7xl, & .space-x-7xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-7xl); }
  &.p-8xl, & .p-8xl { padding: var(--dga-spacing-8xl); }
  &.px-8xl, & .px-8xl { padding-inline: var(--dga-spacing-8xl); }
  &.py-8xl, & .py-8xl { padding-block: var(--dga-spacing-8xl); }
  &.pt-8xl, & .pt-8xl { padding-top: var(--dga-spacing-8xl); }
  &.pb-8xl, & .pb-8xl { padding-bottom: var(--dga-spacing-8xl); }
  &.ps-8xl, & .ps-8xl { padding-inline-start: var(--dga-spacing-8xl); }
  &.pe-8xl, & .pe-8xl { padding-inline-end: var(--dga-spacing-8xl); }
  &.m-8xl, & .m-8xl { margin: var(--dga-spacing-8xl); }
  &.mx-8xl, & .mx-8xl { margin-inline: var(--dga-spacing-8xl); }
  &.my-8xl, & .my-8xl { margin-block: var(--dga-spacing-8xl); }
  &.mt-8xl, & .mt-8xl { margin-top: var(--dga-spacing-8xl); }
  &.mb-8xl, & .mb-8xl { margin-bottom: var(--dga-spacing-8xl); }
  &.ms-8xl, & .ms-8xl { margin-inline-start: var(--dga-spacing-8xl); }
  &.me-8xl, & .me-8xl { margin-inline-end: var(--dga-spacing-8xl); }
  &.space-y-8xl, & .space-y-8xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-8xl); }
  &.space-x-8xl, & .space-x-8xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-8xl); }
  &.p-9xl, & .p-9xl { padding: var(--dga-spacing-9xl); }
  &.px-9xl, & .px-9xl { padding-inline: var(--dga-spacing-9xl); }
  &.py-9xl, & .py-9xl { padding-block: var(--dga-spacing-9xl); }
  &.pt-9xl, & .pt-9xl { padding-top: var(--dga-spacing-9xl); }
  &.pb-9xl, & .pb-9xl { padding-bottom: var(--dga-spacing-9xl); }
  &.ps-9xl, & .ps-9xl { padding-inline-start: var(--dga-spacing-9xl); }
  &.pe-9xl, & .pe-9xl { padding-inline-end: var(--dga-spacing-9xl); }
  &.m-9xl, & .m-9xl { margin: var(--dga-spacing-9xl); }
  &.mx-9xl, & .mx-9xl { margin-inline: var(--dga-spacing-9xl); }
  &.my-9xl, & .my-9xl { margin-block: var(--dga-spacing-9xl); }
  &.mt-9xl, & .mt-9xl { margin-top: var(--dga-spacing-9xl); }
  &.mb-9xl, & .mb-9xl { margin-bottom: var(--dga-spacing-9xl); }
  &.ms-9xl, & .ms-9xl { margin-inline-start: var(--dga-spacing-9xl); }
  &.me-9xl, & .me-9xl { margin-inline-end: var(--dga-spacing-9xl); }
  &.space-y-9xl, & .space-y-9xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-9xl); }
  &.space-x-9xl, & .space-x-9xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-9xl); }
  &.p-10xl, & .p-10xl { padding: var(--dga-spacing-10xl); }
  &.px-10xl, & .px-10xl { padding-inline: var(--dga-spacing-10xl); }
  &.py-10xl, & .py-10xl { padding-block: var(--dga-spacing-10xl); }
  &.pt-10xl, & .pt-10xl { padding-top: var(--dga-spacing-10xl); }
  &.pb-10xl, & .pb-10xl { padding-bottom: var(--dga-spacing-10xl); }
  &.ps-10xl, & .ps-10xl { padding-inline-start: var(--dga-spacing-10xl); }
  &.pe-10xl, & .pe-10xl { padding-inline-end: var(--dga-spacing-10xl); }
  &.m-10xl, & .m-10xl { margin: var(--dga-spacing-10xl); }
  &.mx-10xl, & .mx-10xl { margin-inline: var(--dga-spacing-10xl); }
  &.my-10xl, & .my-10xl { margin-block: var(--dga-spacing-10xl); }
  &.mt-10xl, & .mt-10xl { margin-top: var(--dga-spacing-10xl); }
  &.mb-10xl, & .mb-10xl { margin-bottom: var(--dga-spacing-10xl); }
  &.ms-10xl, & .ms-10xl { margin-inline-start: var(--dga-spacing-10xl); }
  &.me-10xl, & .me-10xl { margin-inline-end: var(--dga-spacing-10xl); }
  &.space-y-10xl, & .space-y-10xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-10xl); }
  &.space-x-10xl, & .space-x-10xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-10xl); }
  &.p-11xl, & .p-11xl { padding: var(--dga-spacing-11xl); }
  &.px-11xl, & .px-11xl { padding-inline: var(--dga-spacing-11xl); }
  &.py-11xl, & .py-11xl { padding-block: var(--dga-spacing-11xl); }
  &.pt-11xl, & .pt-11xl { padding-top: var(--dga-spacing-11xl); }
  &.pb-11xl, & .pb-11xl { padding-bottom: var(--dga-spacing-11xl); }
  &.ps-11xl, & .ps-11xl { padding-inline-start: var(--dga-spacing-11xl); }
  &.pe-11xl, & .pe-11xl { padding-inline-end: var(--dga-spacing-11xl); }
  &.m-11xl, & .m-11xl { margin: var(--dga-spacing-11xl); }
  &.mx-11xl, & .mx-11xl { margin-inline: var(--dga-spacing-11xl); }
  &.my-11xl, & .my-11xl { margin-block: var(--dga-spacing-11xl); }
  &.mt-11xl, & .mt-11xl { margin-top: var(--dga-spacing-11xl); }
  &.mb-11xl, & .mb-11xl { margin-bottom: var(--dga-spacing-11xl); }
  &.ms-11xl, & .ms-11xl { margin-inline-start: var(--dga-spacing-11xl); }
  &.me-11xl, & .me-11xl { margin-inline-end: var(--dga-spacing-11xl); }
  &.space-y-11xl, & .space-y-11xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-11xl); }
  &.space-x-11xl, & .space-x-11xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-11xl); }

  @media (min-width: 600px) {
    &.sm\:p-none, & .sm\:p-none { padding: var(--dga-spacing-none); }
    &.sm\:px-none, & .sm\:px-none { padding-inline: var(--dga-spacing-none); }
    &.sm\:py-none, & .sm\:py-none { padding-block: var(--dga-spacing-none); }
    &.sm\:pt-none, & .sm\:pt-none { padding-top: var(--dga-spacing-none); }
    &.sm\:pb-none, & .sm\:pb-none { padding-bottom: var(--dga-spacing-none); }
    &.sm\:ps-none, & .sm\:ps-none { padding-inline-start: var(--dga-spacing-none); }
    &.sm\:pe-none, & .sm\:pe-none { padding-inline-end: var(--dga-spacing-none); }
    &.sm\:m-none, & .sm\:m-none { margin: var(--dga-spacing-none); }
    &.sm\:mx-none, & .sm\:mx-none { margin-inline: var(--dga-spacing-none); }
    &.sm\:my-none, & .sm\:my-none { margin-block: var(--dga-spacing-none); }
    &.sm\:mt-none, & .sm\:mt-none { margin-top: var(--dga-spacing-none); }
    &.sm\:mb-none, & .sm\:mb-none { margin-bottom: var(--dga-spacing-none); }
    &.sm\:ms-none, & .sm\:ms-none { margin-inline-start: var(--dga-spacing-none); }
    &.sm\:me-none, & .sm\:me-none { margin-inline-end: var(--dga-spacing-none); }
    &.sm\:space-y-none, & .sm\:space-y-none > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-none); }
    &.sm\:space-x-none, & .sm\:space-x-none > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-none); }
    &.sm\:p-0, & .sm\:p-0 { padding: 0; }
    &.sm\:px-0, & .sm\:px-0 { padding-inline: 0; }
    &.sm\:py-0, & .sm\:py-0 { padding-block: 0; }
    &.sm\:pt-0, & .sm\:pt-0 { padding-top: 0; }
    &.sm\:pb-0, & .sm\:pb-0 { padding-bottom: 0; }
    &.sm\:ps-0, & .sm\:ps-0 { padding-inline-start: 0; }
    &.sm\:pe-0, & .sm\:pe-0 { padding-inline-end: 0; }
    &.sm\:m-0, & .sm\:m-0 { margin: 0; }
    &.sm\:mx-0, & .sm\:mx-0 { margin-inline: 0; }
    &.sm\:my-0, & .sm\:my-0 { margin-block: 0; }
    &.sm\:mt-0, & .sm\:mt-0 { margin-top: 0; }
    &.sm\:mb-0, & .sm\:mb-0 { margin-bottom: 0; }
    &.sm\:ms-0, & .sm\:ms-0 { margin-inline-start: 0; }
    &.sm\:me-0, & .sm\:me-0 { margin-inline-end: 0; }
    &.sm\:space-y-0, & .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) { margin-block-start: 0; }
    &.sm\:space-x-0, & .sm\:space-x-0 > :not([hidden]) ~ :not([hidden]) { margin-inline-start: 0; }
    &.sm\:p-xxs, & .sm\:p-xxs { padding: var(--dga-spacing-xxs); }
    &.sm\:px-xxs, & .sm\:px-xxs { padding-inline: var(--dga-spacing-xxs); }
    &.sm\:py-xxs, & .sm\:py-xxs { padding-block: var(--dga-spacing-xxs); }
    &.sm\:pt-xxs, & .sm\:pt-xxs { padding-top: var(--dga-spacing-xxs); }
    &.sm\:pb-xxs, & .sm\:pb-xxs { padding-bottom: var(--dga-spacing-xxs); }
    &.sm\:ps-xxs, & .sm\:ps-xxs { padding-inline-start: var(--dga-spacing-xxs); }
    &.sm\:pe-xxs, & .sm\:pe-xxs { padding-inline-end: var(--dga-spacing-xxs); }
    &.sm\:m-xxs, & .sm\:m-xxs { margin: var(--dga-spacing-xxs); }
    &.sm\:mx-xxs, & .sm\:mx-xxs { margin-inline: var(--dga-spacing-xxs); }
    &.sm\:my-xxs, & .sm\:my-xxs { margin-block: var(--dga-spacing-xxs); }
    &.sm\:mt-xxs, & .sm\:mt-xxs { margin-top: var(--dga-spacing-xxs); }
    &.sm\:mb-xxs, & .sm\:mb-xxs { margin-bottom: var(--dga-spacing-xxs); }
    &.sm\:ms-xxs, & .sm\:ms-xxs { margin-inline-start: var(--dga-spacing-xxs); }
    &.sm\:me-xxs, & .sm\:me-xxs { margin-inline-end: var(--dga-spacing-xxs); }
    &.sm\:space-y-xxs, & .sm\:space-y-xxs > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-xxs); }
    &.sm\:space-x-xxs, & .sm\:space-x-xxs > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-xxs); }
    &.sm\:p-xs, & .sm\:p-xs { padding: var(--dga-spacing-xs); }
    &.sm\:px-xs, & .sm\:px-xs { padding-inline: var(--dga-spacing-xs); }
    &.sm\:py-xs, & .sm\:py-xs { padding-block: var(--dga-spacing-xs); }
    &.sm\:pt-xs, & .sm\:pt-xs { padding-top: var(--dga-spacing-xs); }
    &.sm\:pb-xs, & .sm\:pb-xs { padding-bottom: var(--dga-spacing-xs); }
    &.sm\:ps-xs, & .sm\:ps-xs { padding-inline-start: var(--dga-spacing-xs); }
    &.sm\:pe-xs, & .sm\:pe-xs { padding-inline-end: var(--dga-spacing-xs); }
    &.sm\:m-xs, & .sm\:m-xs { margin: var(--dga-spacing-xs); }
    &.sm\:mx-xs, & .sm\:mx-xs { margin-inline: var(--dga-spacing-xs); }
    &.sm\:my-xs, & .sm\:my-xs { margin-block: var(--dga-spacing-xs); }
    &.sm\:mt-xs, & .sm\:mt-xs { margin-top: var(--dga-spacing-xs); }
    &.sm\:mb-xs, & .sm\:mb-xs { margin-bottom: var(--dga-spacing-xs); }
    &.sm\:ms-xs, & .sm\:ms-xs { margin-inline-start: var(--dga-spacing-xs); }
    &.sm\:me-xs, & .sm\:me-xs { margin-inline-end: var(--dga-spacing-xs); }
    &.sm\:space-y-xs, & .sm\:space-y-xs > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-xs); }
    &.sm\:space-x-xs, & .sm\:space-x-xs > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-xs); }
    &.sm\:p-sm, & .sm\:p-sm { padding: var(--dga-spacing-sm); }
    &.sm\:px-sm, & .sm\:px-sm { padding-inline: var(--dga-spacing-sm); }
    &.sm\:py-sm, & .sm\:py-sm { padding-block: var(--dga-spacing-sm); }
    &.sm\:pt-sm, & .sm\:pt-sm { padding-top: var(--dga-spacing-sm); }
    &.sm\:pb-sm, & .sm\:pb-sm { padding-bottom: var(--dga-spacing-sm); }
    &.sm\:ps-sm, & .sm\:ps-sm { padding-inline-start: var(--dga-spacing-sm); }
    &.sm\:pe-sm, & .sm\:pe-sm { padding-inline-end: var(--dga-spacing-sm); }
    &.sm\:m-sm, & .sm\:m-sm { margin: var(--dga-spacing-sm); }
    &.sm\:mx-sm, & .sm\:mx-sm { margin-inline: var(--dga-spacing-sm); }
    &.sm\:my-sm, & .sm\:my-sm { margin-block: var(--dga-spacing-sm); }
    &.sm\:mt-sm, & .sm\:mt-sm { margin-top: var(--dga-spacing-sm); }
    &.sm\:mb-sm, & .sm\:mb-sm { margin-bottom: var(--dga-spacing-sm); }
    &.sm\:ms-sm, & .sm\:ms-sm { margin-inline-start: var(--dga-spacing-sm); }
    &.sm\:me-sm, & .sm\:me-sm { margin-inline-end: var(--dga-spacing-sm); }
    &.sm\:space-y-sm, & .sm\:space-y-sm > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-sm); }
    &.sm\:space-x-sm, & .sm\:space-x-sm > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-sm); }
    &.sm\:p-md, & .sm\:p-md { padding: var(--dga-spacing-md); }
    &.sm\:px-md, & .sm\:px-md { padding-inline: var(--dga-spacing-md); }
    &.sm\:py-md, & .sm\:py-md { padding-block: var(--dga-spacing-md); }
    &.sm\:pt-md, & .sm\:pt-md { padding-top: var(--dga-spacing-md); }
    &.sm\:pb-md, & .sm\:pb-md { padding-bottom: var(--dga-spacing-md); }
    &.sm\:ps-md, & .sm\:ps-md { padding-inline-start: var(--dga-spacing-md); }
    &.sm\:pe-md, & .sm\:pe-md { padding-inline-end: var(--dga-spacing-md); }
    &.sm\:m-md, & .sm\:m-md { margin: var(--dga-spacing-md); }
    &.sm\:mx-md, & .sm\:mx-md { margin-inline: var(--dga-spacing-md); }
    &.sm\:my-md, & .sm\:my-md { margin-block: var(--dga-spacing-md); }
    &.sm\:mt-md, & .sm\:mt-md { margin-top: var(--dga-spacing-md); }
    &.sm\:mb-md, & .sm\:mb-md { margin-bottom: var(--dga-spacing-md); }
    &.sm\:ms-md, & .sm\:ms-md { margin-inline-start: var(--dga-spacing-md); }
    &.sm\:me-md, & .sm\:me-md { margin-inline-end: var(--dga-spacing-md); }
    &.sm\:space-y-md, & .sm\:space-y-md > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-md); }
    &.sm\:space-x-md, & .sm\:space-x-md > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-md); }
    &.sm\:p-lg, & .sm\:p-lg { padding: var(--dga-spacing-lg); }
    &.sm\:px-lg, & .sm\:px-lg { padding-inline: var(--dga-spacing-lg); }
    &.sm\:py-lg, & .sm\:py-lg { padding-block: var(--dga-spacing-lg); }
    &.sm\:pt-lg, & .sm\:pt-lg { padding-top: var(--dga-spacing-lg); }
    &.sm\:pb-lg, & .sm\:pb-lg { padding-bottom: var(--dga-spacing-lg); }
    &.sm\:ps-lg, & .sm\:ps-lg { padding-inline-start: var(--dga-spacing-lg); }
    &.sm\:pe-lg, & .sm\:pe-lg { padding-inline-end: var(--dga-spacing-lg); }
    &.sm\:m-lg, & .sm\:m-lg { margin: var(--dga-spacing-lg); }
    &.sm\:mx-lg, & .sm\:mx-lg { margin-inline: var(--dga-spacing-lg); }
    &.sm\:my-lg, & .sm\:my-lg { margin-block: var(--dga-spacing-lg); }
    &.sm\:mt-lg, & .sm\:mt-lg { margin-top: var(--dga-spacing-lg); }
    &.sm\:mb-lg, & .sm\:mb-lg { margin-bottom: var(--dga-spacing-lg); }
    &.sm\:ms-lg, & .sm\:ms-lg { margin-inline-start: var(--dga-spacing-lg); }
    &.sm\:me-lg, & .sm\:me-lg { margin-inline-end: var(--dga-spacing-lg); }
    &.sm\:space-y-lg, & .sm\:space-y-lg > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-lg); }
    &.sm\:space-x-lg, & .sm\:space-x-lg > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-lg); }
    &.sm\:p-xl, & .sm\:p-xl { padding: var(--dga-spacing-xl); }
    &.sm\:px-xl, & .sm\:px-xl { padding-inline: var(--dga-spacing-xl); }
    &.sm\:py-xl, & .sm\:py-xl { padding-block: var(--dga-spacing-xl); }
    &.sm\:pt-xl, & .sm\:pt-xl { padding-top: var(--dga-spacing-xl); }
    &.sm\:pb-xl, & .sm\:pb-xl { padding-bottom: var(--dga-spacing-xl); }
    &.sm\:ps-xl, & .sm\:ps-xl { padding-inline-start: var(--dga-spacing-xl); }
    &.sm\:pe-xl, & .sm\:pe-xl { padding-inline-end: var(--dga-spacing-xl); }
    &.sm\:m-xl, & .sm\:m-xl { margin: var(--dga-spacing-xl); }
    &.sm\:mx-xl, & .sm\:mx-xl { margin-inline: var(--dga-spacing-xl); }
    &.sm\:my-xl, & .sm\:my-xl { margin-block: var(--dga-spacing-xl); }
    &.sm\:mt-xl, & .sm\:mt-xl { margin-top: var(--dga-spacing-xl); }
    &.sm\:mb-xl, & .sm\:mb-xl { margin-bottom: var(--dga-spacing-xl); }
    &.sm\:ms-xl, & .sm\:ms-xl { margin-inline-start: var(--dga-spacing-xl); }
    &.sm\:me-xl, & .sm\:me-xl { margin-inline-end: var(--dga-spacing-xl); }
    &.sm\:space-y-xl, & .sm\:space-y-xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-xl); }
    &.sm\:space-x-xl, & .sm\:space-x-xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-xl); }
    &.sm\:p-2xl, & .sm\:p-2xl { padding: var(--dga-spacing-2xl); }
    &.sm\:px-2xl, & .sm\:px-2xl { padding-inline: var(--dga-spacing-2xl); }
    &.sm\:py-2xl, & .sm\:py-2xl { padding-block: var(--dga-spacing-2xl); }
    &.sm\:pt-2xl, & .sm\:pt-2xl { padding-top: var(--dga-spacing-2xl); }
    &.sm\:pb-2xl, & .sm\:pb-2xl { padding-bottom: var(--dga-spacing-2xl); }
    &.sm\:ps-2xl, & .sm\:ps-2xl { padding-inline-start: var(--dga-spacing-2xl); }
    &.sm\:pe-2xl, & .sm\:pe-2xl { padding-inline-end: var(--dga-spacing-2xl); }
    &.sm\:m-2xl, & .sm\:m-2xl { margin: var(--dga-spacing-2xl); }
    &.sm\:mx-2xl, & .sm\:mx-2xl { margin-inline: var(--dga-spacing-2xl); }
    &.sm\:my-2xl, & .sm\:my-2xl { margin-block: var(--dga-spacing-2xl); }
    &.sm\:mt-2xl, & .sm\:mt-2xl { margin-top: var(--dga-spacing-2xl); }
    &.sm\:mb-2xl, & .sm\:mb-2xl { margin-bottom: var(--dga-spacing-2xl); }
    &.sm\:ms-2xl, & .sm\:ms-2xl { margin-inline-start: var(--dga-spacing-2xl); }
    &.sm\:me-2xl, & .sm\:me-2xl { margin-inline-end: var(--dga-spacing-2xl); }
    &.sm\:space-y-2xl, & .sm\:space-y-2xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-2xl); }
    &.sm\:space-x-2xl, & .sm\:space-x-2xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-2xl); }
    &.sm\:p-3xl, & .sm\:p-3xl { padding: var(--dga-spacing-3xl); }
    &.sm\:px-3xl, & .sm\:px-3xl { padding-inline: var(--dga-spacing-3xl); }
    &.sm\:py-3xl, & .sm\:py-3xl { padding-block: var(--dga-spacing-3xl); }
    &.sm\:pt-3xl, & .sm\:pt-3xl { padding-top: var(--dga-spacing-3xl); }
    &.sm\:pb-3xl, & .sm\:pb-3xl { padding-bottom: var(--dga-spacing-3xl); }
    &.sm\:ps-3xl, & .sm\:ps-3xl { padding-inline-start: var(--dga-spacing-3xl); }
    &.sm\:pe-3xl, & .sm\:pe-3xl { padding-inline-end: var(--dga-spacing-3xl); }
    &.sm\:m-3xl, & .sm\:m-3xl { margin: var(--dga-spacing-3xl); }
    &.sm\:mx-3xl, & .sm\:mx-3xl { margin-inline: var(--dga-spacing-3xl); }
    &.sm\:my-3xl, & .sm\:my-3xl { margin-block: var(--dga-spacing-3xl); }
    &.sm\:mt-3xl, & .sm\:mt-3xl { margin-top: var(--dga-spacing-3xl); }
    &.sm\:mb-3xl, & .sm\:mb-3xl { margin-bottom: var(--dga-spacing-3xl); }
    &.sm\:ms-3xl, & .sm\:ms-3xl { margin-inline-start: var(--dga-spacing-3xl); }
    &.sm\:me-3xl, & .sm\:me-3xl { margin-inline-end: var(--dga-spacing-3xl); }
    &.sm\:space-y-3xl, & .sm\:space-y-3xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-3xl); }
    &.sm\:space-x-3xl, & .sm\:space-x-3xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-3xl); }
    &.sm\:p-4xl, & .sm\:p-4xl { padding: var(--dga-spacing-4xl); }
    &.sm\:px-4xl, & .sm\:px-4xl { padding-inline: var(--dga-spacing-4xl); }
    &.sm\:py-4xl, & .sm\:py-4xl { padding-block: var(--dga-spacing-4xl); }
    &.sm\:pt-4xl, & .sm\:pt-4xl { padding-top: var(--dga-spacing-4xl); }
    &.sm\:pb-4xl, & .sm\:pb-4xl { padding-bottom: var(--dga-spacing-4xl); }
    &.sm\:ps-4xl, & .sm\:ps-4xl { padding-inline-start: var(--dga-spacing-4xl); }
    &.sm\:pe-4xl, & .sm\:pe-4xl { padding-inline-end: var(--dga-spacing-4xl); }
    &.sm\:m-4xl, & .sm\:m-4xl { margin: var(--dga-spacing-4xl); }
    &.sm\:mx-4xl, & .sm\:mx-4xl { margin-inline: var(--dga-spacing-4xl); }
    &.sm\:my-4xl, & .sm\:my-4xl { margin-block: var(--dga-spacing-4xl); }
    &.sm\:mt-4xl, & .sm\:mt-4xl { margin-top: var(--dga-spacing-4xl); }
    &.sm\:mb-4xl, & .sm\:mb-4xl { margin-bottom: var(--dga-spacing-4xl); }
    &.sm\:ms-4xl, & .sm\:ms-4xl { margin-inline-start: var(--dga-spacing-4xl); }
    &.sm\:me-4xl, & .sm\:me-4xl { margin-inline-end: var(--dga-spacing-4xl); }
    &.sm\:space-y-4xl, & .sm\:space-y-4xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-4xl); }
    &.sm\:space-x-4xl, & .sm\:space-x-4xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-4xl); }
    &.sm\:p-5xl, & .sm\:p-5xl { padding: var(--dga-spacing-5xl); }
    &.sm\:px-5xl, & .sm\:px-5xl { padding-inline: var(--dga-spacing-5xl); }
    &.sm\:py-5xl, & .sm\:py-5xl { padding-block: var(--dga-spacing-5xl); }
    &.sm\:pt-5xl, & .sm\:pt-5xl { padding-top: var(--dga-spacing-5xl); }
    &.sm\:pb-5xl, & .sm\:pb-5xl { padding-bottom: var(--dga-spacing-5xl); }
    &.sm\:ps-5xl, & .sm\:ps-5xl { padding-inline-start: var(--dga-spacing-5xl); }
    &.sm\:pe-5xl, & .sm\:pe-5xl { padding-inline-end: var(--dga-spacing-5xl); }
    &.sm\:m-5xl, & .sm\:m-5xl { margin: var(--dga-spacing-5xl); }
    &.sm\:mx-5xl, & .sm\:mx-5xl { margin-inline: var(--dga-spacing-5xl); }
    &.sm\:my-5xl, & .sm\:my-5xl { margin-block: var(--dga-spacing-5xl); }
    &.sm\:mt-5xl, & .sm\:mt-5xl { margin-top: var(--dga-spacing-5xl); }
    &.sm\:mb-5xl, & .sm\:mb-5xl { margin-bottom: var(--dga-spacing-5xl); }
    &.sm\:ms-5xl, & .sm\:ms-5xl { margin-inline-start: var(--dga-spacing-5xl); }
    &.sm\:me-5xl, & .sm\:me-5xl { margin-inline-end: var(--dga-spacing-5xl); }
    &.sm\:space-y-5xl, & .sm\:space-y-5xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-5xl); }
    &.sm\:space-x-5xl, & .sm\:space-x-5xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-5xl); }
    &.sm\:p-6xl, & .sm\:p-6xl { padding: var(--dga-spacing-6xl); }
    &.sm\:px-6xl, & .sm\:px-6xl { padding-inline: var(--dga-spacing-6xl); }
    &.sm\:py-6xl, & .sm\:py-6xl { padding-block: var(--dga-spacing-6xl); }
    &.sm\:pt-6xl, & .sm\:pt-6xl { padding-top: var(--dga-spacing-6xl); }
    &.sm\:pb-6xl, & .sm\:pb-6xl { padding-bottom: var(--dga-spacing-6xl); }
    &.sm\:ps-6xl, & .sm\:ps-6xl { padding-inline-start: var(--dga-spacing-6xl); }
    &.sm\:pe-6xl, & .sm\:pe-6xl { padding-inline-end: var(--dga-spacing-6xl); }
    &.sm\:m-6xl, & .sm\:m-6xl { margin: var(--dga-spacing-6xl); }
    &.sm\:mx-6xl, & .sm\:mx-6xl { margin-inline: var(--dga-spacing-6xl); }
    &.sm\:my-6xl, & .sm\:my-6xl { margin-block: var(--dga-spacing-6xl); }
    &.sm\:mt-6xl, & .sm\:mt-6xl { margin-top: var(--dga-spacing-6xl); }
    &.sm\:mb-6xl, & .sm\:mb-6xl { margin-bottom: var(--dga-spacing-6xl); }
    &.sm\:ms-6xl, & .sm\:ms-6xl { margin-inline-start: var(--dga-spacing-6xl); }
    &.sm\:me-6xl, & .sm\:me-6xl { margin-inline-end: var(--dga-spacing-6xl); }
    &.sm\:space-y-6xl, & .sm\:space-y-6xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-6xl); }
    &.sm\:space-x-6xl, & .sm\:space-x-6xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-6xl); }
    &.sm\:p-7xl, & .sm\:p-7xl { padding: var(--dga-spacing-7xl); }
    &.sm\:px-7xl, & .sm\:px-7xl { padding-inline: var(--dga-spacing-7xl); }
    &.sm\:py-7xl, & .sm\:py-7xl { padding-block: var(--dga-spacing-7xl); }
    &.sm\:pt-7xl, & .sm\:pt-7xl { padding-top: var(--dga-spacing-7xl); }
    &.sm\:pb-7xl, & .sm\:pb-7xl { padding-bottom: var(--dga-spacing-7xl); }
    &.sm\:ps-7xl, & .sm\:ps-7xl { padding-inline-start: var(--dga-spacing-7xl); }
    &.sm\:pe-7xl, & .sm\:pe-7xl { padding-inline-end: var(--dga-spacing-7xl); }
    &.sm\:m-7xl, & .sm\:m-7xl { margin: var(--dga-spacing-7xl); }
    &.sm\:mx-7xl, & .sm\:mx-7xl { margin-inline: var(--dga-spacing-7xl); }
    &.sm\:my-7xl, & .sm\:my-7xl { margin-block: var(--dga-spacing-7xl); }
    &.sm\:mt-7xl, & .sm\:mt-7xl { margin-top: var(--dga-spacing-7xl); }
    &.sm\:mb-7xl, & .sm\:mb-7xl { margin-bottom: var(--dga-spacing-7xl); }
    &.sm\:ms-7xl, & .sm\:ms-7xl { margin-inline-start: var(--dga-spacing-7xl); }
    &.sm\:me-7xl, & .sm\:me-7xl { margin-inline-end: var(--dga-spacing-7xl); }
    &.sm\:space-y-7xl, & .sm\:space-y-7xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-7xl); }
    &.sm\:space-x-7xl, & .sm\:space-x-7xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-7xl); }
    &.sm\:p-8xl, & .sm\:p-8xl { padding: var(--dga-spacing-8xl); }
    &.sm\:px-8xl, & .sm\:px-8xl { padding-inline: var(--dga-spacing-8xl); }
    &.sm\:py-8xl, & .sm\:py-8xl { padding-block: var(--dga-spacing-8xl); }
    &.sm\:pt-8xl, & .sm\:pt-8xl { padding-top: var(--dga-spacing-8xl); }
    &.sm\:pb-8xl, & .sm\:pb-8xl { padding-bottom: var(--dga-spacing-8xl); }
    &.sm\:ps-8xl, & .sm\:ps-8xl { padding-inline-start: var(--dga-spacing-8xl); }
    &.sm\:pe-8xl, & .sm\:pe-8xl { padding-inline-end: var(--dga-spacing-8xl); }
    &.sm\:m-8xl, & .sm\:m-8xl { margin: var(--dga-spacing-8xl); }
    &.sm\:mx-8xl, & .sm\:mx-8xl { margin-inline: var(--dga-spacing-8xl); }
    &.sm\:my-8xl, & .sm\:my-8xl { margin-block: var(--dga-spacing-8xl); }
    &.sm\:mt-8xl, & .sm\:mt-8xl { margin-top: var(--dga-spacing-8xl); }
    &.sm\:mb-8xl, & .sm\:mb-8xl { margin-bottom: var(--dga-spacing-8xl); }
    &.sm\:ms-8xl, & .sm\:ms-8xl { margin-inline-start: var(--dga-spacing-8xl); }
    &.sm\:me-8xl, & .sm\:me-8xl { margin-inline-end: var(--dga-spacing-8xl); }
    &.sm\:space-y-8xl, & .sm\:space-y-8xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-8xl); }
    &.sm\:space-x-8xl, & .sm\:space-x-8xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-8xl); }
    &.sm\:p-9xl, & .sm\:p-9xl { padding: var(--dga-spacing-9xl); }
    &.sm\:px-9xl, & .sm\:px-9xl { padding-inline: var(--dga-spacing-9xl); }
    &.sm\:py-9xl, & .sm\:py-9xl { padding-block: var(--dga-spacing-9xl); }
    &.sm\:pt-9xl, & .sm\:pt-9xl { padding-top: var(--dga-spacing-9xl); }
    &.sm\:pb-9xl, & .sm\:pb-9xl { padding-bottom: var(--dga-spacing-9xl); }
    &.sm\:ps-9xl, & .sm\:ps-9xl { padding-inline-start: var(--dga-spacing-9xl); }
    &.sm\:pe-9xl, & .sm\:pe-9xl { padding-inline-end: var(--dga-spacing-9xl); }
    &.sm\:m-9xl, & .sm\:m-9xl { margin: var(--dga-spacing-9xl); }
    &.sm\:mx-9xl, & .sm\:mx-9xl { margin-inline: var(--dga-spacing-9xl); }
    &.sm\:my-9xl, & .sm\:my-9xl { margin-block: var(--dga-spacing-9xl); }
    &.sm\:mt-9xl, & .sm\:mt-9xl { margin-top: var(--dga-spacing-9xl); }
    &.sm\:mb-9xl, & .sm\:mb-9xl { margin-bottom: var(--dga-spacing-9xl); }
    &.sm\:ms-9xl, & .sm\:ms-9xl { margin-inline-start: var(--dga-spacing-9xl); }
    &.sm\:me-9xl, & .sm\:me-9xl { margin-inline-end: var(--dga-spacing-9xl); }
    &.sm\:space-y-9xl, & .sm\:space-y-9xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-9xl); }
    &.sm\:space-x-9xl, & .sm\:space-x-9xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-9xl); }
    &.sm\:p-10xl, & .sm\:p-10xl { padding: var(--dga-spacing-10xl); }
    &.sm\:px-10xl, & .sm\:px-10xl { padding-inline: var(--dga-spacing-10xl); }
    &.sm\:py-10xl, & .sm\:py-10xl { padding-block: var(--dga-spacing-10xl); }
    &.sm\:pt-10xl, & .sm\:pt-10xl { padding-top: var(--dga-spacing-10xl); }
    &.sm\:pb-10xl, & .sm\:pb-10xl { padding-bottom: var(--dga-spacing-10xl); }
    &.sm\:ps-10xl, & .sm\:ps-10xl { padding-inline-start: var(--dga-spacing-10xl); }
    &.sm\:pe-10xl, & .sm\:pe-10xl { padding-inline-end: var(--dga-spacing-10xl); }
    &.sm\:m-10xl, & .sm\:m-10xl { margin: var(--dga-spacing-10xl); }
    &.sm\:mx-10xl, & .sm\:mx-10xl { margin-inline: var(--dga-spacing-10xl); }
    &.sm\:my-10xl, & .sm\:my-10xl { margin-block: var(--dga-spacing-10xl); }
    &.sm\:mt-10xl, & .sm\:mt-10xl { margin-top: var(--dga-spacing-10xl); }
    &.sm\:mb-10xl, & .sm\:mb-10xl { margin-bottom: var(--dga-spacing-10xl); }
    &.sm\:ms-10xl, & .sm\:ms-10xl { margin-inline-start: var(--dga-spacing-10xl); }
    &.sm\:me-10xl, & .sm\:me-10xl { margin-inline-end: var(--dga-spacing-10xl); }
    &.sm\:space-y-10xl, & .sm\:space-y-10xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-10xl); }
    &.sm\:space-x-10xl, & .sm\:space-x-10xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-10xl); }
    &.sm\:p-11xl, & .sm\:p-11xl { padding: var(--dga-spacing-11xl); }
    &.sm\:px-11xl, & .sm\:px-11xl { padding-inline: var(--dga-spacing-11xl); }
    &.sm\:py-11xl, & .sm\:py-11xl { padding-block: var(--dga-spacing-11xl); }
    &.sm\:pt-11xl, & .sm\:pt-11xl { padding-top: var(--dga-spacing-11xl); }
    &.sm\:pb-11xl, & .sm\:pb-11xl { padding-bottom: var(--dga-spacing-11xl); }
    &.sm\:ps-11xl, & .sm\:ps-11xl { padding-inline-start: var(--dga-spacing-11xl); }
    &.sm\:pe-11xl, & .sm\:pe-11xl { padding-inline-end: var(--dga-spacing-11xl); }
    &.sm\:m-11xl, & .sm\:m-11xl { margin: var(--dga-spacing-11xl); }
    &.sm\:mx-11xl, & .sm\:mx-11xl { margin-inline: var(--dga-spacing-11xl); }
    &.sm\:my-11xl, & .sm\:my-11xl { margin-block: var(--dga-spacing-11xl); }
    &.sm\:mt-11xl, & .sm\:mt-11xl { margin-top: var(--dga-spacing-11xl); }
    &.sm\:mb-11xl, & .sm\:mb-11xl { margin-bottom: var(--dga-spacing-11xl); }
    &.sm\:ms-11xl, & .sm\:ms-11xl { margin-inline-start: var(--dga-spacing-11xl); }
    &.sm\:me-11xl, & .sm\:me-11xl { margin-inline-end: var(--dga-spacing-11xl); }
    &.sm\:space-y-11xl, & .sm\:space-y-11xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-11xl); }
    &.sm\:space-x-11xl, & .sm\:space-x-11xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-11xl); }
  }

  @media (min-width: 960px) {
    &.md\:p-none, & .md\:p-none { padding: var(--dga-spacing-none); }
    &.md\:px-none, & .md\:px-none { padding-inline: var(--dga-spacing-none); }
    &.md\:py-none, & .md\:py-none { padding-block: var(--dga-spacing-none); }
    &.md\:pt-none, & .md\:pt-none { padding-top: var(--dga-spacing-none); }
    &.md\:pb-none, & .md\:pb-none { padding-bottom: var(--dga-spacing-none); }
    &.md\:ps-none, & .md\:ps-none { padding-inline-start: var(--dga-spacing-none); }
    &.md\:pe-none, & .md\:pe-none { padding-inline-end: var(--dga-spacing-none); }
    &.md\:m-none, & .md\:m-none { margin: var(--dga-spacing-none); }
    &.md\:mx-none, & .md\:mx-none { margin-inline: var(--dga-spacing-none); }
    &.md\:my-none, & .md\:my-none { margin-block: var(--dga-spacing-none); }
    &.md\:mt-none, & .md\:mt-none { margin-top: var(--dga-spacing-none); }
    &.md\:mb-none, & .md\:mb-none { margin-bottom: var(--dga-spacing-none); }
    &.md\:ms-none, & .md\:ms-none { margin-inline-start: var(--dga-spacing-none); }
    &.md\:me-none, & .md\:me-none { margin-inline-end: var(--dga-spacing-none); }
    &.md\:space-y-none, & .md\:space-y-none > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-none); }
    &.md\:space-x-none, & .md\:space-x-none > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-none); }
    &.md\:p-0, & .md\:p-0 { padding: 0; }
    &.md\:px-0, & .md\:px-0 { padding-inline: 0; }
    &.md\:py-0, & .md\:py-0 { padding-block: 0; }
    &.md\:pt-0, & .md\:pt-0 { padding-top: 0; }
    &.md\:pb-0, & .md\:pb-0 { padding-bottom: 0; }
    &.md\:ps-0, & .md\:ps-0 { padding-inline-start: 0; }
    &.md\:pe-0, & .md\:pe-0 { padding-inline-end: 0; }
    &.md\:m-0, & .md\:m-0 { margin: 0; }
    &.md\:mx-0, & .md\:mx-0 { margin-inline: 0; }
    &.md\:my-0, & .md\:my-0 { margin-block: 0; }
    &.md\:mt-0, & .md\:mt-0 { margin-top: 0; }
    &.md\:mb-0, & .md\:mb-0 { margin-bottom: 0; }
    &.md\:ms-0, & .md\:ms-0 { margin-inline-start: 0; }
    &.md\:me-0, & .md\:me-0 { margin-inline-end: 0; }
    &.md\:space-y-0, & .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) { margin-block-start: 0; }
    &.md\:space-x-0, & .md\:space-x-0 > :not([hidden]) ~ :not([hidden]) { margin-inline-start: 0; }
    &.md\:p-xxs, & .md\:p-xxs { padding: var(--dga-spacing-xxs); }
    &.md\:px-xxs, & .md\:px-xxs { padding-inline: var(--dga-spacing-xxs); }
    &.md\:py-xxs, & .md\:py-xxs { padding-block: var(--dga-spacing-xxs); }
    &.md\:pt-xxs, & .md\:pt-xxs { padding-top: var(--dga-spacing-xxs); }
    &.md\:pb-xxs, & .md\:pb-xxs { padding-bottom: var(--dga-spacing-xxs); }
    &.md\:ps-xxs, & .md\:ps-xxs { padding-inline-start: var(--dga-spacing-xxs); }
    &.md\:pe-xxs, & .md\:pe-xxs { padding-inline-end: var(--dga-spacing-xxs); }
    &.md\:m-xxs, & .md\:m-xxs { margin: var(--dga-spacing-xxs); }
    &.md\:mx-xxs, & .md\:mx-xxs { margin-inline: var(--dga-spacing-xxs); }
    &.md\:my-xxs, & .md\:my-xxs { margin-block: var(--dga-spacing-xxs); }
    &.md\:mt-xxs, & .md\:mt-xxs { margin-top: var(--dga-spacing-xxs); }
    &.md\:mb-xxs, & .md\:mb-xxs { margin-bottom: var(--dga-spacing-xxs); }
    &.md\:ms-xxs, & .md\:ms-xxs { margin-inline-start: var(--dga-spacing-xxs); }
    &.md\:me-xxs, & .md\:me-xxs { margin-inline-end: var(--dga-spacing-xxs); }
    &.md\:space-y-xxs, & .md\:space-y-xxs > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-xxs); }
    &.md\:space-x-xxs, & .md\:space-x-xxs > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-xxs); }
    &.md\:p-xs, & .md\:p-xs { padding: var(--dga-spacing-xs); }
    &.md\:px-xs, & .md\:px-xs { padding-inline: var(--dga-spacing-xs); }
    &.md\:py-xs, & .md\:py-xs { padding-block: var(--dga-spacing-xs); }
    &.md\:pt-xs, & .md\:pt-xs { padding-top: var(--dga-spacing-xs); }
    &.md\:pb-xs, & .md\:pb-xs { padding-bottom: var(--dga-spacing-xs); }
    &.md\:ps-xs, & .md\:ps-xs { padding-inline-start: var(--dga-spacing-xs); }
    &.md\:pe-xs, & .md\:pe-xs { padding-inline-end: var(--dga-spacing-xs); }
    &.md\:m-xs, & .md\:m-xs { margin: var(--dga-spacing-xs); }
    &.md\:mx-xs, & .md\:mx-xs { margin-inline: var(--dga-spacing-xs); }
    &.md\:my-xs, & .md\:my-xs { margin-block: var(--dga-spacing-xs); }
    &.md\:mt-xs, & .md\:mt-xs { margin-top: var(--dga-spacing-xs); }
    &.md\:mb-xs, & .md\:mb-xs { margin-bottom: var(--dga-spacing-xs); }
    &.md\:ms-xs, & .md\:ms-xs { margin-inline-start: var(--dga-spacing-xs); }
    &.md\:me-xs, & .md\:me-xs { margin-inline-end: var(--dga-spacing-xs); }
    &.md\:space-y-xs, & .md\:space-y-xs > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-xs); }
    &.md\:space-x-xs, & .md\:space-x-xs > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-xs); }
    &.md\:p-sm, & .md\:p-sm { padding: var(--dga-spacing-sm); }
    &.md\:px-sm, & .md\:px-sm { padding-inline: var(--dga-spacing-sm); }
    &.md\:py-sm, & .md\:py-sm { padding-block: var(--dga-spacing-sm); }
    &.md\:pt-sm, & .md\:pt-sm { padding-top: var(--dga-spacing-sm); }
    &.md\:pb-sm, & .md\:pb-sm { padding-bottom: var(--dga-spacing-sm); }
    &.md\:ps-sm, & .md\:ps-sm { padding-inline-start: var(--dga-spacing-sm); }
    &.md\:pe-sm, & .md\:pe-sm { padding-inline-end: var(--dga-spacing-sm); }
    &.md\:m-sm, & .md\:m-sm { margin: var(--dga-spacing-sm); }
    &.md\:mx-sm, & .md\:mx-sm { margin-inline: var(--dga-spacing-sm); }
    &.md\:my-sm, & .md\:my-sm { margin-block: var(--dga-spacing-sm); }
    &.md\:mt-sm, & .md\:mt-sm { margin-top: var(--dga-spacing-sm); }
    &.md\:mb-sm, & .md\:mb-sm { margin-bottom: var(--dga-spacing-sm); }
    &.md\:ms-sm, & .md\:ms-sm { margin-inline-start: var(--dga-spacing-sm); }
    &.md\:me-sm, & .md\:me-sm { margin-inline-end: var(--dga-spacing-sm); }
    &.md\:space-y-sm, & .md\:space-y-sm > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-sm); }
    &.md\:space-x-sm, & .md\:space-x-sm > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-sm); }
    &.md\:p-md, & .md\:p-md { padding: var(--dga-spacing-md); }
    &.md\:px-md, & .md\:px-md { padding-inline: var(--dga-spacing-md); }
    &.md\:py-md, & .md\:py-md { padding-block: var(--dga-spacing-md); }
    &.md\:pt-md, & .md\:pt-md { padding-top: var(--dga-spacing-md); }
    &.md\:pb-md, & .md\:pb-md { padding-bottom: var(--dga-spacing-md); }
    &.md\:ps-md, & .md\:ps-md { padding-inline-start: var(--dga-spacing-md); }
    &.md\:pe-md, & .md\:pe-md { padding-inline-end: var(--dga-spacing-md); }
    &.md\:m-md, & .md\:m-md { margin: var(--dga-spacing-md); }
    &.md\:mx-md, & .md\:mx-md { margin-inline: var(--dga-spacing-md); }
    &.md\:my-md, & .md\:my-md { margin-block: var(--dga-spacing-md); }
    &.md\:mt-md, & .md\:mt-md { margin-top: var(--dga-spacing-md); }
    &.md\:mb-md, & .md\:mb-md { margin-bottom: var(--dga-spacing-md); }
    &.md\:ms-md, & .md\:ms-md { margin-inline-start: var(--dga-spacing-md); }
    &.md\:me-md, & .md\:me-md { margin-inline-end: var(--dga-spacing-md); }
    &.md\:space-y-md, & .md\:space-y-md > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-md); }
    &.md\:space-x-md, & .md\:space-x-md > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-md); }
    &.md\:p-lg, & .md\:p-lg { padding: var(--dga-spacing-lg); }
    &.md\:px-lg, & .md\:px-lg { padding-inline: var(--dga-spacing-lg); }
    &.md\:py-lg, & .md\:py-lg { padding-block: var(--dga-spacing-lg); }
    &.md\:pt-lg, & .md\:pt-lg { padding-top: var(--dga-spacing-lg); }
    &.md\:pb-lg, & .md\:pb-lg { padding-bottom: var(--dga-spacing-lg); }
    &.md\:ps-lg, & .md\:ps-lg { padding-inline-start: var(--dga-spacing-lg); }
    &.md\:pe-lg, & .md\:pe-lg { padding-inline-end: var(--dga-spacing-lg); }
    &.md\:m-lg, & .md\:m-lg { margin: var(--dga-spacing-lg); }
    &.md\:mx-lg, & .md\:mx-lg { margin-inline: var(--dga-spacing-lg); }
    &.md\:my-lg, & .md\:my-lg { margin-block: var(--dga-spacing-lg); }
    &.md\:mt-lg, & .md\:mt-lg { margin-top: var(--dga-spacing-lg); }
    &.md\:mb-lg, & .md\:mb-lg { margin-bottom: var(--dga-spacing-lg); }
    &.md\:ms-lg, & .md\:ms-lg { margin-inline-start: var(--dga-spacing-lg); }
    &.md\:me-lg, & .md\:me-lg { margin-inline-end: var(--dga-spacing-lg); }
    &.md\:space-y-lg, & .md\:space-y-lg > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-lg); }
    &.md\:space-x-lg, & .md\:space-x-lg > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-lg); }
    &.md\:p-xl, & .md\:p-xl { padding: var(--dga-spacing-xl); }
    &.md\:px-xl, & .md\:px-xl { padding-inline: var(--dga-spacing-xl); }
    &.md\:py-xl, & .md\:py-xl { padding-block: var(--dga-spacing-xl); }
    &.md\:pt-xl, & .md\:pt-xl { padding-top: var(--dga-spacing-xl); }
    &.md\:pb-xl, & .md\:pb-xl { padding-bottom: var(--dga-spacing-xl); }
    &.md\:ps-xl, & .md\:ps-xl { padding-inline-start: var(--dga-spacing-xl); }
    &.md\:pe-xl, & .md\:pe-xl { padding-inline-end: var(--dga-spacing-xl); }
    &.md\:m-xl, & .md\:m-xl { margin: var(--dga-spacing-xl); }
    &.md\:mx-xl, & .md\:mx-xl { margin-inline: var(--dga-spacing-xl); }
    &.md\:my-xl, & .md\:my-xl { margin-block: var(--dga-spacing-xl); }
    &.md\:mt-xl, & .md\:mt-xl { margin-top: var(--dga-spacing-xl); }
    &.md\:mb-xl, & .md\:mb-xl { margin-bottom: var(--dga-spacing-xl); }
    &.md\:ms-xl, & .md\:ms-xl { margin-inline-start: var(--dga-spacing-xl); }
    &.md\:me-xl, & .md\:me-xl { margin-inline-end: var(--dga-spacing-xl); }
    &.md\:space-y-xl, & .md\:space-y-xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-xl); }
    &.md\:space-x-xl, & .md\:space-x-xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-xl); }
    &.md\:p-2xl, & .md\:p-2xl { padding: var(--dga-spacing-2xl); }
    &.md\:px-2xl, & .md\:px-2xl { padding-inline: var(--dga-spacing-2xl); }
    &.md\:py-2xl, & .md\:py-2xl { padding-block: var(--dga-spacing-2xl); }
    &.md\:pt-2xl, & .md\:pt-2xl { padding-top: var(--dga-spacing-2xl); }
    &.md\:pb-2xl, & .md\:pb-2xl { padding-bottom: var(--dga-spacing-2xl); }
    &.md\:ps-2xl, & .md\:ps-2xl { padding-inline-start: var(--dga-spacing-2xl); }
    &.md\:pe-2xl, & .md\:pe-2xl { padding-inline-end: var(--dga-spacing-2xl); }
    &.md\:m-2xl, & .md\:m-2xl { margin: var(--dga-spacing-2xl); }
    &.md\:mx-2xl, & .md\:mx-2xl { margin-inline: var(--dga-spacing-2xl); }
    &.md\:my-2xl, & .md\:my-2xl { margin-block: var(--dga-spacing-2xl); }
    &.md\:mt-2xl, & .md\:mt-2xl { margin-top: var(--dga-spacing-2xl); }
    &.md\:mb-2xl, & .md\:mb-2xl { margin-bottom: var(--dga-spacing-2xl); }
    &.md\:ms-2xl, & .md\:ms-2xl { margin-inline-start: var(--dga-spacing-2xl); }
    &.md\:me-2xl, & .md\:me-2xl { margin-inline-end: var(--dga-spacing-2xl); }
    &.md\:space-y-2xl, & .md\:space-y-2xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-2xl); }
    &.md\:space-x-2xl, & .md\:space-x-2xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-2xl); }
    &.md\:p-3xl, & .md\:p-3xl { padding: var(--dga-spacing-3xl); }
    &.md\:px-3xl, & .md\:px-3xl { padding-inline: var(--dga-spacing-3xl); }
    &.md\:py-3xl, & .md\:py-3xl { padding-block: var(--dga-spacing-3xl); }
    &.md\:pt-3xl, & .md\:pt-3xl { padding-top: var(--dga-spacing-3xl); }
    &.md\:pb-3xl, & .md\:pb-3xl { padding-bottom: var(--dga-spacing-3xl); }
    &.md\:ps-3xl, & .md\:ps-3xl { padding-inline-start: var(--dga-spacing-3xl); }
    &.md\:pe-3xl, & .md\:pe-3xl { padding-inline-end: var(--dga-spacing-3xl); }
    &.md\:m-3xl, & .md\:m-3xl { margin: var(--dga-spacing-3xl); }
    &.md\:mx-3xl, & .md\:mx-3xl { margin-inline: var(--dga-spacing-3xl); }
    &.md\:my-3xl, & .md\:my-3xl { margin-block: var(--dga-spacing-3xl); }
    &.md\:mt-3xl, & .md\:mt-3xl { margin-top: var(--dga-spacing-3xl); }
    &.md\:mb-3xl, & .md\:mb-3xl { margin-bottom: var(--dga-spacing-3xl); }
    &.md\:ms-3xl, & .md\:ms-3xl { margin-inline-start: var(--dga-spacing-3xl); }
    &.md\:me-3xl, & .md\:me-3xl { margin-inline-end: var(--dga-spacing-3xl); }
    &.md\:space-y-3xl, & .md\:space-y-3xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-3xl); }
    &.md\:space-x-3xl, & .md\:space-x-3xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-3xl); }
    &.md\:p-4xl, & .md\:p-4xl { padding: var(--dga-spacing-4xl); }
    &.md\:px-4xl, & .md\:px-4xl { padding-inline: var(--dga-spacing-4xl); }
    &.md\:py-4xl, & .md\:py-4xl { padding-block: var(--dga-spacing-4xl); }
    &.md\:pt-4xl, & .md\:pt-4xl { padding-top: var(--dga-spacing-4xl); }
    &.md\:pb-4xl, & .md\:pb-4xl { padding-bottom: var(--dga-spacing-4xl); }
    &.md\:ps-4xl, & .md\:ps-4xl { padding-inline-start: var(--dga-spacing-4xl); }
    &.md\:pe-4xl, & .md\:pe-4xl { padding-inline-end: var(--dga-spacing-4xl); }
    &.md\:m-4xl, & .md\:m-4xl { margin: var(--dga-spacing-4xl); }
    &.md\:mx-4xl, & .md\:mx-4xl { margin-inline: var(--dga-spacing-4xl); }
    &.md\:my-4xl, & .md\:my-4xl { margin-block: var(--dga-spacing-4xl); }
    &.md\:mt-4xl, & .md\:mt-4xl { margin-top: var(--dga-spacing-4xl); }
    &.md\:mb-4xl, & .md\:mb-4xl { margin-bottom: var(--dga-spacing-4xl); }
    &.md\:ms-4xl, & .md\:ms-4xl { margin-inline-start: var(--dga-spacing-4xl); }
    &.md\:me-4xl, & .md\:me-4xl { margin-inline-end: var(--dga-spacing-4xl); }
    &.md\:space-y-4xl, & .md\:space-y-4xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-4xl); }
    &.md\:space-x-4xl, & .md\:space-x-4xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-4xl); }
    &.md\:p-5xl, & .md\:p-5xl { padding: var(--dga-spacing-5xl); }
    &.md\:px-5xl, & .md\:px-5xl { padding-inline: var(--dga-spacing-5xl); }
    &.md\:py-5xl, & .md\:py-5xl { padding-block: var(--dga-spacing-5xl); }
    &.md\:pt-5xl, & .md\:pt-5xl { padding-top: var(--dga-spacing-5xl); }
    &.md\:pb-5xl, & .md\:pb-5xl { padding-bottom: var(--dga-spacing-5xl); }
    &.md\:ps-5xl, & .md\:ps-5xl { padding-inline-start: var(--dga-spacing-5xl); }
    &.md\:pe-5xl, & .md\:pe-5xl { padding-inline-end: var(--dga-spacing-5xl); }
    &.md\:m-5xl, & .md\:m-5xl { margin: var(--dga-spacing-5xl); }
    &.md\:mx-5xl, & .md\:mx-5xl { margin-inline: var(--dga-spacing-5xl); }
    &.md\:my-5xl, & .md\:my-5xl { margin-block: var(--dga-spacing-5xl); }
    &.md\:mt-5xl, & .md\:mt-5xl { margin-top: var(--dga-spacing-5xl); }
    &.md\:mb-5xl, & .md\:mb-5xl { margin-bottom: var(--dga-spacing-5xl); }
    &.md\:ms-5xl, & .md\:ms-5xl { margin-inline-start: var(--dga-spacing-5xl); }
    &.md\:me-5xl, & .md\:me-5xl { margin-inline-end: var(--dga-spacing-5xl); }
    &.md\:space-y-5xl, & .md\:space-y-5xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-5xl); }
    &.md\:space-x-5xl, & .md\:space-x-5xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-5xl); }
    &.md\:p-6xl, & .md\:p-6xl { padding: var(--dga-spacing-6xl); }
    &.md\:px-6xl, & .md\:px-6xl { padding-inline: var(--dga-spacing-6xl); }
    &.md\:py-6xl, & .md\:py-6xl { padding-block: var(--dga-spacing-6xl); }
    &.md\:pt-6xl, & .md\:pt-6xl { padding-top: var(--dga-spacing-6xl); }
    &.md\:pb-6xl, & .md\:pb-6xl { padding-bottom: var(--dga-spacing-6xl); }
    &.md\:ps-6xl, & .md\:ps-6xl { padding-inline-start: var(--dga-spacing-6xl); }
    &.md\:pe-6xl, & .md\:pe-6xl { padding-inline-end: var(--dga-spacing-6xl); }
    &.md\:m-6xl, & .md\:m-6xl { margin: var(--dga-spacing-6xl); }
    &.md\:mx-6xl, & .md\:mx-6xl { margin-inline: var(--dga-spacing-6xl); }
    &.md\:my-6xl, & .md\:my-6xl { margin-block: var(--dga-spacing-6xl); }
    &.md\:mt-6xl, & .md\:mt-6xl { margin-top: var(--dga-spacing-6xl); }
    &.md\:mb-6xl, & .md\:mb-6xl { margin-bottom: var(--dga-spacing-6xl); }
    &.md\:ms-6xl, & .md\:ms-6xl { margin-inline-start: var(--dga-spacing-6xl); }
    &.md\:me-6xl, & .md\:me-6xl { margin-inline-end: var(--dga-spacing-6xl); }
    &.md\:space-y-6xl, & .md\:space-y-6xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-6xl); }
    &.md\:space-x-6xl, & .md\:space-x-6xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-6xl); }
    &.md\:p-7xl, & .md\:p-7xl { padding: var(--dga-spacing-7xl); }
    &.md\:px-7xl, & .md\:px-7xl { padding-inline: var(--dga-spacing-7xl); }
    &.md\:py-7xl, & .md\:py-7xl { padding-block: var(--dga-spacing-7xl); }
    &.md\:pt-7xl, & .md\:pt-7xl { padding-top: var(--dga-spacing-7xl); }
    &.md\:pb-7xl, & .md\:pb-7xl { padding-bottom: var(--dga-spacing-7xl); }
    &.md\:ps-7xl, & .md\:ps-7xl { padding-inline-start: var(--dga-spacing-7xl); }
    &.md\:pe-7xl, & .md\:pe-7xl { padding-inline-end: var(--dga-spacing-7xl); }
    &.md\:m-7xl, & .md\:m-7xl { margin: var(--dga-spacing-7xl); }
    &.md\:mx-7xl, & .md\:mx-7xl { margin-inline: var(--dga-spacing-7xl); }
    &.md\:my-7xl, & .md\:my-7xl { margin-block: var(--dga-spacing-7xl); }
    &.md\:mt-7xl, & .md\:mt-7xl { margin-top: var(--dga-spacing-7xl); }
    &.md\:mb-7xl, & .md\:mb-7xl { margin-bottom: var(--dga-spacing-7xl); }
    &.md\:ms-7xl, & .md\:ms-7xl { margin-inline-start: var(--dga-spacing-7xl); }
    &.md\:me-7xl, & .md\:me-7xl { margin-inline-end: var(--dga-spacing-7xl); }
    &.md\:space-y-7xl, & .md\:space-y-7xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-7xl); }
    &.md\:space-x-7xl, & .md\:space-x-7xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-7xl); }
    &.md\:p-8xl, & .md\:p-8xl { padding: var(--dga-spacing-8xl); }
    &.md\:px-8xl, & .md\:px-8xl { padding-inline: var(--dga-spacing-8xl); }
    &.md\:py-8xl, & .md\:py-8xl { padding-block: var(--dga-spacing-8xl); }
    &.md\:pt-8xl, & .md\:pt-8xl { padding-top: var(--dga-spacing-8xl); }
    &.md\:pb-8xl, & .md\:pb-8xl { padding-bottom: var(--dga-spacing-8xl); }
    &.md\:ps-8xl, & .md\:ps-8xl { padding-inline-start: var(--dga-spacing-8xl); }
    &.md\:pe-8xl, & .md\:pe-8xl { padding-inline-end: var(--dga-spacing-8xl); }
    &.md\:m-8xl, & .md\:m-8xl { margin: var(--dga-spacing-8xl); }
    &.md\:mx-8xl, & .md\:mx-8xl { margin-inline: var(--dga-spacing-8xl); }
    &.md\:my-8xl, & .md\:my-8xl { margin-block: var(--dga-spacing-8xl); }
    &.md\:mt-8xl, & .md\:mt-8xl { margin-top: var(--dga-spacing-8xl); }
    &.md\:mb-8xl, & .md\:mb-8xl { margin-bottom: var(--dga-spacing-8xl); }
    &.md\:ms-8xl, & .md\:ms-8xl { margin-inline-start: var(--dga-spacing-8xl); }
    &.md\:me-8xl, & .md\:me-8xl { margin-inline-end: var(--dga-spacing-8xl); }
    &.md\:space-y-8xl, & .md\:space-y-8xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-8xl); }
    &.md\:space-x-8xl, & .md\:space-x-8xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-8xl); }
    &.md\:p-9xl, & .md\:p-9xl { padding: var(--dga-spacing-9xl); }
    &.md\:px-9xl, & .md\:px-9xl { padding-inline: var(--dga-spacing-9xl); }
    &.md\:py-9xl, & .md\:py-9xl { padding-block: var(--dga-spacing-9xl); }
    &.md\:pt-9xl, & .md\:pt-9xl { padding-top: var(--dga-spacing-9xl); }
    &.md\:pb-9xl, & .md\:pb-9xl { padding-bottom: var(--dga-spacing-9xl); }
    &.md\:ps-9xl, & .md\:ps-9xl { padding-inline-start: var(--dga-spacing-9xl); }
    &.md\:pe-9xl, & .md\:pe-9xl { padding-inline-end: var(--dga-spacing-9xl); }
    &.md\:m-9xl, & .md\:m-9xl { margin: var(--dga-spacing-9xl); }
    &.md\:mx-9xl, & .md\:mx-9xl { margin-inline: var(--dga-spacing-9xl); }
    &.md\:my-9xl, & .md\:my-9xl { margin-block: var(--dga-spacing-9xl); }
    &.md\:mt-9xl, & .md\:mt-9xl { margin-top: var(--dga-spacing-9xl); }
    &.md\:mb-9xl, & .md\:mb-9xl { margin-bottom: var(--dga-spacing-9xl); }
    &.md\:ms-9xl, & .md\:ms-9xl { margin-inline-start: var(--dga-spacing-9xl); }
    &.md\:me-9xl, & .md\:me-9xl { margin-inline-end: var(--dga-spacing-9xl); }
    &.md\:space-y-9xl, & .md\:space-y-9xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-9xl); }
    &.md\:space-x-9xl, & .md\:space-x-9xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-9xl); }
    &.md\:p-10xl, & .md\:p-10xl { padding: var(--dga-spacing-10xl); }
    &.md\:px-10xl, & .md\:px-10xl { padding-inline: var(--dga-spacing-10xl); }
    &.md\:py-10xl, & .md\:py-10xl { padding-block: var(--dga-spacing-10xl); }
    &.md\:pt-10xl, & .md\:pt-10xl { padding-top: var(--dga-spacing-10xl); }
    &.md\:pb-10xl, & .md\:pb-10xl { padding-bottom: var(--dga-spacing-10xl); }
    &.md\:ps-10xl, & .md\:ps-10xl { padding-inline-start: var(--dga-spacing-10xl); }
    &.md\:pe-10xl, & .md\:pe-10xl { padding-inline-end: var(--dga-spacing-10xl); }
    &.md\:m-10xl, & .md\:m-10xl { margin: var(--dga-spacing-10xl); }
    &.md\:mx-10xl, & .md\:mx-10xl { margin-inline: var(--dga-spacing-10xl); }
    &.md\:my-10xl, & .md\:my-10xl { margin-block: var(--dga-spacing-10xl); }
    &.md\:mt-10xl, & .md\:mt-10xl { margin-top: var(--dga-spacing-10xl); }
    &.md\:mb-10xl, & .md\:mb-10xl { margin-bottom: var(--dga-spacing-10xl); }
    &.md\:ms-10xl, & .md\:ms-10xl { margin-inline-start: var(--dga-spacing-10xl); }
    &.md\:me-10xl, & .md\:me-10xl { margin-inline-end: var(--dga-spacing-10xl); }
    &.md\:space-y-10xl, & .md\:space-y-10xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-10xl); }
    &.md\:space-x-10xl, & .md\:space-x-10xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-10xl); }
    &.md\:p-11xl, & .md\:p-11xl { padding: var(--dga-spacing-11xl); }
    &.md\:px-11xl, & .md\:px-11xl { padding-inline: var(--dga-spacing-11xl); }
    &.md\:py-11xl, & .md\:py-11xl { padding-block: var(--dga-spacing-11xl); }
    &.md\:pt-11xl, & .md\:pt-11xl { padding-top: var(--dga-spacing-11xl); }
    &.md\:pb-11xl, & .md\:pb-11xl { padding-bottom: var(--dga-spacing-11xl); }
    &.md\:ps-11xl, & .md\:ps-11xl { padding-inline-start: var(--dga-spacing-11xl); }
    &.md\:pe-11xl, & .md\:pe-11xl { padding-inline-end: var(--dga-spacing-11xl); }
    &.md\:m-11xl, & .md\:m-11xl { margin: var(--dga-spacing-11xl); }
    &.md\:mx-11xl, & .md\:mx-11xl { margin-inline: var(--dga-spacing-11xl); }
    &.md\:my-11xl, & .md\:my-11xl { margin-block: var(--dga-spacing-11xl); }
    &.md\:mt-11xl, & .md\:mt-11xl { margin-top: var(--dga-spacing-11xl); }
    &.md\:mb-11xl, & .md\:mb-11xl { margin-bottom: var(--dga-spacing-11xl); }
    &.md\:ms-11xl, & .md\:ms-11xl { margin-inline-start: var(--dga-spacing-11xl); }
    &.md\:me-11xl, & .md\:me-11xl { margin-inline-end: var(--dga-spacing-11xl); }
    &.md\:space-y-11xl, & .md\:space-y-11xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-11xl); }
    &.md\:space-x-11xl, & .md\:space-x-11xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-11xl); }
  }

  @media (min-width: 1280px) {
    &.lg\:p-none, & .lg\:p-none { padding: var(--dga-spacing-none); }
    &.lg\:px-none, & .lg\:px-none { padding-inline: var(--dga-spacing-none); }
    &.lg\:py-none, & .lg\:py-none { padding-block: var(--dga-spacing-none); }
    &.lg\:pt-none, & .lg\:pt-none { padding-top: var(--dga-spacing-none); }
    &.lg\:pb-none, & .lg\:pb-none { padding-bottom: var(--dga-spacing-none); }
    &.lg\:ps-none, & .lg\:ps-none { padding-inline-start: var(--dga-spacing-none); }
    &.lg\:pe-none, & .lg\:pe-none { padding-inline-end: var(--dga-spacing-none); }
    &.lg\:m-none, & .lg\:m-none { margin: var(--dga-spacing-none); }
    &.lg\:mx-none, & .lg\:mx-none { margin-inline: var(--dga-spacing-none); }
    &.lg\:my-none, & .lg\:my-none { margin-block: var(--dga-spacing-none); }
    &.lg\:mt-none, & .lg\:mt-none { margin-top: var(--dga-spacing-none); }
    &.lg\:mb-none, & .lg\:mb-none { margin-bottom: var(--dga-spacing-none); }
    &.lg\:ms-none, & .lg\:ms-none { margin-inline-start: var(--dga-spacing-none); }
    &.lg\:me-none, & .lg\:me-none { margin-inline-end: var(--dga-spacing-none); }
    &.lg\:space-y-none, & .lg\:space-y-none > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-none); }
    &.lg\:space-x-none, & .lg\:space-x-none > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-none); }
    &.lg\:p-0, & .lg\:p-0 { padding: 0; }
    &.lg\:px-0, & .lg\:px-0 { padding-inline: 0; }
    &.lg\:py-0, & .lg\:py-0 { padding-block: 0; }
    &.lg\:pt-0, & .lg\:pt-0 { padding-top: 0; }
    &.lg\:pb-0, & .lg\:pb-0 { padding-bottom: 0; }
    &.lg\:ps-0, & .lg\:ps-0 { padding-inline-start: 0; }
    &.lg\:pe-0, & .lg\:pe-0 { padding-inline-end: 0; }
    &.lg\:m-0, & .lg\:m-0 { margin: 0; }
    &.lg\:mx-0, & .lg\:mx-0 { margin-inline: 0; }
    &.lg\:my-0, & .lg\:my-0 { margin-block: 0; }
    &.lg\:mt-0, & .lg\:mt-0 { margin-top: 0; }
    &.lg\:mb-0, & .lg\:mb-0 { margin-bottom: 0; }
    &.lg\:ms-0, & .lg\:ms-0 { margin-inline-start: 0; }
    &.lg\:me-0, & .lg\:me-0 { margin-inline-end: 0; }
    &.lg\:space-y-0, & .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) { margin-block-start: 0; }
    &.lg\:space-x-0, & .lg\:space-x-0 > :not([hidden]) ~ :not([hidden]) { margin-inline-start: 0; }
    &.lg\:p-xxs, & .lg\:p-xxs { padding: var(--dga-spacing-xxs); }
    &.lg\:px-xxs, & .lg\:px-xxs { padding-inline: var(--dga-spacing-xxs); }
    &.lg\:py-xxs, & .lg\:py-xxs { padding-block: var(--dga-spacing-xxs); }
    &.lg\:pt-xxs, & .lg\:pt-xxs { padding-top: var(--dga-spacing-xxs); }
    &.lg\:pb-xxs, & .lg\:pb-xxs { padding-bottom: var(--dga-spacing-xxs); }
    &.lg\:ps-xxs, & .lg\:ps-xxs { padding-inline-start: var(--dga-spacing-xxs); }
    &.lg\:pe-xxs, & .lg\:pe-xxs { padding-inline-end: var(--dga-spacing-xxs); }
    &.lg\:m-xxs, & .lg\:m-xxs { margin: var(--dga-spacing-xxs); }
    &.lg\:mx-xxs, & .lg\:mx-xxs { margin-inline: var(--dga-spacing-xxs); }
    &.lg\:my-xxs, & .lg\:my-xxs { margin-block: var(--dga-spacing-xxs); }
    &.lg\:mt-xxs, & .lg\:mt-xxs { margin-top: var(--dga-spacing-xxs); }
    &.lg\:mb-xxs, & .lg\:mb-xxs { margin-bottom: var(--dga-spacing-xxs); }
    &.lg\:ms-xxs, & .lg\:ms-xxs { margin-inline-start: var(--dga-spacing-xxs); }
    &.lg\:me-xxs, & .lg\:me-xxs { margin-inline-end: var(--dga-spacing-xxs); }
    &.lg\:space-y-xxs, & .lg\:space-y-xxs > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-xxs); }
    &.lg\:space-x-xxs, & .lg\:space-x-xxs > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-xxs); }
    &.lg\:p-xs, & .lg\:p-xs { padding: var(--dga-spacing-xs); }
    &.lg\:px-xs, & .lg\:px-xs { padding-inline: var(--dga-spacing-xs); }
    &.lg\:py-xs, & .lg\:py-xs { padding-block: var(--dga-spacing-xs); }
    &.lg\:pt-xs, & .lg\:pt-xs { padding-top: var(--dga-spacing-xs); }
    &.lg\:pb-xs, & .lg\:pb-xs { padding-bottom: var(--dga-spacing-xs); }
    &.lg\:ps-xs, & .lg\:ps-xs { padding-inline-start: var(--dga-spacing-xs); }
    &.lg\:pe-xs, & .lg\:pe-xs { padding-inline-end: var(--dga-spacing-xs); }
    &.lg\:m-xs, & .lg\:m-xs { margin: var(--dga-spacing-xs); }
    &.lg\:mx-xs, & .lg\:mx-xs { margin-inline: var(--dga-spacing-xs); }
    &.lg\:my-xs, & .lg\:my-xs { margin-block: var(--dga-spacing-xs); }
    &.lg\:mt-xs, & .lg\:mt-xs { margin-top: var(--dga-spacing-xs); }
    &.lg\:mb-xs, & .lg\:mb-xs { margin-bottom: var(--dga-spacing-xs); }
    &.lg\:ms-xs, & .lg\:ms-xs { margin-inline-start: var(--dga-spacing-xs); }
    &.lg\:me-xs, & .lg\:me-xs { margin-inline-end: var(--dga-spacing-xs); }
    &.lg\:space-y-xs, & .lg\:space-y-xs > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-xs); }
    &.lg\:space-x-xs, & .lg\:space-x-xs > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-xs); }
    &.lg\:p-sm, & .lg\:p-sm { padding: var(--dga-spacing-sm); }
    &.lg\:px-sm, & .lg\:px-sm { padding-inline: var(--dga-spacing-sm); }
    &.lg\:py-sm, & .lg\:py-sm { padding-block: var(--dga-spacing-sm); }
    &.lg\:pt-sm, & .lg\:pt-sm { padding-top: var(--dga-spacing-sm); }
    &.lg\:pb-sm, & .lg\:pb-sm { padding-bottom: var(--dga-spacing-sm); }
    &.lg\:ps-sm, & .lg\:ps-sm { padding-inline-start: var(--dga-spacing-sm); }
    &.lg\:pe-sm, & .lg\:pe-sm { padding-inline-end: var(--dga-spacing-sm); }
    &.lg\:m-sm, & .lg\:m-sm { margin: var(--dga-spacing-sm); }
    &.lg\:mx-sm, & .lg\:mx-sm { margin-inline: var(--dga-spacing-sm); }
    &.lg\:my-sm, & .lg\:my-sm { margin-block: var(--dga-spacing-sm); }
    &.lg\:mt-sm, & .lg\:mt-sm { margin-top: var(--dga-spacing-sm); }
    &.lg\:mb-sm, & .lg\:mb-sm { margin-bottom: var(--dga-spacing-sm); }
    &.lg\:ms-sm, & .lg\:ms-sm { margin-inline-start: var(--dga-spacing-sm); }
    &.lg\:me-sm, & .lg\:me-sm { margin-inline-end: var(--dga-spacing-sm); }
    &.lg\:space-y-sm, & .lg\:space-y-sm > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-sm); }
    &.lg\:space-x-sm, & .lg\:space-x-sm > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-sm); }
    &.lg\:p-md, & .lg\:p-md { padding: var(--dga-spacing-md); }
    &.lg\:px-md, & .lg\:px-md { padding-inline: var(--dga-spacing-md); }
    &.lg\:py-md, & .lg\:py-md { padding-block: var(--dga-spacing-md); }
    &.lg\:pt-md, & .lg\:pt-md { padding-top: var(--dga-spacing-md); }
    &.lg\:pb-md, & .lg\:pb-md { padding-bottom: var(--dga-spacing-md); }
    &.lg\:ps-md, & .lg\:ps-md { padding-inline-start: var(--dga-spacing-md); }
    &.lg\:pe-md, & .lg\:pe-md { padding-inline-end: var(--dga-spacing-md); }
    &.lg\:m-md, & .lg\:m-md { margin: var(--dga-spacing-md); }
    &.lg\:mx-md, & .lg\:mx-md { margin-inline: var(--dga-spacing-md); }
    &.lg\:my-md, & .lg\:my-md { margin-block: var(--dga-spacing-md); }
    &.lg\:mt-md, & .lg\:mt-md { margin-top: var(--dga-spacing-md); }
    &.lg\:mb-md, & .lg\:mb-md { margin-bottom: var(--dga-spacing-md); }
    &.lg\:ms-md, & .lg\:ms-md { margin-inline-start: var(--dga-spacing-md); }
    &.lg\:me-md, & .lg\:me-md { margin-inline-end: var(--dga-spacing-md); }
    &.lg\:space-y-md, & .lg\:space-y-md > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-md); }
    &.lg\:space-x-md, & .lg\:space-x-md > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-md); }
    &.lg\:p-lg, & .lg\:p-lg { padding: var(--dga-spacing-lg); }
    &.lg\:px-lg, & .lg\:px-lg { padding-inline: var(--dga-spacing-lg); }
    &.lg\:py-lg, & .lg\:py-lg { padding-block: var(--dga-spacing-lg); }
    &.lg\:pt-lg, & .lg\:pt-lg { padding-top: var(--dga-spacing-lg); }
    &.lg\:pb-lg, & .lg\:pb-lg { padding-bottom: var(--dga-spacing-lg); }
    &.lg\:ps-lg, & .lg\:ps-lg { padding-inline-start: var(--dga-spacing-lg); }
    &.lg\:pe-lg, & .lg\:pe-lg { padding-inline-end: var(--dga-spacing-lg); }
    &.lg\:m-lg, & .lg\:m-lg { margin: var(--dga-spacing-lg); }
    &.lg\:mx-lg, & .lg\:mx-lg { margin-inline: var(--dga-spacing-lg); }
    &.lg\:my-lg, & .lg\:my-lg { margin-block: var(--dga-spacing-lg); }
    &.lg\:mt-lg, & .lg\:mt-lg { margin-top: var(--dga-spacing-lg); }
    &.lg\:mb-lg, & .lg\:mb-lg { margin-bottom: var(--dga-spacing-lg); }
    &.lg\:ms-lg, & .lg\:ms-lg { margin-inline-start: var(--dga-spacing-lg); }
    &.lg\:me-lg, & .lg\:me-lg { margin-inline-end: var(--dga-spacing-lg); }
    &.lg\:space-y-lg, & .lg\:space-y-lg > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-lg); }
    &.lg\:space-x-lg, & .lg\:space-x-lg > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-lg); }
    &.lg\:p-xl, & .lg\:p-xl { padding: var(--dga-spacing-xl); }
    &.lg\:px-xl, & .lg\:px-xl { padding-inline: var(--dga-spacing-xl); }
    &.lg\:py-xl, & .lg\:py-xl { padding-block: var(--dga-spacing-xl); }
    &.lg\:pt-xl, & .lg\:pt-xl { padding-top: var(--dga-spacing-xl); }
    &.lg\:pb-xl, & .lg\:pb-xl { padding-bottom: var(--dga-spacing-xl); }
    &.lg\:ps-xl, & .lg\:ps-xl { padding-inline-start: var(--dga-spacing-xl); }
    &.lg\:pe-xl, & .lg\:pe-xl { padding-inline-end: var(--dga-spacing-xl); }
    &.lg\:m-xl, & .lg\:m-xl { margin: var(--dga-spacing-xl); }
    &.lg\:mx-xl, & .lg\:mx-xl { margin-inline: var(--dga-spacing-xl); }
    &.lg\:my-xl, & .lg\:my-xl { margin-block: var(--dga-spacing-xl); }
    &.lg\:mt-xl, & .lg\:mt-xl { margin-top: var(--dga-spacing-xl); }
    &.lg\:mb-xl, & .lg\:mb-xl { margin-bottom: var(--dga-spacing-xl); }
    &.lg\:ms-xl, & .lg\:ms-xl { margin-inline-start: var(--dga-spacing-xl); }
    &.lg\:me-xl, & .lg\:me-xl { margin-inline-end: var(--dga-spacing-xl); }
    &.lg\:space-y-xl, & .lg\:space-y-xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-xl); }
    &.lg\:space-x-xl, & .lg\:space-x-xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-xl); }
    &.lg\:p-2xl, & .lg\:p-2xl { padding: var(--dga-spacing-2xl); }
    &.lg\:px-2xl, & .lg\:px-2xl { padding-inline: var(--dga-spacing-2xl); }
    &.lg\:py-2xl, & .lg\:py-2xl { padding-block: var(--dga-spacing-2xl); }
    &.lg\:pt-2xl, & .lg\:pt-2xl { padding-top: var(--dga-spacing-2xl); }
    &.lg\:pb-2xl, & .lg\:pb-2xl { padding-bottom: var(--dga-spacing-2xl); }
    &.lg\:ps-2xl, & .lg\:ps-2xl { padding-inline-start: var(--dga-spacing-2xl); }
    &.lg\:pe-2xl, & .lg\:pe-2xl { padding-inline-end: var(--dga-spacing-2xl); }
    &.lg\:m-2xl, & .lg\:m-2xl { margin: var(--dga-spacing-2xl); }
    &.lg\:mx-2xl, & .lg\:mx-2xl { margin-inline: var(--dga-spacing-2xl); }
    &.lg\:my-2xl, & .lg\:my-2xl { margin-block: var(--dga-spacing-2xl); }
    &.lg\:mt-2xl, & .lg\:mt-2xl { margin-top: var(--dga-spacing-2xl); }
    &.lg\:mb-2xl, & .lg\:mb-2xl { margin-bottom: var(--dga-spacing-2xl); }
    &.lg\:ms-2xl, & .lg\:ms-2xl { margin-inline-start: var(--dga-spacing-2xl); }
    &.lg\:me-2xl, & .lg\:me-2xl { margin-inline-end: var(--dga-spacing-2xl); }
    &.lg\:space-y-2xl, & .lg\:space-y-2xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-2xl); }
    &.lg\:space-x-2xl, & .lg\:space-x-2xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-2xl); }
    &.lg\:p-3xl, & .lg\:p-3xl { padding: var(--dga-spacing-3xl); }
    &.lg\:px-3xl, & .lg\:px-3xl { padding-inline: var(--dga-spacing-3xl); }
    &.lg\:py-3xl, & .lg\:py-3xl { padding-block: var(--dga-spacing-3xl); }
    &.lg\:pt-3xl, & .lg\:pt-3xl { padding-top: var(--dga-spacing-3xl); }
    &.lg\:pb-3xl, & .lg\:pb-3xl { padding-bottom: var(--dga-spacing-3xl); }
    &.lg\:ps-3xl, & .lg\:ps-3xl { padding-inline-start: var(--dga-spacing-3xl); }
    &.lg\:pe-3xl, & .lg\:pe-3xl { padding-inline-end: var(--dga-spacing-3xl); }
    &.lg\:m-3xl, & .lg\:m-3xl { margin: var(--dga-spacing-3xl); }
    &.lg\:mx-3xl, & .lg\:mx-3xl { margin-inline: var(--dga-spacing-3xl); }
    &.lg\:my-3xl, & .lg\:my-3xl { margin-block: var(--dga-spacing-3xl); }
    &.lg\:mt-3xl, & .lg\:mt-3xl { margin-top: var(--dga-spacing-3xl); }
    &.lg\:mb-3xl, & .lg\:mb-3xl { margin-bottom: var(--dga-spacing-3xl); }
    &.lg\:ms-3xl, & .lg\:ms-3xl { margin-inline-start: var(--dga-spacing-3xl); }
    &.lg\:me-3xl, & .lg\:me-3xl { margin-inline-end: var(--dga-spacing-3xl); }
    &.lg\:space-y-3xl, & .lg\:space-y-3xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-3xl); }
    &.lg\:space-x-3xl, & .lg\:space-x-3xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-3xl); }
    &.lg\:p-4xl, & .lg\:p-4xl { padding: var(--dga-spacing-4xl); }
    &.lg\:px-4xl, & .lg\:px-4xl { padding-inline: var(--dga-spacing-4xl); }
    &.lg\:py-4xl, & .lg\:py-4xl { padding-block: var(--dga-spacing-4xl); }
    &.lg\:pt-4xl, & .lg\:pt-4xl { padding-top: var(--dga-spacing-4xl); }
    &.lg\:pb-4xl, & .lg\:pb-4xl { padding-bottom: var(--dga-spacing-4xl); }
    &.lg\:ps-4xl, & .lg\:ps-4xl { padding-inline-start: var(--dga-spacing-4xl); }
    &.lg\:pe-4xl, & .lg\:pe-4xl { padding-inline-end: var(--dga-spacing-4xl); }
    &.lg\:m-4xl, & .lg\:m-4xl { margin: var(--dga-spacing-4xl); }
    &.lg\:mx-4xl, & .lg\:mx-4xl { margin-inline: var(--dga-spacing-4xl); }
    &.lg\:my-4xl, & .lg\:my-4xl { margin-block: var(--dga-spacing-4xl); }
    &.lg\:mt-4xl, & .lg\:mt-4xl { margin-top: var(--dga-spacing-4xl); }
    &.lg\:mb-4xl, & .lg\:mb-4xl { margin-bottom: var(--dga-spacing-4xl); }
    &.lg\:ms-4xl, & .lg\:ms-4xl { margin-inline-start: var(--dga-spacing-4xl); }
    &.lg\:me-4xl, & .lg\:me-4xl { margin-inline-end: var(--dga-spacing-4xl); }
    &.lg\:space-y-4xl, & .lg\:space-y-4xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-4xl); }
    &.lg\:space-x-4xl, & .lg\:space-x-4xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-4xl); }
    &.lg\:p-5xl, & .lg\:p-5xl { padding: var(--dga-spacing-5xl); }
    &.lg\:px-5xl, & .lg\:px-5xl { padding-inline: var(--dga-spacing-5xl); }
    &.lg\:py-5xl, & .lg\:py-5xl { padding-block: var(--dga-spacing-5xl); }
    &.lg\:pt-5xl, & .lg\:pt-5xl { padding-top: var(--dga-spacing-5xl); }
    &.lg\:pb-5xl, & .lg\:pb-5xl { padding-bottom: var(--dga-spacing-5xl); }
    &.lg\:ps-5xl, & .lg\:ps-5xl { padding-inline-start: var(--dga-spacing-5xl); }
    &.lg\:pe-5xl, & .lg\:pe-5xl { padding-inline-end: var(--dga-spacing-5xl); }
    &.lg\:m-5xl, & .lg\:m-5xl { margin: var(--dga-spacing-5xl); }
    &.lg\:mx-5xl, & .lg\:mx-5xl { margin-inline: var(--dga-spacing-5xl); }
    &.lg\:my-5xl, & .lg\:my-5xl { margin-block: var(--dga-spacing-5xl); }
    &.lg\:mt-5xl, & .lg\:mt-5xl { margin-top: var(--dga-spacing-5xl); }
    &.lg\:mb-5xl, & .lg\:mb-5xl { margin-bottom: var(--dga-spacing-5xl); }
    &.lg\:ms-5xl, & .lg\:ms-5xl { margin-inline-start: var(--dga-spacing-5xl); }
    &.lg\:me-5xl, & .lg\:me-5xl { margin-inline-end: var(--dga-spacing-5xl); }
    &.lg\:space-y-5xl, & .lg\:space-y-5xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-5xl); }
    &.lg\:space-x-5xl, & .lg\:space-x-5xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-5xl); }
    &.lg\:p-6xl, & .lg\:p-6xl { padding: var(--dga-spacing-6xl); }
    &.lg\:px-6xl, & .lg\:px-6xl { padding-inline: var(--dga-spacing-6xl); }
    &.lg\:py-6xl, & .lg\:py-6xl { padding-block: var(--dga-spacing-6xl); }
    &.lg\:pt-6xl, & .lg\:pt-6xl { padding-top: var(--dga-spacing-6xl); }
    &.lg\:pb-6xl, & .lg\:pb-6xl { padding-bottom: var(--dga-spacing-6xl); }
    &.lg\:ps-6xl, & .lg\:ps-6xl { padding-inline-start: var(--dga-spacing-6xl); }
    &.lg\:pe-6xl, & .lg\:pe-6xl { padding-inline-end: var(--dga-spacing-6xl); }
    &.lg\:m-6xl, & .lg\:m-6xl { margin: var(--dga-spacing-6xl); }
    &.lg\:mx-6xl, & .lg\:mx-6xl { margin-inline: var(--dga-spacing-6xl); }
    &.lg\:my-6xl, & .lg\:my-6xl { margin-block: var(--dga-spacing-6xl); }
    &.lg\:mt-6xl, & .lg\:mt-6xl { margin-top: var(--dga-spacing-6xl); }
    &.lg\:mb-6xl, & .lg\:mb-6xl { margin-bottom: var(--dga-spacing-6xl); }
    &.lg\:ms-6xl, & .lg\:ms-6xl { margin-inline-start: var(--dga-spacing-6xl); }
    &.lg\:me-6xl, & .lg\:me-6xl { margin-inline-end: var(--dga-spacing-6xl); }
    &.lg\:space-y-6xl, & .lg\:space-y-6xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-6xl); }
    &.lg\:space-x-6xl, & .lg\:space-x-6xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-6xl); }
    &.lg\:p-7xl, & .lg\:p-7xl { padding: var(--dga-spacing-7xl); }
    &.lg\:px-7xl, & .lg\:px-7xl { padding-inline: var(--dga-spacing-7xl); }
    &.lg\:py-7xl, & .lg\:py-7xl { padding-block: var(--dga-spacing-7xl); }
    &.lg\:pt-7xl, & .lg\:pt-7xl { padding-top: var(--dga-spacing-7xl); }
    &.lg\:pb-7xl, & .lg\:pb-7xl { padding-bottom: var(--dga-spacing-7xl); }
    &.lg\:ps-7xl, & .lg\:ps-7xl { padding-inline-start: var(--dga-spacing-7xl); }
    &.lg\:pe-7xl, & .lg\:pe-7xl { padding-inline-end: var(--dga-spacing-7xl); }
    &.lg\:m-7xl, & .lg\:m-7xl { margin: var(--dga-spacing-7xl); }
    &.lg\:mx-7xl, & .lg\:mx-7xl { margin-inline: var(--dga-spacing-7xl); }
    &.lg\:my-7xl, & .lg\:my-7xl { margin-block: var(--dga-spacing-7xl); }
    &.lg\:mt-7xl, & .lg\:mt-7xl { margin-top: var(--dga-spacing-7xl); }
    &.lg\:mb-7xl, & .lg\:mb-7xl { margin-bottom: var(--dga-spacing-7xl); }
    &.lg\:ms-7xl, & .lg\:ms-7xl { margin-inline-start: var(--dga-spacing-7xl); }
    &.lg\:me-7xl, & .lg\:me-7xl { margin-inline-end: var(--dga-spacing-7xl); }
    &.lg\:space-y-7xl, & .lg\:space-y-7xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-7xl); }
    &.lg\:space-x-7xl, & .lg\:space-x-7xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-7xl); }
    &.lg\:p-8xl, & .lg\:p-8xl { padding: var(--dga-spacing-8xl); }
    &.lg\:px-8xl, & .lg\:px-8xl { padding-inline: var(--dga-spacing-8xl); }
    &.lg\:py-8xl, & .lg\:py-8xl { padding-block: var(--dga-spacing-8xl); }
    &.lg\:pt-8xl, & .lg\:pt-8xl { padding-top: var(--dga-spacing-8xl); }
    &.lg\:pb-8xl, & .lg\:pb-8xl { padding-bottom: var(--dga-spacing-8xl); }
    &.lg\:ps-8xl, & .lg\:ps-8xl { padding-inline-start: var(--dga-spacing-8xl); }
    &.lg\:pe-8xl, & .lg\:pe-8xl { padding-inline-end: var(--dga-spacing-8xl); }
    &.lg\:m-8xl, & .lg\:m-8xl { margin: var(--dga-spacing-8xl); }
    &.lg\:mx-8xl, & .lg\:mx-8xl { margin-inline: var(--dga-spacing-8xl); }
    &.lg\:my-8xl, & .lg\:my-8xl { margin-block: var(--dga-spacing-8xl); }
    &.lg\:mt-8xl, & .lg\:mt-8xl { margin-top: var(--dga-spacing-8xl); }
    &.lg\:mb-8xl, & .lg\:mb-8xl { margin-bottom: var(--dga-spacing-8xl); }
    &.lg\:ms-8xl, & .lg\:ms-8xl { margin-inline-start: var(--dga-spacing-8xl); }
    &.lg\:me-8xl, & .lg\:me-8xl { margin-inline-end: var(--dga-spacing-8xl); }
    &.lg\:space-y-8xl, & .lg\:space-y-8xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-8xl); }
    &.lg\:space-x-8xl, & .lg\:space-x-8xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-8xl); }
    &.lg\:p-9xl, & .lg\:p-9xl { padding: var(--dga-spacing-9xl); }
    &.lg\:px-9xl, & .lg\:px-9xl { padding-inline: var(--dga-spacing-9xl); }
    &.lg\:py-9xl, & .lg\:py-9xl { padding-block: var(--dga-spacing-9xl); }
    &.lg\:pt-9xl, & .lg\:pt-9xl { padding-top: var(--dga-spacing-9xl); }
    &.lg\:pb-9xl, & .lg\:pb-9xl { padding-bottom: var(--dga-spacing-9xl); }
    &.lg\:ps-9xl, & .lg\:ps-9xl { padding-inline-start: var(--dga-spacing-9xl); }
    &.lg\:pe-9xl, & .lg\:pe-9xl { padding-inline-end: var(--dga-spacing-9xl); }
    &.lg\:m-9xl, & .lg\:m-9xl { margin: var(--dga-spacing-9xl); }
    &.lg\:mx-9xl, & .lg\:mx-9xl { margin-inline: var(--dga-spacing-9xl); }
    &.lg\:my-9xl, & .lg\:my-9xl { margin-block: var(--dga-spacing-9xl); }
    &.lg\:mt-9xl, & .lg\:mt-9xl { margin-top: var(--dga-spacing-9xl); }
    &.lg\:mb-9xl, & .lg\:mb-9xl { margin-bottom: var(--dga-spacing-9xl); }
    &.lg\:ms-9xl, & .lg\:ms-9xl { margin-inline-start: var(--dga-spacing-9xl); }
    &.lg\:me-9xl, & .lg\:me-9xl { margin-inline-end: var(--dga-spacing-9xl); }
    &.lg\:space-y-9xl, & .lg\:space-y-9xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-9xl); }
    &.lg\:space-x-9xl, & .lg\:space-x-9xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-9xl); }
    &.lg\:p-10xl, & .lg\:p-10xl { padding: var(--dga-spacing-10xl); }
    &.lg\:px-10xl, & .lg\:px-10xl { padding-inline: var(--dga-spacing-10xl); }
    &.lg\:py-10xl, & .lg\:py-10xl { padding-block: var(--dga-spacing-10xl); }
    &.lg\:pt-10xl, & .lg\:pt-10xl { padding-top: var(--dga-spacing-10xl); }
    &.lg\:pb-10xl, & .lg\:pb-10xl { padding-bottom: var(--dga-spacing-10xl); }
    &.lg\:ps-10xl, & .lg\:ps-10xl { padding-inline-start: var(--dga-spacing-10xl); }
    &.lg\:pe-10xl, & .lg\:pe-10xl { padding-inline-end: var(--dga-spacing-10xl); }
    &.lg\:m-10xl, & .lg\:m-10xl { margin: var(--dga-spacing-10xl); }
    &.lg\:mx-10xl, & .lg\:mx-10xl { margin-inline: var(--dga-spacing-10xl); }
    &.lg\:my-10xl, & .lg\:my-10xl { margin-block: var(--dga-spacing-10xl); }
    &.lg\:mt-10xl, & .lg\:mt-10xl { margin-top: var(--dga-spacing-10xl); }
    &.lg\:mb-10xl, & .lg\:mb-10xl { margin-bottom: var(--dga-spacing-10xl); }
    &.lg\:ms-10xl, & .lg\:ms-10xl { margin-inline-start: var(--dga-spacing-10xl); }
    &.lg\:me-10xl, & .lg\:me-10xl { margin-inline-end: var(--dga-spacing-10xl); }
    &.lg\:space-y-10xl, & .lg\:space-y-10xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-10xl); }
    &.lg\:space-x-10xl, & .lg\:space-x-10xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-10xl); }
    &.lg\:p-11xl, & .lg\:p-11xl { padding: var(--dga-spacing-11xl); }
    &.lg\:px-11xl, & .lg\:px-11xl { padding-inline: var(--dga-spacing-11xl); }
    &.lg\:py-11xl, & .lg\:py-11xl { padding-block: var(--dga-spacing-11xl); }
    &.lg\:pt-11xl, & .lg\:pt-11xl { padding-top: var(--dga-spacing-11xl); }
    &.lg\:pb-11xl, & .lg\:pb-11xl { padding-bottom: var(--dga-spacing-11xl); }
    &.lg\:ps-11xl, & .lg\:ps-11xl { padding-inline-start: var(--dga-spacing-11xl); }
    &.lg\:pe-11xl, & .lg\:pe-11xl { padding-inline-end: var(--dga-spacing-11xl); }
    &.lg\:m-11xl, & .lg\:m-11xl { margin: var(--dga-spacing-11xl); }
    &.lg\:mx-11xl, & .lg\:mx-11xl { margin-inline: var(--dga-spacing-11xl); }
    &.lg\:my-11xl, & .lg\:my-11xl { margin-block: var(--dga-spacing-11xl); }
    &.lg\:mt-11xl, & .lg\:mt-11xl { margin-top: var(--dga-spacing-11xl); }
    &.lg\:mb-11xl, & .lg\:mb-11xl { margin-bottom: var(--dga-spacing-11xl); }
    &.lg\:ms-11xl, & .lg\:ms-11xl { margin-inline-start: var(--dga-spacing-11xl); }
    &.lg\:me-11xl, & .lg\:me-11xl { margin-inline-end: var(--dga-spacing-11xl); }
    &.lg\:space-y-11xl, & .lg\:space-y-11xl > :not([hidden]) ~ :not([hidden]) { margin-block-start: var(--dga-spacing-11xl); }
    &.lg\:space-x-11xl, & .lg\:space-x-11xl > :not([hidden]) ~ :not([hidden]) { margin-inline-start: var(--dga-spacing-11xl); }
  }
}

/* Directives on native <a> / <button> — even when used outside a dga-* host. */

a[dgaLink],
a[dgaLink]:hover,
a[dgaLink]:focus {
  color: var(--dga-text-primary);
  font-weight: 400;
  transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
}

a[dgaLink][data-variant='primary'],
a[dgaLink][data-variant='primary']:hover,
a[dgaLink][data-variant='primary']:focus {
  color: var(--dga-text-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

a[dgaLink][data-variant='plain'] {
  color: var(--dga-text-primary);
  font-weight: 500;
  text-decoration: none;
}

a[dgaLink][data-variant='plain']:hover,
a[dgaLink][data-variant='plain']:focus {
  color: var(--dga-text-default);
}

a[dgaLink][data-variant='neutral'],
a[dgaLink][data-variant='neutral']:hover,
a[dgaLink][data-variant='neutral']:focus {
  color: var(--dga-text-default);
  text-decoration: underline;
  text-underline-offset: 2px;
}

a[dgaLink][data-variant='muted'] {
  color: var(--dga-text-muted);
  text-underline-offset: 2px;
}

a[dgaLink][data-variant='muted']:hover,
a[dgaLink][data-variant='muted']:focus {
  color: var(--dga-text-default);
  text-decoration: underline;
}

a[dgaLink][data-variant='nav'],
a[dgaLink][data-variant='nav']:focus,
a[dgaLink][data-variant='utility'],
a[dgaLink][data-variant='utility']:focus {
  color: var(--dga-text-default);
  font-weight: 400;
  text-decoration: none;
}

a[dgaLink][data-variant='nav']:hover,
a[dgaLink][data-variant='utility']:hover {
  color: var(--dga-text-primary);
}

button[dgaButton],
a[dgaButton] {
  font-family: inherit;
  font-weight: 500;
  border-style: solid;
  border-width: 0;
  border-radius: var(--dga-radius-sm);
  transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out,
    background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

button[dgaButton]:not([data-variant]),
button[dgaButton][data-variant='primary'],
a[dgaButton]:not([data-variant]),
a[dgaButton][data-variant='primary'] {
  color: var(--dga-text-on-color);
  background-color: var(--dga-bg-primary);
}

button[dgaButton][data-variant='secondary'],
a[dgaButton][data-variant='secondary'] {
  color: var(--dga-text-on-color);
  background-color: var(--dga-bg-secondary);
}

button[dgaButton][data-variant='subtle'],
a[dgaButton][data-variant='subtle'] {
  color: var(--dga-text-default);
  background-color: var(--dga-bg-neutral-light);
}

button[dgaButton][data-variant='outline'],
a[dgaButton][data-variant='outline'] {
  color: var(--dga-text-primary);
  background-color: var(--dga-bg-surface);
  border-width: 1px;
  border-color: var(--dga-border-primary);
}

button[dgaButton][data-variant='outlineMuted'],
a[dgaButton][data-variant='outlineMuted'] {
  color: var(--dga-text-default);
  background-color: var(--dga-bg-surface);
  border-width: 1px;
  border-color: var(--dga-border-neutral);
}

button[dgaButton][data-variant='outlineInverse'],
a[dgaButton][data-variant='outlineInverse'] {
  color: var(--dga-text-on-color);
  background-color: transparent;
  border-width: 1px;
  border-color: var(--dga-text-on-color);
}

button[dgaButton][data-variant='ghost'],
a[dgaButton][data-variant='ghost'] {
  color: var(--dga-text-primary);
  background-color: transparent;
}

button[dgaButton][data-variant='danger'],
a[dgaButton][data-variant='danger'] {
  color: var(--dga-text-on-color);
  background-color: var(--dga-bg-error);
}

button[dgaButton][data-variant='inverse'],
a[dgaButton][data-variant='inverse'] {
  color: var(--dga-text-primary-strong);
  background-color: var(--dga-bg-surface);
}

a[dgaCopy],
button[dgaCopy] {
  color: inherit;
  font-weight: inherit;
  font-family: inherit;
}