@charset "UTF-8";

/* node_modules/@digitale-menschen/component-library/dist/theme/index.css */
@layer dm-reset, dm-base, dm-theme, dm-components, dm-utilities, dm-utilities-responsive;
@layer dm-reset {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  * {
    margin: 0;
    padding: 0;
  }
  img,
  picture,
  video,
  canvas,
  svg {
    display: block;
    max-width: 100%;
  }
  input,
  button,
  textarea,
  select {
    font: inherit;
  }
  [popover] {
    border: 0;
    padding: 0;
  }
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
  }
}
@layer dm-base {
  html,
  body {
    font-family: var(--dm-font-body);
    color: var(--dm-color-text-primary);
    background-color: var(--dm-color-bg-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-variant-ligatures: contextual;
    font-variant-ligatures: contextual;
    -webkit-font-kerning: normal;
    font-kerning: normal;
    text-rendering: optimizeLegibility;
    font-synthesis-weight: none;
  }
  ::selection {
    background-color: color-mix(in oklab, var(--dm-color-brand-500) 24%, transparent);
  }
  details summary::-webkit-details-marker {
    display: none;
  }
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input[type=number] {
    -moz-appearance: textfield;
  }
  input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }
  p {
    color: var(--dm-color-text-tertiary);
  }
}
@layer dm-utilities {
  @media (pointer: coarse) {
    .dm-extend-touch-target {
      position: relative;
      touch-action: manipulation;
    }
    .dm-extend-touch-target::after {
      content: "";
      position: absolute;
      inset: calc(-1 * 0.5rem);
    }
  }
}
@layer dm-theme {
  :root {
    --dm-color-white: rgb(255 255 255);
    --dm-color-black: rgb(0 0 0);
    --dm-color-transparent: rgb(255 255 255 / 0);
    --dm-color-alpha-white: rgb(255 255 255);
    --dm-color-alpha-black: rgb(0 0 0);
    --dm-color-brand-25: rgb(252 250 255);
    --dm-color-brand-50: rgb(249 245 255);
    --dm-color-brand-100: rgb(244 235 255);
    --dm-color-brand-200: rgb(233 215 254);
    --dm-color-brand-300: rgb(214 187 251);
    --dm-color-brand-400: rgb(182 146 246);
    --dm-color-brand-500: rgb(158 119 237);
    --dm-color-brand-600: rgb(127 86 217);
    --dm-color-brand-700: rgb(105 65 198);
    --dm-color-brand-800: rgb(83 56 158);
    --dm-color-brand-900: rgb(66 48 125);
    --dm-color-brand-950: rgb(44 28 95);
    --dm-color-neutral-25: rgb(253 253 253);
    --dm-color-neutral-50: rgb(250 250 250);
    --dm-color-neutral-100: rgb(245 245 245);
    --dm-color-neutral-200: rgb(233 234 235);
    --dm-color-neutral-300: rgb(213 215 218);
    --dm-color-neutral-400: rgb(164 167 174);
    --dm-color-neutral-500: rgb(113 118 128);
    --dm-color-neutral-600: rgb(83 88 98);
    --dm-color-neutral-700: rgb(65 70 81);
    --dm-color-neutral-800: rgb(37 43 55);
    --dm-color-neutral-900: rgb(24 29 39);
    --dm-color-neutral-950: rgb(10 13 18);
    --dm-color-error-25: rgb(255 251 250);
    --dm-color-error-50: rgb(254 243 242);
    --dm-color-error-100: rgb(254 228 226);
    --dm-color-error-200: rgb(254 205 202);
    --dm-color-error-300: rgb(253 162 155);
    --dm-color-error-400: rgb(249 112 102);
    --dm-color-error-500: rgb(240 68 56);
    --dm-color-error-600: rgb(217 45 32);
    --dm-color-error-700: rgb(180 35 24);
    --dm-color-error-800: rgb(145 32 24);
    --dm-color-error-900: rgb(122 39 26);
    --dm-color-error-950: rgb(85 22 12);
    --dm-color-red-25: var(--dm-color-error-25);
    --dm-color-red-50: var(--dm-color-error-50);
    --dm-color-red-100: var(--dm-color-error-100);
    --dm-color-red-200: var(--dm-color-error-200);
    --dm-color-red-300: var(--dm-color-error-300);
    --dm-color-red-400: var(--dm-color-error-400);
    --dm-color-red-500: var(--dm-color-error-500);
    --dm-color-red-600: var(--dm-color-error-600);
    --dm-color-red-700: var(--dm-color-error-700);
    --dm-color-red-800: var(--dm-color-error-800);
    --dm-color-red-900: var(--dm-color-error-900);
    --dm-color-red-950: var(--dm-color-error-950);
    --dm-color-warning-25: rgb(255 252 245);
    --dm-color-warning-50: rgb(255 250 235);
    --dm-color-warning-100: rgb(254 240 199);
    --dm-color-warning-200: rgb(254 223 137);
    --dm-color-warning-300: rgb(254 200 75);
    --dm-color-warning-400: rgb(253 176 34);
    --dm-color-warning-500: rgb(247 144 9);
    --dm-color-warning-600: rgb(220 104 3);
    --dm-color-warning-700: rgb(181 71 8);
    --dm-color-warning-800: rgb(147 55 13);
    --dm-color-warning-900: rgb(122 46 14);
    --dm-color-warning-950: rgb(78 29 9);
    --dm-color-success-25: rgb(246 254 249);
    --dm-color-success-50: rgb(236 253 243);
    --dm-color-success-100: rgb(220 250 230);
    --dm-color-success-200: rgb(171 239 198);
    --dm-color-success-300: rgb(117 224 167);
    --dm-color-success-400: rgb(71 205 137);
    --dm-color-success-500: rgb(23 178 106);
    --dm-color-success-600: rgb(7 148 85);
    --dm-color-success-700: rgb(6 118 71);
    --dm-color-success-800: rgb(8 93 58);
    --dm-color-success-900: rgb(7 77 49);
    --dm-color-success-950: rgb(5 51 33);
    --dm-color-yellow-25: rgb(254 253 240);
    --dm-color-yellow-50: rgb(254 251 232);
    --dm-color-yellow-100: rgb(254 247 195);
    --dm-color-yellow-200: rgb(254 238 149);
    --dm-color-yellow-300: rgb(253 226 114);
    --dm-color-yellow-400: rgb(250 197 21);
    --dm-color-yellow-500: rgb(234 170 8);
    --dm-color-yellow-600: rgb(202 133 4);
    --dm-color-yellow-700: rgb(161 92 7);
    --dm-color-yellow-800: rgb(133 74 14);
    --dm-color-yellow-900: rgb(113 59 18);
    --dm-color-yellow-950: rgb(84 44 13);
    --dm-color-green-25: rgb(246 254 249);
    --dm-color-green-50: rgb(237 252 242);
    --dm-color-green-100: rgb(211 248 223);
    --dm-color-green-200: rgb(170 240 196);
    --dm-color-green-300: rgb(115 226 163);
    --dm-color-green-400: rgb(60 203 127);
    --dm-color-green-500: rgb(22 179 100);
    --dm-color-green-600: rgb(9 146 80);
    --dm-color-green-700: rgb(8 116 67);
    --dm-color-green-800: rgb(9 92 55);
    --dm-color-green-900: rgb(8 76 46);
    --dm-color-green-950: rgb(5 46 28);
    --dm-color-gray-blue-25: rgb(252 252 253);
    --dm-color-gray-blue-50: rgb(248 249 252);
    --dm-color-gray-blue-100: rgb(234 236 245);
    --dm-color-gray-blue-200: rgb(213 217 235);
    --dm-color-gray-blue-300: rgb(179 184 219);
    --dm-color-gray-blue-400: rgb(113 123 188);
    --dm-color-gray-blue-500: rgb(78 91 166);
    --dm-color-gray-blue-600: rgb(62 71 132);
    --dm-color-gray-blue-700: rgb(54 63 114);
    --dm-color-gray-blue-800: rgb(41 48 86);
    --dm-color-gray-blue-900: rgb(16 19 35);
    --dm-color-gray-blue-950: rgb(13 15 28);
    --dm-color-blue-light-25: rgb(245 251 255);
    --dm-color-blue-light-50: rgb(240 249 255);
    --dm-color-blue-light-100: rgb(224 242 254);
    --dm-color-blue-light-200: rgb(185 230 254);
    --dm-color-blue-light-300: rgb(124 212 253);
    --dm-color-blue-light-400: rgb(54 191 250);
    --dm-color-blue-light-500: rgb(11 165 236);
    --dm-color-blue-light-600: rgb(0 134 201);
    --dm-color-blue-light-700: rgb(2 106 162);
    --dm-color-blue-light-800: rgb(6 89 134);
    --dm-color-blue-light-900: rgb(11 74 111);
    --dm-color-blue-light-950: rgb(6 44 65);
    --dm-color-blue-25: rgb(245 250 255);
    --dm-color-blue-50: rgb(239 248 255);
    --dm-color-blue-100: rgb(209 233 255);
    --dm-color-blue-200: rgb(178 221 255);
    --dm-color-blue-300: rgb(132 202 255);
    --dm-color-blue-400: rgb(83 177 253);
    --dm-color-blue-500: rgb(46 144 250);
    --dm-color-blue-600: rgb(21 112 239);
    --dm-color-blue-700: rgb(23 92 211);
    --dm-color-blue-800: rgb(24 73 169);
    --dm-color-blue-900: rgb(25 65 133);
    --dm-color-blue-950: rgb(16 42 86);
    --dm-color-blue-dark-25: rgb(245 248 255);
    --dm-color-blue-dark-50: rgb(239 244 255);
    --dm-color-blue-dark-100: rgb(209 224 255);
    --dm-color-blue-dark-200: rgb(178 204 255);
    --dm-color-blue-dark-300: rgb(132 173 255);
    --dm-color-blue-dark-400: rgb(82 139 255);
    --dm-color-blue-dark-500: rgb(41 112 255);
    --dm-color-blue-dark-600: rgb(21 94 239);
    --dm-color-blue-dark-700: rgb(0 78 235);
    --dm-color-blue-dark-800: rgb(0 64 193);
    --dm-color-blue-dark-900: rgb(0 53 158);
    --dm-color-blue-dark-950: rgb(0 34 102);
    --dm-color-indigo-25: rgb(245 248 255);
    --dm-color-indigo-50: rgb(238 244 255);
    --dm-color-indigo-100: rgb(224 234 255);
    --dm-color-indigo-200: rgb(199 215 254);
    --dm-color-indigo-300: rgb(164 188 253);
    --dm-color-indigo-400: rgb(128 152 249);
    --dm-color-indigo-500: rgb(97 114 243);
    --dm-color-indigo-600: rgb(68 76 231);
    --dm-color-indigo-700: rgb(53 56 205);
    --dm-color-indigo-800: rgb(45 49 166);
    --dm-color-indigo-900: rgb(45 50 130);
    --dm-color-indigo-950: rgb(31 35 91);
    --dm-color-purple-25: rgb(250 250 255);
    --dm-color-purple-50: rgb(244 243 255);
    --dm-color-purple-100: rgb(235 233 254);
    --dm-color-purple-200: rgb(217 214 254);
    --dm-color-purple-300: rgb(189 180 254);
    --dm-color-purple-400: rgb(155 138 251);
    --dm-color-purple-500: rgb(122 90 248);
    --dm-color-purple-600: rgb(105 56 239);
    --dm-color-purple-700: rgb(89 37 220);
    --dm-color-purple-800: rgb(74 31 184);
    --dm-color-purple-900: rgb(62 28 150);
    --dm-color-purple-950: rgb(39 17 95);
    --dm-color-fuchsia-25: rgb(254 250 255);
    --dm-color-fuchsia-50: rgb(253 244 255);
    --dm-color-fuchsia-100: rgb(251 232 255);
    --dm-color-fuchsia-200: rgb(246 208 254);
    --dm-color-fuchsia-300: rgb(238 170 253);
    --dm-color-fuchsia-400: rgb(228 120 250);
    --dm-color-fuchsia-500: rgb(212 68 241);
    --dm-color-fuchsia-600: rgb(186 36 213);
    --dm-color-fuchsia-700: rgb(159 26 177);
    --dm-color-fuchsia-800: rgb(130 24 144);
    --dm-color-fuchsia-900: rgb(111 24 119);
    --dm-color-fuchsia-950: rgb(71 16 76);
    --dm-color-pink-25: rgb(254 246 251);
    --dm-color-pink-50: rgb(253 242 250);
    --dm-color-pink-100: rgb(252 231 246);
    --dm-color-pink-200: rgb(252 206 238);
    --dm-color-pink-300: rgb(250 167 224);
    --dm-color-pink-400: rgb(246 112 199);
    --dm-color-pink-500: rgb(238 70 188);
    --dm-color-pink-600: rgb(221 37 144);
    --dm-color-pink-700: rgb(193 21 116);
    --dm-color-pink-800: rgb(158 22 95);
    --dm-color-pink-900: rgb(133 22 81);
    --dm-color-pink-950: rgb(78 13 48);
    --dm-color-orange-25: rgb(254 250 245);
    --dm-color-orange-50: rgb(254 246 238);
    --dm-color-orange-100: rgb(253 234 215);
    --dm-color-orange-200: rgb(249 219 175);
    --dm-color-orange-300: rgb(247 178 122);
    --dm-color-orange-400: rgb(243 135 68);
    --dm-color-orange-500: rgb(239 104 32);
    --dm-color-orange-600: rgb(224 79 22);
    --dm-color-orange-700: rgb(185 56 21);
    --dm-color-orange-800: rgb(147 47 25);
    --dm-color-orange-900: rgb(119 41 23);
    --dm-color-orange-950: rgb(81 28 16);
    --dm-color-orange-dark-25: rgb(255 249 245);
    --dm-color-orange-dark-50: rgb(255 244 237);
    --dm-color-orange-dark-100: rgb(255 230 213);
    --dm-color-orange-dark-200: rgb(255 214 174);
    --dm-color-orange-dark-300: rgb(255 156 102);
    --dm-color-orange-dark-400: rgb(255 105 46);
    --dm-color-orange-dark-500: rgb(255 68 5);
    --dm-color-orange-dark-600: rgb(230 46 5);
    --dm-color-orange-dark-700: rgb(188 27 6);
    --dm-color-orange-dark-800: rgb(151 24 12);
    --dm-color-orange-dark-900: rgb(119 26 13);
    --dm-color-orange-dark-950: rgb(87 19 10);
  }
}
@layer dm-theme {
  :root {
    --dm-color-utility-brand-50: var(--dm-color-brand-50);
    --dm-color-utility-brand-50_alt: var(--dm-color-brand-50);
    --dm-color-utility-brand-100: var(--dm-color-brand-100);
    --dm-color-utility-brand-100_alt: var(--dm-color-brand-100);
    --dm-color-utility-brand-200: var(--dm-color-brand-200);
    --dm-color-utility-brand-200_alt: var(--dm-color-brand-200);
    --dm-color-utility-brand-300: var(--dm-color-brand-300);
    --dm-color-utility-brand-300_alt: var(--dm-color-brand-300);
    --dm-color-utility-brand-400: var(--dm-color-brand-400);
    --dm-color-utility-brand-400_alt: var(--dm-color-brand-400);
    --dm-color-utility-brand-500: var(--dm-color-brand-500);
    --dm-color-utility-brand-500_alt: var(--dm-color-brand-500);
    --dm-color-utility-brand-600: var(--dm-color-brand-600);
    --dm-color-utility-brand-600_alt: var(--dm-color-brand-600);
    --dm-color-utility-brand-700: var(--dm-color-brand-700);
    --dm-color-utility-brand-700_alt: var(--dm-color-brand-700);
    --dm-color-utility-brand-800: var(--dm-color-brand-800);
    --dm-color-utility-brand-800_alt: var(--dm-color-brand-800);
    --dm-color-utility-brand-900: var(--dm-color-brand-900);
    --dm-color-utility-brand-900_alt: var(--dm-color-brand-900);
    --dm-color-utility-neutral-50: var(--dm-color-neutral-50);
    --dm-color-utility-neutral-100: var(--dm-color-neutral-100);
    --dm-color-utility-neutral-200: var(--dm-color-neutral-200);
    --dm-color-utility-neutral-300: var(--dm-color-neutral-300);
    --dm-color-utility-neutral-400: var(--dm-color-neutral-400);
    --dm-color-utility-neutral-500: var(--dm-color-neutral-500);
    --dm-color-utility-neutral-600: var(--dm-color-neutral-600);
    --dm-color-utility-neutral-700: var(--dm-color-neutral-700);
    --dm-color-utility-neutral-800: var(--dm-color-neutral-800);
    --dm-color-utility-neutral-900: var(--dm-color-neutral-900);
    --dm-color-utility-error-50: var(--dm-color-error-50);
    --dm-color-utility-error-100: var(--dm-color-error-100);
    --dm-color-utility-error-200: var(--dm-color-error-200);
    --dm-color-utility-error-300: var(--dm-color-error-300);
    --dm-color-utility-error-400: var(--dm-color-error-400);
    --dm-color-utility-error-500: var(--dm-color-error-500);
    --dm-color-utility-error-600: var(--dm-color-error-600);
    --dm-color-utility-error-700: var(--dm-color-error-700);
    --dm-color-utility-warning-50: var(--dm-color-warning-50);
    --dm-color-utility-warning-100: var(--dm-color-warning-100);
    --dm-color-utility-warning-200: var(--dm-color-warning-200);
    --dm-color-utility-warning-300: var(--dm-color-warning-300);
    --dm-color-utility-warning-400: var(--dm-color-warning-400);
    --dm-color-utility-warning-500: var(--dm-color-warning-500);
    --dm-color-utility-warning-600: var(--dm-color-warning-600);
    --dm-color-utility-warning-700: var(--dm-color-warning-700);
    --dm-color-utility-success-50: var(--dm-color-success-50);
    --dm-color-utility-success-100: var(--dm-color-success-100);
    --dm-color-utility-success-200: var(--dm-color-success-200);
    --dm-color-utility-success-300: var(--dm-color-success-300);
    --dm-color-utility-success-400: var(--dm-color-success-400);
    --dm-color-utility-success-500: var(--dm-color-success-500);
    --dm-color-utility-success-600: var(--dm-color-success-600);
    --dm-color-utility-success-700: var(--dm-color-success-700);
    --dm-color-utility-yellow-50: var(--dm-color-yellow-50);
    --dm-color-utility-yellow-100: var(--dm-color-yellow-100);
    --dm-color-utility-yellow-200: var(--dm-color-yellow-200);
    --dm-color-utility-yellow-300: var(--dm-color-yellow-300);
    --dm-color-utility-yellow-400: var(--dm-color-yellow-400);
    --dm-color-utility-yellow-500: var(--dm-color-yellow-500);
    --dm-color-utility-yellow-600: var(--dm-color-yellow-600);
    --dm-color-utility-yellow-700: var(--dm-color-yellow-700);
    --dm-color-utility-green-50: var(--dm-color-green-50);
    --dm-color-utility-green-100: var(--dm-color-green-100);
    --dm-color-utility-green-200: var(--dm-color-green-200);
    --dm-color-utility-green-300: var(--dm-color-green-300);
    --dm-color-utility-green-400: var(--dm-color-green-400);
    --dm-color-utility-green-500: var(--dm-color-green-500);
    --dm-color-utility-green-600: var(--dm-color-green-600);
    --dm-color-utility-green-700: var(--dm-color-green-700);
    --dm-color-utility-gray-blue-50: var(--dm-color-gray-blue-50);
    --dm-color-utility-gray-blue-100: var(--dm-color-gray-blue-100);
    --dm-color-utility-gray-blue-200: var(--dm-color-gray-blue-200);
    --dm-color-utility-gray-blue-300: var(--dm-color-gray-blue-300);
    --dm-color-utility-gray-blue-400: var(--dm-color-gray-blue-400);
    --dm-color-utility-gray-blue-500: var(--dm-color-gray-blue-500);
    --dm-color-utility-gray-blue-600: var(--dm-color-gray-blue-600);
    --dm-color-utility-gray-blue-700: var(--dm-color-gray-blue-700);
    --dm-color-utility-blue-light-50: var(--dm-color-blue-light-50);
    --dm-color-utility-blue-light-100: var(--dm-color-blue-light-100);
    --dm-color-utility-blue-light-200: var(--dm-color-blue-light-200);
    --dm-color-utility-blue-light-300: var(--dm-color-blue-light-300);
    --dm-color-utility-blue-light-400: var(--dm-color-blue-light-400);
    --dm-color-utility-blue-light-500: var(--dm-color-blue-light-500);
    --dm-color-utility-blue-light-600: var(--dm-color-blue-light-600);
    --dm-color-utility-blue-light-700: var(--dm-color-blue-light-700);
    --dm-color-utility-blue-50: var(--dm-color-blue-50);
    --dm-color-utility-blue-100: var(--dm-color-blue-100);
    --dm-color-utility-blue-200: var(--dm-color-blue-200);
    --dm-color-utility-blue-300: var(--dm-color-blue-300);
    --dm-color-utility-blue-400: var(--dm-color-blue-400);
    --dm-color-utility-blue-500: var(--dm-color-blue-500);
    --dm-color-utility-blue-600: var(--dm-color-blue-600);
    --dm-color-utility-blue-700: var(--dm-color-blue-700);
    --dm-color-utility-blue-dark-50: var(--dm-color-blue-dark-50);
    --dm-color-utility-blue-dark-100: var(--dm-color-blue-dark-100);
    --dm-color-utility-blue-dark-200: var(--dm-color-blue-dark-200);
    --dm-color-utility-blue-dark-300: var(--dm-color-blue-dark-300);
    --dm-color-utility-blue-dark-400: var(--dm-color-blue-dark-400);
    --dm-color-utility-blue-dark-500: var(--dm-color-blue-dark-500);
    --dm-color-utility-blue-dark-600: var(--dm-color-blue-dark-600);
    --dm-color-utility-blue-dark-700: var(--dm-color-blue-dark-700);
    --dm-color-utility-indigo-50: var(--dm-color-indigo-50);
    --dm-color-utility-indigo-100: var(--dm-color-indigo-100);
    --dm-color-utility-indigo-200: var(--dm-color-indigo-200);
    --dm-color-utility-indigo-300: var(--dm-color-indigo-300);
    --dm-color-utility-indigo-400: var(--dm-color-indigo-400);
    --dm-color-utility-indigo-500: var(--dm-color-indigo-500);
    --dm-color-utility-indigo-600: var(--dm-color-indigo-600);
    --dm-color-utility-indigo-700: var(--dm-color-indigo-700);
    --dm-color-utility-purple-50: var(--dm-color-purple-50);
    --dm-color-utility-purple-100: var(--dm-color-purple-100);
    --dm-color-utility-purple-200: var(--dm-color-purple-200);
    --dm-color-utility-purple-300: var(--dm-color-purple-300);
    --dm-color-utility-purple-400: var(--dm-color-purple-400);
    --dm-color-utility-purple-500: var(--dm-color-purple-500);
    --dm-color-utility-purple-600: var(--dm-color-purple-600);
    --dm-color-utility-purple-700: var(--dm-color-purple-700);
    --dm-color-utility-fuchsia-50: var(--dm-color-fuchsia-50);
    --dm-color-utility-fuchsia-100: var(--dm-color-fuchsia-100);
    --dm-color-utility-fuchsia-200: var(--dm-color-fuchsia-200);
    --dm-color-utility-fuchsia-300: var(--dm-color-fuchsia-300);
    --dm-color-utility-fuchsia-400: var(--dm-color-fuchsia-400);
    --dm-color-utility-fuchsia-500: var(--dm-color-fuchsia-500);
    --dm-color-utility-fuchsia-600: var(--dm-color-fuchsia-600);
    --dm-color-utility-fuchsia-700: var(--dm-color-fuchsia-700);
    --dm-color-utility-pink-50: var(--dm-color-pink-50);
    --dm-color-utility-pink-100: var(--dm-color-pink-100);
    --dm-color-utility-pink-200: var(--dm-color-pink-200);
    --dm-color-utility-pink-300: var(--dm-color-pink-300);
    --dm-color-utility-pink-400: var(--dm-color-pink-400);
    --dm-color-utility-pink-500: var(--dm-color-pink-500);
    --dm-color-utility-pink-600: var(--dm-color-pink-600);
    --dm-color-utility-pink-700: var(--dm-color-pink-700);
    --dm-color-utility-orange-50: var(--dm-color-orange-50);
    --dm-color-utility-orange-100: var(--dm-color-orange-100);
    --dm-color-utility-orange-200: var(--dm-color-orange-200);
    --dm-color-utility-orange-300: var(--dm-color-orange-300);
    --dm-color-utility-orange-400: var(--dm-color-orange-400);
    --dm-color-utility-orange-500: var(--dm-color-orange-500);
    --dm-color-utility-orange-600: var(--dm-color-orange-600);
    --dm-color-utility-orange-700: var(--dm-color-orange-700);
    --dm-color-utility-orange-dark-50: var(--dm-color-orange-dark-50);
    --dm-color-utility-orange-dark-100: var(--dm-color-orange-dark-100);
    --dm-color-utility-orange-dark-200: var(--dm-color-orange-dark-200);
    --dm-color-utility-orange-dark-300: var(--dm-color-orange-dark-300);
    --dm-color-utility-orange-dark-400: var(--dm-color-orange-dark-400);
    --dm-color-utility-orange-dark-500: var(--dm-color-orange-dark-500);
    --dm-color-utility-orange-dark-600: var(--dm-color-orange-dark-600);
    --dm-color-utility-orange-dark-700: var(--dm-color-orange-dark-700);
  }
}
@layer dm-theme {
  :root {
    --dm-color-text-primary: var(--dm-color-neutral-900);
    --dm-color-text-primary_on-brand: var(--dm-color-white);
    --dm-color-text-secondary: var(--dm-color-neutral-700);
    --dm-color-text-secondary_hover: var(--dm-color-neutral-800);
    --dm-color-text-secondary_on-brand: var(--dm-color-brand-200);
    --dm-color-text-tertiary: var(--dm-color-neutral-600);
    --dm-color-text-tertiary_hover: var(--dm-color-neutral-700);
    --dm-color-text-tertiary_on-brand: var(--dm-color-brand-200);
    --dm-color-text-quaternary: var(--dm-color-neutral-500);
    --dm-color-text-quaternary_on-brand: var(--dm-color-brand-300);
    --dm-color-text-white: var(--dm-color-white);
    --dm-color-text-placeholder: var(--dm-color-neutral-500);
    --dm-color-text-brand-primary: var(--dm-color-brand-900);
    --dm-color-text-brand-secondary: var(--dm-color-brand-700);
    --dm-color-text-brand-secondary_hover: var(--dm-color-brand-800);
    --dm-color-text-brand-tertiary: var(--dm-color-brand-600);
    --dm-color-text-brand-tertiary_alt: var(--dm-color-brand-600);
    --dm-color-text-error-primary: var(--dm-color-error-600);
    --dm-color-text-error-primary_hover: var(--dm-color-error-700);
    --dm-color-text-warning-primary: var(--dm-color-warning-600);
    --dm-color-text-success-primary: var(--dm-color-success-600);
    --dm-color-text-editor-icon-fg: var(--dm-color-neutral-400);
    --dm-color-text-editor-icon-fg_active: var(--dm-color-neutral-500);
    --dm-color-border-primary: var(--dm-color-neutral-300);
    --dm-color-border-secondary: var(--dm-color-neutral-200);
    --dm-color-border-secondary_alt: rgb(0 0 0 / 0.1);
    --dm-color-border-tertiary: var(--dm-color-neutral-100);
    --dm-color-border-error: var(--dm-color-error-500);
    --dm-color-border-error_subtle: var(--dm-color-error-300);
    --dm-color-border-brand: var(--dm-color-brand-500);
    --dm-color-border-brand_alt: var(--dm-color-brand-600);
    --dm-color-fg-primary: var(--dm-color-neutral-900);
    --dm-color-fg-secondary: var(--dm-color-neutral-700);
    --dm-color-fg-secondary_hover: var(--dm-color-neutral-800);
    --dm-color-fg-tertiary: var(--dm-color-neutral-600);
    --dm-color-fg-tertiary_hover: var(--dm-color-neutral-700);
    --dm-color-fg-quaternary: var(--dm-color-neutral-400);
    --dm-color-fg-quaternary_hover: var(--dm-color-neutral-500);
    --dm-color-fg-white: var(--dm-color-white);
    --dm-color-fg-brand-primary: var(--dm-color-brand-600);
    --dm-color-fg-brand-primary_alt: var(--dm-color-fg-brand-primary);
    --dm-color-fg-brand-secondary: var(--dm-color-brand-500);
    --dm-color-fg-brand-secondary_alt: var(--dm-color-fg-brand-secondary);
    --dm-color-fg-brand-secondary_hover: var(--dm-color-brand-600);
    --dm-color-fg-error-primary: var(--dm-color-error-600);
    --dm-color-fg-error-secondary: var(--dm-color-error-500);
    --dm-color-fg-warning-primary: var(--dm-color-warning-600);
    --dm-color-fg-warning-secondary: var(--dm-color-warning-500);
    --dm-color-fg-success-primary: var(--dm-color-success-600);
    --dm-color-fg-success-secondary: var(--dm-color-success-500);
    --dm-color-bg-primary: var(--dm-color-white);
    --dm-color-bg-primary_alt: var(--dm-color-white);
    --dm-color-bg-primary_hover: var(--dm-color-neutral-50);
    --dm-color-bg-primary-solid: var(--dm-color-neutral-950);
    --dm-color-bg-secondary: var(--dm-color-neutral-50);
    --dm-color-bg-secondary_alt: var(--dm-color-neutral-50);
    --dm-color-bg-secondary_hover: var(--dm-color-neutral-100);
    --dm-color-bg-secondary-solid: var(--dm-color-neutral-600);
    --dm-color-bg-tertiary: var(--dm-color-neutral-100);
    --dm-color-bg-quaternary: var(--dm-color-neutral-200);
    --dm-color-bg-overlay: var(--dm-color-neutral-950);
    --dm-color-bg-brand-primary: var(--dm-color-brand-50);
    --dm-color-bg-brand-primary_alt: var(--dm-color-brand-50);
    --dm-color-bg-brand-secondary: var(--dm-color-brand-100);
    --dm-color-bg-brand-solid: var(--dm-color-brand-600);
    --dm-color-bg-brand-solid_hover: var(--dm-color-brand-700);
    --dm-color-bg-brand-section: var(--dm-color-brand-800);
    --dm-color-bg-brand-section_subtle: var(--dm-color-brand-700);
    --dm-color-bg-error-primary: var(--dm-color-error-50);
    --dm-color-bg-error-secondary: var(--dm-color-error-100);
    --dm-color-bg-error-solid: var(--dm-color-error-600);
    --dm-color-bg-error-solid_hover: var(--dm-color-error-700);
    --dm-color-bg-warning-primary: var(--dm-color-warning-50);
    --dm-color-bg-warning-secondary: var(--dm-color-warning-100);
    --dm-color-bg-warning-solid: var(--dm-color-warning-600);
    --dm-color-bg-success-primary: var(--dm-color-success-50);
    --dm-color-bg-success-secondary: var(--dm-color-success-100);
    --dm-color-bg-success-solid: var(--dm-color-success-600);
    --dm-color-app-store-badge-border: rgb(166 166 166);
    --dm-color-avatar-styles-bg-neutral: 224 224 224 1;
    --dm-color-featured-icon-light-fg-brand: var(--dm-color-brand-600);
    --dm-color-featured-icon-light-fg-error: var(--dm-color-error-600);
    --dm-color-featured-icon-light-fg-gray: var(--dm-color-neutral-500);
    --dm-color-featured-icon-light-fg-success: var(--dm-color-success-600);
    --dm-color-featured-icon-light-fg-warning: var(--dm-color-warning-600);
    --dm-color-focus-ring: var(--dm-color-brand-500);
    --dm-color-focus-ring-error: var(--dm-color-error-500);
    --dm-color-footer-button-fg: var(--dm-color-brand-200);
    --dm-color-footer-button-fg_hover: var(--dm-color-white);
    --dm-color-icon-fg-brand: var(--dm-color-brand-600);
    --dm-color-icon-fg-brand_on-brand: var(--dm-color-brand-200);
    --dm-color-screen-mockup-border: var(--dm-color-neutral-900);
    --dm-color-slider-handle-bg: var(--dm-color-white);
    --dm-color-slider-handle-border: var(--dm-color-brand-600);
    --dm-color-toggle-border: var(--dm-color-neutral-300);
    --dm-color-toggle-slim-border_pressed: var(--dm-color-bg-brand-solid);
    --dm-color-toggle-slim-border_pressed-hover: var(--dm-color-bg-brand-solid_hover);
    --dm-color-tooltip-supporting-text: var(--dm-color-neutral-300);
    --dm-color-fg-disabled: var(--dm-color-neutral-400);
    --dm-color-focus-ring-gray: var(--dm-color-neutral-500);
    --dm-color-backdrop-background: rgb(12 17 29 / 0.7);
    --dm-disabled-opacity: 0.5;
  }
}
@layer dm-theme {
  .dark-mode,
  [data-theme=dark] {
    --dm-color-alpha-white: rgb(12 14 18);
    --dm-color-alpha-black: rgb(255 255 255);
    --dm-color-neutral-25: rgb(252 252 252);
    --dm-color-neutral-50: rgb(250 250 250);
    --dm-color-neutral-100: rgb(245 245 245);
    --dm-color-neutral-200: rgb(229 229 229);
    --dm-color-neutral-300: rgb(212 212 212);
    --dm-color-neutral-400: rgb(161 161 161);
    --dm-color-neutral-500: rgb(115 115 115);
    --dm-color-neutral-600: rgb(82 82 82);
    --dm-color-neutral-700: rgb(64 64 64);
    --dm-color-neutral-800: rgb(38 38 38);
    --dm-color-neutral-900: rgb(23 23 23);
    --dm-color-neutral-950: rgb(10 10 10);
    --dm-color-utility-brand-50: var(--dm-color-brand-950);
    --dm-color-utility-brand-50_alt: var(--dm-color-utility-neutral-50);
    --dm-color-utility-brand-100: var(--dm-color-brand-900);
    --dm-color-utility-brand-100_alt: var(--dm-color-utility-neutral-100);
    --dm-color-utility-brand-200: var(--dm-color-brand-800);
    --dm-color-utility-brand-200_alt: var(--dm-color-utility-neutral-200);
    --dm-color-utility-brand-300: var(--dm-color-brand-700);
    --dm-color-utility-brand-300_alt: var(--dm-color-utility-neutral-300);
    --dm-color-utility-brand-400: var(--dm-color-brand-600);
    --dm-color-utility-brand-400_alt: var(--dm-color-utility-neutral-400);
    --dm-color-utility-brand-500: var(--dm-color-brand-500);
    --dm-color-utility-brand-500_alt: var(--dm-color-utility-neutral-500);
    --dm-color-utility-brand-600: var(--dm-color-brand-400);
    --dm-color-utility-brand-600_alt: var(--dm-color-utility-neutral-600);
    --dm-color-utility-brand-700: var(--dm-color-brand-300);
    --dm-color-utility-brand-700_alt: var(--dm-color-utility-neutral-700);
    --dm-color-utility-brand-800: var(--dm-color-brand-200);
    --dm-color-utility-brand-800_alt: var(--dm-color-utility-neutral-800);
    --dm-color-utility-brand-900: var(--dm-color-brand-100);
    --dm-color-utility-brand-900_alt: var(--dm-color-utility-neutral-900);
    --dm-color-utility-neutral-50: var(--dm-color-neutral-900);
    --dm-color-utility-neutral-100: var(--dm-color-neutral-800);
    --dm-color-utility-neutral-200: var(--dm-color-neutral-700);
    --dm-color-utility-neutral-300: var(--dm-color-neutral-700);
    --dm-color-utility-neutral-400: var(--dm-color-neutral-600);
    --dm-color-utility-neutral-500: var(--dm-color-neutral-500);
    --dm-color-utility-neutral-600: var(--dm-color-neutral-400);
    --dm-color-utility-neutral-700: var(--dm-color-neutral-300);
    --dm-color-utility-neutral-800: var(--dm-color-neutral-200);
    --dm-color-utility-neutral-900: var(--dm-color-neutral-100);
    --dm-color-utility-error-50: var(--dm-color-error-950);
    --dm-color-utility-error-100: var(--dm-color-error-900);
    --dm-color-utility-error-200: var(--dm-color-error-800);
    --dm-color-utility-error-300: var(--dm-color-error-700);
    --dm-color-utility-error-400: var(--dm-color-error-600);
    --dm-color-utility-error-500: var(--dm-color-error-500);
    --dm-color-utility-error-600: var(--dm-color-error-400);
    --dm-color-utility-error-700: var(--dm-color-error-300);
    --dm-color-utility-warning-50: var(--dm-color-warning-950);
    --dm-color-utility-warning-100: var(--dm-color-warning-900);
    --dm-color-utility-warning-200: var(--dm-color-warning-800);
    --dm-color-utility-warning-300: var(--dm-color-warning-700);
    --dm-color-utility-warning-400: var(--dm-color-warning-600);
    --dm-color-utility-warning-500: var(--dm-color-warning-500);
    --dm-color-utility-warning-600: var(--dm-color-warning-400);
    --dm-color-utility-warning-700: var(--dm-color-warning-300);
    --dm-color-utility-success-50: var(--dm-color-success-950);
    --dm-color-utility-success-100: var(--dm-color-success-900);
    --dm-color-utility-success-200: var(--dm-color-success-800);
    --dm-color-utility-success-300: var(--dm-color-success-700);
    --dm-color-utility-success-400: var(--dm-color-success-600);
    --dm-color-utility-success-500: var(--dm-color-success-500);
    --dm-color-utility-success-600: var(--dm-color-success-400);
    --dm-color-utility-success-700: var(--dm-color-success-300);
    --dm-color-utility-yellow-50: var(--dm-color-yellow-950);
    --dm-color-utility-yellow-100: var(--dm-color-yellow-900);
    --dm-color-utility-yellow-200: var(--dm-color-yellow-800);
    --dm-color-utility-yellow-300: var(--dm-color-yellow-700);
    --dm-color-utility-yellow-400: var(--dm-color-yellow-600);
    --dm-color-utility-yellow-500: var(--dm-color-yellow-500);
    --dm-color-utility-yellow-600: var(--dm-color-yellow-400);
    --dm-color-utility-yellow-700: var(--dm-color-yellow-300);
    --dm-color-utility-green-50: var(--dm-color-green-950);
    --dm-color-utility-green-100: var(--dm-color-green-900);
    --dm-color-utility-green-200: var(--dm-color-green-800);
    --dm-color-utility-green-300: var(--dm-color-green-700);
    --dm-color-utility-green-400: var(--dm-color-green-600);
    --dm-color-utility-green-500: var(--dm-color-green-500);
    --dm-color-utility-green-600: var(--dm-color-green-400);
    --dm-color-utility-green-700: var(--dm-color-green-300);
    --dm-color-utility-gray-blue-50: var(--dm-color-gray-blue-950);
    --dm-color-utility-gray-blue-100: var(--dm-color-gray-blue-900);
    --dm-color-utility-gray-blue-200: var(--dm-color-gray-blue-800);
    --dm-color-utility-gray-blue-300: var(--dm-color-gray-blue-700);
    --dm-color-utility-gray-blue-400: var(--dm-color-gray-blue-600);
    --dm-color-utility-gray-blue-500: var(--dm-color-gray-blue-500);
    --dm-color-utility-gray-blue-600: var(--dm-color-gray-blue-400);
    --dm-color-utility-gray-blue-700: var(--dm-color-gray-blue-300);
    --dm-color-utility-blue-light-50: var(--dm-color-blue-light-950);
    --dm-color-utility-blue-light-100: var(--dm-color-blue-light-900);
    --dm-color-utility-blue-light-200: var(--dm-color-blue-light-800);
    --dm-color-utility-blue-light-300: var(--dm-color-blue-light-700);
    --dm-color-utility-blue-light-400: var(--dm-color-blue-light-600);
    --dm-color-utility-blue-light-500: var(--dm-color-blue-light-500);
    --dm-color-utility-blue-light-600: var(--dm-color-blue-light-400);
    --dm-color-utility-blue-light-700: var(--dm-color-blue-light-300);
    --dm-color-utility-blue-50: var(--dm-color-blue-950);
    --dm-color-utility-blue-100: var(--dm-color-blue-900);
    --dm-color-utility-blue-200: var(--dm-color-blue-800);
    --dm-color-utility-blue-300: var(--dm-color-blue-700);
    --dm-color-utility-blue-400: var(--dm-color-blue-600);
    --dm-color-utility-blue-500: var(--dm-color-blue-500);
    --dm-color-utility-blue-600: var(--dm-color-blue-400);
    --dm-color-utility-blue-700: var(--dm-color-blue-300);
    --dm-color-utility-blue-dark-50: var(--dm-color-blue-dark-950);
    --dm-color-utility-blue-dark-100: var(--dm-color-blue-dark-900);
    --dm-color-utility-blue-dark-200: var(--dm-color-blue-dark-800);
    --dm-color-utility-blue-dark-300: var(--dm-color-blue-dark-700);
    --dm-color-utility-blue-dark-400: var(--dm-color-blue-dark-600);
    --dm-color-utility-blue-dark-500: var(--dm-color-blue-dark-500);
    --dm-color-utility-blue-dark-600: var(--dm-color-blue-dark-400);
    --dm-color-utility-blue-dark-700: var(--dm-color-blue-dark-300);
    --dm-color-utility-indigo-50: var(--dm-color-indigo-950);
    --dm-color-utility-indigo-100: var(--dm-color-indigo-900);
    --dm-color-utility-indigo-200: var(--dm-color-indigo-800);
    --dm-color-utility-indigo-300: var(--dm-color-indigo-700);
    --dm-color-utility-indigo-400: var(--dm-color-indigo-600);
    --dm-color-utility-indigo-500: var(--dm-color-indigo-500);
    --dm-color-utility-indigo-600: var(--dm-color-indigo-400);
    --dm-color-utility-indigo-700: var(--dm-color-indigo-300);
    --dm-color-utility-purple-50: var(--dm-color-purple-950);
    --dm-color-utility-purple-100: var(--dm-color-purple-900);
    --dm-color-utility-purple-200: var(--dm-color-purple-800);
    --dm-color-utility-purple-300: var(--dm-color-purple-700);
    --dm-color-utility-purple-400: var(--dm-color-purple-600);
    --dm-color-utility-purple-500: var(--dm-color-purple-500);
    --dm-color-utility-purple-600: var(--dm-color-purple-400);
    --dm-color-utility-purple-700: var(--dm-color-purple-300);
    --dm-color-utility-fuchsia-50: var(--dm-color-fuchsia-950);
    --dm-color-utility-fuchsia-100: var(--dm-color-fuchsia-900);
    --dm-color-utility-fuchsia-200: var(--dm-color-fuchsia-800);
    --dm-color-utility-fuchsia-300: var(--dm-color-fuchsia-700);
    --dm-color-utility-fuchsia-400: var(--dm-color-fuchsia-600);
    --dm-color-utility-fuchsia-500: var(--dm-color-fuchsia-500);
    --dm-color-utility-fuchsia-600: var(--dm-color-fuchsia-400);
    --dm-color-utility-fuchsia-700: var(--dm-color-fuchsia-300);
    --dm-color-utility-pink-50: var(--dm-color-pink-950);
    --dm-color-utility-pink-100: var(--dm-color-pink-900);
    --dm-color-utility-pink-200: var(--dm-color-pink-800);
    --dm-color-utility-pink-300: var(--dm-color-pink-700);
    --dm-color-utility-pink-400: var(--dm-color-pink-600);
    --dm-color-utility-pink-500: var(--dm-color-pink-500);
    --dm-color-utility-pink-600: var(--dm-color-pink-400);
    --dm-color-utility-pink-700: var(--dm-color-pink-300);
    --dm-color-utility-orange-50: var(--dm-color-orange-950);
    --dm-color-utility-orange-100: var(--dm-color-orange-900);
    --dm-color-utility-orange-200: var(--dm-color-orange-800);
    --dm-color-utility-orange-300: var(--dm-color-orange-700);
    --dm-color-utility-orange-400: var(--dm-color-orange-600);
    --dm-color-utility-orange-500: var(--dm-color-orange-500);
    --dm-color-utility-orange-600: var(--dm-color-orange-400);
    --dm-color-utility-orange-700: var(--dm-color-orange-300);
    --dm-color-utility-orange-dark-50: var(--dm-color-orange-dark-950);
    --dm-color-utility-orange-dark-100: var(--dm-color-orange-dark-900);
    --dm-color-utility-orange-dark-200: var(--dm-color-orange-dark-800);
    --dm-color-utility-orange-dark-300: var(--dm-color-orange-dark-700);
    --dm-color-utility-orange-dark-400: var(--dm-color-orange-dark-600);
    --dm-color-utility-orange-dark-500: var(--dm-color-orange-dark-500);
    --dm-color-utility-orange-dark-600: var(--dm-color-orange-dark-400);
    --dm-color-utility-orange-dark-700: var(--dm-color-orange-dark-300);
    --dm-color-text-primary: var(--dm-color-neutral-50);
    --dm-color-text-primary_on-brand: var(--dm-color-neutral-50);
    --dm-color-text-secondary: var(--dm-color-neutral-300);
    --dm-color-text-secondary_hover: var(--dm-color-neutral-200);
    --dm-color-text-secondary_on-brand: var(--dm-color-neutral-300);
    --dm-color-text-tertiary: var(--dm-color-neutral-400);
    --dm-color-text-tertiary_hover: var(--dm-color-neutral-300);
    --dm-color-text-tertiary_on-brand: var(--dm-color-neutral-400);
    --dm-color-text-quaternary: var(--dm-color-neutral-400);
    --dm-color-text-quaternary_on-brand: var(--dm-color-neutral-400);
    --dm-color-text-placeholder: var(--dm-color-neutral-500);
    --dm-color-text-brand-primary: var(--dm-color-neutral-50);
    --dm-color-text-brand-secondary: var(--dm-color-neutral-300);
    --dm-color-text-brand-secondary_hover: var(--dm-color-neutral-200);
    --dm-color-text-brand-tertiary: var(--dm-color-neutral-400);
    --dm-color-text-brand-tertiary_alt: var(--dm-color-neutral-50);
    --dm-color-text-error-primary: var(--dm-color-error-400);
    --dm-color-text-error-primary_hover: var(--dm-color-error-300);
    --dm-color-text-warning-primary: var(--dm-color-warning-400);
    --dm-color-text-success-primary: var(--dm-color-success-400);
    --dm-color-text-editor-icon-fg: var(--dm-color-neutral-400);
    --dm-color-text-editor-icon-fg_active: var(--dm-color-white);
    --dm-color-border-primary: var(--dm-color-neutral-700);
    --dm-color-border-secondary: var(--dm-color-neutral-800);
    --dm-color-border-secondary_alt: var(--dm-color-neutral-800);
    --dm-color-border-tertiary: var(--dm-color-neutral-800);
    --dm-color-border-error: var(--dm-color-error-400);
    --dm-color-border-error_subtle: var(--dm-color-error-500);
    --dm-color-border-brand: var(--dm-color-brand-400);
    --dm-color-border-brand_alt: var(--dm-color-neutral-700);
    --dm-color-fg-primary: var(--dm-color-white);
    --dm-color-fg-secondary: var(--dm-color-neutral-300);
    --dm-color-fg-secondary_hover: var(--dm-color-neutral-200);
    --dm-color-fg-tertiary: var(--dm-color-neutral-400);
    --dm-color-fg-tertiary_hover: var(--dm-color-neutral-300);
    --dm-color-fg-quaternary: var(--dm-color-neutral-600);
    --dm-color-fg-quaternary_hover: var(--dm-color-neutral-500);
    --dm-color-fg-white: var(--dm-color-white);
    --dm-color-fg-brand-primary: var(--dm-color-brand-500);
    --dm-color-fg-brand-primary_alt: var(--dm-color-neutral-300);
    --dm-color-fg-brand-secondary: var(--dm-color-brand-500);
    --dm-color-fg-brand-secondary_alt: var(--dm-color-neutral-600);
    --dm-color-fg-brand-secondary_hover: var(--dm-color-neutral-500);
    --dm-color-fg-error-primary: var(--dm-color-error-500);
    --dm-color-fg-error-secondary: var(--dm-color-error-400);
    --dm-color-fg-warning-primary: var(--dm-color-warning-500);
    --dm-color-fg-warning-secondary: var(--dm-color-warning-400);
    --dm-color-fg-success-primary: var(--dm-color-success-500);
    --dm-color-fg-success-secondary: var(--dm-color-success-400);
    --dm-color-bg-primary: var(--dm-color-neutral-950);
    --dm-color-bg-primary_alt: var(--dm-color-bg-secondary);
    --dm-color-bg-primary_hover: var(--dm-color-neutral-900);
    --dm-color-bg-primary-solid: var(--dm-color-bg-secondary);
    --dm-color-bg-secondary: var(--dm-color-neutral-900);
    --dm-color-bg-secondary_alt: var(--dm-color-bg-primary);
    --dm-color-bg-secondary_hover: var(--dm-color-neutral-800);
    --dm-color-bg-secondary-solid: var(--dm-color-neutral-600);
    --dm-color-bg-tertiary: var(--dm-color-neutral-800);
    --dm-color-bg-quaternary: var(--dm-color-neutral-700);
    --dm-color-bg-overlay: var(--dm-color-neutral-800);
    --dm-color-bg-brand-primary: var(--dm-color-brand-500);
    --dm-color-bg-brand-primary_alt: var(--dm-color-bg-secondary);
    --dm-color-bg-brand-secondary: var(--dm-color-brand-600);
    --dm-color-bg-brand-solid: var(--dm-color-brand-600);
    --dm-color-bg-brand-solid_hover: var(--dm-color-brand-500);
    --dm-color-bg-brand-section: var(--dm-color-bg-secondary);
    --dm-color-bg-brand-section_subtle: var(--dm-color-bg-primary);
    --dm-color-bg-error-primary: var(--dm-color-error-950);
    --dm-color-bg-error-secondary: var(--dm-color-error-600);
    --dm-color-bg-error-solid: var(--dm-color-error-600);
    --dm-color-bg-error-solid_hover: var(--dm-color-error-500);
    --dm-color-bg-warning-primary: var(--dm-color-warning-950);
    --dm-color-bg-warning-secondary: var(--dm-color-warning-600);
    --dm-color-bg-warning-solid: var(--dm-color-warning-600);
    --dm-color-bg-success-primary: var(--dm-color-success-950);
    --dm-color-bg-success-secondary: var(--dm-color-success-600);
    --dm-color-bg-success-solid: var(--dm-color-success-600);
    --dm-color-app-store-badge-border: var(--dm-color-white);
    --dm-color-avatar-styles-bg-neutral: 224 224 224 1;
    --dm-color-featured-icon-light-fg-brand: var(--dm-color-brand-200);
    --dm-color-featured-icon-light-fg-error: var(--dm-color-error-200);
    --dm-color-featured-icon-light-fg-gray: var(--dm-color-neutral-200);
    --dm-color-featured-icon-light-fg-success: var(--dm-color-success-200);
    --dm-color-featured-icon-light-fg-warning: var(--dm-color-warning-200);
    --dm-color-focus-ring: var(--dm-color-brand-500);
    --dm-color-focus-ring-error: var(--dm-color-error-500);
    --dm-color-footer-button-fg: var(--dm-color-neutral-300);
    --dm-color-footer-button-fg_hover: var(--dm-color-neutral-100);
    --dm-color-icon-fg-brand: var(--dm-color-neutral-400);
    --dm-color-icon-fg-brand_on-brand: var(--dm-color-neutral-400);
    --dm-color-screen-mockup-border: var(--dm-color-neutral-700);
    --dm-color-slider-handle-bg: var(--dm-color-fg-brand-primary);
    --dm-color-slider-handle-border: var(--dm-color-bg-primary);
    --dm-color-toggle-border: var(--dm-color-transparent);
    --dm-color-toggle-slim-border_pressed: var(--dm-color-transparent);
    --dm-color-toggle-slim-border_pressed-hover: var(--dm-color-transparent);
    --dm-color-tooltip-supporting-text: var(--dm-color-neutral-300);
    --dm-color-fg-disabled: var(--dm-color-neutral-600);
  }
}
@layer dm-theme {
  :root {
    --colors-base-white: var(--dm-color-white);
    --colors-base-black: var(--dm-color-black);
    --colors-base-transparent: var(--dm-color-transparent);
    --colors-gray-25: var(--dm-color-neutral-25);
    --colors-gray-50: var(--dm-color-neutral-50);
    --colors-gray-100: var(--dm-color-neutral-100);
    --colors-gray-200: var(--dm-color-neutral-200);
    --colors-gray-300: var(--dm-color-neutral-300);
    --colors-gray-400: var(--dm-color-neutral-400);
    --colors-gray-500: var(--dm-color-neutral-500);
    --colors-gray-600: var(--dm-color-neutral-600);
    --colors-gray-700: var(--dm-color-neutral-700);
    --colors-gray-800: var(--dm-color-neutral-800);
    --colors-gray-900: var(--dm-color-neutral-900);
    --colors-gray-950: var(--dm-color-neutral-950);
    --colors-success-25: var(--dm-color-green-25);
    --colors-success-50: var(--dm-color-green-50);
    --colors-success-100: var(--dm-color-green-100);
    --colors-success-200: var(--dm-color-green-200);
    --colors-success-300: var(--dm-color-green-300);
    --colors-success-400: var(--dm-color-green-400);
    --colors-success-500: var(--dm-color-green-500);
    --colors-success-600: var(--dm-color-green-600);
    --colors-success-700: var(--dm-color-green-700);
    --colors-success-800: var(--dm-color-green-800);
    --colors-success-900: var(--dm-color-green-900);
    --colors-success-950: var(--dm-color-green-950);
    --colors-warning-25: var(--dm-color-yellow-25);
    --colors-warning-50: var(--dm-color-yellow-50);
    --colors-warning-100: var(--dm-color-yellow-100);
    --colors-warning-200: var(--dm-color-yellow-200);
    --colors-warning-300: var(--dm-color-yellow-300);
    --colors-warning-400: var(--dm-color-yellow-400);
    --colors-warning-500: var(--dm-color-yellow-500);
    --colors-warning-600: var(--dm-color-yellow-600);
    --colors-warning-700: var(--dm-color-yellow-700);
    --colors-warning-800: var(--dm-color-yellow-800);
    --colors-warning-900: var(--dm-color-yellow-900);
    --colors-warning-950: var(--dm-color-yellow-950);
    --colors-error-25: var(--dm-color-red-25);
    --colors-error-50: var(--dm-color-red-50);
    --colors-error-100: var(--dm-color-red-100);
    --colors-error-200: var(--dm-color-red-200);
    --colors-error-300: var(--dm-color-red-300);
    --colors-error-400: var(--dm-color-red-400);
    --colors-error-500: var(--dm-color-red-500);
    --colors-error-600: var(--dm-color-red-600);
    --colors-error-700: var(--dm-color-red-700);
    --colors-error-800: var(--dm-color-red-800);
    --colors-error-900: var(--dm-color-red-900);
    --colors-error-950: var(--dm-color-red-950);
    --colors-brand-25: var(--dm-color-brand-25);
    --colors-brand-50: var(--dm-color-brand-50);
    --colors-brand-100: var(--dm-color-brand-100);
    --colors-brand-200: var(--dm-color-brand-200);
    --colors-brand-300: var(--dm-color-brand-300);
    --colors-brand-400: var(--dm-color-brand-400);
    --colors-brand-500: var(--dm-color-brand-500);
    --colors-brand-600: var(--dm-color-brand-600);
    --colors-brand-700: var(--dm-color-brand-700);
    --colors-brand-800: var(--dm-color-brand-800);
    --colors-brand-900: var(--dm-color-brand-900);
    --colors-brand-950: var(--dm-color-brand-950);
    --colors-alpha-black-10: rgb(0 0 0 / 0.1);
    --colors-alpha-white-10: rgb(255 255 255 / 0.1);
    --colors-alpha-black-20: rgb(0 0 0 / 0.2);
    --colors-alpha-white-20: rgb(255 255 255 / 0.2);
    --colors-alpha-black-30: rgb(0 0 0 / 0.3);
    --colors-alpha-white-30: rgb(255 255 255 / 0.3);
    --colors-alpha-black-40: rgb(0 0 0 / 0.4);
    --colors-alpha-white-40: rgb(255 255 255 / 0.4);
    --colors-alpha-black-50: rgb(0 0 0 / 0.5);
    --colors-alpha-white-50: rgb(255 255 255 / 0.5);
    --colors-alpha-black-60: rgb(0 0 0 / 0.6);
    --colors-alpha-white-60: rgb(255 255 255 / 0.6);
    --colors-alpha-black-70: rgb(0 0 0 / 0.7);
    --colors-alpha-white-70: rgb(255 255 255 / 0.7);
    --colors-alpha-black-80: rgb(0 0 0 / 0.8);
    --colors-alpha-white-80: rgb(255 255 255 / 0.8);
    --colors-alpha-black-90: rgb(0 0 0 / 0.9);
    --colors-alpha-white-90: rgb(255 255 255 / 0.9);
    --colors-alpha-black-100: var(--dm-color-black);
    --colors-alpha-white-100: var(--dm-color-white);
    --colors-utility-gray-50: var(--dm-color-utility-neutral-50);
    --colors-utility-gray-100: var(--dm-color-utility-neutral-100);
    --colors-utility-gray-200: var(--dm-color-utility-neutral-200);
    --colors-utility-gray-300: var(--dm-color-utility-neutral-300);
    --colors-utility-gray-400: var(--dm-color-utility-neutral-400);
    --colors-utility-gray-500: var(--dm-color-utility-neutral-500);
    --colors-utility-gray-600: var(--dm-color-utility-neutral-600);
    --colors-utility-gray-700: var(--dm-color-utility-neutral-700);
    --colors-utility-gray-800: var(--dm-color-utility-neutral-800);
    --colors-utility-gray-900: var(--dm-color-utility-neutral-900);
    --colors-utility-success-50: var(--dm-color-utility-green-50);
    --colors-utility-success-100: var(--dm-color-utility-green-100);
    --colors-utility-success-200: var(--dm-color-utility-green-200);
    --colors-utility-success-300: var(--dm-color-utility-green-300);
    --colors-utility-success-400: var(--dm-color-utility-green-400);
    --colors-utility-success-500: var(--dm-color-utility-green-500);
    --colors-utility-success-600: var(--dm-color-utility-green-600);
    --colors-utility-success-700: var(--dm-color-utility-green-700);
    --colors-utility-success-800: var(--dm-color-utility-green-800);
    --colors-utility-success-900: var(--dm-color-utility-green-900);
    --colors-utility-warning-50: var(--dm-color-utility-yellow-50);
    --colors-utility-warning-100: var(--dm-color-utility-yellow-100);
    --colors-utility-warning-200: var(--dm-color-utility-yellow-200);
    --colors-utility-warning-300: var(--dm-color-utility-yellow-300);
    --colors-utility-warning-400: var(--dm-color-utility-yellow-400);
    --colors-utility-warning-500: var(--dm-color-utility-yellow-500);
    --colors-utility-warning-600: var(--dm-color-utility-yellow-600);
    --colors-utility-warning-700: var(--dm-color-utility-yellow-700);
    --colors-utility-warning-800: var(--dm-color-utility-yellow-800);
    --colors-utility-warning-900: var(--dm-color-utility-yellow-900);
    --colors-utility-error-50: var(--dm-color-utility-red-50);
    --colors-utility-error-100: var(--dm-color-utility-red-100);
    --colors-utility-error-200: var(--dm-color-utility-red-200);
    --colors-utility-error-300: var(--dm-color-utility-red-300);
    --colors-utility-error-400: var(--dm-color-utility-red-400);
    --colors-utility-error-500: var(--dm-color-utility-red-500);
    --colors-utility-error-600: var(--dm-color-utility-red-600);
    --colors-utility-error-700: var(--dm-color-utility-red-700);
    --colors-utility-error-800: var(--dm-color-utility-red-800);
    --colors-utility-error-900: var(--dm-color-utility-red-900);
    --colors-utility-brand-50: var(--dm-color-utility-brand-50);
    --colors-utility-brand-100: var(--dm-color-utility-brand-100);
    --colors-utility-brand-200: var(--dm-color-utility-brand-200);
    --colors-utility-brand-300: var(--dm-color-utility-brand-300);
    --colors-utility-brand-400: var(--dm-color-utility-brand-400);
    --colors-utility-brand-500: var(--dm-color-utility-brand-500);
    --colors-utility-brand-600: var(--dm-color-utility-brand-600);
    --colors-utility-brand-700: var(--dm-color-utility-brand-700);
    --colors-utility-brand-800: var(--dm-color-utility-brand-800);
    --colors-utility-brand-900: var(--dm-color-utility-brand-900);
    --colors-background-primary: var(--dm-color-bg-primary);
    --colors-background-primary-alt: var(--dm-color-bg-primary_alt);
    --colors-background-primary-hover: var(--dm-color-bg-primary_hover);
    --colors-background-primary-solid: var(--dm-color-bg-primary-solid);
    --colors-background-secondary: var(--dm-color-bg-secondary);
    --colors-background-secondary-alt: var(--dm-color-bg-secondary_alt);
    --colors-background-secondary-hover: var(--dm-color-bg-secondary_hover);
    --colors-background-secondary-solid: var(--dm-color-bg-secondary-solid);
    --colors-background-secondary-subtle: var(--dm-color-bg-secondary_alt);
    --colors-background-tertiary: var(--dm-color-bg-tertiary);
    --colors-background-quaternary: var(--dm-color-bg-quaternary);
    --colors-background-active: var(--dm-color-bg-secondary);
    --colors-background-disabled: var(--dm-color-neutral-100);
    --colors-background-disabled-subtle: var(--dm-color-neutral-50);
    --colors-background-overlay: var(--dm-color-bg-overlay);
    --colors-background-brand-primary: var(--dm-color-bg-brand-primary);
    --colors-background-brand-primary-alt: var(--dm-color-bg-brand-primary_alt);
    --colors-background-brand-secondary: var(--dm-color-bg-brand-secondary);
    --colors-background-brand-solid: var(--dm-color-bg-brand-solid);
    --colors-background-brand-solid-hover: var(--dm-color-bg-brand-solid_hover);
    --colors-background-brand-section: var(--dm-color-bg-brand-section);
    --colors-background-brand-section-subtle: var(--dm-color-bg-brand-section_subtle);
    --colors-background-error-primary: var(--dm-color-bg-error-primary);
    --colors-background-error-secondary: var(--dm-color-bg-error-secondary);
    --colors-background-error-solid: var(--dm-color-bg-error-solid);
    --colors-background-warning-primary: var(--dm-color-bg-warning-primary);
    --colors-background-warning-secondary: var(--dm-color-bg-warning-secondary);
    --colors-background-warning-solid: var(--dm-color-bg-warning-solid);
    --colors-background-success-primary: var(--dm-color-bg-success-primary);
    --colors-background-success-secondary: var(--dm-color-bg-success-secondary);
    --colors-background-success-solid: var(--dm-color-bg-success-solid);
    --colors-foreground-primary: var(--dm-color-fg-primary);
    --colors-foreground-secondary: var(--dm-color-fg-secondary);
    --colors-foreground-secondary-hover: var(--dm-color-fg-secondary_hover);
    --colors-foreground-tertiary: var(--dm-color-fg-tertiary);
    --colors-foreground-tertiary-hover: var(--dm-color-fg-tertiary_hover);
    --colors-foreground-quaternary: var(--dm-color-fg-quaternary);
    --colors-foreground-quaternary-hover: var(--dm-color-fg-quaternary_hover);
    --colors-foreground-quinary: var(--dm-color-fg-quaternary);
    --colors-foreground-quinary-hover: var(--dm-color-fg-quaternary_hover);
    --colors-foreground-senary: var(--dm-color-neutral-300);
    --colors-foreground-disabled: var(--dm-color-fg-disabled);
    --colors-foreground-disabled-subtle: var(--dm-color-neutral-300);
    --colors-foreground-white: var(--dm-color-fg-white);
    --colors-foreground-brand-primary: var(--dm-color-fg-brand-primary);
    --colors-foreground-brand-primary-alt: var(--dm-color-fg-brand-primary_alt);
    --colors-foreground-brand-secondary: var(--dm-color-fg-brand-secondary);
    --colors-foreground-error-primary: var(--dm-color-fg-error-primary);
    --colors-foreground-error-secondary: var(--dm-color-fg-error-secondary);
    --colors-foreground-warning-primary: var(--dm-color-fg-warning-primary);
    --colors-foreground-warning-secondary: var(--dm-color-fg-warning-secondary);
    --colors-foreground-success-primary: var(--dm-color-fg-success-primary);
    --colors-foreground-success-secondary: var(--dm-color-fg-success-secondary);
    --colors-border-primary: var(--dm-color-border-primary);
    --colors-border-secondary: var(--dm-color-border-secondary);
    --colors-border-tertiary: var(--dm-color-border-tertiary);
    --colors-border-disabled: var(--dm-color-neutral-300);
    --colors-border-disabled-subtle: var(--dm-color-neutral-200);
    --colors-border-error: var(--dm-color-border-error);
    --colors-border-error-solid: var(--dm-color-bg-error-solid);
    --colors-border-brand: var(--dm-color-border-brand);
    --colors-border-brand-solid: var(--dm-color-bg-brand-solid);
    --colors-border-brand-solid-alt: var(--dm-color-border-brand_alt);
    --colors-text-primary: var(--dm-color-text-primary);
    --colors-text-primary-on-brand: var(--dm-color-text-primary_on-brand);
    --colors-text-secondary: var(--dm-color-text-secondary);
    --colors-text-secondary-hover: var(--dm-color-text-secondary_hover);
    --colors-text-secondary-on-brand: var(--dm-color-text-secondary_on-brand);
    --colors-text-tertiary: var(--dm-color-text-tertiary);
    --colors-text-tertiary-hover: var(--dm-color-text-tertiary_hover);
    --colors-text-tertiary-on-brand: var(--dm-color-text-tertiary_on-brand);
    --colors-text-quaternary: var(--dm-color-text-quaternary);
    --colors-text-quaternary-on-brand: var(--dm-color-text-quaternary_on-brand);
    --colors-text-disabled: var(--dm-color-neutral-500);
    --colors-text-placeholder: var(--dm-color-text-placeholder);
    --colors-text-placeholder-subtle: var(--dm-color-neutral-300);
    --colors-text-brand-primary: var(--dm-color-text-brand-primary);
    --colors-text-brand-secondary: var(--dm-color-text-brand-secondary);
    --colors-text-brand-tertiary: var(--dm-color-text-brand-tertiary);
    --colors-text-brand-tertiary-alt: var(--dm-color-text-brand-tertiary_alt);
    --colors-text-error-primary: var(--dm-color-text-error-primary);
    --colors-text-warning-primary: var(--dm-color-text-warning-primary);
    --colors-text-success-primary: var(--dm-color-text-success-primary);
    --colors-text-white: var(--dm-color-text-white);
    --colors-text-text-white: var(--dm-color-text-white);
    --colors-focus-ring: var(--dm-color-focus-ring);
    --colors-focus-ring-error: var(--dm-color-focus-ring-error);
    --colors-focus-ring-gray: var(--dm-color-focus-ring-gray);
    --colors-backdrop-background: var(--dm-color-backdrop-background);
  }
}
@layer dm-theme {
  :root {
    --dm-radius: 0.5rem;
    --dm-radius-none: 0px;
    --dm-radius-xs: calc(var(--dm-radius) * 0.25);
    --dm-radius-sm: calc(var(--dm-radius) * 0.5);
    --dm-radius-md: calc(var(--dm-radius) * 0.75);
    --dm-radius-lg: var(--dm-radius);
    --dm-radius-xl: calc(var(--dm-radius) * 1.5);
    --dm-radius-2xl: calc(var(--dm-radius) * 2);
    --dm-radius-3xl: calc(var(--dm-radius) * 3);
    --dm-radius-4xl: calc(var(--dm-radius) * 4);
    --dm-radius-full: 9999px;
    --dm-radius-2: calc(var(--dm-radius) * 0.25);
    --dm-radius-4: calc(var(--dm-radius) * 0.5);
    --dm-radius-6: calc(var(--dm-radius) * 0.75);
    --dm-radius-8: var(--dm-radius);
    --dm-radius-10: calc(var(--dm-radius) * 1.25);
    --dm-radius-12: calc(var(--dm-radius) * 1.5);
    --dm-radius-16: calc(var(--dm-radius) * 2);
    --dm-radius-20: calc(var(--dm-radius) * 2.5);
    --dm-radius-24: calc(var(--dm-radius) * 3);
  }
}
@layer dm-theme {
  :root {
    --dm-separator-border-width: 1px;
    --dm-field-border-width: 1px;
  }
}
@layer dm-theme {
  :root {
    --dm-avatar-bg: var(--dm-color-bg-tertiary);
    --dm-avatar-border-color: var(--dm-color-border-secondary);
    --dm-avatar-border-width: 1px;
    --dm-avatar-ring-color: var(--dm-color-bg-primary);
    --dm-avatar-shadow: none;
    --dm-avatar-radius: var(--dm-radius-full);
    --dm-avatar-scale: 1;
    --dm-avatar-outer-ring-color: var(--dm-color-border-secondary);
    --dm-avatar-outer-ring-width: 1px;
    --dm-avatar-outer-ring-offset: 2px;
    --dm-avatar-focus-ring: var(--dm-focus-ring);
    --dm-avatar-img-size: 24px;
    --dm-avatar-icon-size: 16px;
    --dm-avatar-icon-color: var(--dm-color-fg-quaternary);
    --dm-avatar-initials-size: var(--dm-font-size-text-xs);
    --dm-avatar-initials-lineh: var(--dm-line-height-text-xs);
    --dm-avatar-initials-color: var(--dm-color-text-quaternary);
    --dm-avatar-gap: var(--dm-spacing-10);
    --dm-avatar-title-size: var(--dm-font-size-text-sm);
    --dm-avatar-title-lineh: var(--dm-line-height-text-sm);
    --dm-avatar-title-color: var(--dm-color-text-primary);
    --dm-avatar-subtitle-size: var(--dm-font-size-text-xs);
    --dm-avatar-subtitle-lineh: var(--dm-line-height-text-xs);
    --dm-avatar-subtitle-color: var(--dm-color-text-tertiary);
    --dm-avatar-badge-icon-size: 12px;
    --dm-avatar-status-available: var(--dm-color-fg-success-secondary);
    --dm-avatar-status-busy: var(--dm-color-error-500);
    --dm-avatar-status-away: var(--dm-color-warning-500);
    --dm-avatar-status-offline: var(--dm-color-utility-neutral-300);
    --dm-avatar-verified-size: 12px;
    --dm-avatar-verified-color: var(--dm-color-utility-blue-500);
    --dm-avatar-company-size: 12px;
    --dm-avatar-company-bg: var(--dm-color-bg-brand-primary);
    --dm-avatar-profile-size: 72px;
    --dm-avatar-profile-border: 3px;
    --dm-avatar-profile-shadow: var(--dm-shadow-md);
    --dm-avatar-profile-badge-icon-size: 20px;
    --dm-avatar-profile-initials-size: var(--dm-font-size-display-sm);
    --dm-avatar-profile-initials-lineh: var(--dm-line-height-display-sm);
    --dm-avatar-profile-badge-icon-offset: 0px;
    --dm-avatar-group-lmargin: calc(var(--dm-spacing-12) * -1);
  }
}
@layer dm-theme {
  :root {
    --dm-button-radius: var(--dm-radius-lg);
    --dm-button-font-weight: 600;
    --dm-button-shadow: 0 0 0 0 transparent;
    --dm-button-primary-bg: var(--dm-color-bg-brand-solid);
    --dm-button-primary-bg-hover: var(--dm-color-bg-brand-solid_hover);
    --dm-button-primary-fg: var(--dm-color-white);
    --dm-button-primary-ring: transparent;
    --dm-button-primary-icon-color: color-mix(in oklab, var(--dm-color-white) 60%, transparent);
    --dm-button-primary-icon-color-hover: color-mix(in oklab, var(--dm-color-white) 70%, transparent);
    --dm-button-secondary-bg: var(--dm-color-bg-primary);
    --dm-button-secondary-bg-hover: var(--dm-color-bg-primary_hover);
    --dm-button-secondary-fg: var(--dm-color-text-secondary);
    --dm-button-secondary-fg-hover: var(--dm-color-text-secondary_hover);
    --dm-button-secondary-ring: var(--dm-color-border-primary);
    --dm-button-secondary-icon-color: var(--dm-color-fg-quaternary);
    --dm-button-secondary-icon-color-hover: var(--dm-color-fg-quaternary_hover);
    --dm-button-tertiary-bg: transparent;
    --dm-button-tertiary-bg-hover: var(--dm-color-bg-primary_hover);
    --dm-button-tertiary-fg: var(--dm-color-text-tertiary);
    --dm-button-tertiary-fg-hover: var(--dm-color-text-tertiary_hover);
    --dm-button-tertiary-ring: transparent;
    --dm-button-tertiary-icon-color: var(--dm-color-fg-quaternary);
    --dm-button-tertiary-icon-color-hover: var(--dm-color-fg-quaternary_hover);
    --dm-button-secondary-color-bg: var(--dm-color-bg-primary);
    --dm-button-secondary-color-bg-hover: var(--dm-color-brand-50);
    --dm-button-secondary-color-fg: var(--dm-color-text-brand-secondary);
    --dm-button-secondary-color-fg-hover: var(--dm-color-text-brand-secondary_hover);
    --dm-button-secondary-color-ring: var(--dm-color-brand-300);
    --dm-button-secondary-color-icon-color: var(--dm-color-text-brand-secondary);
    --dm-button-tertiary-color-bg-hover: var(--dm-color-brand-50);
    --dm-button-tertiary-color-fg: var(--dm-color-text-brand-secondary);
    --dm-button-tertiary-color-icon-color: var(--dm-color-text-brand-secondary);
    --dm-button-primary-destructive-bg: var(--dm-color-bg-error-solid);
    --dm-button-primary-destructive-bg-hover: var(--dm-color-bg-error-solid_hover);
    --dm-button-primary-destructive-fg: var(--dm-color-white);
    --dm-button-primary-destructive-icon-color: color-mix(in oklab, var(--dm-color-white) 60%, transparent);
    --dm-button-primary-destructive-icon-color-hover: color-mix(in oklab, var(--dm-color-white) 70%, transparent);
    --dm-button-secondary-destructive-bg: var(--dm-color-bg-primary);
    --dm-button-secondary-destructive-bg-hover: var(--dm-color-bg-error-primary);
    --dm-button-secondary-destructive-fg: var(--dm-color-text-error-primary);
    --dm-button-secondary-destructive-fg-hover: var(--dm-color-text-error-primary_hover);
    --dm-button-secondary-destructive-ring: var(--dm-color-border-error_subtle);
    --dm-button-secondary-destructive-icon-color: var(--dm-color-fg-error-secondary);
    --dm-button-secondary-destructive-icon-color-hover: var(--dm-color-fg-error-primary);
    --dm-button-tertiary-destructive-bg-hover: var(--dm-color-bg-error-primary);
    --dm-button-tertiary-destructive-fg: var(--dm-color-text-error-primary);
    --dm-button-tertiary-destructive-fg-hover: var(--dm-color-text-error-primary_hover);
    --dm-button-tertiary-destructive-icon-color: var(--dm-color-fg-error-secondary);
    --dm-button-tertiary-destructive-icon-color-hover: var(--dm-color-fg-error-primary);
    --dm-button-link-gray-fg: var(--dm-color-text-tertiary);
    --dm-button-link-gray-fg-hover: var(--dm-color-text-tertiary_hover);
    --dm-button-link-gray-icon-color: var(--dm-color-fg-quaternary);
    --dm-button-link-gray-icon-color-hover: var(--dm-color-fg-quaternary_hover);
    --dm-button-link-color-fg: var(--dm-color-text-brand-secondary);
    --dm-button-link-color-fg-hover: var(--dm-color-text-brand-secondary_hover);
    --dm-button-link-color-icon-color: var(--dm-color-fg-brand-secondary_alt);
    --dm-button-link-color-icon-color-hover: var(--dm-color-fg-brand-secondary_hover);
    --dm-button-link-destructive-fg: var(--dm-color-text-error-primary);
    --dm-button-link-destructive-fg-hover: var(--dm-color-text-error-primary_hover);
    --dm-button-link-destructive-icon-color: var(--dm-color-fg-error-secondary);
    --dm-button-link-destructive-icon-color-hover: var(--dm-color-fg-error-primary);
  }
}
@layer dm-theme {
  :root {
    --dm-button-utility-radius: var(--dm-radius-md);
    --dm-button-utility-shadow: 0 0 0 0 transparent;
    --dm-button-utility-secondary-bg: var(--dm-color-bg-primary);
    --dm-button-utility-secondary-bg-hover: var(--dm-color-bg-primary_hover);
    --dm-button-utility-secondary-fg: var(--dm-color-fg-quaternary);
    --dm-button-utility-secondary-fg-hover: var(--dm-color-fg-quaternary_hover);
    --dm-button-utility-secondary-ring: var(--dm-color-border-primary);
    --dm-button-utility-secondary-icon-color: var(--dm-color-fg-quaternary);
    --dm-button-utility-secondary-icon-color-hover: var(--dm-color-fg-quaternary_hover);
    --dm-button-utility-tertiary-bg: transparent;
    --dm-button-utility-tertiary-bg-hover: var(--dm-color-bg-primary_hover);
    --dm-button-utility-tertiary-fg: var(--dm-color-fg-quaternary);
    --dm-button-utility-tertiary-fg-hover: var(--dm-color-fg-quaternary_hover);
    --dm-button-utility-tertiary-ring: transparent;
    --dm-button-utility-tertiary-icon-color: var(--dm-color-fg-quaternary);
    --dm-button-utility-tertiary-icon-color-hover: var(--dm-color-fg-quaternary_hover);
  }
}
@layer dm-theme {
  :root {
    --dm-button-close-radius: var(--dm-radius-lg);
    --dm-button-close-fg: var(--dm-color-fg-quaternary);
    --dm-button-close-fg-hover: var(--dm-color-fg-quaternary_hover);
    --dm-button-close-bg-hover: var(--dm-color-bg-primary_hover);
    --dm-button-close-size-xs: calc(var(--dm-spacing) * 7);
    --dm-button-close-size-sm: calc(var(--dm-spacing) * 9);
    --dm-button-close-size-md: calc(var(--dm-spacing) * 10);
    --dm-button-close-size-lg: calc(var(--dm-spacing) * 11);
  }
}
@layer dm-theme {
  :root {
    --dm-badge-radius: var(--dm-radius-full);
    --dm-badge-radius-square: var(--dm-radius-md);
    --dm-badge-border-width: 1px;
    --dm-badge-shadow: 0 0 0 0 transparent;
    --dm-badge-icon-size: 12px;
    --dm-badge-icon-weight: 700;
  }
}
@layer dm-theme {
  :root {
    --dm-badge-group-radius: var(--dm-radius-full);
    --dm-badge-group-radius-modern: var(--dm-radius-10);
    --dm-badge-group-border-width: 1px;
    --dm-badge-group-shadow: 0 0 0 0 transparent;
    --dm-badge-group-icon-size: 16px;
    --dm-badge-group-icon-weight: 600;
    --dm-badge-group-padding-y: var(--dm-spacing-4);
    --dm-badge-group-padding-x: var(--dm-spacing-8);
    --dm-badge-group-gap: var(--dm-spacing-8);
  }
}
@layer dm-theme {
  :root {
    --dm-tabs-item-radius: var(--dm-radius-md);
    --dm-tabs-item-active-color: var(--dm-color-text-brand-secondary);
    --dm-tabs-item-active-background: var(--dm-color-bg-brand-primary_alt);
    --dm-tabs-item-pressed-color: var(--dm-color-text-brand-secondary_hover);
    --dm-tabs-item-active-border: var(--dm-color-fg-brand-primary_alt);
  }
}
@layer dm-theme {
  :root {
    --dm-card-radius: var(--dm-surface-radius);
    --dm-card-bg: var(--dm-surface-bg);
    --dm-card-border-color: var(--dm-surface-border-color);
    --dm-card-border-width: var(--dm-surface-border-width);
    --dm-card-shadow: var(--dm-surface-shadow);
    --dm-card-inset-x: var(--dm-surface-padding-mobile);
    --dm-card-inset-x-tablet: var(--dm-surface-padding-desktop);
    --dm-card-mobile-bleed: var(--dm-container-padding-mobile);
  }
}
@layer dm-theme {
  :root {
    --dm-form-control-bg: var(--dm-color-bg-primary);
    --dm-form-control-border: var(--dm-color-border-primary);
    --dm-form-control-bg-disabled: var(--dm-color-bg-tertiary);
    --dm-form-control-disabled-opacity: var(--dm-disabled-opacity);
    --dm-form-control-bg-checked: var(--dm-color-bg-brand-solid);
    --dm-form-control-border-checked: var(--dm-color-bg-brand-solid);
    --dm-form-control-fg: var(--dm-color-fg-white);
    --dm-form-control-border-error: var(--dm-color-border-error);
    --dm-form-control-radius: var(--dm-radius-lg);
    --dm-form-control-shadow: var(--dm-shadow-xs);
    --dm-form-control-text: var(--dm-color-text-primary);
    --dm-form-control-placeholder: var(--dm-color-text-placeholder);
    --dm-form-control-focus-ring: var(--dm-color-border-brand);
    --dm-form-control-field-error-border: var(--dm-color-border-error_subtle);
    --dm-form-control-field-error-ring: var(--dm-color-border-error);
    --dm-input-focus-ring: inset 0 0 0 var(--dm-focus-ring-width) var(--dm-form-control-focus-ring);
    --dm-input-error-focus-ring: inset 0 0 0 var(--dm-focus-ring-width) var(--dm-form-control-field-error-ring);
    --dm-form-control-label-color: var(--dm-color-text-secondary);
    --dm-form-control-hint-color: var(--dm-color-text-tertiary);
    --dm-form-control-gap: var(--dm-spacing-8);
  }
}
@layer dm-theme {
  :root {
    --dm-input-radius: var(--dm-form-control-radius);
    --dm-input-shadow: var(--dm-form-control-shadow);
    --dm-input-bg: var(--dm-form-control-bg);
    --dm-input-text-color: var(--dm-form-control-text);
    --dm-input-placeholder-color: var(--dm-form-control-placeholder);
    --dm-input-border-color: var(--dm-form-control-border);
    --dm-input-focus-ring-color: var(--dm-form-control-focus-ring);
    --dm-input-readonly-text-color: var(--dm-color-text-secondary);
    --dm-input-readonly-bg: var(--dm-color-bg-secondary);
    --dm-input-error-border-color: var(--dm-form-control-field-error-border);
    --dm-input-error-focus-ring-color: var(--dm-form-control-field-error-ring);
    --dm-input-resize-handle: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgMkwyIDEwIiBzdHJva2U9IiNENUQ3REEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMSA3TDcgMTEiIHN0cm9rZT0iI0Q1RDdEQSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+);
    --dm-input-select-chevron: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%206L8%2010L12%206%22%20stroke%3D%22%23A4A7AE%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
  }
  .dark-mode {
    --dm-input-resize-handle: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgMkwyIDEwIiBzdHJva2U9IiMzNzNBNDEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMSA3TDcgMTEiIHN0cm9rZT0iIzM3M0E0MSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+);
    --dm-input-select-chevron: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%206L8%2010L12%206%22%20stroke%3D%22%23535862%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
  }
  input[slot=native][type=number]::-webkit-outer-spin-button,
  input[slot=native][type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
}
@layer dm-theme {
  :root {
    --dm-modal-radius: var(--dm-radius-2xl);
    --dm-modal-radius-mobile: var(--dm-radius-xl);
    --dm-modal-bg: var(--dm-color-bg-primary);
    --dm-modal-shadow: var(--dm-shadow-xl);
    --dm-modal-border-color: var(--dm-color-border-secondary);
    --dm-modal-padding: var(--dm-surface-padding-desktop);
    --dm-modal-padding-mobile: var(--dm-surface-padding-mobile);
    --dm-modal-close-offset: calc(var(--dm-spacing-40) + var(--dm-spacing-4));
    --dm-modal-overlay-bg: var(--dm-color-bg-overlay);
    --dm-modal-overlay-opacity: 70%;
    --dm-modal-overlay-blur: blur(6px);
    --dm-modal-duration-enter: var(--dm-duration-300);
    --dm-modal-duration-exit: var(--dm-duration-200);
    --dm-modal-easing-enter: var(--dm-ease-out);
    --dm-modal-easing-exit: var(--dm-ease-out);
    --dm-modal-scale: 0.95;
  }
}
@layer dm-theme {
  :root {
    --dm-fileupload-radius: var(--dm-radius-xl);
    --dm-fileupload-bg: var(--dm-color-bg-primary);
    --dm-fileupload-text-color: var(--dm-color-text-tertiary);
    --dm-fileupload-border-color: var(--dm-color-border-secondary);
    --dm-fileupload-hover-bg: var(--dm-color-bg-brand-primary);
    --dm-fileupload-active-ring-color: var(--dm-color-border-brand);
    --dm-fileupload-error-ring-color: var(--dm-color-border-error);
    --dm-fileupload-disabled-bg: var(--dm-color-bg-secondary);
    --dm-fileupload-padding: var(--dm-spacing-16);
  }
}
@layer dm-theme {
  :root {
    --dm-loading-indicator-size-sm: 32px;
    --dm-loading-indicator-size-md: 48px;
    --dm-loading-indicator-size-lg: 56px;
    --dm-loading-indicator-size-xl: 64px;
    --dm-loading-indicator-color: var(--dm-color-fg-brand-primary);
    --dm-loading-indicator-track-color: var(--dm-color-bg-tertiary);
    --dm-loading-indicator-speed: 750ms;
  }
}
@layer dm-theme {
  :root {
    --dm-qr-code-canvas-md: 96px;
    --dm-qr-code-canvas-lg: 128px;
    --dm-qr-code-padding-md: var(--dm-spacing-8);
    --dm-qr-code-padding-lg: var(--dm-spacing-12);
    --dm-qr-code-color: var(--dm-color-text-primary);
    --dm-qr-code-bg: var(--dm-color-bg-primary);
    --dm-qr-code-radius: var(--dm-radius-none);
    --dm-qr-code-shadow: none;
    --dm-qr-code-handle-size: 12px;
    --dm-qr-code-handle-border-width: 2px;
    --dm-qr-code-handle-color: var(--dm-color-border-brand_alt);
    --dm-qr-code-handle-radius: var(--dm-radius-sm);
  }
}
@layer dm-theme {
  :root {
    --dm-content-divider-line-color: var(--dm-color-border-secondary);
    --dm-content-divider-label-color: var(--dm-color-text-tertiary);
    --dm-content-divider-gap: var(--dm-spacing-8);
    --dm-content-divider-dual-padding-y: var(--dm-spacing-12);
    --dm-content-divider-bg: var(--dm-color-bg-secondary);
    --dm-content-divider-bg-padding-y: var(--dm-spacing-8);
    --dm-content-divider-radius: var(--dm-radius-lg);
  }
}
@layer dm-theme {
  :root {
    --dm-credit-card-radius: var(--dm-radius-2xl);
    --dm-credit-card-shadow: none;
  }
}
@layer dm-theme {
  :root {
    --dm-background-pattern-color: var(--dm-color-border-secondary);
    --dm-background-pattern-highlight-color: var(--dm-color-bg-secondary);
  }
}
@layer dm-theme {
  :root {
    --dm-empty-state-padding-block: var(--dm-spacing-48);
    --dm-empty-state-pattern-color: var(--dm-color-border-secondary);
    --dm-empty-state-title-color: var(--dm-color-text-primary);
    --dm-empty-state-description-color: var(--dm-color-text-tertiary);
  }
}
@layer dm-theme {
  :root {
    --dm-card-header-bg: transparent;
    --dm-card-header-radius: var(--dm-card-radius);
    --dm-card-header-border-color: var(--dm-color-border-secondary);
    --dm-card-header-title-color: var(--dm-color-text-primary);
    --dm-card-header-description-color: var(--dm-color-text-tertiary);
    --dm-card-header-actions-gap: var(--dm-action-row-gap);
    --dm-card-header-padding-y: var(--dm-spacing-20);
    --dm-card-header-padding-x: var(--dm-card-inset-x);
    --dm-card-header-padding-x-tablet: var(--dm-card-inset-x-tablet);
    --dm-card-header-padding-y-sm: var(--dm-spacing-16);
    --dm-card-header-padding-x-sm: var(--dm-spacing-16);
    --dm-card-header-padding-x-sm-tablet: var(--dm-spacing-20);
  }
}
@layer dm-theme {
  :root {
    --dm-page-header-title-color: var(--dm-color-text-primary);
    --dm-page-header-supporting-color: var(--dm-color-text-tertiary);
    --dm-page-header-border-color: var(--dm-color-border-secondary);
    --dm-page-header-gap: var(--dm-spacing-16);
    --dm-page-header-content-gap: var(--dm-spacing-16);
    --dm-page-header-text-gap: 0;
    --dm-page-header-actions-gap: var(--dm-action-row-gap);
    --dm-page-header-avatar-gap: var(--dm-spacing-12);
    --dm-page-header-banner-avatar-gap: var(--dm-spacing-20);
    --dm-page-header-banner-height: 10rem;
    --dm-page-header-banner-height-desktop: 15rem;
    --dm-page-header-banner-radius: var(--dm-radius-xl);
    --dm-page-header-banner-inset: var(--dm-spacing-4);
    --dm-page-header-banner-overlap: var(--dm-spacing-48);
    --dm-page-header-banner-overlap-desktop: var(--dm-spacing-40);
    --dm-page-header-banner-overlap-centered: var(--dm-spacing-64);
    --dm-page-header-banner-avatar-scale-mobile: 0.6;
    --dm-page-header-banner-text-offset: var(--dm-spacing-64);
    --dm-page-header-banner-avatar-lift: var(--dm-spacing-8);
    --dm-page-header-max-width: 80rem;
    --dm-page-header-search-max-width: 17.5rem;
  }
}
@layer dm-theme {
  :root {
    --dm-section-header-title-color: var(--dm-color-text-primary);
    --dm-section-header-supporting-color: var(--dm-color-text-tertiary);
    --dm-section-header-border-color: var(--dm-color-border-secondary);
    --dm-section-header-gap: var(--dm-spacing-20);
    --dm-section-header-content-gap: var(--dm-spacing-16);
    --dm-section-header-text-gap: var(--dm-spacing-2);
    --dm-section-header-actions-gap: var(--dm-action-row-gap);
    --dm-section-header-search-max-width: 17.5rem;
  }
}
@layer dm-theme {
  :root {
    --dm-section-footer-border-color: var(--dm-color-border-secondary);
    --dm-section-footer-actions-gap: var(--dm-action-row-gap);
    --dm-section-footer-gap: var(--dm-spacing-20);
    --dm-section-footer-padding-top: var(--dm-spacing-16);
    --dm-section-footer-padding-top-tablet: var(--dm-spacing-20);
  }
}
@layer dm-theme {
  :root {
    --dm-card-footer-border-color: var(--dm-color-border-secondary);
    --dm-card-footer-bg: transparent;
    --dm-card-footer-radius: var(--dm-card-radius);
    --dm-card-footer-actions-gap: var(--dm-action-row-gap);
    --dm-card-footer-gap: var(--dm-spacing-16);
    --dm-card-footer-padding-y: var(--dm-spacing-12);
    --dm-card-footer-padding-y-tablet: var(--dm-spacing-16);
    --dm-card-footer-padding-x: var(--dm-card-inset-x);
    --dm-card-footer-padding-x-tablet: var(--dm-card-inset-x-tablet);
  }
}
@layer dm-theme {
  :root {
    --dm-card-body-padding-y: var(--dm-spacing-20);
  }
}
@layer dm-theme {
  :root {
    --dm-rating-star-active-color: var(--dm-color-yellow-400);
    --dm-rating-star-empty-color: var(--dm-color-neutral-200);
    --dm-rating-gap: 0px;
    --dm-rating-star-size: var(--dm-spacing-20);
    --dm-rating-star-size-sm: var(--dm-spacing-16);
    --dm-rating-count-color: var(--dm-color-text-secondary);
    --dm-rating-count-size: var(--dm-text-sm);
    --dm-rating-badge-gap: var(--dm-spacing-2);
    --dm-rating-badge-wreath-color: var(--dm-color-fg-primary);
    --dm-rating-badge-title-color: var(--dm-color-text-primary);
    --dm-rating-badge-title-size: var(--dm-text-sm);
    --dm-rating-badge-subtitle-color: var(--dm-color-text-secondary);
    --dm-rating-badge-subtitle-size: var(--dm-text-xs);
  }
  .dark-mode {
    --dm-rating-star-empty-color: var(--dm-color-neutral-800);
  }
}
@layer dm-theme {
  :root {
    --dm-pagination-border-color: var(--dm-color-border-secondary);
    --dm-pagination-item-size: 36px;
    --dm-pagination-item-radius: var(--dm-radius-lg);
    --dm-pagination-item-fg: var(--dm-color-text-quaternary);
    --dm-pagination-item-fg-hover: var(--dm-color-text-secondary);
    --dm-pagination-item-bg-hover: var(--dm-color-bg-primary_hover);
    --dm-pagination-item-fg-current: var(--dm-color-text-secondary);
    --dm-pagination-item-bg-current: var(--dm-color-bg-primary_hover);
    --dm-pagination-trigger-radius: var(--dm-button-radius);
    --dm-pagination-trigger-fg: var(--dm-color-text-tertiary);
    --dm-pagination-trigger-fg-hover: var(--dm-color-text-tertiary_hover);
    --dm-pagination-group-item-fg: var(--dm-color-text-secondary);
    --dm-pagination-group-item-fg-hover: var(--dm-color-text-secondary_hover);
    --dm-pagination-group-radius: var(--dm-button-radius);
    --dm-pagination-group-shadow: var(--dm-shadow-xs);
    --dm-pagination-group-item-shadow: none;
    --dm-pagination-mobile-label-fg: var(--dm-color-fg-secondary);
    --dm-pagination-dot-size-md: 8px;
    --dm-pagination-dot-size-lg: 10px;
    --dm-pagination-dot-gap-md: var(--dm-spacing-16);
    --dm-pagination-dot-gap-lg: var(--dm-spacing-16);
    --dm-pagination-dot-frame-padding-md: var(--dm-spacing-8);
    --dm-pagination-dot-frame-padding-lg: var(--dm-spacing-12);
    --dm-pagination-dot-bg: var(--dm-color-fg-quaternary);
    --dm-pagination-dot-bg-current: var(--dm-color-fg-brand-primary_alt);
    --dm-pagination-dot-bg-brand: var(--dm-color-fg-brand-secondary);
    --dm-pagination-dot-bg-brand-current: var(--dm-color-white);
    --dm-pagination-line-height-md: 6px;
    --dm-pagination-line-height-lg: 8px;
    --dm-pagination-line-gap-md: var(--dm-spacing-8);
    --dm-pagination-line-gap-lg: var(--dm-spacing-12);
    --dm-pagination-line-frame-padding-md: var(--dm-spacing-8);
    --dm-pagination-line-frame-padding-lg: var(--dm-spacing-12);
    --dm-pagination-line-bg: var(--dm-color-fg-quaternary);
    --dm-pagination-line-bg-current: var(--dm-color-fg-brand-primary_alt);
  }
}
@layer dm-theme {
  :root {
    --dm-carousel-arrow-size: 36px;
    --dm-carousel-arrow-size-lg: 44px;
    --dm-carousel-arrow-icon-size: 20px;
    --dm-carousel-arrow-icon-size-lg: 24px;
    --dm-carousel-arrow-inset: var(--dm-spacing-16);
    --dm-carousel-arrow-inset-lg: var(--dm-spacing-20);
    --dm-carousel-arrow-padding: var(--dm-spacing-8);
    --dm-carousel-arrow-bg: rgba(255, 255, 255, 0.9);
    --dm-carousel-arrow-color: var(--dm-color-fg-secondary);
    --dm-carousel-arrow-radius: var(--dm-radius-full);
    --dm-carousel-dots-inset: var(--dm-spacing-16);
  }
}
@layer dm-theme {
  :root {
    --dm-datatable-border-color: var(--dm-color-border-secondary);
    --dm-datatable-header-bg: var(--dm-color-bg-secondary);
    --dm-datatable-row-bg-hover: var(--dm-color-bg-primary_hover);
    --dm-datatable-row-bg-alt: var(--dm-color-bg-secondary);
    --dm-datatable-header-padding-x: var(--dm-spacing-24);
    --dm-datatable-header-padding-y: var(--dm-spacing-8);
    --dm-datatable-header-padding-x-sm: var(--dm-spacing-20);
    --dm-datatable-header-padding-y-sm: var(--dm-spacing-8);
    --dm-datatable-state-padding-x: var(--dm-spacing-32);
    --dm-datatable-state-padding-y: var(--dm-spacing-80);
    --dm-datatable-cell-padding-x: var(--dm-spacing-24);
    --dm-datatable-cell-padding-y: var(--dm-spacing-16);
    --dm-datatable-cell-padding-x-sm: var(--dm-spacing-20);
    --dm-datatable-cell-padding-y-sm: var(--dm-spacing-12);
    --dm-datatable-header-row-height: calc(var(--dm-spacing) * 11);
    --dm-datatable-row-height: calc(var(--dm-spacing) * 18);
    --dm-datatable-header-row-height-sm: calc(var(--dm-spacing) * 9);
    --dm-datatable-row-height-sm: calc(var(--dm-spacing) * 14);
    --dm-datatable-checkbox-offset: var(--dm-spacing-12);
    --dm-datatable-action-buttons-gap: var(--dm-spacing-12);
    --dm-datatable-row-bg-selected: var(--dm-color-bg-brand-primary);
    --dm-datatable-scroll-max-height: none;
  }
  .dark-mode,
  [data-theme=dark] {
    --dm-datatable-row-bg-selected: var(--dm-color-brand-950);
  }
}
@layer dm-theme {
  :root {
    --dm-flag-size-sm: 16px;
    --dm-flag-size-md: 24px;
    --dm-flag-size-lg: 32px;
    --dm-flag-radius: var(--dm-radius-xs);
    --dm-flag-radius-rounded: var(--dm-radius-xs);
  }
}
@layer dm-theme {
  :root {
    --dm-dot-icon-size-sm: 8px;
    --dm-dot-icon-size-md: 10px;
    --dm-dot-icon-size-lg: 12px;
    --dm-dot-icon-color-success: var(--dm-color-fg-success-primary);
    --dm-dot-icon-color-warning: var(--dm-color-fg-warning-primary);
    --dm-dot-icon-color-error: var(--dm-color-fg-error-primary);
    --dm-dot-icon-color-brand: var(--dm-color-fg-brand-primary);
    --dm-dot-icon-color-gray: var(--dm-color-fg-quaternary);
  }
}
@layer dm-theme {
  :root {
    --dm-play-button-icon-size-sm: 48px;
    --dm-play-button-icon-size-md: 80px;
    --dm-play-button-icon-size-lg: 112px;
    --dm-play-button-icon-icon-sm: 14px;
    --dm-play-button-icon-icon-md: 20px;
    --dm-play-button-icon-icon-lg: 28px;
    --dm-play-button-icon-radius: var(--dm-radius-full);
    --dm-play-button-icon-bg: rgb(255 255 255 / 0.3);
    --dm-play-button-icon-bg-hover: rgb(255 255 255 / 0.5);
    --dm-play-button-icon-color: var(--dm-color-white);
  }
}
@layer dm-theme {
  :root {
    --dm-switch-width: calc(var(--dm-spacing) * 9);
    --dm-switch-height: var(--dm-spacing-20);
    --dm-switch-padding: var(--dm-spacing-2);
    --dm-switch-gap: var(--dm-spacing-8);
    --dm-switch-radius: var(--dm-radius-full);
    --dm-switch-ring-width: 0.5px;
    --dm-switch-track-bg: var(--dm-color-bg-tertiary);
    --dm-switch-track-bg-checked: var(--dm-color-bg-brand-solid);
    --dm-switch-track-bg-checked-hover: var(--dm-color-bg-brand-solid_hover);
    --dm-switch-track-ring: var(--dm-color-border-secondary);
    --dm-switch-track-ring-checked: var(--dm-color-border-secondary);
    --dm-switch-knob-bg: var(--dm-color-fg-white);
    --dm-switch-knob-bg-checked: var(--dm-switch-knob-bg);
    --dm-switch-knob-border-width: 0px;
    --dm-switch-knob-border-color: transparent;
    --dm-switch-knob-radius: var(--dm-switch-radius);
    --dm-switch-knob-shadow: var(--dm-shadow-sm);
    --dm-switch-disabled-opacity: var(--dm-disabled-opacity);
    --dm-switch-min-target: 24px;
    --dm-switch-label-color: var(--dm-color-text-secondary);
    --dm-switch-hint-color: var(--dm-color-text-tertiary);
    --dm-switch-slim-ring-width: 1px;
    --dm-switch-slim-knob-shadow: var(--dm-shadow-xs);
    --dm-switch-slim-knob-border: var(--dm-color-toggle-border);
    --dm-switch-slim-knob-border-checked: var(--dm-color-toggle-slim-border_pressed);
    --dm-switch-slim-knob-border-checked-hover: var(--dm-color-toggle-slim-border_pressed-hover);
  }
}
@layer dm-theme {
  :root {
    --dm-spacing: 0.25rem;
    --dm-spacing-0: 0px;
    --dm-spacing-2: calc(var(--dm-spacing) * 0.5);
    --dm-spacing-3: calc(var(--dm-spacing) * 0.75);
    --dm-spacing-4: var(--dm-spacing);
    --dm-spacing-5: calc(var(--dm-spacing) * 1.25);
    --dm-spacing-6: calc(var(--dm-spacing) * 1.5);
    --dm-spacing-8: calc(var(--dm-spacing) * 2);
    --dm-spacing-9: calc(var(--dm-spacing) * 2.25);
    --dm-spacing-10: calc(var(--dm-spacing) * 2.5);
    --dm-spacing-11: calc(var(--dm-spacing) * 2.75);
    --dm-spacing-12: calc(var(--dm-spacing) * 3);
    --dm-spacing-14: calc(var(--dm-spacing) * 3.5);
    --dm-spacing-16: calc(var(--dm-spacing) * 4);
    --dm-spacing-20: calc(var(--dm-spacing) * 5);
    --dm-spacing-24: calc(var(--dm-spacing) * 6);
    --dm-spacing-32: calc(var(--dm-spacing) * 8);
    --dm-spacing-40: calc(var(--dm-spacing) * 10);
    --dm-spacing-48: calc(var(--dm-spacing) * 12);
    --dm-spacing-64: calc(var(--dm-spacing) * 16);
    --dm-spacing-80: calc(var(--dm-spacing) * 20);
    --dm-spacing-96: calc(var(--dm-spacing) * 24);
    --dm-spacing-128: calc(var(--dm-spacing) * 32);
    --dm-spacing-160: calc(var(--dm-spacing) * 40);
    --dm-spacing-192: calc(var(--dm-spacing) * 48);
    --dm-spacing-224: calc(var(--dm-spacing) * 56);
    --dm-spacing-256: calc(var(--dm-spacing) * 64);
    --dm-spacing-320: calc(var(--dm-spacing) * 80);
    --dm-spacing-384: calc(var(--dm-spacing) * 96);
    --dm-spacing-480: calc(var(--dm-spacing) * 120);
    --dm-spacing-560: calc(var(--dm-spacing) * 140);
    --dm-spacing-640: calc(var(--dm-spacing) * 160);
    --dm-spacing-720: calc(var(--dm-spacing) * 180);
    --dm-spacing-768: calc(var(--dm-spacing) * 192);
    --dm-spacing-1024: calc(var(--dm-spacing) * 256);
    --dm-spacing-1280: calc(var(--dm-spacing) * 320);
    --dm-spacing-1440: calc(var(--dm-spacing) * 360);
    --dm-spacing-1600: calc(var(--dm-spacing) * 400);
    --dm-spacing-1920: calc(var(--dm-spacing) * 480);
    --dm-action-row-gap: var(--dm-spacing-12);
    --dm-overlay-menu-clearance: var(--dm-spacing-48);
    --dm-container-padding-mobile: var(--dm-spacing-16);
    --dm-container-padding-desktop: var(--dm-spacing-32);
    --dm-container-max-width-desktop: var(--dm-spacing-1280);
    --dm-surface-padding-mobile: var(--dm-spacing-16);
    --dm-surface-padding-desktop: var(--dm-spacing-24);
    --dm-width-xxs: var(--dm-spacing-320);
    --dm-width-xs: var(--dm-spacing-384);
    --dm-width-sm: var(--dm-spacing-480);
    --dm-width-md: var(--dm-spacing-560);
    --dm-width-lg: var(--dm-spacing-640);
    --dm-paragraph-max-width: var(--dm-spacing-720);
    --dm-width-xl: var(--dm-spacing-768);
    --dm-width-2xl: var(--dm-spacing-1024);
    --dm-width-3xl: var(--dm-spacing-1280);
    --dm-width-4xl: var(--dm-spacing-1440);
    --dm-width-5xl: var(--dm-spacing-1600);
    --dm-width-6xl: var(--dm-spacing-1920);
  }
}
@layer dm-theme {
  :root {
    --dm-font-sans: "Inter";
    --dm-font-body:
      var(--dm-font-sans),
      -apple-system,
      "Segoe UI",
      Roboto,
      Arial,
      sans-serif;
    --dm-font-display:
      var(--dm-font-sans),
      -apple-system,
      "Segoe UI",
      Roboto,
      Arial,
      sans-serif;
    --dm-font-mono:
      ui-monospace,
      "Roboto Mono",
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --dm-font-weight-thin: 100;
    --dm-font-weight-extralight: 200;
    --dm-font-weight-light: 300;
    --dm-font-weight-normal: 400;
    --dm-font-weight-medium: 500;
    --dm-font-weight-semibold: 600;
    --dm-font-weight-bold: 700;
    --dm-font-weight-extrabold: 800;
    --dm-font-weight-black: 900;
    --dm-text-scale: 0.25rem;
    --dm-text-xs: calc(var(--dm-text-scale) * 3);
    --dm-text-xs--line-height: calc(var(--dm-text-scale) * 4.5);
    --dm-text-sm: calc(var(--dm-text-scale) * 3.5);
    --dm-text-sm--line-height: calc(var(--dm-text-scale) * 5);
    --dm-text-md: calc(var(--dm-text-scale) * 4);
    --dm-text-md--line-height: calc(var(--dm-text-scale) * 6);
    --dm-text-lg: calc(var(--dm-text-scale) * 4.5);
    --dm-text-lg--line-height: calc(var(--dm-text-scale) * 7);
    --dm-text-xl: calc(var(--dm-text-scale) * 5);
    --dm-text-xl--line-height: calc(var(--dm-text-scale) * 7.5);
    --dm-text-display-xs: calc(var(--dm-text-scale) * 6);
    --dm-text-display-xs--line-height: calc(var(--dm-text-scale) * 8);
    --dm-text-display-sm: calc(var(--dm-text-scale) * 7.5);
    --dm-text-display-sm--line-height: calc(var(--dm-text-scale) * 9.5);
    --dm-text-display-md: calc(var(--dm-text-scale) * 9);
    --dm-text-display-md--line-height: calc(var(--dm-text-scale) * 11);
    --dm-text-display-md--letter-spacing: -0.72px;
    --dm-text-display-lg: calc(var(--dm-text-scale) * 12);
    --dm-text-display-lg--line-height: calc(var(--dm-text-scale) * 15);
    --dm-text-display-lg--letter-spacing: -0.96px;
    --dm-text-display-xl: calc(var(--dm-text-scale) * 15);
    --dm-text-display-xl--line-height: calc(var(--dm-text-scale) * 18);
    --dm-text-display-xl--letter-spacing: -1.2px;
    --dm-text-display-2xl: calc(var(--dm-text-scale) * 18);
    --dm-text-display-2xl--line-height: calc(var(--dm-text-scale) * 22.5);
    --dm-text-display-2xl--letter-spacing: -1.44px;
    --dm-font-family-body: var(--dm-font-body);
    --dm-font-family-display: var(--dm-font-display);
    --dm-font-regular:
      "Gotham Narrow Regular",
      Tahoma,
      Verdana,
      sans-serif;
    --dm-font-medium:
      "Gotham Narrow Medium",
      Tahoma,
      Verdana,
      sans-serif;
    --dm-font-bold:
      "Gotham Narrow Bold",
      Tahoma,
      Verdana,
      sans-serif;
    --dm-font-weight-regular: var(--dm-font-weight-normal);
    --dm-font-size-text-xs: var(--dm-text-xs);
    --dm-font-size-text-sm: var(--dm-text-sm);
    --dm-font-size-text-md: var(--dm-text-md);
    --dm-font-size-text-lg: var(--dm-text-lg);
    --dm-font-size-text-xl: var(--dm-text-xl);
    --dm-font-size-display-xs: var(--dm-text-display-xs);
    --dm-font-size-display-sm: var(--dm-text-display-sm);
    --dm-font-size-display-md: var(--dm-text-display-md);
    --dm-font-size-display-lg: var(--dm-text-display-lg);
    --dm-font-size-display-xl: var(--dm-text-display-xl);
    --dm-font-size-display-2xl: var(--dm-text-display-2xl);
    --dm-line-height-text-xs: var(--dm-text-xs--line-height);
    --dm-line-height-text-sm: var(--dm-text-sm--line-height);
    --dm-line-height-text-md: var(--dm-text-md--line-height);
    --dm-line-height-text-lg: var(--dm-text-lg--line-height);
    --dm-line-height-text-xl: var(--dm-text-xl--line-height);
    --dm-line-height-display-xs: var(--dm-text-display-xs--line-height);
    --dm-line-height-display-sm: var(--dm-text-display-sm--line-height);
    --dm-line-height-display-md: var(--dm-text-display-md--line-height);
    --dm-line-height-display-lg: var(--dm-text-display-lg--line-height);
    --dm-line-height-display-xl: var(--dm-text-display-xl--line-height);
    --dm-line-height-display-2xl: var(--dm-text-display-2xl--line-height);
  }
}
@layer dm-utilities {
  .dm-typography-display-2xl {
    font-size: var(--dm-text-display-2xl);
    line-height: var(--dm-text-display-2xl--line-height);
    letter-spacing: var(--dm-text-display-2xl--letter-spacing);
  }
  .dm-typography-display-xl {
    font-size: var(--dm-text-display-xl);
    line-height: var(--dm-text-display-xl--line-height);
    letter-spacing: var(--dm-text-display-xl--letter-spacing);
  }
  .dm-typography-display-lg {
    font-size: var(--dm-text-display-lg);
    line-height: var(--dm-text-display-lg--line-height);
    letter-spacing: var(--dm-text-display-lg--letter-spacing);
  }
  .dm-typography-display-md {
    font-size: var(--dm-text-display-md);
    line-height: var(--dm-text-display-md--line-height);
    letter-spacing: var(--dm-text-display-md--letter-spacing);
  }
  .dm-typography-display-sm {
    font-size: var(--dm-text-display-sm);
    line-height: var(--dm-text-display-sm--line-height);
  }
  .dm-typography-display-xs {
    font-size: var(--dm-text-display-xs);
    line-height: var(--dm-text-display-xs--line-height);
  }
  .dm-typography-text-xl {
    font-size: var(--dm-text-xl);
    line-height: var(--dm-text-xl--line-height);
  }
  .dm-typography-text-lg {
    font-size: var(--dm-text-lg);
    line-height: var(--dm-text-lg--line-height);
  }
  .dm-typography-text-md {
    font-size: var(--dm-text-md);
    line-height: var(--dm-text-md--line-height);
  }
  .dm-typography-text-sm {
    font-size: var(--dm-text-sm);
    line-height: var(--dm-text-sm--line-height);
  }
  .dm-typography-text-xs {
    font-size: var(--dm-text-xs);
    line-height: var(--dm-text-xs--line-height);
  }
  .dm-typography-font-weight-black {
    font-weight: var(--dm-font-weight-black);
  }
  .dm-typography-font-weight-extrabold {
    font-weight: var(--dm-font-weight-extrabold);
  }
  .dm-typography-font-weight-bold {
    font-weight: var(--dm-font-weight-bold);
  }
  .dm-typography-font-weight-semibold {
    font-weight: var(--dm-font-weight-semibold);
  }
  .dm-typography-font-weight-medium {
    font-weight: var(--dm-font-weight-medium);
  }
  .dm-typography-font-weight-regular {
    font-weight: var(--dm-font-weight-normal);
  }
  .dm-typography-font-weight-light {
    font-weight: var(--dm-font-weight-light);
  }
  .dm-typography-font-weight-extralight {
    font-weight: var(--dm-font-weight-extralight);
  }
  .dm-typography-text-align-center {
    text-align: center;
  }
  .dm-typography-text-align-left {
    text-align: left;
  }
  .dm-typography-text-align-right {
    text-align: right;
  }
  .text-typed-highlight--bewilligung {
    background-color: #00c48c;
  }
  .text-typed-highlight--nachweis {
    background-color: #0070f3;
  }
}
@layer dm-theme {
  :root {
    --dm-shadow-xs: 0px 1px 2px rgba(0, 0, 0, 0.05);
    --dm-shadow-sm: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
    --dm-shadow-md: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.06);
    --dm-shadow-lg:
      0px 12px 16px -4px rgba(0, 0, 0, 0.08),
      0px 4px 6px -2px rgba(0, 0, 0, 0.03),
      0px 2px 2px -1px rgba(0, 0, 0, 0.04);
    --dm-shadow-xl:
      0px 20px 24px -4px rgba(0, 0, 0, 0.08),
      0px 8px 8px -4px rgba(0, 0, 0, 0.03),
      0px 3px 3px -1.5px rgba(0, 0, 0, 0.04);
    --dm-shadow-2xl: 0px 24px 48px -12px rgba(0, 0, 0, 0.18), 0px 4px 4px -2px rgba(0, 0, 0, 0.04);
    --dm-shadow-3xl: 0px 32px 64px -12px rgba(0, 0, 0, 0.14), 0px 5px 5px -2.5px rgba(0, 0, 0, 0.04);
    --dm-shadow-skeuomorphic: 0px 0px 0px 1px rgba(0, 0, 0, 0.18) inset, 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
    --dm-shadow-xs-skeuomorphic: var(--dm-shadow-skeuomorphic), var(--dm-shadow-xs);
    --dm-focus-ring-width: 2px;
    --dm-focus-ring-offset: 2px;
    --dm-focus-ring: 0px 0px 0px 2px var(--dm-color-bg-primary), 0px 0px 0px 4px var(--dm-color-focus-ring);
    --dm-focus-ring-error: 0px 0px 0px 2px var(--dm-color-bg-primary), 0px 0px 0px 4px var(--dm-color-focus-ring-error);
    --dm-focus-ring-shadow-xs:
      var(--dm-shadow-xs),
      0px 0px 0px 2px var(--dm-color-bg-primary),
      0px 0px 0px 4px var(--dm-color-focus-ring);
    --dm-focus-ring-shadow-sm:
      var(--dm-shadow-sm),
      0px 0px 0px 2px var(--dm-color-bg-primary),
      0px 0px 0px 4px var(--dm-color-focus-ring);
    --dm-focus-ring-error-shadow-xs:
      var(--dm-shadow-xs),
      0px 0px 0px 2px var(--dm-color-bg-primary),
      0px 0px 0px 4px var(--dm-color-focus-ring-error);
    --dm-focus-ring-shadow-xs-skeuomorphic:
      var(--dm-shadow-skeuomorphic),
      var(--dm-shadow-xs),
      0px 0px 0px 2px var(--dm-color-bg-primary),
      0px 0px 0px 4px var(--dm-color-focus-ring);
    --dm-focus-ring-shadow-xs-skeuomorphic-gray:
      var(--dm-shadow-skeuomorphic),
      var(--dm-shadow-xs),
      0px 0px 0px 2px var(--dm-color-bg-primary),
      0px 0px 0px 4px var(--dm-color-focus-ring-gray);
    --dm-focus-ring-error-shadow-xs-skeuomorphic:
      var(--dm-shadow-skeuomorphic),
      var(--dm-shadow-xs),
      0px 0px 0px 2px var(--dm-color-bg-primary),
      0px 0px 0px 4px var(--dm-color-focus-ring-error);
    --dm-backdrop-blur-sm: blur(8px);
    --dm-backdrop-blur-md: blur(16px);
    --dm-backdrop-blur-lg: blur(24px);
    --dm-backdrop-blur-xl: blur(40px);
  }
  .shadow-xs {
    box-shadow: var(--dm-shadow-xs);
  }
  .shadow-sm {
    box-shadow: var(--dm-shadow-sm);
  }
  .shadow-md {
    box-shadow: var(--dm-shadow-md);
  }
  .shadow-lg {
    box-shadow: var(--dm-shadow-lg);
  }
  .shadow-xl {
    box-shadow: var(--dm-shadow-xl);
  }
  .shadow-2xl {
    box-shadow: var(--dm-shadow-2xl);
  }
  .shadow-3xl {
    box-shadow: var(--dm-shadow-3xl);
  }
  .shadow-xs-skeuomorphic {
    box-shadow: var(--dm-shadow-xs-skeuomorphic);
  }
  .backdrop-blur-sm {
    -webkit-backdrop-filter: var(--dm-backdrop-blur-sm);
    backdrop-filter: var(--dm-backdrop-blur-sm);
  }
  .backdrop-blur-md {
    -webkit-backdrop-filter: var(--dm-backdrop-blur-md);
    backdrop-filter: var(--dm-backdrop-blur-md);
  }
  .backdrop-blur-lg {
    -webkit-backdrop-filter: var(--dm-backdrop-blur-lg);
    backdrop-filter: var(--dm-backdrop-blur-lg);
  }
  .backdrop-blur-xl {
    -webkit-backdrop-filter: var(--dm-backdrop-blur-xl);
    backdrop-filter: var(--dm-backdrop-blur-xl);
  }
  .focus-ring {
    box-shadow: var(--dm-focus-ring);
  }
  .focus-ring-shadow-xs {
    box-shadow: var(--dm-focus-ring-shadow-xs);
  }
  .focus-ring-shadow-xs-skeuomorphic {
    box-shadow: var(--dm-focus-ring-shadow-xs-skeuomorphic);
  }
  .focus-ring-shadow-sm {
    box-shadow: var(--dm-focus-ring-shadow-sm);
  }
  .focus-ring-error {
    box-shadow: var(--dm-focus-ring-error);
  }
  .focus-ring-error-shadow-xs {
    box-shadow: var(--dm-focus-ring-error-shadow-xs);
  }
  .focus-ring-error-shadow-xs-skeuomorphic {
    box-shadow: var(--dm-focus-ring-error-shadow-xs-skeuomorphic);
  }
  .focus-ring-outline {
    outline: var(--dm-focus-ring-width) solid var(--dm-color-focus-ring);
    outline-offset: var(--dm-focus-ring-offset);
  }
  .focus-ring-outline-error {
    outline: var(--dm-focus-ring-width) solid var(--dm-color-focus-ring-error);
    outline-offset: var(--dm-focus-ring-offset);
  }
}
@layer dm-theme {
  :root {
    --dm-surface-bg: var(--dm-color-bg-primary);
    --dm-surface-border-color: var(--dm-color-border-secondary);
    --dm-surface-border-width: 1px;
    --dm-surface-radius: var(--dm-radius-xl);
    --dm-surface-shadow: var(--dm-shadow-xs);
  }
}
@layer dm-theme {
  :root {
    --dm-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
    --dm-ease-out-strong: cubic-bezier(0.2, 0, 0, 1);
    --dm-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
    --dm-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
    --dm-duration-75: 75ms;
    --dm-duration-100: 100ms;
    --dm-duration-150: 150ms;
    --dm-duration-200: 200ms;
    --dm-duration-300: 300ms;
    --dm-duration-400: 400ms;
    --dm-duration-500: 500ms;
    --dm-duration-700: 700ms;
    --dm-animate-caret-blink: caret-blink 1s infinite;
    --dm-animate-spin: spin 1s linear infinite;
  }
  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes caret-blink {
    0%, 50% {
      opacity: 1;
    }
    51%, 100% {
      opacity: 0;
    }
  }
}
@layer dm-base {
  a {
    color: var(--dm-color-text-brand-secondary);
    font-weight: var(--dm-font-weight-semibold);
    text-decoration: none;
  }
  a:visited {
    color: var(--dm-color-text-brand-secondary);
  }
  a:hover,
  a:active {
    color: var(--dm-color-text-brand-secondary_hover);
  }
}
@layer dm-utilities {
  .dm-text-color-white {
    color: var(--dm-color-white);
  }
  .dm-text-color-black {
    color: var(--dm-color-black);
  }
  .dm-text-color-base-white {
    color: var(--dm-color-white);
  }
  .dm-text-color-base-black {
    color: var(--dm-color-black);
  }
  .dm-text-color-base-transparent {
    color: var(--dm-color-transparent);
  }
  .dm-text-color-neutral-50 {
    color: var(--dm-color-neutral-50);
  }
  .dm-text-color-neutral-100 {
    color: var(--dm-color-neutral-100);
  }
  .dm-text-color-neutral-200 {
    color: var(--dm-color-neutral-200);
  }
  .dm-text-color-neutral-300 {
    color: var(--dm-color-neutral-300);
  }
  .dm-text-color-neutral-400 {
    color: var(--dm-color-neutral-400);
  }
  .dm-text-color-neutral-500 {
    color: var(--dm-color-neutral-500);
  }
  .dm-text-color-neutral-600 {
    color: var(--dm-color-neutral-600);
  }
  .dm-text-color-neutral-700 {
    color: var(--dm-color-neutral-700);
  }
  .dm-text-color-neutral-800 {
    color: var(--dm-color-neutral-800);
  }
  .dm-text-color-neutral-900 {
    color: var(--dm-color-neutral-900);
  }
  .dm-text-color-neutral-950 {
    color: var(--dm-color-neutral-950);
  }
  .dm-text-color-brand-50 {
    color: var(--dm-color-brand-50);
  }
  .dm-text-color-brand-100 {
    color: var(--dm-color-brand-100);
  }
  .dm-text-color-brand-200 {
    color: var(--dm-color-brand-200);
  }
  .dm-text-color-brand-300 {
    color: var(--dm-color-brand-300);
  }
  .dm-text-color-brand-400 {
    color: var(--dm-color-brand-400);
  }
  .dm-text-color-brand-500 {
    color: var(--dm-color-brand-500);
  }
  .dm-text-color-brand-600 {
    color: var(--dm-color-brand-600);
  }
  .dm-text-color-brand-700 {
    color: var(--dm-color-brand-700);
  }
  .dm-text-color-brand-800 {
    color: var(--dm-color-brand-800);
  }
  .dm-text-color-brand-900 {
    color: var(--dm-color-brand-900);
  }
  .dm-text-color-brand-950 {
    color: var(--dm-color-brand-950);
  }
  .dm-text-color-red-50 {
    color: var(--dm-color-red-50);
  }
  .dm-text-color-red-100 {
    color: var(--dm-color-red-100);
  }
  .dm-text-color-red-200 {
    color: var(--dm-color-red-200);
  }
  .dm-text-color-red-300 {
    color: var(--dm-color-red-300);
  }
  .dm-text-color-red-400 {
    color: var(--dm-color-red-400);
  }
  .dm-text-color-red-500 {
    color: var(--dm-color-red-500);
  }
  .dm-text-color-red-600 {
    color: var(--dm-color-red-600);
  }
  .dm-text-color-red-700 {
    color: var(--dm-color-red-700);
  }
  .dm-text-color-red-800 {
    color: var(--dm-color-red-800);
  }
  .dm-text-color-red-900 {
    color: var(--dm-color-red-900);
  }
  .dm-text-color-red-950 {
    color: var(--dm-color-red-950);
  }
  .dm-text-color-yellow-50 {
    color: var(--dm-color-yellow-50);
  }
  .dm-text-color-yellow-100 {
    color: var(--dm-color-yellow-100);
  }
  .dm-text-color-yellow-200 {
    color: var(--dm-color-yellow-200);
  }
  .dm-text-color-yellow-300 {
    color: var(--dm-color-yellow-300);
  }
  .dm-text-color-yellow-400 {
    color: var(--dm-color-yellow-400);
  }
  .dm-text-color-yellow-500 {
    color: var(--dm-color-yellow-500);
  }
  .dm-text-color-yellow-600 {
    color: var(--dm-color-yellow-600);
  }
  .dm-text-color-yellow-700 {
    color: var(--dm-color-yellow-700);
  }
  .dm-text-color-yellow-800 {
    color: var(--dm-color-yellow-800);
  }
  .dm-text-color-yellow-900 {
    color: var(--dm-color-yellow-900);
  }
  .dm-text-color-yellow-950 {
    color: var(--dm-color-yellow-950);
  }
  .dm-text-color-green-50 {
    color: var(--dm-color-green-50);
  }
  .dm-text-color-green-100 {
    color: var(--dm-color-green-100);
  }
  .dm-text-color-green-200 {
    color: var(--dm-color-green-200);
  }
  .dm-text-color-green-300 {
    color: var(--dm-color-green-300);
  }
  .dm-text-color-green-400 {
    color: var(--dm-color-green-400);
  }
  .dm-text-color-green-500 {
    color: var(--dm-color-green-500);
  }
  .dm-text-color-green-600 {
    color: var(--dm-color-green-600);
  }
  .dm-text-color-green-700 {
    color: var(--dm-color-green-700);
  }
  .dm-text-color-green-800 {
    color: var(--dm-color-green-800);
  }
  .dm-text-color-green-900 {
    color: var(--dm-color-green-900);
  }
  .dm-text-color-green-950 {
    color: var(--dm-color-green-950);
  }
  .dm-text-color-gray-blue-50 {
    color: var(--dm-color-gray-blue-50);
  }
  .dm-text-color-gray-blue-100 {
    color: var(--dm-color-gray-blue-100);
  }
  .dm-text-color-gray-blue-200 {
    color: var(--dm-color-gray-blue-200);
  }
  .dm-text-color-gray-blue-300 {
    color: var(--dm-color-gray-blue-300);
  }
  .dm-text-color-gray-blue-400 {
    color: var(--dm-color-gray-blue-400);
  }
  .dm-text-color-gray-blue-500 {
    color: var(--dm-color-gray-blue-500);
  }
  .dm-text-color-gray-blue-600 {
    color: var(--dm-color-gray-blue-600);
  }
  .dm-text-color-gray-blue-700 {
    color: var(--dm-color-gray-blue-700);
  }
  .dm-text-color-gray-blue-800 {
    color: var(--dm-color-gray-blue-800);
  }
  .dm-text-color-gray-blue-900 {
    color: var(--dm-color-gray-blue-900);
  }
  .dm-text-color-gray-blue-950 {
    color: var(--dm-color-gray-blue-950);
  }
  .dm-text-color-blue-light-50 {
    color: var(--dm-color-blue-light-50);
  }
  .dm-text-color-blue-light-100 {
    color: var(--dm-color-blue-light-100);
  }
  .dm-text-color-blue-light-200 {
    color: var(--dm-color-blue-light-200);
  }
  .dm-text-color-blue-light-300 {
    color: var(--dm-color-blue-light-300);
  }
  .dm-text-color-blue-light-400 {
    color: var(--dm-color-blue-light-400);
  }
  .dm-text-color-blue-light-500 {
    color: var(--dm-color-blue-light-500);
  }
  .dm-text-color-blue-light-600 {
    color: var(--dm-color-blue-light-600);
  }
  .dm-text-color-blue-light-700 {
    color: var(--dm-color-blue-light-700);
  }
  .dm-text-color-blue-light-800 {
    color: var(--dm-color-blue-light-800);
  }
  .dm-text-color-blue-light-900 {
    color: var(--dm-color-blue-light-900);
  }
  .dm-text-color-blue-light-950 {
    color: var(--dm-color-blue-light-950);
  }
  .dm-text-color-blue-50 {
    color: var(--dm-color-blue-50);
  }
  .dm-text-color-blue-100 {
    color: var(--dm-color-blue-100);
  }
  .dm-text-color-blue-200 {
    color: var(--dm-color-blue-200);
  }
  .dm-text-color-blue-300 {
    color: var(--dm-color-blue-300);
  }
  .dm-text-color-blue-400 {
    color: var(--dm-color-blue-400);
  }
  .dm-text-color-blue-500 {
    color: var(--dm-color-blue-500);
  }
  .dm-text-color-blue-600 {
    color: var(--dm-color-blue-600);
  }
  .dm-text-color-blue-700 {
    color: var(--dm-color-blue-700);
  }
  .dm-text-color-blue-800 {
    color: var(--dm-color-blue-800);
  }
  .dm-text-color-blue-900 {
    color: var(--dm-color-blue-900);
  }
  .dm-text-color-blue-950 {
    color: var(--dm-color-blue-950);
  }
  .dm-text-color-blue-dark-50 {
    color: var(--dm-color-blue-dark-50);
  }
  .dm-text-color-blue-dark-100 {
    color: var(--dm-color-blue-dark-100);
  }
  .dm-text-color-blue-dark-200 {
    color: var(--dm-color-blue-dark-200);
  }
  .dm-text-color-blue-dark-300 {
    color: var(--dm-color-blue-dark-300);
  }
  .dm-text-color-blue-dark-400 {
    color: var(--dm-color-blue-dark-400);
  }
  .dm-text-color-blue-dark-500 {
    color: var(--dm-color-blue-dark-500);
  }
  .dm-text-color-blue-dark-600 {
    color: var(--dm-color-blue-dark-600);
  }
  .dm-text-color-blue-dark-700 {
    color: var(--dm-color-blue-dark-700);
  }
  .dm-text-color-blue-dark-800 {
    color: var(--dm-color-blue-dark-800);
  }
  .dm-text-color-blue-dark-900 {
    color: var(--dm-color-blue-dark-900);
  }
  .dm-text-color-blue-dark-950 {
    color: var(--dm-color-blue-dark-950);
  }
  .dm-text-color-indigo-50 {
    color: var(--dm-color-indigo-50);
  }
  .dm-text-color-indigo-100 {
    color: var(--dm-color-indigo-100);
  }
  .dm-text-color-indigo-200 {
    color: var(--dm-color-indigo-200);
  }
  .dm-text-color-indigo-300 {
    color: var(--dm-color-indigo-300);
  }
  .dm-text-color-indigo-400 {
    color: var(--dm-color-indigo-400);
  }
  .dm-text-color-indigo-500 {
    color: var(--dm-color-indigo-500);
  }
  .dm-text-color-indigo-600 {
    color: var(--dm-color-indigo-600);
  }
  .dm-text-color-indigo-700 {
    color: var(--dm-color-indigo-700);
  }
  .dm-text-color-indigo-800 {
    color: var(--dm-color-indigo-800);
  }
  .dm-text-color-indigo-900 {
    color: var(--dm-color-indigo-900);
  }
  .dm-text-color-indigo-950 {
    color: var(--dm-color-indigo-950);
  }
  .dm-text-color-purple-50 {
    color: var(--dm-color-purple-50);
  }
  .dm-text-color-purple-100 {
    color: var(--dm-color-purple-100);
  }
  .dm-text-color-purple-200 {
    color: var(--dm-color-purple-200);
  }
  .dm-text-color-purple-300 {
    color: var(--dm-color-purple-300);
  }
  .dm-text-color-purple-400 {
    color: var(--dm-color-purple-400);
  }
  .dm-text-color-purple-500 {
    color: var(--dm-color-purple-500);
  }
  .dm-text-color-purple-600 {
    color: var(--dm-color-purple-600);
  }
  .dm-text-color-purple-700 {
    color: var(--dm-color-purple-700);
  }
  .dm-text-color-purple-800 {
    color: var(--dm-color-purple-800);
  }
  .dm-text-color-purple-900 {
    color: var(--dm-color-purple-900);
  }
  .dm-text-color-purple-950 {
    color: var(--dm-color-purple-950);
  }
  .dm-text-color-fuchsia-50 {
    color: var(--dm-color-fuchsia-50);
  }
  .dm-text-color-fuchsia-100 {
    color: var(--dm-color-fuchsia-100);
  }
  .dm-text-color-fuchsia-200 {
    color: var(--dm-color-fuchsia-200);
  }
  .dm-text-color-fuchsia-300 {
    color: var(--dm-color-fuchsia-300);
  }
  .dm-text-color-fuchsia-400 {
    color: var(--dm-color-fuchsia-400);
  }
  .dm-text-color-fuchsia-500 {
    color: var(--dm-color-fuchsia-500);
  }
  .dm-text-color-fuchsia-600 {
    color: var(--dm-color-fuchsia-600);
  }
  .dm-text-color-fuchsia-700 {
    color: var(--dm-color-fuchsia-700);
  }
  .dm-text-color-fuchsia-800 {
    color: var(--dm-color-fuchsia-800);
  }
  .dm-text-color-fuchsia-900 {
    color: var(--dm-color-fuchsia-900);
  }
  .dm-text-color-fuchsia-950 {
    color: var(--dm-color-fuchsia-950);
  }
  .dm-text-color-pink-50 {
    color: var(--dm-color-pink-50);
  }
  .dm-text-color-pink-100 {
    color: var(--dm-color-pink-100);
  }
  .dm-text-color-pink-200 {
    color: var(--dm-color-pink-200);
  }
  .dm-text-color-pink-300 {
    color: var(--dm-color-pink-300);
  }
  .dm-text-color-pink-400 {
    color: var(--dm-color-pink-400);
  }
  .dm-text-color-pink-500 {
    color: var(--dm-color-pink-500);
  }
  .dm-text-color-pink-600 {
    color: var(--dm-color-pink-600);
  }
  .dm-text-color-pink-700 {
    color: var(--dm-color-pink-700);
  }
  .dm-text-color-pink-800 {
    color: var(--dm-color-pink-800);
  }
  .dm-text-color-pink-900 {
    color: var(--dm-color-pink-900);
  }
  .dm-text-color-pink-950 {
    color: var(--dm-color-pink-950);
  }
  .dm-text-color-orange-50 {
    color: var(--dm-color-orange-50);
  }
  .dm-text-color-orange-100 {
    color: var(--dm-color-orange-100);
  }
  .dm-text-color-orange-200 {
    color: var(--dm-color-orange-200);
  }
  .dm-text-color-orange-300 {
    color: var(--dm-color-orange-300);
  }
  .dm-text-color-orange-400 {
    color: var(--dm-color-orange-400);
  }
  .dm-text-color-orange-500 {
    color: var(--dm-color-orange-500);
  }
  .dm-text-color-orange-600 {
    color: var(--dm-color-orange-600);
  }
  .dm-text-color-orange-700 {
    color: var(--dm-color-orange-700);
  }
  .dm-text-color-orange-800 {
    color: var(--dm-color-orange-800);
  }
  .dm-text-color-orange-900 {
    color: var(--dm-color-orange-900);
  }
  .dm-text-color-orange-950 {
    color: var(--dm-color-orange-950);
  }
  .dm-text-color-orange-dark-50 {
    color: var(--dm-color-orange-dark-50);
  }
  .dm-text-color-orange-dark-100 {
    color: var(--dm-color-orange-dark-100);
  }
  .dm-text-color-orange-dark-200 {
    color: var(--dm-color-orange-dark-200);
  }
  .dm-text-color-orange-dark-300 {
    color: var(--dm-color-orange-dark-300);
  }
  .dm-text-color-orange-dark-400 {
    color: var(--dm-color-orange-dark-400);
  }
  .dm-text-color-orange-dark-500 {
    color: var(--dm-color-orange-dark-500);
  }
  .dm-text-color-orange-dark-600 {
    color: var(--dm-color-orange-dark-600);
  }
  .dm-text-color-orange-dark-700 {
    color: var(--dm-color-orange-dark-700);
  }
  .dm-text-color-orange-dark-800 {
    color: var(--dm-color-orange-dark-800);
  }
  .dm-text-color-orange-dark-900 {
    color: var(--dm-color-orange-dark-900);
  }
  .dm-text-color-orange-dark-950 {
    color: var(--dm-color-orange-dark-950);
  }
  .dm-text-color-gray-25 {
    color: var(--dm-color-neutral-25);
  }
  .dm-text-color-gray-50 {
    color: var(--dm-color-neutral-50);
  }
  .dm-text-color-gray-100 {
    color: var(--dm-color-neutral-100);
  }
  .dm-text-color-gray-200 {
    color: var(--dm-color-neutral-200);
  }
  .dm-text-color-gray-300 {
    color: var(--dm-color-neutral-300);
  }
  .dm-text-color-gray-400 {
    color: var(--dm-color-neutral-400);
  }
  .dm-text-color-gray-500 {
    color: var(--dm-color-neutral-500);
  }
  .dm-text-color-gray-600 {
    color: var(--dm-color-neutral-600);
  }
  .dm-text-color-gray-700 {
    color: var(--dm-color-neutral-700);
  }
  .dm-text-color-gray-800 {
    color: var(--dm-color-neutral-800);
  }
  .dm-text-color-gray-900 {
    color: var(--dm-color-neutral-900);
  }
  .dm-text-color-gray-950 {
    color: var(--dm-color-neutral-950);
  }
  .dm-text-color-success-25 {
    color: var(--dm-color-green-25);
  }
  .dm-text-color-success-50 {
    color: var(--dm-color-green-50);
  }
  .dm-text-color-success-100 {
    color: var(--dm-color-green-100);
  }
  .dm-text-color-success-200 {
    color: var(--dm-color-green-200);
  }
  .dm-text-color-success-300 {
    color: var(--dm-color-green-300);
  }
  .dm-text-color-success-400 {
    color: var(--dm-color-green-400);
  }
  .dm-text-color-success-500 {
    color: var(--dm-color-green-500);
  }
  .dm-text-color-success-600 {
    color: var(--dm-color-green-600);
  }
  .dm-text-color-success-700 {
    color: var(--dm-color-green-700);
  }
  .dm-text-color-success-800 {
    color: var(--dm-color-green-800);
  }
  .dm-text-color-success-900 {
    color: var(--dm-color-green-900);
  }
  .dm-text-color-success-950 {
    color: var(--dm-color-green-950);
  }
  .dm-text-color-warning-25 {
    color: var(--dm-color-yellow-25);
  }
  .dm-text-color-warning-50 {
    color: var(--dm-color-yellow-50);
  }
  .dm-text-color-warning-100 {
    color: var(--dm-color-yellow-100);
  }
  .dm-text-color-warning-200 {
    color: var(--dm-color-yellow-200);
  }
  .dm-text-color-warning-300 {
    color: var(--dm-color-yellow-300);
  }
  .dm-text-color-warning-400 {
    color: var(--dm-color-yellow-400);
  }
  .dm-text-color-warning-500 {
    color: var(--dm-color-yellow-500);
  }
  .dm-text-color-warning-600 {
    color: var(--dm-color-yellow-600);
  }
  .dm-text-color-warning-700 {
    color: var(--dm-color-yellow-700);
  }
  .dm-text-color-warning-800 {
    color: var(--dm-color-yellow-800);
  }
  .dm-text-color-warning-900 {
    color: var(--dm-color-yellow-900);
  }
  .dm-text-color-warning-950 {
    color: var(--dm-color-yellow-950);
  }
  .dm-text-color-error-25 {
    color: var(--dm-color-red-25);
  }
  .dm-text-color-error-50 {
    color: var(--dm-color-red-50);
  }
  .dm-text-color-error-100 {
    color: var(--dm-color-red-100);
  }
  .dm-text-color-error-200 {
    color: var(--dm-color-red-200);
  }
  .dm-text-color-error-300 {
    color: var(--dm-color-red-300);
  }
  .dm-text-color-error-400 {
    color: var(--dm-color-red-400);
  }
  .dm-text-color-error-500 {
    color: var(--dm-color-red-500);
  }
  .dm-text-color-error-600 {
    color: var(--dm-color-red-600);
  }
  .dm-text-color-error-700 {
    color: var(--dm-color-red-700);
  }
  .dm-text-color-error-800 {
    color: var(--dm-color-red-800);
  }
  .dm-text-color-error-900 {
    color: var(--dm-color-red-900);
  }
  .dm-text-color-error-950 {
    color: var(--dm-color-red-950);
  }
  .dm-text-color-brand-25 {
    color: var(--dm-color-brand-25);
  }
  .dm-text-color-background-primary {
    color: var(--dm-color-bg-primary);
  }
  .dm-text-color-background-secondary {
    color: var(--dm-color-bg-secondary);
  }
  .dm-text-color-background-tertiary {
    color: var(--dm-color-bg-tertiary);
  }
  .dm-text-color-background-quaternary {
    color: var(--dm-color-bg-quaternary);
  }
  .dm-text-color-background-brand-primary {
    color: var(--dm-color-bg-brand-primary);
  }
  .dm-text-color-background-brand-secondary {
    color: var(--dm-color-bg-brand-secondary);
  }
  .dm-text-color-background-brand-solid {
    color: var(--dm-color-bg-brand-solid);
  }
  .dm-text-color-background-error-primary {
    color: var(--dm-color-bg-error-primary);
  }
  .dm-text-color-background-warning-primary {
    color: var(--dm-color-bg-warning-primary);
  }
  .dm-text-color-background-success-primary {
    color: var(--dm-color-bg-success-primary);
  }
  .dm-bg-color-white {
    background-color: var(--dm-color-white);
  }
  .dm-bg-color-black {
    background-color: var(--dm-color-black);
  }
  .dm-bg-color-base-white {
    background-color: var(--dm-color-white);
  }
  .dm-bg-color-base-black {
    background-color: var(--dm-color-black);
  }
  .dm-bg-color-base-transparent {
    background-color: var(--dm-color-transparent);
  }
  .dm-bg-color-neutral-50 {
    background-color: var(--dm-color-neutral-50);
  }
  .dm-bg-color-neutral-100 {
    background-color: var(--dm-color-neutral-100);
  }
  .dm-bg-color-neutral-200 {
    background-color: var(--dm-color-neutral-200);
  }
  .dm-bg-color-neutral-300 {
    background-color: var(--dm-color-neutral-300);
  }
  .dm-bg-color-neutral-400 {
    background-color: var(--dm-color-neutral-400);
  }
  .dm-bg-color-neutral-500 {
    background-color: var(--dm-color-neutral-500);
  }
  .dm-bg-color-neutral-600 {
    background-color: var(--dm-color-neutral-600);
  }
  .dm-bg-color-neutral-700 {
    background-color: var(--dm-color-neutral-700);
  }
  .dm-bg-color-neutral-800 {
    background-color: var(--dm-color-neutral-800);
  }
  .dm-bg-color-neutral-900 {
    background-color: var(--dm-color-neutral-900);
  }
  .dm-bg-color-neutral-950 {
    background-color: var(--dm-color-neutral-950);
  }
  .dm-bg-color-brand-50 {
    background-color: var(--dm-color-brand-50);
  }
  .dm-bg-color-brand-100 {
    background-color: var(--dm-color-brand-100);
  }
  .dm-bg-color-brand-200 {
    background-color: var(--dm-color-brand-200);
  }
  .dm-bg-color-brand-300 {
    background-color: var(--dm-color-brand-300);
  }
  .dm-bg-color-brand-400 {
    background-color: var(--dm-color-brand-400);
  }
  .dm-bg-color-brand-500 {
    background-color: var(--dm-color-brand-500);
  }
  .dm-bg-color-brand-600 {
    background-color: var(--dm-color-brand-600);
  }
  .dm-bg-color-brand-700 {
    background-color: var(--dm-color-brand-700);
  }
  .dm-bg-color-brand-800 {
    background-color: var(--dm-color-brand-800);
  }
  .dm-bg-color-brand-900 {
    background-color: var(--dm-color-brand-900);
  }
  .dm-bg-color-brand-950 {
    background-color: var(--dm-color-brand-950);
  }
  .dm-bg-color-red-50 {
    background-color: var(--dm-color-red-50);
  }
  .dm-bg-color-red-100 {
    background-color: var(--dm-color-red-100);
  }
  .dm-bg-color-red-200 {
    background-color: var(--dm-color-red-200);
  }
  .dm-bg-color-red-300 {
    background-color: var(--dm-color-red-300);
  }
  .dm-bg-color-red-400 {
    background-color: var(--dm-color-red-400);
  }
  .dm-bg-color-red-500 {
    background-color: var(--dm-color-red-500);
  }
  .dm-bg-color-red-600 {
    background-color: var(--dm-color-red-600);
  }
  .dm-bg-color-red-700 {
    background-color: var(--dm-color-red-700);
  }
  .dm-bg-color-red-800 {
    background-color: var(--dm-color-red-800);
  }
  .dm-bg-color-red-900 {
    background-color: var(--dm-color-red-900);
  }
  .dm-bg-color-red-950 {
    background-color: var(--dm-color-red-950);
  }
  .dm-bg-color-yellow-50 {
    background-color: var(--dm-color-yellow-50);
  }
  .dm-bg-color-yellow-100 {
    background-color: var(--dm-color-yellow-100);
  }
  .dm-bg-color-yellow-200 {
    background-color: var(--dm-color-yellow-200);
  }
  .dm-bg-color-yellow-300 {
    background-color: var(--dm-color-yellow-300);
  }
  .dm-bg-color-yellow-400 {
    background-color: var(--dm-color-yellow-400);
  }
  .dm-bg-color-yellow-500 {
    background-color: var(--dm-color-yellow-500);
  }
  .dm-bg-color-yellow-600 {
    background-color: var(--dm-color-yellow-600);
  }
  .dm-bg-color-yellow-700 {
    background-color: var(--dm-color-yellow-700);
  }
  .dm-bg-color-yellow-800 {
    background-color: var(--dm-color-yellow-800);
  }
  .dm-bg-color-yellow-900 {
    background-color: var(--dm-color-yellow-900);
  }
  .dm-bg-color-yellow-950 {
    background-color: var(--dm-color-yellow-950);
  }
  .dm-bg-color-green-50 {
    background-color: var(--dm-color-green-50);
  }
  .dm-bg-color-green-100 {
    background-color: var(--dm-color-green-100);
  }
  .dm-bg-color-green-200 {
    background-color: var(--dm-color-green-200);
  }
  .dm-bg-color-green-300 {
    background-color: var(--dm-color-green-300);
  }
  .dm-bg-color-green-400 {
    background-color: var(--dm-color-green-400);
  }
  .dm-bg-color-green-500 {
    background-color: var(--dm-color-green-500);
  }
  .dm-bg-color-green-600 {
    background-color: var(--dm-color-green-600);
  }
  .dm-bg-color-green-700 {
    background-color: var(--dm-color-green-700);
  }
  .dm-bg-color-green-800 {
    background-color: var(--dm-color-green-800);
  }
  .dm-bg-color-green-900 {
    background-color: var(--dm-color-green-900);
  }
  .dm-bg-color-green-950 {
    background-color: var(--dm-color-green-950);
  }
  .dm-bg-color-gray-blue-50 {
    background-color: var(--dm-color-gray-blue-50);
  }
  .dm-bg-color-gray-blue-100 {
    background-color: var(--dm-color-gray-blue-100);
  }
  .dm-bg-color-gray-blue-200 {
    background-color: var(--dm-color-gray-blue-200);
  }
  .dm-bg-color-gray-blue-300 {
    background-color: var(--dm-color-gray-blue-300);
  }
  .dm-bg-color-gray-blue-400 {
    background-color: var(--dm-color-gray-blue-400);
  }
  .dm-bg-color-gray-blue-500 {
    background-color: var(--dm-color-gray-blue-500);
  }
  .dm-bg-color-gray-blue-600 {
    background-color: var(--dm-color-gray-blue-600);
  }
  .dm-bg-color-gray-blue-700 {
    background-color: var(--dm-color-gray-blue-700);
  }
  .dm-bg-color-gray-blue-800 {
    background-color: var(--dm-color-gray-blue-800);
  }
  .dm-bg-color-gray-blue-900 {
    background-color: var(--dm-color-gray-blue-900);
  }
  .dm-bg-color-gray-blue-950 {
    background-color: var(--dm-color-gray-blue-950);
  }
  .dm-bg-color-blue-light-50 {
    background-color: var(--dm-color-blue-light-50);
  }
  .dm-bg-color-blue-light-100 {
    background-color: var(--dm-color-blue-light-100);
  }
  .dm-bg-color-blue-light-200 {
    background-color: var(--dm-color-blue-light-200);
  }
  .dm-bg-color-blue-light-300 {
    background-color: var(--dm-color-blue-light-300);
  }
  .dm-bg-color-blue-light-400 {
    background-color: var(--dm-color-blue-light-400);
  }
  .dm-bg-color-blue-light-500 {
    background-color: var(--dm-color-blue-light-500);
  }
  .dm-bg-color-blue-light-600 {
    background-color: var(--dm-color-blue-light-600);
  }
  .dm-bg-color-blue-light-700 {
    background-color: var(--dm-color-blue-light-700);
  }
  .dm-bg-color-blue-light-800 {
    background-color: var(--dm-color-blue-light-800);
  }
  .dm-bg-color-blue-light-900 {
    background-color: var(--dm-color-blue-light-900);
  }
  .dm-bg-color-blue-light-950 {
    background-color: var(--dm-color-blue-light-950);
  }
  .dm-bg-color-blue-50 {
    background-color: var(--dm-color-blue-50);
  }
  .dm-bg-color-blue-100 {
    background-color: var(--dm-color-blue-100);
  }
  .dm-bg-color-blue-200 {
    background-color: var(--dm-color-blue-200);
  }
  .dm-bg-color-blue-300 {
    background-color: var(--dm-color-blue-300);
  }
  .dm-bg-color-blue-400 {
    background-color: var(--dm-color-blue-400);
  }
  .dm-bg-color-blue-500 {
    background-color: var(--dm-color-blue-500);
  }
  .dm-bg-color-blue-600 {
    background-color: var(--dm-color-blue-600);
  }
  .dm-bg-color-blue-700 {
    background-color: var(--dm-color-blue-700);
  }
  .dm-bg-color-blue-800 {
    background-color: var(--dm-color-blue-800);
  }
  .dm-bg-color-blue-900 {
    background-color: var(--dm-color-blue-900);
  }
  .dm-bg-color-blue-950 {
    background-color: var(--dm-color-blue-950);
  }
  .dm-bg-color-blue-dark-50 {
    background-color: var(--dm-color-blue-dark-50);
  }
  .dm-bg-color-blue-dark-100 {
    background-color: var(--dm-color-blue-dark-100);
  }
  .dm-bg-color-blue-dark-200 {
    background-color: var(--dm-color-blue-dark-200);
  }
  .dm-bg-color-blue-dark-300 {
    background-color: var(--dm-color-blue-dark-300);
  }
  .dm-bg-color-blue-dark-400 {
    background-color: var(--dm-color-blue-dark-400);
  }
  .dm-bg-color-blue-dark-500 {
    background-color: var(--dm-color-blue-dark-500);
  }
  .dm-bg-color-blue-dark-600 {
    background-color: var(--dm-color-blue-dark-600);
  }
  .dm-bg-color-blue-dark-700 {
    background-color: var(--dm-color-blue-dark-700);
  }
  .dm-bg-color-blue-dark-800 {
    background-color: var(--dm-color-blue-dark-800);
  }
  .dm-bg-color-blue-dark-900 {
    background-color: var(--dm-color-blue-dark-900);
  }
  .dm-bg-color-blue-dark-950 {
    background-color: var(--dm-color-blue-dark-950);
  }
  .dm-bg-color-indigo-50 {
    background-color: var(--dm-color-indigo-50);
  }
  .dm-bg-color-indigo-100 {
    background-color: var(--dm-color-indigo-100);
  }
  .dm-bg-color-indigo-200 {
    background-color: var(--dm-color-indigo-200);
  }
  .dm-bg-color-indigo-300 {
    background-color: var(--dm-color-indigo-300);
  }
  .dm-bg-color-indigo-400 {
    background-color: var(--dm-color-indigo-400);
  }
  .dm-bg-color-indigo-500 {
    background-color: var(--dm-color-indigo-500);
  }
  .dm-bg-color-indigo-600 {
    background-color: var(--dm-color-indigo-600);
  }
  .dm-bg-color-indigo-700 {
    background-color: var(--dm-color-indigo-700);
  }
  .dm-bg-color-indigo-800 {
    background-color: var(--dm-color-indigo-800);
  }
  .dm-bg-color-indigo-900 {
    background-color: var(--dm-color-indigo-900);
  }
  .dm-bg-color-indigo-950 {
    background-color: var(--dm-color-indigo-950);
  }
  .dm-bg-color-purple-50 {
    background-color: var(--dm-color-purple-50);
  }
  .dm-bg-color-purple-100 {
    background-color: var(--dm-color-purple-100);
  }
  .dm-bg-color-purple-200 {
    background-color: var(--dm-color-purple-200);
  }
  .dm-bg-color-purple-300 {
    background-color: var(--dm-color-purple-300);
  }
  .dm-bg-color-purple-400 {
    background-color: var(--dm-color-purple-400);
  }
  .dm-bg-color-purple-500 {
    background-color: var(--dm-color-purple-500);
  }
  .dm-bg-color-purple-600 {
    background-color: var(--dm-color-purple-600);
  }
  .dm-bg-color-purple-700 {
    background-color: var(--dm-color-purple-700);
  }
  .dm-bg-color-purple-800 {
    background-color: var(--dm-color-purple-800);
  }
  .dm-bg-color-purple-900 {
    background-color: var(--dm-color-purple-900);
  }
  .dm-bg-color-purple-950 {
    background-color: var(--dm-color-purple-950);
  }
  .dm-bg-color-fuchsia-50 {
    background-color: var(--dm-color-fuchsia-50);
  }
  .dm-bg-color-fuchsia-100 {
    background-color: var(--dm-color-fuchsia-100);
  }
  .dm-bg-color-fuchsia-200 {
    background-color: var(--dm-color-fuchsia-200);
  }
  .dm-bg-color-fuchsia-300 {
    background-color: var(--dm-color-fuchsia-300);
  }
  .dm-bg-color-fuchsia-400 {
    background-color: var(--dm-color-fuchsia-400);
  }
  .dm-bg-color-fuchsia-500 {
    background-color: var(--dm-color-fuchsia-500);
  }
  .dm-bg-color-fuchsia-600 {
    background-color: var(--dm-color-fuchsia-600);
  }
  .dm-bg-color-fuchsia-700 {
    background-color: var(--dm-color-fuchsia-700);
  }
  .dm-bg-color-fuchsia-800 {
    background-color: var(--dm-color-fuchsia-800);
  }
  .dm-bg-color-fuchsia-900 {
    background-color: var(--dm-color-fuchsia-900);
  }
  .dm-bg-color-fuchsia-950 {
    background-color: var(--dm-color-fuchsia-950);
  }
  .dm-bg-color-pink-50 {
    background-color: var(--dm-color-pink-50);
  }
  .dm-bg-color-pink-100 {
    background-color: var(--dm-color-pink-100);
  }
  .dm-bg-color-pink-200 {
    background-color: var(--dm-color-pink-200);
  }
  .dm-bg-color-pink-300 {
    background-color: var(--dm-color-pink-300);
  }
  .dm-bg-color-pink-400 {
    background-color: var(--dm-color-pink-400);
  }
  .dm-bg-color-pink-500 {
    background-color: var(--dm-color-pink-500);
  }
  .dm-bg-color-pink-600 {
    background-color: var(--dm-color-pink-600);
  }
  .dm-bg-color-pink-700 {
    background-color: var(--dm-color-pink-700);
  }
  .dm-bg-color-pink-800 {
    background-color: var(--dm-color-pink-800);
  }
  .dm-bg-color-pink-900 {
    background-color: var(--dm-color-pink-900);
  }
  .dm-bg-color-pink-950 {
    background-color: var(--dm-color-pink-950);
  }
  .dm-bg-color-orange-50 {
    background-color: var(--dm-color-orange-50);
  }
  .dm-bg-color-orange-100 {
    background-color: var(--dm-color-orange-100);
  }
  .dm-bg-color-orange-200 {
    background-color: var(--dm-color-orange-200);
  }
  .dm-bg-color-orange-300 {
    background-color: var(--dm-color-orange-300);
  }
  .dm-bg-color-orange-400 {
    background-color: var(--dm-color-orange-400);
  }
  .dm-bg-color-orange-500 {
    background-color: var(--dm-color-orange-500);
  }
  .dm-bg-color-orange-600 {
    background-color: var(--dm-color-orange-600);
  }
  .dm-bg-color-orange-700 {
    background-color: var(--dm-color-orange-700);
  }
  .dm-bg-color-orange-800 {
    background-color: var(--dm-color-orange-800);
  }
  .dm-bg-color-orange-900 {
    background-color: var(--dm-color-orange-900);
  }
  .dm-bg-color-orange-950 {
    background-color: var(--dm-color-orange-950);
  }
  .dm-bg-color-orange-dark-50 {
    background-color: var(--dm-color-orange-dark-50);
  }
  .dm-bg-color-orange-dark-100 {
    background-color: var(--dm-color-orange-dark-100);
  }
  .dm-bg-color-orange-dark-200 {
    background-color: var(--dm-color-orange-dark-200);
  }
  .dm-bg-color-orange-dark-300 {
    background-color: var(--dm-color-orange-dark-300);
  }
  .dm-bg-color-orange-dark-400 {
    background-color: var(--dm-color-orange-dark-400);
  }
  .dm-bg-color-orange-dark-500 {
    background-color: var(--dm-color-orange-dark-500);
  }
  .dm-bg-color-orange-dark-600 {
    background-color: var(--dm-color-orange-dark-600);
  }
  .dm-bg-color-orange-dark-700 {
    background-color: var(--dm-color-orange-dark-700);
  }
  .dm-bg-color-orange-dark-800 {
    background-color: var(--dm-color-orange-dark-800);
  }
  .dm-bg-color-orange-dark-900 {
    background-color: var(--dm-color-orange-dark-900);
  }
  .dm-bg-color-orange-dark-950 {
    background-color: var(--dm-color-orange-dark-950);
  }
  .dm-bg-color-gray-25 {
    background-color: var(--dm-color-neutral-25);
  }
  .dm-bg-color-gray-50 {
    background-color: var(--dm-color-neutral-50);
  }
  .dm-bg-color-gray-100 {
    background-color: var(--dm-color-neutral-100);
  }
  .dm-bg-color-gray-200 {
    background-color: var(--dm-color-neutral-200);
  }
  .dm-bg-color-gray-300 {
    background-color: var(--dm-color-neutral-300);
  }
  .dm-bg-color-gray-400 {
    background-color: var(--dm-color-neutral-400);
  }
  .dm-bg-color-gray-500 {
    background-color: var(--dm-color-neutral-500);
  }
  .dm-bg-color-gray-600 {
    background-color: var(--dm-color-neutral-600);
  }
  .dm-bg-color-gray-700 {
    background-color: var(--dm-color-neutral-700);
  }
  .dm-bg-color-gray-800 {
    background-color: var(--dm-color-neutral-800);
  }
  .dm-bg-color-gray-900 {
    background-color: var(--dm-color-neutral-900);
  }
  .dm-bg-color-gray-950 {
    background-color: var(--dm-color-neutral-950);
  }
  .dm-bg-color-success-25 {
    background-color: var(--dm-color-green-25);
  }
  .dm-bg-color-success-50 {
    background-color: var(--dm-color-green-50);
  }
  .dm-bg-color-success-100 {
    background-color: var(--dm-color-green-100);
  }
  .dm-bg-color-success-200 {
    background-color: var(--dm-color-green-200);
  }
  .dm-bg-color-success-300 {
    background-color: var(--dm-color-green-300);
  }
  .dm-bg-color-success-400 {
    background-color: var(--dm-color-green-400);
  }
  .dm-bg-color-success-500 {
    background-color: var(--dm-color-green-500);
  }
  .dm-bg-color-success-600 {
    background-color: var(--dm-color-green-600);
  }
  .dm-bg-color-success-700 {
    background-color: var(--dm-color-green-700);
  }
  .dm-bg-color-success-800 {
    background-color: var(--dm-color-green-800);
  }
  .dm-bg-color-success-900 {
    background-color: var(--dm-color-green-900);
  }
  .dm-bg-color-success-950 {
    background-color: var(--dm-color-green-950);
  }
  .dm-bg-color-warning-25 {
    background-color: var(--dm-color-yellow-25);
  }
  .dm-bg-color-warning-50 {
    background-color: var(--dm-color-yellow-50);
  }
  .dm-bg-color-warning-100 {
    background-color: var(--dm-color-yellow-100);
  }
  .dm-bg-color-warning-200 {
    background-color: var(--dm-color-yellow-200);
  }
  .dm-bg-color-warning-300 {
    background-color: var(--dm-color-yellow-300);
  }
  .dm-bg-color-warning-400 {
    background-color: var(--dm-color-yellow-400);
  }
  .dm-bg-color-warning-500 {
    background-color: var(--dm-color-yellow-500);
  }
  .dm-bg-color-warning-600 {
    background-color: var(--dm-color-yellow-600);
  }
  .dm-bg-color-warning-700 {
    background-color: var(--dm-color-yellow-700);
  }
  .dm-bg-color-warning-800 {
    background-color: var(--dm-color-yellow-800);
  }
  .dm-bg-color-warning-900 {
    background-color: var(--dm-color-yellow-900);
  }
  .dm-bg-color-warning-950 {
    background-color: var(--dm-color-yellow-950);
  }
  .dm-bg-color-error-25 {
    background-color: var(--dm-color-red-25);
  }
  .dm-bg-color-error-50 {
    background-color: var(--dm-color-red-50);
  }
  .dm-bg-color-error-100 {
    background-color: var(--dm-color-red-100);
  }
  .dm-bg-color-error-200 {
    background-color: var(--dm-color-red-200);
  }
  .dm-bg-color-error-300 {
    background-color: var(--dm-color-red-300);
  }
  .dm-bg-color-error-400 {
    background-color: var(--dm-color-red-400);
  }
  .dm-bg-color-error-500 {
    background-color: var(--dm-color-red-500);
  }
  .dm-bg-color-error-600 {
    background-color: var(--dm-color-red-600);
  }
  .dm-bg-color-error-700 {
    background-color: var(--dm-color-red-700);
  }
  .dm-bg-color-error-800 {
    background-color: var(--dm-color-red-800);
  }
  .dm-bg-color-error-900 {
    background-color: var(--dm-color-red-900);
  }
  .dm-bg-color-error-950 {
    background-color: var(--dm-color-red-950);
  }
  .dm-bg-color-brand-25 {
    background-color: var(--dm-color-brand-25);
  }
  .dm-bg-color-background-primary {
    background-color: var(--dm-color-bg-primary);
  }
  .dm-bg-color-background-secondary {
    background-color: var(--dm-color-bg-secondary);
  }
  .dm-bg-color-background-tertiary {
    background-color: var(--dm-color-bg-tertiary);
  }
  .dm-bg-color-background-quaternary {
    background-color: var(--dm-color-bg-quaternary);
  }
  .dm-bg-color-background-brand-primary {
    background-color: var(--dm-color-bg-brand-primary);
  }
  .dm-bg-color-background-brand-secondary {
    background-color: var(--dm-color-bg-brand-secondary);
  }
  .dm-bg-color-background-brand-solid {
    background-color: var(--dm-color-bg-brand-solid);
  }
  .dm-bg-color-background-error-primary {
    background-color: var(--dm-color-bg-error-primary);
  }
  .dm-bg-color-background-warning-primary {
    background-color: var(--dm-color-bg-warning-primary);
  }
  .dm-bg-color-background-success-primary {
    background-color: var(--dm-color-bg-success-primary);
  }
  .dm-border-color-white {
    border-color: var(--dm-color-white);
  }
  .dm-border-color-black {
    border-color: var(--dm-color-black);
  }
  .dm-border-color-base-white {
    border-color: var(--dm-color-white);
  }
  .dm-border-color-base-black {
    border-color: var(--dm-color-black);
  }
  .dm-border-color-base-transparent {
    border-color: var(--dm-color-transparent);
  }
  .dm-border-color-neutral-50 {
    border-color: var(--dm-color-neutral-50);
  }
  .dm-border-color-neutral-100 {
    border-color: var(--dm-color-neutral-100);
  }
  .dm-border-color-neutral-200 {
    border-color: var(--dm-color-neutral-200);
  }
  .dm-border-color-neutral-300 {
    border-color: var(--dm-color-neutral-300);
  }
  .dm-border-color-neutral-400 {
    border-color: var(--dm-color-neutral-400);
  }
  .dm-border-color-neutral-500 {
    border-color: var(--dm-color-neutral-500);
  }
  .dm-border-color-neutral-600 {
    border-color: var(--dm-color-neutral-600);
  }
  .dm-border-color-neutral-700 {
    border-color: var(--dm-color-neutral-700);
  }
  .dm-border-color-neutral-800 {
    border-color: var(--dm-color-neutral-800);
  }
  .dm-border-color-neutral-900 {
    border-color: var(--dm-color-neutral-900);
  }
  .dm-border-color-neutral-950 {
    border-color: var(--dm-color-neutral-950);
  }
  .dm-border-color-brand-50 {
    border-color: var(--dm-color-brand-50);
  }
  .dm-border-color-brand-100 {
    border-color: var(--dm-color-brand-100);
  }
  .dm-border-color-brand-200 {
    border-color: var(--dm-color-brand-200);
  }
  .dm-border-color-brand-300 {
    border-color: var(--dm-color-brand-300);
  }
  .dm-border-color-brand-400 {
    border-color: var(--dm-color-brand-400);
  }
  .dm-border-color-brand-500 {
    border-color: var(--dm-color-brand-500);
  }
  .dm-border-color-brand-600 {
    border-color: var(--dm-color-brand-600);
  }
  .dm-border-color-brand-700 {
    border-color: var(--dm-color-brand-700);
  }
  .dm-border-color-brand-800 {
    border-color: var(--dm-color-brand-800);
  }
  .dm-border-color-brand-900 {
    border-color: var(--dm-color-brand-900);
  }
  .dm-border-color-brand-950 {
    border-color: var(--dm-color-brand-950);
  }
  .dm-border-color-red-50 {
    border-color: var(--dm-color-red-50);
  }
  .dm-border-color-red-100 {
    border-color: var(--dm-color-red-100);
  }
  .dm-border-color-red-200 {
    border-color: var(--dm-color-red-200);
  }
  .dm-border-color-red-300 {
    border-color: var(--dm-color-red-300);
  }
  .dm-border-color-red-400 {
    border-color: var(--dm-color-red-400);
  }
  .dm-border-color-red-500 {
    border-color: var(--dm-color-red-500);
  }
  .dm-border-color-red-600 {
    border-color: var(--dm-color-red-600);
  }
  .dm-border-color-red-700 {
    border-color: var(--dm-color-red-700);
  }
  .dm-border-color-red-800 {
    border-color: var(--dm-color-red-800);
  }
  .dm-border-color-red-900 {
    border-color: var(--dm-color-red-900);
  }
  .dm-border-color-red-950 {
    border-color: var(--dm-color-red-950);
  }
  .dm-border-color-yellow-50 {
    border-color: var(--dm-color-yellow-50);
  }
  .dm-border-color-yellow-100 {
    border-color: var(--dm-color-yellow-100);
  }
  .dm-border-color-yellow-200 {
    border-color: var(--dm-color-yellow-200);
  }
  .dm-border-color-yellow-300 {
    border-color: var(--dm-color-yellow-300);
  }
  .dm-border-color-yellow-400 {
    border-color: var(--dm-color-yellow-400);
  }
  .dm-border-color-yellow-500 {
    border-color: var(--dm-color-yellow-500);
  }
  .dm-border-color-yellow-600 {
    border-color: var(--dm-color-yellow-600);
  }
  .dm-border-color-yellow-700 {
    border-color: var(--dm-color-yellow-700);
  }
  .dm-border-color-yellow-800 {
    border-color: var(--dm-color-yellow-800);
  }
  .dm-border-color-yellow-900 {
    border-color: var(--dm-color-yellow-900);
  }
  .dm-border-color-yellow-950 {
    border-color: var(--dm-color-yellow-950);
  }
  .dm-border-color-green-50 {
    border-color: var(--dm-color-green-50);
  }
  .dm-border-color-green-100 {
    border-color: var(--dm-color-green-100);
  }
  .dm-border-color-green-200 {
    border-color: var(--dm-color-green-200);
  }
  .dm-border-color-green-300 {
    border-color: var(--dm-color-green-300);
  }
  .dm-border-color-green-400 {
    border-color: var(--dm-color-green-400);
  }
  .dm-border-color-green-500 {
    border-color: var(--dm-color-green-500);
  }
  .dm-border-color-green-600 {
    border-color: var(--dm-color-green-600);
  }
  .dm-border-color-green-700 {
    border-color: var(--dm-color-green-700);
  }
  .dm-border-color-green-800 {
    border-color: var(--dm-color-green-800);
  }
  .dm-border-color-green-900 {
    border-color: var(--dm-color-green-900);
  }
  .dm-border-color-green-950 {
    border-color: var(--dm-color-green-950);
  }
  .dm-border-color-gray-blue-50 {
    border-color: var(--dm-color-gray-blue-50);
  }
  .dm-border-color-gray-blue-100 {
    border-color: var(--dm-color-gray-blue-100);
  }
  .dm-border-color-gray-blue-200 {
    border-color: var(--dm-color-gray-blue-200);
  }
  .dm-border-color-gray-blue-300 {
    border-color: var(--dm-color-gray-blue-300);
  }
  .dm-border-color-gray-blue-400 {
    border-color: var(--dm-color-gray-blue-400);
  }
  .dm-border-color-gray-blue-500 {
    border-color: var(--dm-color-gray-blue-500);
  }
  .dm-border-color-gray-blue-600 {
    border-color: var(--dm-color-gray-blue-600);
  }
  .dm-border-color-gray-blue-700 {
    border-color: var(--dm-color-gray-blue-700);
  }
  .dm-border-color-gray-blue-800 {
    border-color: var(--dm-color-gray-blue-800);
  }
  .dm-border-color-gray-blue-900 {
    border-color: var(--dm-color-gray-blue-900);
  }
  .dm-border-color-gray-blue-950 {
    border-color: var(--dm-color-gray-blue-950);
  }
  .dm-border-color-blue-light-50 {
    border-color: var(--dm-color-blue-light-50);
  }
  .dm-border-color-blue-light-100 {
    border-color: var(--dm-color-blue-light-100);
  }
  .dm-border-color-blue-light-200 {
    border-color: var(--dm-color-blue-light-200);
  }
  .dm-border-color-blue-light-300 {
    border-color: var(--dm-color-blue-light-300);
  }
  .dm-border-color-blue-light-400 {
    border-color: var(--dm-color-blue-light-400);
  }
  .dm-border-color-blue-light-500 {
    border-color: var(--dm-color-blue-light-500);
  }
  .dm-border-color-blue-light-600 {
    border-color: var(--dm-color-blue-light-600);
  }
  .dm-border-color-blue-light-700 {
    border-color: var(--dm-color-blue-light-700);
  }
  .dm-border-color-blue-light-800 {
    border-color: var(--dm-color-blue-light-800);
  }
  .dm-border-color-blue-light-900 {
    border-color: var(--dm-color-blue-light-900);
  }
  .dm-border-color-blue-light-950 {
    border-color: var(--dm-color-blue-light-950);
  }
  .dm-border-color-blue-50 {
    border-color: var(--dm-color-blue-50);
  }
  .dm-border-color-blue-100 {
    border-color: var(--dm-color-blue-100);
  }
  .dm-border-color-blue-200 {
    border-color: var(--dm-color-blue-200);
  }
  .dm-border-color-blue-300 {
    border-color: var(--dm-color-blue-300);
  }
  .dm-border-color-blue-400 {
    border-color: var(--dm-color-blue-400);
  }
  .dm-border-color-blue-500 {
    border-color: var(--dm-color-blue-500);
  }
  .dm-border-color-blue-600 {
    border-color: var(--dm-color-blue-600);
  }
  .dm-border-color-blue-700 {
    border-color: var(--dm-color-blue-700);
  }
  .dm-border-color-blue-800 {
    border-color: var(--dm-color-blue-800);
  }
  .dm-border-color-blue-900 {
    border-color: var(--dm-color-blue-900);
  }
  .dm-border-color-blue-950 {
    border-color: var(--dm-color-blue-950);
  }
  .dm-border-color-blue-dark-50 {
    border-color: var(--dm-color-blue-dark-50);
  }
  .dm-border-color-blue-dark-100 {
    border-color: var(--dm-color-blue-dark-100);
  }
  .dm-border-color-blue-dark-200 {
    border-color: var(--dm-color-blue-dark-200);
  }
  .dm-border-color-blue-dark-300 {
    border-color: var(--dm-color-blue-dark-300);
  }
  .dm-border-color-blue-dark-400 {
    border-color: var(--dm-color-blue-dark-400);
  }
  .dm-border-color-blue-dark-500 {
    border-color: var(--dm-color-blue-dark-500);
  }
  .dm-border-color-blue-dark-600 {
    border-color: var(--dm-color-blue-dark-600);
  }
  .dm-border-color-blue-dark-700 {
    border-color: var(--dm-color-blue-dark-700);
  }
  .dm-border-color-blue-dark-800 {
    border-color: var(--dm-color-blue-dark-800);
  }
  .dm-border-color-blue-dark-900 {
    border-color: var(--dm-color-blue-dark-900);
  }
  .dm-border-color-blue-dark-950 {
    border-color: var(--dm-color-blue-dark-950);
  }
  .dm-border-color-indigo-50 {
    border-color: var(--dm-color-indigo-50);
  }
  .dm-border-color-indigo-100 {
    border-color: var(--dm-color-indigo-100);
  }
  .dm-border-color-indigo-200 {
    border-color: var(--dm-color-indigo-200);
  }
  .dm-border-color-indigo-300 {
    border-color: var(--dm-color-indigo-300);
  }
  .dm-border-color-indigo-400 {
    border-color: var(--dm-color-indigo-400);
  }
  .dm-border-color-indigo-500 {
    border-color: var(--dm-color-indigo-500);
  }
  .dm-border-color-indigo-600 {
    border-color: var(--dm-color-indigo-600);
  }
  .dm-border-color-indigo-700 {
    border-color: var(--dm-color-indigo-700);
  }
  .dm-border-color-indigo-800 {
    border-color: var(--dm-color-indigo-800);
  }
  .dm-border-color-indigo-900 {
    border-color: var(--dm-color-indigo-900);
  }
  .dm-border-color-indigo-950 {
    border-color: var(--dm-color-indigo-950);
  }
  .dm-border-color-purple-50 {
    border-color: var(--dm-color-purple-50);
  }
  .dm-border-color-purple-100 {
    border-color: var(--dm-color-purple-100);
  }
  .dm-border-color-purple-200 {
    border-color: var(--dm-color-purple-200);
  }
  .dm-border-color-purple-300 {
    border-color: var(--dm-color-purple-300);
  }
  .dm-border-color-purple-400 {
    border-color: var(--dm-color-purple-400);
  }
  .dm-border-color-purple-500 {
    border-color: var(--dm-color-purple-500);
  }
  .dm-border-color-purple-600 {
    border-color: var(--dm-color-purple-600);
  }
  .dm-border-color-purple-700 {
    border-color: var(--dm-color-purple-700);
  }
  .dm-border-color-purple-800 {
    border-color: var(--dm-color-purple-800);
  }
  .dm-border-color-purple-900 {
    border-color: var(--dm-color-purple-900);
  }
  .dm-border-color-purple-950 {
    border-color: var(--dm-color-purple-950);
  }
  .dm-border-color-fuchsia-50 {
    border-color: var(--dm-color-fuchsia-50);
  }
  .dm-border-color-fuchsia-100 {
    border-color: var(--dm-color-fuchsia-100);
  }
  .dm-border-color-fuchsia-200 {
    border-color: var(--dm-color-fuchsia-200);
  }
  .dm-border-color-fuchsia-300 {
    border-color: var(--dm-color-fuchsia-300);
  }
  .dm-border-color-fuchsia-400 {
    border-color: var(--dm-color-fuchsia-400);
  }
  .dm-border-color-fuchsia-500 {
    border-color: var(--dm-color-fuchsia-500);
  }
  .dm-border-color-fuchsia-600 {
    border-color: var(--dm-color-fuchsia-600);
  }
  .dm-border-color-fuchsia-700 {
    border-color: var(--dm-color-fuchsia-700);
  }
  .dm-border-color-fuchsia-800 {
    border-color: var(--dm-color-fuchsia-800);
  }
  .dm-border-color-fuchsia-900 {
    border-color: var(--dm-color-fuchsia-900);
  }
  .dm-border-color-fuchsia-950 {
    border-color: var(--dm-color-fuchsia-950);
  }
  .dm-border-color-pink-50 {
    border-color: var(--dm-color-pink-50);
  }
  .dm-border-color-pink-100 {
    border-color: var(--dm-color-pink-100);
  }
  .dm-border-color-pink-200 {
    border-color: var(--dm-color-pink-200);
  }
  .dm-border-color-pink-300 {
    border-color: var(--dm-color-pink-300);
  }
  .dm-border-color-pink-400 {
    border-color: var(--dm-color-pink-400);
  }
  .dm-border-color-pink-500 {
    border-color: var(--dm-color-pink-500);
  }
  .dm-border-color-pink-600 {
    border-color: var(--dm-color-pink-600);
  }
  .dm-border-color-pink-700 {
    border-color: var(--dm-color-pink-700);
  }
  .dm-border-color-pink-800 {
    border-color: var(--dm-color-pink-800);
  }
  .dm-border-color-pink-900 {
    border-color: var(--dm-color-pink-900);
  }
  .dm-border-color-pink-950 {
    border-color: var(--dm-color-pink-950);
  }
  .dm-border-color-orange-50 {
    border-color: var(--dm-color-orange-50);
  }
  .dm-border-color-orange-100 {
    border-color: var(--dm-color-orange-100);
  }
  .dm-border-color-orange-200 {
    border-color: var(--dm-color-orange-200);
  }
  .dm-border-color-orange-300 {
    border-color: var(--dm-color-orange-300);
  }
  .dm-border-color-orange-400 {
    border-color: var(--dm-color-orange-400);
  }
  .dm-border-color-orange-500 {
    border-color: var(--dm-color-orange-500);
  }
  .dm-border-color-orange-600 {
    border-color: var(--dm-color-orange-600);
  }
  .dm-border-color-orange-700 {
    border-color: var(--dm-color-orange-700);
  }
  .dm-border-color-orange-800 {
    border-color: var(--dm-color-orange-800);
  }
  .dm-border-color-orange-900 {
    border-color: var(--dm-color-orange-900);
  }
  .dm-border-color-orange-950 {
    border-color: var(--dm-color-orange-950);
  }
  .dm-border-color-orange-dark-50 {
    border-color: var(--dm-color-orange-dark-50);
  }
  .dm-border-color-orange-dark-100 {
    border-color: var(--dm-color-orange-dark-100);
  }
  .dm-border-color-orange-dark-200 {
    border-color: var(--dm-color-orange-dark-200);
  }
  .dm-border-color-orange-dark-300 {
    border-color: var(--dm-color-orange-dark-300);
  }
  .dm-border-color-orange-dark-400 {
    border-color: var(--dm-color-orange-dark-400);
  }
  .dm-border-color-orange-dark-500 {
    border-color: var(--dm-color-orange-dark-500);
  }
  .dm-border-color-orange-dark-600 {
    border-color: var(--dm-color-orange-dark-600);
  }
  .dm-border-color-orange-dark-700 {
    border-color: var(--dm-color-orange-dark-700);
  }
  .dm-border-color-orange-dark-800 {
    border-color: var(--dm-color-orange-dark-800);
  }
  .dm-border-color-orange-dark-900 {
    border-color: var(--dm-color-orange-dark-900);
  }
  .dm-border-color-orange-dark-950 {
    border-color: var(--dm-color-orange-dark-950);
  }
  .dm-border-color-gray-25 {
    border-color: var(--dm-color-neutral-25);
  }
  .dm-border-color-gray-50 {
    border-color: var(--dm-color-neutral-50);
  }
  .dm-border-color-gray-100 {
    border-color: var(--dm-color-neutral-100);
  }
  .dm-border-color-gray-200 {
    border-color: var(--dm-color-neutral-200);
  }
  .dm-border-color-gray-300 {
    border-color: var(--dm-color-neutral-300);
  }
  .dm-border-color-gray-400 {
    border-color: var(--dm-color-neutral-400);
  }
  .dm-border-color-gray-500 {
    border-color: var(--dm-color-neutral-500);
  }
  .dm-border-color-gray-600 {
    border-color: var(--dm-color-neutral-600);
  }
  .dm-border-color-gray-700 {
    border-color: var(--dm-color-neutral-700);
  }
  .dm-border-color-gray-800 {
    border-color: var(--dm-color-neutral-800);
  }
  .dm-border-color-gray-900 {
    border-color: var(--dm-color-neutral-900);
  }
  .dm-border-color-gray-950 {
    border-color: var(--dm-color-neutral-950);
  }
  .dm-border-color-success-25 {
    border-color: var(--dm-color-green-25);
  }
  .dm-border-color-success-50 {
    border-color: var(--dm-color-green-50);
  }
  .dm-border-color-success-100 {
    border-color: var(--dm-color-green-100);
  }
  .dm-border-color-success-200 {
    border-color: var(--dm-color-green-200);
  }
  .dm-border-color-success-300 {
    border-color: var(--dm-color-green-300);
  }
  .dm-border-color-success-400 {
    border-color: var(--dm-color-green-400);
  }
  .dm-border-color-success-500 {
    border-color: var(--dm-color-green-500);
  }
  .dm-border-color-success-600 {
    border-color: var(--dm-color-green-600);
  }
  .dm-border-color-success-700 {
    border-color: var(--dm-color-green-700);
  }
  .dm-border-color-success-800 {
    border-color: var(--dm-color-green-800);
  }
  .dm-border-color-success-900 {
    border-color: var(--dm-color-green-900);
  }
  .dm-border-color-success-950 {
    border-color: var(--dm-color-green-950);
  }
  .dm-border-color-warning-25 {
    border-color: var(--dm-color-yellow-25);
  }
  .dm-border-color-warning-50 {
    border-color: var(--dm-color-yellow-50);
  }
  .dm-border-color-warning-100 {
    border-color: var(--dm-color-yellow-100);
  }
  .dm-border-color-warning-200 {
    border-color: var(--dm-color-yellow-200);
  }
  .dm-border-color-warning-300 {
    border-color: var(--dm-color-yellow-300);
  }
  .dm-border-color-warning-400 {
    border-color: var(--dm-color-yellow-400);
  }
  .dm-border-color-warning-500 {
    border-color: var(--dm-color-yellow-500);
  }
  .dm-border-color-warning-600 {
    border-color: var(--dm-color-yellow-600);
  }
  .dm-border-color-warning-700 {
    border-color: var(--dm-color-yellow-700);
  }
  .dm-border-color-warning-800 {
    border-color: var(--dm-color-yellow-800);
  }
  .dm-border-color-warning-900 {
    border-color: var(--dm-color-yellow-900);
  }
  .dm-border-color-warning-950 {
    border-color: var(--dm-color-yellow-950);
  }
  .dm-border-color-error-25 {
    border-color: var(--dm-color-red-25);
  }
  .dm-border-color-error-50 {
    border-color: var(--dm-color-red-50);
  }
  .dm-border-color-error-100 {
    border-color: var(--dm-color-red-100);
  }
  .dm-border-color-error-200 {
    border-color: var(--dm-color-red-200);
  }
  .dm-border-color-error-300 {
    border-color: var(--dm-color-red-300);
  }
  .dm-border-color-error-400 {
    border-color: var(--dm-color-red-400);
  }
  .dm-border-color-error-500 {
    border-color: var(--dm-color-red-500);
  }
  .dm-border-color-error-600 {
    border-color: var(--dm-color-red-600);
  }
  .dm-border-color-error-700 {
    border-color: var(--dm-color-red-700);
  }
  .dm-border-color-error-800 {
    border-color: var(--dm-color-red-800);
  }
  .dm-border-color-error-900 {
    border-color: var(--dm-color-red-900);
  }
  .dm-border-color-error-950 {
    border-color: var(--dm-color-red-950);
  }
  .dm-border-color-brand-25 {
    border-color: var(--dm-color-brand-25);
  }
  .dm-border-color-background-primary {
    border-color: var(--dm-color-bg-primary);
  }
  .dm-border-color-background-secondary {
    border-color: var(--dm-color-bg-secondary);
  }
  .dm-border-color-background-tertiary {
    border-color: var(--dm-color-bg-tertiary);
  }
  .dm-border-color-background-quaternary {
    border-color: var(--dm-color-bg-quaternary);
  }
  .dm-border-color-background-brand-primary {
    border-color: var(--dm-color-bg-brand-primary);
  }
  .dm-border-color-background-brand-secondary {
    border-color: var(--dm-color-bg-brand-secondary);
  }
  .dm-border-color-background-brand-solid {
    border-color: var(--dm-color-bg-brand-solid);
  }
  .dm-border-color-background-error-primary {
    border-color: var(--dm-color-bg-error-primary);
  }
  .dm-border-color-background-warning-primary {
    border-color: var(--dm-color-bg-warning-primary);
  }
  .dm-border-color-background-success-primary {
    border-color: var(--dm-color-bg-success-primary);
  }
  .dm-text-primary {
    color: var(--dm-color-text-primary);
  }
  .dm-text-secondary {
    color: var(--dm-color-text-secondary);
  }
  .dm-text-tertiary {
    color: var(--dm-color-text-tertiary);
  }
  .dm-text-quaternary {
    color: var(--dm-color-text-quaternary);
  }
  .dm-text-brand-primary {
    color: var(--dm-color-text-brand-primary);
  }
  .dm-text-brand-secondary {
    color: var(--dm-color-text-brand-secondary);
  }
  .dm-text-brand-tertiary {
    color: var(--dm-color-text-brand-tertiary);
  }
  .dm-text-error-primary {
    color: var(--dm-color-text-error-primary);
  }
  .dm-text-warning-primary {
    color: var(--dm-color-text-warning-primary);
  }
  .dm-text-success-primary {
    color: var(--dm-color-text-success-primary);
  }
  .dm-text-white {
    color: var(--dm-color-text-white);
  }
  .dm-text-placeholder {
    color: var(--dm-color-text-placeholder);
  }
  .dm-fg-primary {
    color: var(--dm-color-fg-primary);
  }
  .dm-fg-secondary {
    color: var(--dm-color-fg-secondary);
  }
  .dm-fg-tertiary {
    color: var(--dm-color-fg-tertiary);
  }
  .dm-fg-quaternary {
    color: var(--dm-color-fg-quaternary);
  }
  .dm-fg-white {
    color: var(--dm-color-fg-white);
  }
  .dm-fg-brand-primary {
    color: var(--dm-color-fg-brand-primary);
  }
  .dm-fg-error-primary {
    color: var(--dm-color-fg-error-primary);
  }
  .dm-fg-success-primary {
    color: var(--dm-color-fg-success-primary);
  }
  .dm-fg-warning-primary {
    color: var(--dm-color-fg-warning-primary);
  }
  .dm-border-primary {
    border-color: var(--dm-color-border-primary);
  }
  .dm-border-secondary {
    border-color: var(--dm-color-border-secondary);
  }
  .dm-border-tertiary {
    border-color: var(--dm-color-border-tertiary);
  }
  .dm-border-brand {
    border-color: var(--dm-color-border-brand);
  }
  .dm-border-error {
    border-color: var(--dm-color-border-error);
  }
  .dm-bg-primary {
    background-color: var(--dm-color-bg-primary);
  }
  .dm-bg-secondary {
    background-color: var(--dm-color-bg-secondary);
  }
  .dm-bg-tertiary {
    background-color: var(--dm-color-bg-tertiary);
  }
  .dm-bg-quaternary {
    background-color: var(--dm-color-bg-quaternary);
  }
  .dm-bg-brand-primary {
    background-color: var(--dm-color-bg-brand-primary);
  }
  .dm-bg-brand-secondary {
    background-color: var(--dm-color-bg-brand-secondary);
  }
  .dm-bg-brand-solid {
    background-color: var(--dm-color-bg-brand-solid);
  }
  .dm-bg-error-primary {
    background-color: var(--dm-color-bg-error-primary);
  }
  .dm-bg-warning-primary {
    background-color: var(--dm-color-bg-warning-primary);
  }
  .dm-bg-success-primary {
    background-color: var(--dm-color-bg-success-primary);
  }
  .dm-bg-error-solid {
    background-color: var(--dm-color-bg-error-solid);
  }
  .dm-bg-warning-solid {
    background-color: var(--dm-color-bg-warning-solid);
  }
  .dm-bg-success-solid {
    background-color: var(--dm-color-bg-success-solid);
  }
}
@layer dm-utilities {
  .dm-line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .dm-line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .dm-line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@layer dm-utilities {
  .dm-container {
    container-type: inline-size;
  }
  .dm-container-size {
    container-type: size;
  }
}
@layer dm-utilities {
  .dm-block {
    display: block;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-block {
      display: block;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-block {
      display: block;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-block {
      display: block;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-block {
      display: block;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-block {
      display: block;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-block {
      display: block;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-block {
      display: block;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-block {
      display: block;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-block {
      display: block;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-block {
      display: block;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-block {
      display: block;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-block {
      display: block;
    }
  }
}
@layer dm-utilities {
  .dm-inline-block {
    display: inline-block;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-inline-block {
      display: inline-block;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-inline-block {
      display: inline-block;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-inline-block {
      display: inline-block;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-inline-block {
      display: inline-block;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-inline-block {
      display: inline-block;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-inline-block {
      display: inline-block;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-inline-block {
      display: inline-block;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-inline-block {
      display: inline-block;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-inline-block {
      display: inline-block;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-inline-block {
      display: inline-block;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-inline-block {
      display: inline-block;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-inline-block {
      display: inline-block;
    }
  }
}
@layer dm-utilities {
  .dm-inline {
    display: inline;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-inline {
      display: inline;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-inline {
      display: inline;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-inline {
      display: inline;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-inline {
      display: inline;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-inline {
      display: inline;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-inline {
      display: inline;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-inline {
      display: inline;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-inline {
      display: inline;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-inline {
      display: inline;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-inline {
      display: inline;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-inline {
      display: inline;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-inline {
      display: inline;
    }
  }
}
@layer dm-utilities {
  .dm-flex {
    display: flex;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-flex {
      display: flex;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-flex {
      display: flex;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-flex {
      display: flex;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-flex {
      display: flex;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-flex {
      display: flex;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-flex {
      display: flex;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-flex {
      display: flex;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-flex {
      display: flex;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-flex {
      display: flex;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-flex {
      display: flex;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-flex {
      display: flex;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-flex {
      display: flex;
    }
  }
}
@layer dm-utilities {
  .dm-inline-flex {
    display: inline-flex;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-inline-flex {
      display: inline-flex;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-inline-flex {
      display: inline-flex;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-inline-flex {
      display: inline-flex;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-inline-flex {
      display: inline-flex;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-inline-flex {
      display: inline-flex;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-inline-flex {
      display: inline-flex;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-inline-flex {
      display: inline-flex;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-inline-flex {
      display: inline-flex;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-inline-flex {
      display: inline-flex;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-inline-flex {
      display: inline-flex;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-inline-flex {
      display: inline-flex;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-inline-flex {
      display: inline-flex;
    }
  }
}
@layer dm-utilities {
  .dm-grid {
    display: grid;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid {
      display: grid;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid {
      display: grid;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid {
      display: grid;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid {
      display: grid;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid {
      display: grid;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid {
      display: grid;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid {
      display: grid;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid {
      display: grid;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid {
      display: grid;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid {
      display: grid;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid {
      display: grid;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid {
      display: grid;
    }
  }
}
@layer dm-utilities {
  .dm-inline-grid {
    display: inline-grid;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-inline-grid {
      display: inline-grid;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-inline-grid {
      display: inline-grid;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-inline-grid {
      display: inline-grid;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-inline-grid {
      display: inline-grid;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-inline-grid {
      display: inline-grid;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-inline-grid {
      display: inline-grid;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-inline-grid {
      display: inline-grid;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-inline-grid {
      display: inline-grid;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-inline-grid {
      display: inline-grid;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-inline-grid {
      display: inline-grid;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-inline-grid {
      display: inline-grid;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-inline-grid {
      display: inline-grid;
    }
  }
}
@layer dm-utilities {
  .dm-contents {
    display: contents;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-contents {
      display: contents;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-contents {
      display: contents;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-contents {
      display: contents;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-contents {
      display: contents;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-contents {
      display: contents;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-contents {
      display: contents;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-contents {
      display: contents;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-contents {
      display: contents;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-contents {
      display: contents;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-contents {
      display: contents;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-contents {
      display: contents;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-contents {
      display: contents;
    }
  }
}
@layer dm-utilities {
  .dm-table {
    display: table;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-table {
      display: table;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-table {
      display: table;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-table {
      display: table;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-table {
      display: table;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-table {
      display: table;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-table {
      display: table;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-table {
      display: table;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-table {
      display: table;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-table {
      display: table;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-table {
      display: table;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-table {
      display: table;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-table {
      display: table;
    }
  }
}
@layer dm-utilities {
  .dm-table-row {
    display: table-row;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-table-row {
      display: table-row;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-table-row {
      display: table-row;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-table-row {
      display: table-row;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-table-row {
      display: table-row;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-table-row {
      display: table-row;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-table-row {
      display: table-row;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-table-row {
      display: table-row;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-table-row {
      display: table-row;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-table-row {
      display: table-row;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-table-row {
      display: table-row;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-table-row {
      display: table-row;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-table-row {
      display: table-row;
    }
  }
}
@layer dm-utilities {
  .dm-table-cell {
    display: table-cell;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-table-cell {
      display: table-cell;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-table-cell {
      display: table-cell;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-table-cell {
      display: table-cell;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-table-cell {
      display: table-cell;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-table-cell {
      display: table-cell;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-table-cell {
      display: table-cell;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-table-cell {
      display: table-cell;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-table-cell {
      display: table-cell;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-table-cell {
      display: table-cell;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-table-cell {
      display: table-cell;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-table-cell {
      display: table-cell;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-table-cell {
      display: table-cell;
    }
  }
}
@layer dm-utilities {
  .dm-list-item {
    display: list-item;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-list-item {
      display: list-item;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-list-item {
      display: list-item;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-list-item {
      display: list-item;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-list-item {
      display: list-item;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-list-item {
      display: list-item;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-list-item {
      display: list-item;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-list-item {
      display: list-item;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-list-item {
      display: list-item;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-list-item {
      display: list-item;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-list-item {
      display: list-item;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-list-item {
      display: list-item;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-list-item {
      display: list-item;
    }
  }
}
@layer dm-utilities {
  .dm-none {
    display: none;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-none {
      display: none;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-none {
      display: none;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-none {
      display: none;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-none {
      display: none;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-none {
      display: none;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-none {
      display: none;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-none {
      display: none;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-none {
      display: none;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-none {
      display: none;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-none {
      display: none;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-none {
      display: none;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-none {
      display: none;
    }
  }
}
@layer dm-utilities {
  .dm-flex-row {
    flex-direction: row;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-flex-row {
      flex-direction: row;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-flex-row {
      flex-direction: row;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-flex-row {
      flex-direction: row;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-flex-row {
      flex-direction: row;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-flex-row {
      flex-direction: row;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-flex-row {
      flex-direction: row;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-flex-row {
      flex-direction: row;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-flex-row {
      flex-direction: row;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-flex-row {
      flex-direction: row;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-flex-row {
      flex-direction: row;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-flex-row {
      flex-direction: row;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-flex-row {
      flex-direction: row;
    }
  }
}
@layer dm-utilities {
  .dm-flex-row-reverse {
    flex-direction: row-reverse;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-flex-row-reverse {
      flex-direction: row-reverse;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-flex-row-reverse {
      flex-direction: row-reverse;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-flex-row-reverse {
      flex-direction: row-reverse;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-flex-row-reverse {
      flex-direction: row-reverse;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-flex-row-reverse {
      flex-direction: row-reverse;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-flex-row-reverse {
      flex-direction: row-reverse;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-flex-row-reverse {
      flex-direction: row-reverse;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-flex-row-reverse {
      flex-direction: row-reverse;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-flex-row-reverse {
      flex-direction: row-reverse;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-flex-row-reverse {
      flex-direction: row-reverse;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-flex-row-reverse {
      flex-direction: row-reverse;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-flex-row-reverse {
      flex-direction: row-reverse;
    }
  }
}
@layer dm-utilities {
  .dm-flex-column {
    flex-direction: column;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-flex-column {
      flex-direction: column;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-flex-column {
      flex-direction: column;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-flex-column {
      flex-direction: column;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-flex-column {
      flex-direction: column;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-flex-column {
      flex-direction: column;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-flex-column {
      flex-direction: column;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-flex-column {
      flex-direction: column;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-flex-column {
      flex-direction: column;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-flex-column {
      flex-direction: column;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-flex-column {
      flex-direction: column;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-flex-column {
      flex-direction: column;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-flex-column {
      flex-direction: column;
    }
  }
}
@layer dm-utilities {
  .dm-flex-column-reverse {
    flex-direction: column-reverse;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-flex-column-reverse {
      flex-direction: column-reverse;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-flex-column-reverse {
      flex-direction: column-reverse;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-flex-column-reverse {
      flex-direction: column-reverse;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-flex-column-reverse {
      flex-direction: column-reverse;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-flex-column-reverse {
      flex-direction: column-reverse;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-flex-column-reverse {
      flex-direction: column-reverse;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-flex-column-reverse {
      flex-direction: column-reverse;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-flex-column-reverse {
      flex-direction: column-reverse;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-flex-column-reverse {
      flex-direction: column-reverse;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-flex-column-reverse {
      flex-direction: column-reverse;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-flex-column-reverse {
      flex-direction: column-reverse;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-flex-column-reverse {
      flex-direction: column-reverse;
    }
  }
}
@layer dm-utilities {
  .dm-flex-wrap {
    flex-wrap: wrap;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-flex-wrap {
      flex-wrap: wrap;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-flex-wrap {
      flex-wrap: wrap;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-flex-wrap {
      flex-wrap: wrap;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-flex-wrap {
      flex-wrap: wrap;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-flex-wrap {
      flex-wrap: wrap;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-flex-wrap {
      flex-wrap: wrap;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-flex-wrap {
      flex-wrap: wrap;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-flex-wrap {
      flex-wrap: wrap;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-flex-wrap {
      flex-wrap: wrap;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-flex-wrap {
      flex-wrap: wrap;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-flex-wrap {
      flex-wrap: wrap;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-flex-wrap {
      flex-wrap: wrap;
    }
  }
}
@layer dm-utilities {
  .dm-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  }
}
@layer dm-utilities {
  .dm-flex-nowrap {
    flex-wrap: nowrap;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-flex-nowrap {
      flex-wrap: nowrap;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-flex-nowrap {
      flex-wrap: nowrap;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-flex-nowrap {
      flex-wrap: nowrap;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-flex-nowrap {
      flex-wrap: nowrap;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-flex-nowrap {
      flex-wrap: nowrap;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-flex-nowrap {
      flex-wrap: nowrap;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-flex-nowrap {
      flex-wrap: nowrap;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-flex-nowrap {
      flex-wrap: nowrap;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-flex-nowrap {
      flex-wrap: nowrap;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-flex-nowrap {
      flex-wrap: nowrap;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-flex-nowrap {
      flex-wrap: nowrap;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-flex-nowrap {
      flex-wrap: nowrap;
    }
  }
}
@layer dm-utilities {
  .dm-flex-1 {
    flex: 1 1 0%;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-flex-1 {
      flex: 1 1 0%;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-flex-1 {
      flex: 1 1 0%;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-flex-1 {
      flex: 1 1 0%;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-flex-1 {
      flex: 1 1 0%;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-flex-1 {
      flex: 1 1 0%;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-flex-1 {
      flex: 1 1 0%;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-flex-1 {
      flex: 1 1 0%;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-flex-1 {
      flex: 1 1 0%;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-flex-1 {
      flex: 1 1 0%;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-flex-1 {
      flex: 1 1 0%;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-flex-1 {
      flex: 1 1 0%;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-flex-1 {
      flex: 1 1 0%;
    }
  }
}
@layer dm-utilities {
  .dm-flex-auto {
    flex: 1 1 auto;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-flex-auto {
      flex: 1 1 auto;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-flex-auto {
      flex: 1 1 auto;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-flex-auto {
      flex: 1 1 auto;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-flex-auto {
      flex: 1 1 auto;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-flex-auto {
      flex: 1 1 auto;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-flex-auto {
      flex: 1 1 auto;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-flex-auto {
      flex: 1 1 auto;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-flex-auto {
      flex: 1 1 auto;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-flex-auto {
      flex: 1 1 auto;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-flex-auto {
      flex: 1 1 auto;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-flex-auto {
      flex: 1 1 auto;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-flex-auto {
      flex: 1 1 auto;
    }
  }
}
@layer dm-utilities {
  .dm-flex-initial {
    flex: 0 1 auto;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-flex-initial {
      flex: 0 1 auto;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-flex-initial {
      flex: 0 1 auto;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-flex-initial {
      flex: 0 1 auto;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-flex-initial {
      flex: 0 1 auto;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-flex-initial {
      flex: 0 1 auto;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-flex-initial {
      flex: 0 1 auto;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-flex-initial {
      flex: 0 1 auto;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-flex-initial {
      flex: 0 1 auto;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-flex-initial {
      flex: 0 1 auto;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-flex-initial {
      flex: 0 1 auto;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-flex-initial {
      flex: 0 1 auto;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-flex-initial {
      flex: 0 1 auto;
    }
  }
}
@layer dm-utilities {
  .dm-flex-none {
    flex: none;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-flex-none {
      flex: none;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-flex-none {
      flex: none;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-flex-none {
      flex: none;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-flex-none {
      flex: none;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-flex-none {
      flex: none;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-flex-none {
      flex: none;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-flex-none {
      flex: none;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-flex-none {
      flex: none;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-flex-none {
      flex: none;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-flex-none {
      flex: none;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-flex-none {
      flex: none;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-flex-none {
      flex: none;
    }
  }
}
@layer dm-utilities {
  .dm-flex-grow {
    flex-grow: 1;
  }
}
@layer dm-utilities {
  .dm-flex-grow-0 {
    flex-grow: 0;
  }
}
@layer dm-utilities {
  .dm-flex-shrink {
    flex-shrink: 1;
  }
}
@layer dm-utilities {
  .dm-flex-shrink-0 {
    flex-shrink: 0;
  }
}
@layer dm-utilities {
  .dm-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-cols-none {
    grid-template-columns: none;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-cols-none {
      grid-template-columns: none;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-cols-none {
      grid-template-columns: none;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-cols-none {
      grid-template-columns: none;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-cols-none {
      grid-template-columns: none;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-cols-none {
      grid-template-columns: none;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-cols-none {
      grid-template-columns: none;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-cols-none {
      grid-template-columns: none;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-cols-none {
      grid-template-columns: none;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-cols-none {
      grid-template-columns: none;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-cols-none {
      grid-template-columns: none;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-cols-none {
      grid-template-columns: none;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-cols-none {
      grid-template-columns: none;
    }
  }
}
@layer dm-utilities {
  .dm-grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
  }
}
@layer dm-utilities {
  .dm-grid-cols-auto-fit {
    grid-template-columns: repeat(auto-fit, minmax(var(--dm-grid-min, 16rem), 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-cols-auto-fit {
      grid-template-columns: repeat(auto-fit, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-cols-auto-fit {
      grid-template-columns: repeat(auto-fit, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-cols-auto-fit {
      grid-template-columns: repeat(auto-fit, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-cols-auto-fit {
      grid-template-columns: repeat(auto-fit, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-cols-auto-fit {
      grid-template-columns: repeat(auto-fit, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-cols-auto-fit {
      grid-template-columns: repeat(auto-fit, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-cols-auto-fit {
      grid-template-columns: repeat(auto-fit, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-cols-auto-fit {
      grid-template-columns: repeat(auto-fit, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-cols-auto-fit {
      grid-template-columns: repeat(auto-fit, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-cols-auto-fit {
      grid-template-columns: repeat(auto-fit, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-cols-auto-fit {
      grid-template-columns: repeat(auto-fit, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-cols-auto-fit {
      grid-template-columns: repeat(auto-fit, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-cols-auto-fill {
    grid-template-columns: repeat(auto-fill, minmax(var(--dm-grid-min, 16rem), 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-cols-auto-fill {
      grid-template-columns: repeat(auto-fill, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-cols-auto-fill {
      grid-template-columns: repeat(auto-fill, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-cols-auto-fill {
      grid-template-columns: repeat(auto-fill, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-cols-auto-fill {
      grid-template-columns: repeat(auto-fill, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-cols-auto-fill {
      grid-template-columns: repeat(auto-fill, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-cols-auto-fill {
      grid-template-columns: repeat(auto-fill, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-cols-auto-fill {
      grid-template-columns: repeat(auto-fill, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-cols-auto-fill {
      grid-template-columns: repeat(auto-fill, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-cols-auto-fill {
      grid-template-columns: repeat(auto-fill, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-cols-auto-fill {
      grid-template-columns: repeat(auto-fill, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-cols-auto-fill {
      grid-template-columns: repeat(auto-fill, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-cols-auto-fill {
      grid-template-columns: repeat(auto-fill, minmax(var(--dm-grid-min, 16rem), 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-rows-3 {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-rows-3 {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-rows-3 {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-rows-3 {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-rows-3 {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-rows-3 {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-rows-3 {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-rows-3 {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-rows-3 {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-rows-3 {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-rows-3 {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-rows-3 {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-rows-4 {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-rows-4 {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-rows-4 {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-rows-4 {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-rows-4 {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-rows-4 {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-rows-4 {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-rows-4 {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-rows-4 {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-rows-4 {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-rows-4 {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-rows-4 {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-rows-5 {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-rows-5 {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-rows-5 {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-rows-5 {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-rows-5 {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-rows-5 {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-rows-5 {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-rows-5 {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-rows-5 {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-rows-5 {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-rows-5 {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-rows-5 {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-rows-6 {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-rows-6 {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-rows-6 {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-rows-6 {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-rows-6 {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-rows-6 {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-rows-6 {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-rows-6 {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-rows-6 {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-rows-6 {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-rows-6 {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-rows-6 {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
  }
}
@layer dm-utilities {
  .dm-grid-rows-none {
    grid-template-rows: none;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-rows-none {
      grid-template-rows: none;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-rows-none {
      grid-template-rows: none;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-rows-none {
      grid-template-rows: none;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-rows-none {
      grid-template-rows: none;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-rows-none {
      grid-template-rows: none;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-rows-none {
      grid-template-rows: none;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-rows-none {
      grid-template-rows: none;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-rows-none {
      grid-template-rows: none;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-rows-none {
      grid-template-rows: none;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-rows-none {
      grid-template-rows: none;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-rows-none {
      grid-template-rows: none;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-rows-none {
      grid-template-rows: none;
    }
  }
}
@layer dm-utilities {
  .dm-grid-rows-subgrid {
    grid-template-rows: subgrid;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-rows-subgrid {
      grid-template-rows: subgrid;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-rows-subgrid {
      grid-template-rows: subgrid;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-rows-subgrid {
      grid-template-rows: subgrid;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-rows-subgrid {
      grid-template-rows: subgrid;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-rows-subgrid {
      grid-template-rows: subgrid;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-rows-subgrid {
      grid-template-rows: subgrid;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-rows-subgrid {
      grid-template-rows: subgrid;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-rows-subgrid {
      grid-template-rows: subgrid;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-rows-subgrid {
      grid-template-rows: subgrid;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-rows-subgrid {
      grid-template-rows: subgrid;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-rows-subgrid {
      grid-template-rows: subgrid;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-rows-subgrid {
      grid-template-rows: subgrid;
    }
  }
}
@layer dm-utilities {
  .dm-grid-col-auto {
    grid-column: auto;
  }
}
@layer dm-utilities {
  .dm-grid-col-span-1 {
    grid-column: span 1/span 1;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-col-span-1 {
      grid-column: span 1/span 1;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-col-span-1 {
      grid-column: span 1/span 1;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-col-span-1 {
      grid-column: span 1/span 1;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-col-span-1 {
      grid-column: span 1/span 1;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-col-span-1 {
      grid-column: span 1/span 1;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-col-span-1 {
      grid-column: span 1/span 1;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-col-span-1 {
      grid-column: span 1/span 1;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-col-span-1 {
      grid-column: span 1/span 1;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-col-span-1 {
      grid-column: span 1/span 1;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-col-span-1 {
      grid-column: span 1/span 1;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-col-span-1 {
      grid-column: span 1/span 1;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-col-span-1 {
      grid-column: span 1/span 1;
    }
  }
}
@layer dm-utilities {
  .dm-grid-col-span-2 {
    grid-column: span 2/span 2;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-col-span-2 {
      grid-column: span 2/span 2;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-col-span-2 {
      grid-column: span 2/span 2;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-col-span-2 {
      grid-column: span 2/span 2;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-col-span-2 {
      grid-column: span 2/span 2;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-col-span-2 {
      grid-column: span 2/span 2;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-col-span-2 {
      grid-column: span 2/span 2;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-col-span-2 {
      grid-column: span 2/span 2;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-col-span-2 {
      grid-column: span 2/span 2;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-col-span-2 {
      grid-column: span 2/span 2;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-col-span-2 {
      grid-column: span 2/span 2;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-col-span-2 {
      grid-column: span 2/span 2;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-col-span-2 {
      grid-column: span 2/span 2;
    }
  }
}
@layer dm-utilities {
  .dm-grid-col-span-3 {
    grid-column: span 3/span 3;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-col-span-3 {
      grid-column: span 3/span 3;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-col-span-3 {
      grid-column: span 3/span 3;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-col-span-3 {
      grid-column: span 3/span 3;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-col-span-3 {
      grid-column: span 3/span 3;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-col-span-3 {
      grid-column: span 3/span 3;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-col-span-3 {
      grid-column: span 3/span 3;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-col-span-3 {
      grid-column: span 3/span 3;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-col-span-3 {
      grid-column: span 3/span 3;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-col-span-3 {
      grid-column: span 3/span 3;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-col-span-3 {
      grid-column: span 3/span 3;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-col-span-3 {
      grid-column: span 3/span 3;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-col-span-3 {
      grid-column: span 3/span 3;
    }
  }
}
@layer dm-utilities {
  .dm-grid-col-span-4 {
    grid-column: span 4/span 4;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-col-span-4 {
      grid-column: span 4/span 4;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-col-span-4 {
      grid-column: span 4/span 4;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-col-span-4 {
      grid-column: span 4/span 4;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-col-span-4 {
      grid-column: span 4/span 4;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-col-span-4 {
      grid-column: span 4/span 4;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-col-span-4 {
      grid-column: span 4/span 4;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-col-span-4 {
      grid-column: span 4/span 4;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-col-span-4 {
      grid-column: span 4/span 4;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-col-span-4 {
      grid-column: span 4/span 4;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-col-span-4 {
      grid-column: span 4/span 4;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-col-span-4 {
      grid-column: span 4/span 4;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-col-span-4 {
      grid-column: span 4/span 4;
    }
  }
}
@layer dm-utilities {
  .dm-grid-col-span-5 {
    grid-column: span 5/span 5;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-col-span-5 {
      grid-column: span 5/span 5;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-col-span-5 {
      grid-column: span 5/span 5;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-col-span-5 {
      grid-column: span 5/span 5;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-col-span-5 {
      grid-column: span 5/span 5;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-col-span-5 {
      grid-column: span 5/span 5;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-col-span-5 {
      grid-column: span 5/span 5;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-col-span-5 {
      grid-column: span 5/span 5;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-col-span-5 {
      grid-column: span 5/span 5;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-col-span-5 {
      grid-column: span 5/span 5;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-col-span-5 {
      grid-column: span 5/span 5;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-col-span-5 {
      grid-column: span 5/span 5;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-col-span-5 {
      grid-column: span 5/span 5;
    }
  }
}
@layer dm-utilities {
  .dm-grid-col-span-6 {
    grid-column: span 6/span 6;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-col-span-6 {
      grid-column: span 6/span 6;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-col-span-6 {
      grid-column: span 6/span 6;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-col-span-6 {
      grid-column: span 6/span 6;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-col-span-6 {
      grid-column: span 6/span 6;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-col-span-6 {
      grid-column: span 6/span 6;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-col-span-6 {
      grid-column: span 6/span 6;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-col-span-6 {
      grid-column: span 6/span 6;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-col-span-6 {
      grid-column: span 6/span 6;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-col-span-6 {
      grid-column: span 6/span 6;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-col-span-6 {
      grid-column: span 6/span 6;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-col-span-6 {
      grid-column: span 6/span 6;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-col-span-6 {
      grid-column: span 6/span 6;
    }
  }
}
@layer dm-utilities {
  .dm-grid-col-span-7 {
    grid-column: span 7/span 7;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-col-span-7 {
      grid-column: span 7/span 7;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-col-span-7 {
      grid-column: span 7/span 7;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-col-span-7 {
      grid-column: span 7/span 7;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-col-span-7 {
      grid-column: span 7/span 7;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-col-span-7 {
      grid-column: span 7/span 7;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-col-span-7 {
      grid-column: span 7/span 7;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-col-span-7 {
      grid-column: span 7/span 7;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-col-span-7 {
      grid-column: span 7/span 7;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-col-span-7 {
      grid-column: span 7/span 7;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-col-span-7 {
      grid-column: span 7/span 7;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-col-span-7 {
      grid-column: span 7/span 7;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-col-span-7 {
      grid-column: span 7/span 7;
    }
  }
}
@layer dm-utilities {
  .dm-grid-col-span-8 {
    grid-column: span 8/span 8;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-col-span-8 {
      grid-column: span 8/span 8;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-col-span-8 {
      grid-column: span 8/span 8;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-col-span-8 {
      grid-column: span 8/span 8;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-col-span-8 {
      grid-column: span 8/span 8;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-col-span-8 {
      grid-column: span 8/span 8;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-col-span-8 {
      grid-column: span 8/span 8;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-col-span-8 {
      grid-column: span 8/span 8;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-col-span-8 {
      grid-column: span 8/span 8;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-col-span-8 {
      grid-column: span 8/span 8;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-col-span-8 {
      grid-column: span 8/span 8;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-col-span-8 {
      grid-column: span 8/span 8;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-col-span-8 {
      grid-column: span 8/span 8;
    }
  }
}
@layer dm-utilities {
  .dm-grid-col-span-9 {
    grid-column: span 9/span 9;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-col-span-9 {
      grid-column: span 9/span 9;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-col-span-9 {
      grid-column: span 9/span 9;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-col-span-9 {
      grid-column: span 9/span 9;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-col-span-9 {
      grid-column: span 9/span 9;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-col-span-9 {
      grid-column: span 9/span 9;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-col-span-9 {
      grid-column: span 9/span 9;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-col-span-9 {
      grid-column: span 9/span 9;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-col-span-9 {
      grid-column: span 9/span 9;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-col-span-9 {
      grid-column: span 9/span 9;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-col-span-9 {
      grid-column: span 9/span 9;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-col-span-9 {
      grid-column: span 9/span 9;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-col-span-9 {
      grid-column: span 9/span 9;
    }
  }
}
@layer dm-utilities {
  .dm-grid-col-span-10 {
    grid-column: span 10/span 10;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-col-span-10 {
      grid-column: span 10/span 10;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-col-span-10 {
      grid-column: span 10/span 10;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-col-span-10 {
      grid-column: span 10/span 10;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-col-span-10 {
      grid-column: span 10/span 10;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-col-span-10 {
      grid-column: span 10/span 10;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-col-span-10 {
      grid-column: span 10/span 10;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-col-span-10 {
      grid-column: span 10/span 10;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-col-span-10 {
      grid-column: span 10/span 10;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-col-span-10 {
      grid-column: span 10/span 10;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-col-span-10 {
      grid-column: span 10/span 10;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-col-span-10 {
      grid-column: span 10/span 10;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-col-span-10 {
      grid-column: span 10/span 10;
    }
  }
}
@layer dm-utilities {
  .dm-grid-col-span-11 {
    grid-column: span 11/span 11;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-col-span-11 {
      grid-column: span 11/span 11;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-col-span-11 {
      grid-column: span 11/span 11;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-col-span-11 {
      grid-column: span 11/span 11;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-col-span-11 {
      grid-column: span 11/span 11;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-col-span-11 {
      grid-column: span 11/span 11;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-col-span-11 {
      grid-column: span 11/span 11;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-col-span-11 {
      grid-column: span 11/span 11;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-col-span-11 {
      grid-column: span 11/span 11;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-col-span-11 {
      grid-column: span 11/span 11;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-col-span-11 {
      grid-column: span 11/span 11;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-col-span-11 {
      grid-column: span 11/span 11;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-col-span-11 {
      grid-column: span 11/span 11;
    }
  }
}
@layer dm-utilities {
  .dm-grid-col-span-12 {
    grid-column: span 12/span 12;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-col-span-12 {
      grid-column: span 12/span 12;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-col-span-12 {
      grid-column: span 12/span 12;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-col-span-12 {
      grid-column: span 12/span 12;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-col-span-12 {
      grid-column: span 12/span 12;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-col-span-12 {
      grid-column: span 12/span 12;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-col-span-12 {
      grid-column: span 12/span 12;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-col-span-12 {
      grid-column: span 12/span 12;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-col-span-12 {
      grid-column: span 12/span 12;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-col-span-12 {
      grid-column: span 12/span 12;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-col-span-12 {
      grid-column: span 12/span 12;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-col-span-12 {
      grid-column: span 12/span 12;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-col-span-12 {
      grid-column: span 12/span 12;
    }
  }
}
@layer dm-utilities {
  .dm-grid-col-span-full {
    grid-column: 1/-1;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-col-span-full {
      grid-column: 1/-1;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-col-span-full {
      grid-column: 1/-1;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-col-span-full {
      grid-column: 1/-1;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-col-span-full {
      grid-column: 1/-1;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-col-span-full {
      grid-column: 1/-1;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-col-span-full {
      grid-column: 1/-1;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-col-span-full {
      grid-column: 1/-1;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-col-span-full {
      grid-column: 1/-1;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-col-span-full {
      grid-column: 1/-1;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-col-span-full {
      grid-column: 1/-1;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-col-span-full {
      grid-column: 1/-1;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-col-span-full {
      grid-column: 1/-1;
    }
  }
}
@layer dm-utilities {
  .dm-grid-col-start-1 {
    grid-column-start: 1;
  }
}
@layer dm-utilities {
  .dm-grid-col-start-2 {
    grid-column-start: 2;
  }
}
@layer dm-utilities {
  .dm-grid-col-start-3 {
    grid-column-start: 3;
  }
}
@layer dm-utilities {
  .dm-grid-col-start-4 {
    grid-column-start: 4;
  }
}
@layer dm-utilities {
  .dm-grid-col-start-5 {
    grid-column-start: 5;
  }
}
@layer dm-utilities {
  .dm-grid-col-start-6 {
    grid-column-start: 6;
  }
}
@layer dm-utilities {
  .dm-grid-col-start-7 {
    grid-column-start: 7;
  }
}
@layer dm-utilities {
  .dm-grid-col-start-8 {
    grid-column-start: 8;
  }
}
@layer dm-utilities {
  .dm-grid-col-start-9 {
    grid-column-start: 9;
  }
}
@layer dm-utilities {
  .dm-grid-col-start-10 {
    grid-column-start: 10;
  }
}
@layer dm-utilities {
  .dm-grid-col-start-11 {
    grid-column-start: 11;
  }
}
@layer dm-utilities {
  .dm-grid-col-start-12 {
    grid-column-start: 12;
  }
}
@layer dm-utilities {
  .dm-grid-col-start-13 {
    grid-column-start: 13;
  }
}
@layer dm-utilities {
  .dm-grid-col-start-auto {
    grid-column-start: auto;
  }
}
@layer dm-utilities {
  .dm-grid-col-end-1 {
    grid-column-end: 1;
  }
}
@layer dm-utilities {
  .dm-grid-col-end-2 {
    grid-column-end: 2;
  }
}
@layer dm-utilities {
  .dm-grid-col-end-3 {
    grid-column-end: 3;
  }
}
@layer dm-utilities {
  .dm-grid-col-end-4 {
    grid-column-end: 4;
  }
}
@layer dm-utilities {
  .dm-grid-col-end-5 {
    grid-column-end: 5;
  }
}
@layer dm-utilities {
  .dm-grid-col-end-6 {
    grid-column-end: 6;
  }
}
@layer dm-utilities {
  .dm-grid-col-end-7 {
    grid-column-end: 7;
  }
}
@layer dm-utilities {
  .dm-grid-col-end-8 {
    grid-column-end: 8;
  }
}
@layer dm-utilities {
  .dm-grid-col-end-9 {
    grid-column-end: 9;
  }
}
@layer dm-utilities {
  .dm-grid-col-end-10 {
    grid-column-end: 10;
  }
}
@layer dm-utilities {
  .dm-grid-col-end-11 {
    grid-column-end: 11;
  }
}
@layer dm-utilities {
  .dm-grid-col-end-12 {
    grid-column-end: 12;
  }
}
@layer dm-utilities {
  .dm-grid-col-end-13 {
    grid-column-end: 13;
  }
}
@layer dm-utilities {
  .dm-grid-col-end-auto {
    grid-column-end: auto;
  }
}
@layer dm-utilities {
  .dm-grid-row-auto {
    grid-row: auto;
  }
}
@layer dm-utilities {
  .dm-grid-row-span-1 {
    grid-row: span 1/span 1;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-row-span-1 {
      grid-row: span 1/span 1;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-row-span-1 {
      grid-row: span 1/span 1;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-row-span-1 {
      grid-row: span 1/span 1;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-row-span-1 {
      grid-row: span 1/span 1;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-row-span-1 {
      grid-row: span 1/span 1;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-row-span-1 {
      grid-row: span 1/span 1;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-row-span-1 {
      grid-row: span 1/span 1;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-row-span-1 {
      grid-row: span 1/span 1;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-row-span-1 {
      grid-row: span 1/span 1;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-row-span-1 {
      grid-row: span 1/span 1;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-row-span-1 {
      grid-row: span 1/span 1;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-row-span-1 {
      grid-row: span 1/span 1;
    }
  }
}
@layer dm-utilities {
  .dm-grid-row-span-2 {
    grid-row: span 2/span 2;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-row-span-2 {
      grid-row: span 2/span 2;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-row-span-2 {
      grid-row: span 2/span 2;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-row-span-2 {
      grid-row: span 2/span 2;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-row-span-2 {
      grid-row: span 2/span 2;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-row-span-2 {
      grid-row: span 2/span 2;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-row-span-2 {
      grid-row: span 2/span 2;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-row-span-2 {
      grid-row: span 2/span 2;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-row-span-2 {
      grid-row: span 2/span 2;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-row-span-2 {
      grid-row: span 2/span 2;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-row-span-2 {
      grid-row: span 2/span 2;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-row-span-2 {
      grid-row: span 2/span 2;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-row-span-2 {
      grid-row: span 2/span 2;
    }
  }
}
@layer dm-utilities {
  .dm-grid-row-span-3 {
    grid-row: span 3/span 3;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-row-span-3 {
      grid-row: span 3/span 3;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-row-span-3 {
      grid-row: span 3/span 3;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-row-span-3 {
      grid-row: span 3/span 3;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-row-span-3 {
      grid-row: span 3/span 3;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-row-span-3 {
      grid-row: span 3/span 3;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-row-span-3 {
      grid-row: span 3/span 3;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-row-span-3 {
      grid-row: span 3/span 3;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-row-span-3 {
      grid-row: span 3/span 3;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-row-span-3 {
      grid-row: span 3/span 3;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-row-span-3 {
      grid-row: span 3/span 3;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-row-span-3 {
      grid-row: span 3/span 3;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-row-span-3 {
      grid-row: span 3/span 3;
    }
  }
}
@layer dm-utilities {
  .dm-grid-row-span-4 {
    grid-row: span 4/span 4;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-row-span-4 {
      grid-row: span 4/span 4;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-row-span-4 {
      grid-row: span 4/span 4;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-row-span-4 {
      grid-row: span 4/span 4;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-row-span-4 {
      grid-row: span 4/span 4;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-row-span-4 {
      grid-row: span 4/span 4;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-row-span-4 {
      grid-row: span 4/span 4;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-row-span-4 {
      grid-row: span 4/span 4;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-row-span-4 {
      grid-row: span 4/span 4;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-row-span-4 {
      grid-row: span 4/span 4;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-row-span-4 {
      grid-row: span 4/span 4;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-row-span-4 {
      grid-row: span 4/span 4;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-row-span-4 {
      grid-row: span 4/span 4;
    }
  }
}
@layer dm-utilities {
  .dm-grid-row-span-5 {
    grid-row: span 5/span 5;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-row-span-5 {
      grid-row: span 5/span 5;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-row-span-5 {
      grid-row: span 5/span 5;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-row-span-5 {
      grid-row: span 5/span 5;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-row-span-5 {
      grid-row: span 5/span 5;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-row-span-5 {
      grid-row: span 5/span 5;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-row-span-5 {
      grid-row: span 5/span 5;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-row-span-5 {
      grid-row: span 5/span 5;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-row-span-5 {
      grid-row: span 5/span 5;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-row-span-5 {
      grid-row: span 5/span 5;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-row-span-5 {
      grid-row: span 5/span 5;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-row-span-5 {
      grid-row: span 5/span 5;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-row-span-5 {
      grid-row: span 5/span 5;
    }
  }
}
@layer dm-utilities {
  .dm-grid-row-span-6 {
    grid-row: span 6/span 6;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-row-span-6 {
      grid-row: span 6/span 6;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-row-span-6 {
      grid-row: span 6/span 6;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-row-span-6 {
      grid-row: span 6/span 6;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-row-span-6 {
      grid-row: span 6/span 6;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-row-span-6 {
      grid-row: span 6/span 6;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-row-span-6 {
      grid-row: span 6/span 6;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-row-span-6 {
      grid-row: span 6/span 6;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-row-span-6 {
      grid-row: span 6/span 6;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-row-span-6 {
      grid-row: span 6/span 6;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-row-span-6 {
      grid-row: span 6/span 6;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-row-span-6 {
      grid-row: span 6/span 6;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-row-span-6 {
      grid-row: span 6/span 6;
    }
  }
}
@layer dm-utilities {
  .dm-grid-row-span-full {
    grid-row: 1/-1;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-row-span-full {
      grid-row: 1/-1;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-row-span-full {
      grid-row: 1/-1;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-row-span-full {
      grid-row: 1/-1;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-row-span-full {
      grid-row: 1/-1;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-row-span-full {
      grid-row: 1/-1;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-row-span-full {
      grid-row: 1/-1;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-row-span-full {
      grid-row: 1/-1;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-row-span-full {
      grid-row: 1/-1;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-row-span-full {
      grid-row: 1/-1;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-row-span-full {
      grid-row: 1/-1;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-row-span-full {
      grid-row: 1/-1;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-row-span-full {
      grid-row: 1/-1;
    }
  }
}
@layer dm-utilities {
  .dm-grid-row-start-1 {
    grid-row-start: 1;
  }
}
@layer dm-utilities {
  .dm-grid-row-start-2 {
    grid-row-start: 2;
  }
}
@layer dm-utilities {
  .dm-grid-row-start-3 {
    grid-row-start: 3;
  }
}
@layer dm-utilities {
  .dm-grid-row-start-4 {
    grid-row-start: 4;
  }
}
@layer dm-utilities {
  .dm-grid-row-start-5 {
    grid-row-start: 5;
  }
}
@layer dm-utilities {
  .dm-grid-row-start-6 {
    grid-row-start: 6;
  }
}
@layer dm-utilities {
  .dm-grid-row-start-7 {
    grid-row-start: 7;
  }
}
@layer dm-utilities {
  .dm-grid-row-start-auto {
    grid-row-start: auto;
  }
}
@layer dm-utilities {
  .dm-grid-row-end-1 {
    grid-row-end: 1;
  }
}
@layer dm-utilities {
  .dm-grid-row-end-2 {
    grid-row-end: 2;
  }
}
@layer dm-utilities {
  .dm-grid-row-end-3 {
    grid-row-end: 3;
  }
}
@layer dm-utilities {
  .dm-grid-row-end-4 {
    grid-row-end: 4;
  }
}
@layer dm-utilities {
  .dm-grid-row-end-5 {
    grid-row-end: 5;
  }
}
@layer dm-utilities {
  .dm-grid-row-end-6 {
    grid-row-end: 6;
  }
}
@layer dm-utilities {
  .dm-grid-row-end-7 {
    grid-row-end: 7;
  }
}
@layer dm-utilities {
  .dm-grid-row-end-auto {
    grid-row-end: auto;
  }
}
@layer dm-utilities {
  .dm-grid-flow-row {
    grid-auto-flow: row;
  }
}
@layer dm-utilities {
  .dm-grid-flow-col {
    grid-auto-flow: column;
  }
}
@layer dm-utilities {
  .dm-grid-flow-row-dense {
    grid-auto-flow: row dense;
  }
}
@layer dm-utilities {
  .dm-grid-flow-col-dense {
    grid-auto-flow: column dense;
  }
}
@layer dm-utilities {
  .dm-grid-auto-cols-auto {
    grid-auto-columns: auto;
  }
}
@layer dm-utilities {
  .dm-grid-auto-cols-min {
    grid-auto-columns: min-content;
  }
}
@layer dm-utilities {
  .dm-grid-auto-cols-max {
    grid-auto-columns: max-content;
  }
}
@layer dm-utilities {
  .dm-grid-auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }
}
@layer dm-utilities {
  .dm-grid-auto-rows-auto {
    grid-auto-rows: auto;
  }
}
@layer dm-utilities {
  .dm-grid-auto-rows-min {
    grid-auto-rows: min-content;
  }
}
@layer dm-utilities {
  .dm-grid-auto-rows-max {
    grid-auto-rows: max-content;
  }
}
@layer dm-utilities {
  .dm-grid-auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }
}
@layer dm-utilities {
  .dm-grid-justify-items-start {
    justify-items: start;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-justify-items-start {
      justify-items: start;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-justify-items-start {
      justify-items: start;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-justify-items-start {
      justify-items: start;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-justify-items-start {
      justify-items: start;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-justify-items-start {
      justify-items: start;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-justify-items-start {
      justify-items: start;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-justify-items-start {
      justify-items: start;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-justify-items-start {
      justify-items: start;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-justify-items-start {
      justify-items: start;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-justify-items-start {
      justify-items: start;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-justify-items-start {
      justify-items: start;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-justify-items-start {
      justify-items: start;
    }
  }
}
@layer dm-utilities {
  .dm-grid-justify-items-end {
    justify-items: end;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-justify-items-end {
      justify-items: end;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-justify-items-end {
      justify-items: end;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-justify-items-end {
      justify-items: end;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-justify-items-end {
      justify-items: end;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-justify-items-end {
      justify-items: end;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-justify-items-end {
      justify-items: end;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-justify-items-end {
      justify-items: end;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-justify-items-end {
      justify-items: end;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-justify-items-end {
      justify-items: end;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-justify-items-end {
      justify-items: end;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-justify-items-end {
      justify-items: end;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-justify-items-end {
      justify-items: end;
    }
  }
}
@layer dm-utilities {
  .dm-grid-justify-items-center {
    justify-items: center;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-justify-items-center {
      justify-items: center;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-justify-items-center {
      justify-items: center;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-justify-items-center {
      justify-items: center;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-justify-items-center {
      justify-items: center;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-justify-items-center {
      justify-items: center;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-justify-items-center {
      justify-items: center;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-justify-items-center {
      justify-items: center;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-justify-items-center {
      justify-items: center;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-justify-items-center {
      justify-items: center;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-justify-items-center {
      justify-items: center;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-justify-items-center {
      justify-items: center;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-justify-items-center {
      justify-items: center;
    }
  }
}
@layer dm-utilities {
  .dm-grid-justify-items-stretch {
    justify-items: stretch;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-justify-items-stretch {
      justify-items: stretch;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-justify-items-stretch {
      justify-items: stretch;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-justify-items-stretch {
      justify-items: stretch;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-justify-items-stretch {
      justify-items: stretch;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-justify-items-stretch {
      justify-items: stretch;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-justify-items-stretch {
      justify-items: stretch;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-justify-items-stretch {
      justify-items: stretch;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-justify-items-stretch {
      justify-items: stretch;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-justify-items-stretch {
      justify-items: stretch;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-justify-items-stretch {
      justify-items: stretch;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-justify-items-stretch {
      justify-items: stretch;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-justify-items-stretch {
      justify-items: stretch;
    }
  }
}
@layer dm-utilities {
  .dm-grid-justify-self-auto {
    justify-self: auto;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-justify-self-auto {
      justify-self: auto;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-justify-self-auto {
      justify-self: auto;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-justify-self-auto {
      justify-self: auto;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-justify-self-auto {
      justify-self: auto;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-justify-self-auto {
      justify-self: auto;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-justify-self-auto {
      justify-self: auto;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-justify-self-auto {
      justify-self: auto;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-justify-self-auto {
      justify-self: auto;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-justify-self-auto {
      justify-self: auto;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-justify-self-auto {
      justify-self: auto;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-justify-self-auto {
      justify-self: auto;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-justify-self-auto {
      justify-self: auto;
    }
  }
}
@layer dm-utilities {
  .dm-grid-justify-self-start {
    justify-self: start;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-justify-self-start {
      justify-self: start;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-justify-self-start {
      justify-self: start;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-justify-self-start {
      justify-self: start;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-justify-self-start {
      justify-self: start;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-justify-self-start {
      justify-self: start;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-justify-self-start {
      justify-self: start;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-justify-self-start {
      justify-self: start;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-justify-self-start {
      justify-self: start;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-justify-self-start {
      justify-self: start;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-justify-self-start {
      justify-self: start;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-justify-self-start {
      justify-self: start;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-justify-self-start {
      justify-self: start;
    }
  }
}
@layer dm-utilities {
  .dm-grid-justify-self-end {
    justify-self: end;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-justify-self-end {
      justify-self: end;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-justify-self-end {
      justify-self: end;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-justify-self-end {
      justify-self: end;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-justify-self-end {
      justify-self: end;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-justify-self-end {
      justify-self: end;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-justify-self-end {
      justify-self: end;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-justify-self-end {
      justify-self: end;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-justify-self-end {
      justify-self: end;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-justify-self-end {
      justify-self: end;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-justify-self-end {
      justify-self: end;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-justify-self-end {
      justify-self: end;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-justify-self-end {
      justify-self: end;
    }
  }
}
@layer dm-utilities {
  .dm-grid-justify-self-center {
    justify-self: center;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-justify-self-center {
      justify-self: center;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-justify-self-center {
      justify-self: center;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-justify-self-center {
      justify-self: center;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-justify-self-center {
      justify-self: center;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-justify-self-center {
      justify-self: center;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-justify-self-center {
      justify-self: center;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-justify-self-center {
      justify-self: center;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-justify-self-center {
      justify-self: center;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-justify-self-center {
      justify-self: center;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-justify-self-center {
      justify-self: center;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-justify-self-center {
      justify-self: center;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-justify-self-center {
      justify-self: center;
    }
  }
}
@layer dm-utilities {
  .dm-grid-justify-self-stretch {
    justify-self: stretch;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-grid-justify-self-stretch {
      justify-self: stretch;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-grid-justify-self-stretch {
      justify-self: stretch;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-grid-justify-self-stretch {
      justify-self: stretch;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-grid-justify-self-stretch {
      justify-self: stretch;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-grid-justify-self-stretch {
      justify-self: stretch;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-grid-justify-self-stretch {
      justify-self: stretch;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-grid-justify-self-stretch {
      justify-self: stretch;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-grid-justify-self-stretch {
      justify-self: stretch;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-grid-justify-self-stretch {
      justify-self: stretch;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-grid-justify-self-stretch {
      justify-self: stretch;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-grid-justify-self-stretch {
      justify-self: stretch;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-grid-justify-self-stretch {
      justify-self: stretch;
    }
  }
}
@layer dm-utilities {
  .dm-place-content-center {
    place-content: center;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-place-content-center {
      place-content: center;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-place-content-center {
      place-content: center;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-place-content-center {
      place-content: center;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-place-content-center {
      place-content: center;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-place-content-center {
      place-content: center;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-place-content-center {
      place-content: center;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-place-content-center {
      place-content: center;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-place-content-center {
      place-content: center;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-place-content-center {
      place-content: center;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-place-content-center {
      place-content: center;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-place-content-center {
      place-content: center;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-place-content-center {
      place-content: center;
    }
  }
}
@layer dm-utilities {
  .dm-place-content-start {
    place-content: start;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-place-content-start {
      place-content: start;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-place-content-start {
      place-content: start;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-place-content-start {
      place-content: start;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-place-content-start {
      place-content: start;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-place-content-start {
      place-content: start;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-place-content-start {
      place-content: start;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-place-content-start {
      place-content: start;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-place-content-start {
      place-content: start;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-place-content-start {
      place-content: start;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-place-content-start {
      place-content: start;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-place-content-start {
      place-content: start;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-place-content-start {
      place-content: start;
    }
  }
}
@layer dm-utilities {
  .dm-place-content-end {
    place-content: end;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-place-content-end {
      place-content: end;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-place-content-end {
      place-content: end;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-place-content-end {
      place-content: end;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-place-content-end {
      place-content: end;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-place-content-end {
      place-content: end;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-place-content-end {
      place-content: end;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-place-content-end {
      place-content: end;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-place-content-end {
      place-content: end;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-place-content-end {
      place-content: end;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-place-content-end {
      place-content: end;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-place-content-end {
      place-content: end;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-place-content-end {
      place-content: end;
    }
  }
}
@layer dm-utilities {
  .dm-place-content-between {
    place-content: space-between;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-place-content-between {
      place-content: space-between;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-place-content-between {
      place-content: space-between;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-place-content-between {
      place-content: space-between;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-place-content-between {
      place-content: space-between;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-place-content-between {
      place-content: space-between;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-place-content-between {
      place-content: space-between;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-place-content-between {
      place-content: space-between;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-place-content-between {
      place-content: space-between;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-place-content-between {
      place-content: space-between;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-place-content-between {
      place-content: space-between;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-place-content-between {
      place-content: space-between;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-place-content-between {
      place-content: space-between;
    }
  }
}
@layer dm-utilities {
  .dm-place-content-around {
    place-content: space-around;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-place-content-around {
      place-content: space-around;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-place-content-around {
      place-content: space-around;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-place-content-around {
      place-content: space-around;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-place-content-around {
      place-content: space-around;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-place-content-around {
      place-content: space-around;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-place-content-around {
      place-content: space-around;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-place-content-around {
      place-content: space-around;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-place-content-around {
      place-content: space-around;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-place-content-around {
      place-content: space-around;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-place-content-around {
      place-content: space-around;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-place-content-around {
      place-content: space-around;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-place-content-around {
      place-content: space-around;
    }
  }
}
@layer dm-utilities {
  .dm-place-content-evenly {
    place-content: space-evenly;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-place-content-evenly {
      place-content: space-evenly;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-place-content-evenly {
      place-content: space-evenly;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-place-content-evenly {
      place-content: space-evenly;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-place-content-evenly {
      place-content: space-evenly;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-place-content-evenly {
      place-content: space-evenly;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-place-content-evenly {
      place-content: space-evenly;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-place-content-evenly {
      place-content: space-evenly;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-place-content-evenly {
      place-content: space-evenly;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-place-content-evenly {
      place-content: space-evenly;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-place-content-evenly {
      place-content: space-evenly;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-place-content-evenly {
      place-content: space-evenly;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-place-content-evenly {
      place-content: space-evenly;
    }
  }
}
@layer dm-utilities {
  .dm-place-content-stretch {
    place-content: stretch;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-place-content-stretch {
      place-content: stretch;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-place-content-stretch {
      place-content: stretch;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-place-content-stretch {
      place-content: stretch;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-place-content-stretch {
      place-content: stretch;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-place-content-stretch {
      place-content: stretch;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-place-content-stretch {
      place-content: stretch;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-place-content-stretch {
      place-content: stretch;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-place-content-stretch {
      place-content: stretch;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-place-content-stretch {
      place-content: stretch;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-place-content-stretch {
      place-content: stretch;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-place-content-stretch {
      place-content: stretch;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-place-content-stretch {
      place-content: stretch;
    }
  }
}
@layer dm-utilities {
  .dm-place-items-start {
    place-items: start;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-place-items-start {
      place-items: start;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-place-items-start {
      place-items: start;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-place-items-start {
      place-items: start;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-place-items-start {
      place-items: start;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-place-items-start {
      place-items: start;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-place-items-start {
      place-items: start;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-place-items-start {
      place-items: start;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-place-items-start {
      place-items: start;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-place-items-start {
      place-items: start;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-place-items-start {
      place-items: start;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-place-items-start {
      place-items: start;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-place-items-start {
      place-items: start;
    }
  }
}
@layer dm-utilities {
  .dm-place-items-end {
    place-items: end;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-place-items-end {
      place-items: end;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-place-items-end {
      place-items: end;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-place-items-end {
      place-items: end;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-place-items-end {
      place-items: end;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-place-items-end {
      place-items: end;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-place-items-end {
      place-items: end;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-place-items-end {
      place-items: end;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-place-items-end {
      place-items: end;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-place-items-end {
      place-items: end;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-place-items-end {
      place-items: end;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-place-items-end {
      place-items: end;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-place-items-end {
      place-items: end;
    }
  }
}
@layer dm-utilities {
  .dm-place-items-center {
    place-items: center;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-place-items-center {
      place-items: center;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-place-items-center {
      place-items: center;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-place-items-center {
      place-items: center;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-place-items-center {
      place-items: center;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-place-items-center {
      place-items: center;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-place-items-center {
      place-items: center;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-place-items-center {
      place-items: center;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-place-items-center {
      place-items: center;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-place-items-center {
      place-items: center;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-place-items-center {
      place-items: center;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-place-items-center {
      place-items: center;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-place-items-center {
      place-items: center;
    }
  }
}
@layer dm-utilities {
  .dm-place-items-stretch {
    place-items: stretch;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-place-items-stretch {
      place-items: stretch;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-place-items-stretch {
      place-items: stretch;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-place-items-stretch {
      place-items: stretch;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-place-items-stretch {
      place-items: stretch;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-place-items-stretch {
      place-items: stretch;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-place-items-stretch {
      place-items: stretch;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-place-items-stretch {
      place-items: stretch;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-place-items-stretch {
      place-items: stretch;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-place-items-stretch {
      place-items: stretch;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-place-items-stretch {
      place-items: stretch;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-place-items-stretch {
      place-items: stretch;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-place-items-stretch {
      place-items: stretch;
    }
  }
}
@layer dm-utilities {
  .dm-place-self-auto {
    place-self: auto;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-place-self-auto {
      place-self: auto;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-place-self-auto {
      place-self: auto;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-place-self-auto {
      place-self: auto;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-place-self-auto {
      place-self: auto;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-place-self-auto {
      place-self: auto;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-place-self-auto {
      place-self: auto;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-place-self-auto {
      place-self: auto;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-place-self-auto {
      place-self: auto;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-place-self-auto {
      place-self: auto;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-place-self-auto {
      place-self: auto;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-place-self-auto {
      place-self: auto;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-place-self-auto {
      place-self: auto;
    }
  }
}
@layer dm-utilities {
  .dm-place-self-start {
    place-self: start;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-place-self-start {
      place-self: start;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-place-self-start {
      place-self: start;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-place-self-start {
      place-self: start;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-place-self-start {
      place-self: start;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-place-self-start {
      place-self: start;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-place-self-start {
      place-self: start;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-place-self-start {
      place-self: start;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-place-self-start {
      place-self: start;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-place-self-start {
      place-self: start;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-place-self-start {
      place-self: start;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-place-self-start {
      place-self: start;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-place-self-start {
      place-self: start;
    }
  }
}
@layer dm-utilities {
  .dm-place-self-end {
    place-self: end;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-place-self-end {
      place-self: end;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-place-self-end {
      place-self: end;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-place-self-end {
      place-self: end;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-place-self-end {
      place-self: end;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-place-self-end {
      place-self: end;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-place-self-end {
      place-self: end;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-place-self-end {
      place-self: end;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-place-self-end {
      place-self: end;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-place-self-end {
      place-self: end;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-place-self-end {
      place-self: end;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-place-self-end {
      place-self: end;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-place-self-end {
      place-self: end;
    }
  }
}
@layer dm-utilities {
  .dm-place-self-center {
    place-self: center;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-place-self-center {
      place-self: center;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-place-self-center {
      place-self: center;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-place-self-center {
      place-self: center;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-place-self-center {
      place-self: center;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-place-self-center {
      place-self: center;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-place-self-center {
      place-self: center;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-place-self-center {
      place-self: center;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-place-self-center {
      place-self: center;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-place-self-center {
      place-self: center;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-place-self-center {
      place-self: center;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-place-self-center {
      place-self: center;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-place-self-center {
      place-self: center;
    }
  }
}
@layer dm-utilities {
  .dm-place-self-stretch {
    place-self: stretch;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-place-self-stretch {
      place-self: stretch;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-place-self-stretch {
      place-self: stretch;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-place-self-stretch {
      place-self: stretch;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-place-self-stretch {
      place-self: stretch;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-place-self-stretch {
      place-self: stretch;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-place-self-stretch {
      place-self: stretch;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-place-self-stretch {
      place-self: stretch;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-place-self-stretch {
      place-self: stretch;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-place-self-stretch {
      place-self: stretch;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-place-self-stretch {
      place-self: stretch;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-place-self-stretch {
      place-self: stretch;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-place-self-stretch {
      place-self: stretch;
    }
  }
}
@layer dm-utilities {
  .dm-justify-start {
    justify-content: flex-start;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-justify-start {
      justify-content: flex-start;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-justify-start {
      justify-content: flex-start;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-justify-start {
      justify-content: flex-start;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-justify-start {
      justify-content: flex-start;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-justify-start {
      justify-content: flex-start;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-justify-start {
      justify-content: flex-start;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-justify-start {
      justify-content: flex-start;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-justify-start {
      justify-content: flex-start;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-justify-start {
      justify-content: flex-start;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-justify-start {
      justify-content: flex-start;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-justify-start {
      justify-content: flex-start;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-justify-start {
      justify-content: flex-start;
    }
  }
}
@layer dm-utilities {
  .dm-justify-end {
    justify-content: flex-end;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-justify-end {
      justify-content: flex-end;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-justify-end {
      justify-content: flex-end;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-justify-end {
      justify-content: flex-end;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-justify-end {
      justify-content: flex-end;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-justify-end {
      justify-content: flex-end;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-justify-end {
      justify-content: flex-end;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-justify-end {
      justify-content: flex-end;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-justify-end {
      justify-content: flex-end;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-justify-end {
      justify-content: flex-end;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-justify-end {
      justify-content: flex-end;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-justify-end {
      justify-content: flex-end;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-justify-end {
      justify-content: flex-end;
    }
  }
}
@layer dm-utilities {
  .dm-justify-center {
    justify-content: center;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-justify-center {
      justify-content: center;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-justify-center {
      justify-content: center;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-justify-center {
      justify-content: center;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-justify-center {
      justify-content: center;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-justify-center {
      justify-content: center;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-justify-center {
      justify-content: center;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-justify-center {
      justify-content: center;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-justify-center {
      justify-content: center;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-justify-center {
      justify-content: center;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-justify-center {
      justify-content: center;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-justify-center {
      justify-content: center;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-justify-center {
      justify-content: center;
    }
  }
}
@layer dm-utilities {
  .dm-justify-between {
    justify-content: space-between;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-justify-between {
      justify-content: space-between;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-justify-between {
      justify-content: space-between;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-justify-between {
      justify-content: space-between;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-justify-between {
      justify-content: space-between;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-justify-between {
      justify-content: space-between;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-justify-between {
      justify-content: space-between;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-justify-between {
      justify-content: space-between;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-justify-between {
      justify-content: space-between;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-justify-between {
      justify-content: space-between;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-justify-between {
      justify-content: space-between;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-justify-between {
      justify-content: space-between;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-justify-between {
      justify-content: space-between;
    }
  }
}
@layer dm-utilities {
  .dm-justify-around {
    justify-content: space-around;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-justify-around {
      justify-content: space-around;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-justify-around {
      justify-content: space-around;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-justify-around {
      justify-content: space-around;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-justify-around {
      justify-content: space-around;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-justify-around {
      justify-content: space-around;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-justify-around {
      justify-content: space-around;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-justify-around {
      justify-content: space-around;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-justify-around {
      justify-content: space-around;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-justify-around {
      justify-content: space-around;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-justify-around {
      justify-content: space-around;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-justify-around {
      justify-content: space-around;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-justify-around {
      justify-content: space-around;
    }
  }
}
@layer dm-utilities {
  .dm-justify-evenly {
    justify-content: space-evenly;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-justify-evenly {
      justify-content: space-evenly;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-justify-evenly {
      justify-content: space-evenly;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-justify-evenly {
      justify-content: space-evenly;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-justify-evenly {
      justify-content: space-evenly;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-justify-evenly {
      justify-content: space-evenly;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-justify-evenly {
      justify-content: space-evenly;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-justify-evenly {
      justify-content: space-evenly;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-justify-evenly {
      justify-content: space-evenly;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-justify-evenly {
      justify-content: space-evenly;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-justify-evenly {
      justify-content: space-evenly;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-justify-evenly {
      justify-content: space-evenly;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-justify-evenly {
      justify-content: space-evenly;
    }
  }
}
@layer dm-utilities {
  .dm-justify-stretch {
    justify-content: stretch;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-justify-stretch {
      justify-content: stretch;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-justify-stretch {
      justify-content: stretch;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-justify-stretch {
      justify-content: stretch;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-justify-stretch {
      justify-content: stretch;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-justify-stretch {
      justify-content: stretch;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-justify-stretch {
      justify-content: stretch;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-justify-stretch {
      justify-content: stretch;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-justify-stretch {
      justify-content: stretch;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-justify-stretch {
      justify-content: stretch;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-justify-stretch {
      justify-content: stretch;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-justify-stretch {
      justify-content: stretch;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-justify-stretch {
      justify-content: stretch;
    }
  }
}
@layer dm-utilities {
  .dm-items-start {
    align-items: flex-start;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-items-start {
      align-items: flex-start;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-items-start {
      align-items: flex-start;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-items-start {
      align-items: flex-start;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-items-start {
      align-items: flex-start;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-items-start {
      align-items: flex-start;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-items-start {
      align-items: flex-start;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-items-start {
      align-items: flex-start;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-items-start {
      align-items: flex-start;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-items-start {
      align-items: flex-start;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-items-start {
      align-items: flex-start;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-items-start {
      align-items: flex-start;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-items-start {
      align-items: flex-start;
    }
  }
}
@layer dm-utilities {
  .dm-items-end {
    align-items: flex-end;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-items-end {
      align-items: flex-end;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-items-end {
      align-items: flex-end;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-items-end {
      align-items: flex-end;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-items-end {
      align-items: flex-end;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-items-end {
      align-items: flex-end;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-items-end {
      align-items: flex-end;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-items-end {
      align-items: flex-end;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-items-end {
      align-items: flex-end;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-items-end {
      align-items: flex-end;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-items-end {
      align-items: flex-end;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-items-end {
      align-items: flex-end;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-items-end {
      align-items: flex-end;
    }
  }
}
@layer dm-utilities {
  .dm-items-center {
    align-items: center;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-items-center {
      align-items: center;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-items-center {
      align-items: center;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-items-center {
      align-items: center;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-items-center {
      align-items: center;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-items-center {
      align-items: center;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-items-center {
      align-items: center;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-items-center {
      align-items: center;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-items-center {
      align-items: center;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-items-center {
      align-items: center;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-items-center {
      align-items: center;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-items-center {
      align-items: center;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-items-center {
      align-items: center;
    }
  }
}
@layer dm-utilities {
  .dm-items-baseline {
    align-items: baseline;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-items-baseline {
      align-items: baseline;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-items-baseline {
      align-items: baseline;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-items-baseline {
      align-items: baseline;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-items-baseline {
      align-items: baseline;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-items-baseline {
      align-items: baseline;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-items-baseline {
      align-items: baseline;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-items-baseline {
      align-items: baseline;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-items-baseline {
      align-items: baseline;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-items-baseline {
      align-items: baseline;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-items-baseline {
      align-items: baseline;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-items-baseline {
      align-items: baseline;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-items-baseline {
      align-items: baseline;
    }
  }
}
@layer dm-utilities {
  .dm-items-stretch {
    align-items: stretch;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-items-stretch {
      align-items: stretch;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-items-stretch {
      align-items: stretch;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-items-stretch {
      align-items: stretch;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-items-stretch {
      align-items: stretch;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-items-stretch {
      align-items: stretch;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-items-stretch {
      align-items: stretch;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-items-stretch {
      align-items: stretch;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-items-stretch {
      align-items: stretch;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-items-stretch {
      align-items: stretch;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-items-stretch {
      align-items: stretch;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-items-stretch {
      align-items: stretch;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-items-stretch {
      align-items: stretch;
    }
  }
}
@layer dm-utilities {
  .dm-content-start {
    align-content: flex-start;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-content-start {
      align-content: flex-start;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-content-start {
      align-content: flex-start;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-content-start {
      align-content: flex-start;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-content-start {
      align-content: flex-start;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-content-start {
      align-content: flex-start;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-content-start {
      align-content: flex-start;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-content-start {
      align-content: flex-start;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-content-start {
      align-content: flex-start;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-content-start {
      align-content: flex-start;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-content-start {
      align-content: flex-start;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-content-start {
      align-content: flex-start;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-content-start {
      align-content: flex-start;
    }
  }
}
@layer dm-utilities {
  .dm-content-end {
    align-content: flex-end;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-content-end {
      align-content: flex-end;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-content-end {
      align-content: flex-end;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-content-end {
      align-content: flex-end;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-content-end {
      align-content: flex-end;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-content-end {
      align-content: flex-end;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-content-end {
      align-content: flex-end;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-content-end {
      align-content: flex-end;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-content-end {
      align-content: flex-end;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-content-end {
      align-content: flex-end;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-content-end {
      align-content: flex-end;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-content-end {
      align-content: flex-end;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-content-end {
      align-content: flex-end;
    }
  }
}
@layer dm-utilities {
  .dm-content-center {
    align-content: center;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-content-center {
      align-content: center;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-content-center {
      align-content: center;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-content-center {
      align-content: center;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-content-center {
      align-content: center;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-content-center {
      align-content: center;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-content-center {
      align-content: center;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-content-center {
      align-content: center;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-content-center {
      align-content: center;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-content-center {
      align-content: center;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-content-center {
      align-content: center;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-content-center {
      align-content: center;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-content-center {
      align-content: center;
    }
  }
}
@layer dm-utilities {
  .dm-content-between {
    align-content: space-between;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-content-between {
      align-content: space-between;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-content-between {
      align-content: space-between;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-content-between {
      align-content: space-between;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-content-between {
      align-content: space-between;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-content-between {
      align-content: space-between;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-content-between {
      align-content: space-between;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-content-between {
      align-content: space-between;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-content-between {
      align-content: space-between;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-content-between {
      align-content: space-between;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-content-between {
      align-content: space-between;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-content-between {
      align-content: space-between;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-content-between {
      align-content: space-between;
    }
  }
}
@layer dm-utilities {
  .dm-content-around {
    align-content: space-around;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-content-around {
      align-content: space-around;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-content-around {
      align-content: space-around;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-content-around {
      align-content: space-around;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-content-around {
      align-content: space-around;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-content-around {
      align-content: space-around;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-content-around {
      align-content: space-around;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-content-around {
      align-content: space-around;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-content-around {
      align-content: space-around;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-content-around {
      align-content: space-around;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-content-around {
      align-content: space-around;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-content-around {
      align-content: space-around;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-content-around {
      align-content: space-around;
    }
  }
}
@layer dm-utilities {
  .dm-content-evenly {
    align-content: space-evenly;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-content-evenly {
      align-content: space-evenly;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-content-evenly {
      align-content: space-evenly;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-content-evenly {
      align-content: space-evenly;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-content-evenly {
      align-content: space-evenly;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-content-evenly {
      align-content: space-evenly;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-content-evenly {
      align-content: space-evenly;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-content-evenly {
      align-content: space-evenly;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-content-evenly {
      align-content: space-evenly;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-content-evenly {
      align-content: space-evenly;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-content-evenly {
      align-content: space-evenly;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-content-evenly {
      align-content: space-evenly;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-content-evenly {
      align-content: space-evenly;
    }
  }
}
@layer dm-utilities {
  .dm-content-stretch {
    align-content: stretch;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-content-stretch {
      align-content: stretch;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-content-stretch {
      align-content: stretch;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-content-stretch {
      align-content: stretch;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-content-stretch {
      align-content: stretch;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-content-stretch {
      align-content: stretch;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-content-stretch {
      align-content: stretch;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-content-stretch {
      align-content: stretch;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-content-stretch {
      align-content: stretch;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-content-stretch {
      align-content: stretch;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-content-stretch {
      align-content: stretch;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-content-stretch {
      align-content: stretch;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-content-stretch {
      align-content: stretch;
    }
  }
}
@layer dm-utilities {
  .dm-self-auto {
    align-self: auto;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-self-auto {
      align-self: auto;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-self-auto {
      align-self: auto;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-self-auto {
      align-self: auto;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-self-auto {
      align-self: auto;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-self-auto {
      align-self: auto;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-self-auto {
      align-self: auto;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-self-auto {
      align-self: auto;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-self-auto {
      align-self: auto;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-self-auto {
      align-self: auto;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-self-auto {
      align-self: auto;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-self-auto {
      align-self: auto;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-self-auto {
      align-self: auto;
    }
  }
}
@layer dm-utilities {
  .dm-self-start {
    align-self: flex-start;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-self-start {
      align-self: flex-start;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-self-start {
      align-self: flex-start;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-self-start {
      align-self: flex-start;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-self-start {
      align-self: flex-start;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-self-start {
      align-self: flex-start;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-self-start {
      align-self: flex-start;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-self-start {
      align-self: flex-start;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-self-start {
      align-self: flex-start;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-self-start {
      align-self: flex-start;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-self-start {
      align-self: flex-start;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-self-start {
      align-self: flex-start;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-self-start {
      align-self: flex-start;
    }
  }
}
@layer dm-utilities {
  .dm-self-end {
    align-self: flex-end;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-self-end {
      align-self: flex-end;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-self-end {
      align-self: flex-end;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-self-end {
      align-self: flex-end;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-self-end {
      align-self: flex-end;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-self-end {
      align-self: flex-end;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-self-end {
      align-self: flex-end;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-self-end {
      align-self: flex-end;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-self-end {
      align-self: flex-end;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-self-end {
      align-self: flex-end;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-self-end {
      align-self: flex-end;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-self-end {
      align-self: flex-end;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-self-end {
      align-self: flex-end;
    }
  }
}
@layer dm-utilities {
  .dm-self-center {
    align-self: center;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-self-center {
      align-self: center;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-self-center {
      align-self: center;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-self-center {
      align-self: center;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-self-center {
      align-self: center;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-self-center {
      align-self: center;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-self-center {
      align-self: center;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-self-center {
      align-self: center;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-self-center {
      align-self: center;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-self-center {
      align-self: center;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-self-center {
      align-self: center;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-self-center {
      align-self: center;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-self-center {
      align-self: center;
    }
  }
}
@layer dm-utilities {
  .dm-self-stretch {
    align-self: stretch;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-self-stretch {
      align-self: stretch;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-self-stretch {
      align-self: stretch;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-self-stretch {
      align-self: stretch;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-self-stretch {
      align-self: stretch;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-self-stretch {
      align-self: stretch;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-self-stretch {
      align-self: stretch;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-self-stretch {
      align-self: stretch;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-self-stretch {
      align-self: stretch;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-self-stretch {
      align-self: stretch;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-self-stretch {
      align-self: stretch;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-self-stretch {
      align-self: stretch;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-self-stretch {
      align-self: stretch;
    }
  }
}
@layer dm-utilities {
  .dm-self-baseline {
    align-self: baseline;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-self-baseline {
      align-self: baseline;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-self-baseline {
      align-self: baseline;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-self-baseline {
      align-self: baseline;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-self-baseline {
      align-self: baseline;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-self-baseline {
      align-self: baseline;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-self-baseline {
      align-self: baseline;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-self-baseline {
      align-self: baseline;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-self-baseline {
      align-self: baseline;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-self-baseline {
      align-self: baseline;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-self-baseline {
      align-self: baseline;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-self-baseline {
      align-self: baseline;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-self-baseline {
      align-self: baseline;
    }
  }
}
@layer dm-utilities {
  .dm-position-static {
    position: static;
  }
  .dm-position-relative {
    position: relative;
  }
  .dm-position-absolute {
    position: absolute;
  }
  .dm-position-fixed {
    position: fixed;
  }
  .dm-position-sticky {
    position: sticky;
  }
  .dm-corner-pin {
    position: absolute;
    top: var(--dm-corner-pin-offset, var(--dm-spacing-8));
    right: var(--dm-corner-pin-offset, var(--dm-spacing-8));
  }
  .dm-inset-0 {
    inset: 0px;
  }
  .dm-inset-x-0 {
    left: 0px;
    right: 0px;
  }
  .dm-inset-y-0 {
    top: 0px;
    bottom: 0px;
  }
  .dm-top-0 {
    top: 0px;
  }
  .dm-right-0 {
    right: 0px;
  }
  .dm-bottom-0 {
    bottom: 0px;
  }
  .dm-left-0 {
    left: 0px;
  }
  .dm-inset-2 {
    inset: var(--dm-spacing-2);
  }
  .dm-inset-x-2 {
    left: var(--dm-spacing-2);
    right: var(--dm-spacing-2);
  }
  .dm-inset-y-2 {
    top: var(--dm-spacing-2);
    bottom: var(--dm-spacing-2);
  }
  .dm-top-2 {
    top: var(--dm-spacing-2);
  }
  .dm-right-2 {
    right: var(--dm-spacing-2);
  }
  .dm-bottom-2 {
    bottom: var(--dm-spacing-2);
  }
  .dm-left-2 {
    left: var(--dm-spacing-2);
  }
  .dm-inset-4 {
    inset: var(--dm-spacing-4);
  }
  .dm-inset-x-4 {
    left: var(--dm-spacing-4);
    right: var(--dm-spacing-4);
  }
  .dm-inset-y-4 {
    top: var(--dm-spacing-4);
    bottom: var(--dm-spacing-4);
  }
  .dm-top-4 {
    top: var(--dm-spacing-4);
  }
  .dm-right-4 {
    right: var(--dm-spacing-4);
  }
  .dm-bottom-4 {
    bottom: var(--dm-spacing-4);
  }
  .dm-left-4 {
    left: var(--dm-spacing-4);
  }
  .dm-inset-6 {
    inset: var(--dm-spacing-6);
  }
  .dm-inset-x-6 {
    left: var(--dm-spacing-6);
    right: var(--dm-spacing-6);
  }
  .dm-inset-y-6 {
    top: var(--dm-spacing-6);
    bottom: var(--dm-spacing-6);
  }
  .dm-top-6 {
    top: var(--dm-spacing-6);
  }
  .dm-right-6 {
    right: var(--dm-spacing-6);
  }
  .dm-bottom-6 {
    bottom: var(--dm-spacing-6);
  }
  .dm-left-6 {
    left: var(--dm-spacing-6);
  }
  .dm-inset-8 {
    inset: var(--dm-spacing-8);
  }
  .dm-inset-x-8 {
    left: var(--dm-spacing-8);
    right: var(--dm-spacing-8);
  }
  .dm-inset-y-8 {
    top: var(--dm-spacing-8);
    bottom: var(--dm-spacing-8);
  }
  .dm-top-8 {
    top: var(--dm-spacing-8);
  }
  .dm-right-8 {
    right: var(--dm-spacing-8);
  }
  .dm-bottom-8 {
    bottom: var(--dm-spacing-8);
  }
  .dm-left-8 {
    left: var(--dm-spacing-8);
  }
  .dm-inset-12 {
    inset: var(--dm-spacing-12);
  }
  .dm-inset-x-12 {
    left: var(--dm-spacing-12);
    right: var(--dm-spacing-12);
  }
  .dm-inset-y-12 {
    top: var(--dm-spacing-12);
    bottom: var(--dm-spacing-12);
  }
  .dm-top-12 {
    top: var(--dm-spacing-12);
  }
  .dm-right-12 {
    right: var(--dm-spacing-12);
  }
  .dm-bottom-12 {
    bottom: var(--dm-spacing-12);
  }
  .dm-left-12 {
    left: var(--dm-spacing-12);
  }
  .dm-inset-16 {
    inset: var(--dm-spacing-16);
  }
  .dm-inset-x-16 {
    left: var(--dm-spacing-16);
    right: var(--dm-spacing-16);
  }
  .dm-inset-y-16 {
    top: var(--dm-spacing-16);
    bottom: var(--dm-spacing-16);
  }
  .dm-top-16 {
    top: var(--dm-spacing-16);
  }
  .dm-right-16 {
    right: var(--dm-spacing-16);
  }
  .dm-bottom-16 {
    bottom: var(--dm-spacing-16);
  }
  .dm-left-16 {
    left: var(--dm-spacing-16);
  }
  .dm-inset-20 {
    inset: var(--dm-spacing-20);
  }
  .dm-inset-x-20 {
    left: var(--dm-spacing-20);
    right: var(--dm-spacing-20);
  }
  .dm-inset-y-20 {
    top: var(--dm-spacing-20);
    bottom: var(--dm-spacing-20);
  }
  .dm-top-20 {
    top: var(--dm-spacing-20);
  }
  .dm-right-20 {
    right: var(--dm-spacing-20);
  }
  .dm-bottom-20 {
    bottom: var(--dm-spacing-20);
  }
  .dm-left-20 {
    left: var(--dm-spacing-20);
  }
  .dm-inset-24 {
    inset: var(--dm-spacing-24);
  }
  .dm-inset-x-24 {
    left: var(--dm-spacing-24);
    right: var(--dm-spacing-24);
  }
  .dm-inset-y-24 {
    top: var(--dm-spacing-24);
    bottom: var(--dm-spacing-24);
  }
  .dm-top-24 {
    top: var(--dm-spacing-24);
  }
  .dm-right-24 {
    right: var(--dm-spacing-24);
  }
  .dm-bottom-24 {
    bottom: var(--dm-spacing-24);
  }
  .dm-left-24 {
    left: var(--dm-spacing-24);
  }
  .dm-inset-32 {
    inset: var(--dm-spacing-32);
  }
  .dm-inset-x-32 {
    left: var(--dm-spacing-32);
    right: var(--dm-spacing-32);
  }
  .dm-inset-y-32 {
    top: var(--dm-spacing-32);
    bottom: var(--dm-spacing-32);
  }
  .dm-top-32 {
    top: var(--dm-spacing-32);
  }
  .dm-right-32 {
    right: var(--dm-spacing-32);
  }
  .dm-bottom-32 {
    bottom: var(--dm-spacing-32);
  }
  .dm-left-32 {
    left: var(--dm-spacing-32);
  }
  .dm-inset-auto {
    inset: auto;
  }
  .dm-inset-x-auto {
    left: auto;
    right: auto;
  }
  .dm-inset-y-auto {
    top: auto;
    bottom: auto;
  }
  .dm-top-auto {
    top: auto;
  }
  .dm-right-auto {
    right: auto;
  }
  .dm-bottom-auto {
    bottom: auto;
  }
  .dm-left-auto {
    left: auto;
  }
  .dm-inset-full {
    inset: 100%;
  }
  .dm-inset-x-full {
    left: 100%;
    right: 100%;
  }
  .dm-inset-y-full {
    top: 100%;
    bottom: 100%;
  }
  .dm-top-full {
    top: 100%;
  }
  .dm-right-full {
    right: 100%;
  }
  .dm-bottom-full {
    bottom: 100%;
  }
  .dm-left-full {
    left: 100%;
  }
  .dm-z-index-0 {
    z-index: 0;
  }
  .dm-z-index-10 {
    z-index: 10;
  }
  .dm-z-index-20 {
    z-index: 20;
  }
  .dm-z-index-30 {
    z-index: 30;
  }
  .dm-z-index-40 {
    z-index: 40;
  }
  .dm-z-index-50 {
    z-index: 50;
  }
  .dm-z-index-auto {
    z-index: auto;
  }
  .dm-isolate {
    isolation: isolate;
  }
  .dm-isolation-auto {
    isolation: auto;
  }
  .dm-visible {
    visibility: visible;
  }
  .dm-invisible {
    visibility: hidden;
  }
}
@layer dm-utilities {
  .dm-overflow-auto {
    overflow: auto;
  }
  .dm-overflow-x-auto {
    overflow-x: auto;
  }
  .dm-overflow-y-auto {
    overflow-y: auto;
  }
  .dm-overflow-hidden {
    overflow: hidden;
  }
  .dm-overflow-x-hidden {
    overflow-x: hidden;
  }
  .dm-overflow-y-hidden {
    overflow-y: hidden;
  }
  .dm-overflow-clip {
    overflow: clip;
  }
  .dm-overflow-x-clip {
    overflow-x: clip;
  }
  .dm-overflow-y-clip {
    overflow-y: clip;
  }
  .dm-overflow-visible {
    overflow: visible;
  }
  .dm-overflow-x-visible {
    overflow-x: visible;
  }
  .dm-overflow-y-visible {
    overflow-y: visible;
  }
  .dm-overflow-scroll {
    overflow: scroll;
  }
  .dm-overflow-x-scroll {
    overflow-x: scroll;
  }
  .dm-overflow-y-scroll {
    overflow-y: scroll;
  }
  .dm-scrollbar-gutter-stable {
    scrollbar-gutter: stable;
  }
  .dm-overscroll-auto {
    overscroll-behavior: auto;
  }
  .dm-overscroll-x-auto {
    overscroll-behavior-x: auto;
  }
  .dm-overscroll-y-auto {
    overscroll-behavior-y: auto;
  }
  .dm-overscroll-contain {
    overscroll-behavior: contain;
  }
  .dm-overscroll-x-contain {
    overscroll-behavior-x: contain;
  }
  .dm-overscroll-y-contain {
    overscroll-behavior-y: contain;
  }
  .dm-overscroll-none {
    overscroll-behavior: none;
  }
  .dm-overscroll-x-none {
    overscroll-behavior-x: none;
  }
  .dm-overscroll-y-none {
    overscroll-behavior-y: none;
  }
}
@layer dm-utilities {
  .dm-border-radius-none {
    border-radius: var(--dm-radius-none);
  }
  .dm-border-radius-xs {
    border-radius: var(--dm-radius-xs);
  }
  .dm-border-radius-sm {
    border-radius: var(--dm-radius-sm);
  }
  .dm-border-radius-md {
    border-radius: var(--dm-radius-md);
  }
  .dm-border-radius-lg {
    border-radius: var(--dm-radius-lg);
  }
  .dm-border-radius-xl {
    border-radius: var(--dm-radius-xl);
  }
  .dm-border-radius-2xl {
    border-radius: var(--dm-radius-2xl);
  }
  .dm-border-radius-3xl {
    border-radius: var(--dm-radius-3xl);
  }
  .dm-border-radius-4xl {
    border-radius: var(--dm-radius-4xl);
  }
  .dm-border-radius-full {
    border-radius: var(--dm-radius-full);
  }
  .dm-border {
    border-width: 1px;
    border-style: solid;
  }
  .dm-border-0 {
    border-width: 0;
  }
  .dm-border-2 {
    border-width: 2px;
    border-style: solid;
  }
  .dm-border-4 {
    border-width: 4px;
    border-style: solid;
  }
  .dm-border-8 {
    border-width: 8px;
    border-style: solid;
  }
  .dm-border-top {
    border-top-width: 1px;
    border-top-style: solid;
  }
  .dm-border-right {
    border-right-width: 1px;
    border-right-style: solid;
  }
  .dm-border-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
  }
  .dm-border-left {
    border-left-width: 1px;
    border-left-style: solid;
  }
  .dm-border-solid {
    border-style: solid;
  }
  .dm-border-dashed {
    border-style: dashed;
  }
  .dm-border-dotted {
    border-style: dotted;
  }
  .dm-border-none {
    border-style: none;
  }
}
@layer dm-utilities {
  .dm-padding-0 {
    padding: var(--dm-spacing-0);
  }
  .dm-padding-horizontal-0 {
    padding-left: var(--dm-spacing-0);
    padding-right: var(--dm-spacing-0);
  }
  .dm-padding-vertical-0 {
    padding-top: var(--dm-spacing-0);
    padding-bottom: var(--dm-spacing-0);
  }
  .dm-padding-top-0 {
    padding-top: var(--dm-spacing-0);
  }
  .dm-padding-bottom-0 {
    padding-bottom: var(--dm-spacing-0);
  }
  .dm-padding-left-0 {
    padding-left: var(--dm-spacing-0);
  }
  .dm-padding-right-0 {
    padding-right: var(--dm-spacing-0);
  }
  .dm-padding-2 {
    padding: var(--dm-spacing-2);
  }
  .dm-padding-horizontal-2 {
    padding-left: var(--dm-spacing-2);
    padding-right: var(--dm-spacing-2);
  }
  .dm-padding-vertical-2 {
    padding-top: var(--dm-spacing-2);
    padding-bottom: var(--dm-spacing-2);
  }
  .dm-padding-top-2 {
    padding-top: var(--dm-spacing-2);
  }
  .dm-padding-bottom-2 {
    padding-bottom: var(--dm-spacing-2);
  }
  .dm-padding-left-2 {
    padding-left: var(--dm-spacing-2);
  }
  .dm-padding-right-2 {
    padding-right: var(--dm-spacing-2);
  }
  .dm-padding-3 {
    padding: var(--dm-spacing-3);
  }
  .dm-padding-horizontal-3 {
    padding-left: var(--dm-spacing-3);
    padding-right: var(--dm-spacing-3);
  }
  .dm-padding-vertical-3 {
    padding-top: var(--dm-spacing-3);
    padding-bottom: var(--dm-spacing-3);
  }
  .dm-padding-top-3 {
    padding-top: var(--dm-spacing-3);
  }
  .dm-padding-bottom-3 {
    padding-bottom: var(--dm-spacing-3);
  }
  .dm-padding-left-3 {
    padding-left: var(--dm-spacing-3);
  }
  .dm-padding-right-3 {
    padding-right: var(--dm-spacing-3);
  }
  .dm-padding-4 {
    padding: var(--dm-spacing-4);
  }
  .dm-padding-horizontal-4 {
    padding-left: var(--dm-spacing-4);
    padding-right: var(--dm-spacing-4);
  }
  .dm-padding-vertical-4 {
    padding-top: var(--dm-spacing-4);
    padding-bottom: var(--dm-spacing-4);
  }
  .dm-padding-top-4 {
    padding-top: var(--dm-spacing-4);
  }
  .dm-padding-bottom-4 {
    padding-bottom: var(--dm-spacing-4);
  }
  .dm-padding-left-4 {
    padding-left: var(--dm-spacing-4);
  }
  .dm-padding-right-4 {
    padding-right: var(--dm-spacing-4);
  }
  .dm-padding-5 {
    padding: var(--dm-spacing-5);
  }
  .dm-padding-horizontal-5 {
    padding-left: var(--dm-spacing-5);
    padding-right: var(--dm-spacing-5);
  }
  .dm-padding-vertical-5 {
    padding-top: var(--dm-spacing-5);
    padding-bottom: var(--dm-spacing-5);
  }
  .dm-padding-top-5 {
    padding-top: var(--dm-spacing-5);
  }
  .dm-padding-bottom-5 {
    padding-bottom: var(--dm-spacing-5);
  }
  .dm-padding-left-5 {
    padding-left: var(--dm-spacing-5);
  }
  .dm-padding-right-5 {
    padding-right: var(--dm-spacing-5);
  }
  .dm-padding-6 {
    padding: var(--dm-spacing-6);
  }
  .dm-padding-horizontal-6 {
    padding-left: var(--dm-spacing-6);
    padding-right: var(--dm-spacing-6);
  }
  .dm-padding-vertical-6 {
    padding-top: var(--dm-spacing-6);
    padding-bottom: var(--dm-spacing-6);
  }
  .dm-padding-top-6 {
    padding-top: var(--dm-spacing-6);
  }
  .dm-padding-bottom-6 {
    padding-bottom: var(--dm-spacing-6);
  }
  .dm-padding-left-6 {
    padding-left: var(--dm-spacing-6);
  }
  .dm-padding-right-6 {
    padding-right: var(--dm-spacing-6);
  }
  .dm-padding-8 {
    padding: var(--dm-spacing-8);
  }
  .dm-padding-horizontal-8 {
    padding-left: var(--dm-spacing-8);
    padding-right: var(--dm-spacing-8);
  }
  .dm-padding-vertical-8 {
    padding-top: var(--dm-spacing-8);
    padding-bottom: var(--dm-spacing-8);
  }
  .dm-padding-top-8 {
    padding-top: var(--dm-spacing-8);
  }
  .dm-padding-bottom-8 {
    padding-bottom: var(--dm-spacing-8);
  }
  .dm-padding-left-8 {
    padding-left: var(--dm-spacing-8);
  }
  .dm-padding-right-8 {
    padding-right: var(--dm-spacing-8);
  }
  .dm-padding-9 {
    padding: var(--dm-spacing-9);
  }
  .dm-padding-horizontal-9 {
    padding-left: var(--dm-spacing-9);
    padding-right: var(--dm-spacing-9);
  }
  .dm-padding-vertical-9 {
    padding-top: var(--dm-spacing-9);
    padding-bottom: var(--dm-spacing-9);
  }
  .dm-padding-top-9 {
    padding-top: var(--dm-spacing-9);
  }
  .dm-padding-bottom-9 {
    padding-bottom: var(--dm-spacing-9);
  }
  .dm-padding-left-9 {
    padding-left: var(--dm-spacing-9);
  }
  .dm-padding-right-9 {
    padding-right: var(--dm-spacing-9);
  }
  .dm-padding-10 {
    padding: var(--dm-spacing-10);
  }
  .dm-padding-horizontal-10 {
    padding-left: var(--dm-spacing-10);
    padding-right: var(--dm-spacing-10);
  }
  .dm-padding-vertical-10 {
    padding-top: var(--dm-spacing-10);
    padding-bottom: var(--dm-spacing-10);
  }
  .dm-padding-top-10 {
    padding-top: var(--dm-spacing-10);
  }
  .dm-padding-bottom-10 {
    padding-bottom: var(--dm-spacing-10);
  }
  .dm-padding-left-10 {
    padding-left: var(--dm-spacing-10);
  }
  .dm-padding-right-10 {
    padding-right: var(--dm-spacing-10);
  }
  .dm-padding-11 {
    padding: var(--dm-spacing-11);
  }
  .dm-padding-horizontal-11 {
    padding-left: var(--dm-spacing-11);
    padding-right: var(--dm-spacing-11);
  }
  .dm-padding-vertical-11 {
    padding-top: var(--dm-spacing-11);
    padding-bottom: var(--dm-spacing-11);
  }
  .dm-padding-top-11 {
    padding-top: var(--dm-spacing-11);
  }
  .dm-padding-bottom-11 {
    padding-bottom: var(--dm-spacing-11);
  }
  .dm-padding-left-11 {
    padding-left: var(--dm-spacing-11);
  }
  .dm-padding-right-11 {
    padding-right: var(--dm-spacing-11);
  }
  .dm-padding-12 {
    padding: var(--dm-spacing-12);
  }
  .dm-padding-horizontal-12 {
    padding-left: var(--dm-spacing-12);
    padding-right: var(--dm-spacing-12);
  }
  .dm-padding-vertical-12 {
    padding-top: var(--dm-spacing-12);
    padding-bottom: var(--dm-spacing-12);
  }
  .dm-padding-top-12 {
    padding-top: var(--dm-spacing-12);
  }
  .dm-padding-bottom-12 {
    padding-bottom: var(--dm-spacing-12);
  }
  .dm-padding-left-12 {
    padding-left: var(--dm-spacing-12);
  }
  .dm-padding-right-12 {
    padding-right: var(--dm-spacing-12);
  }
  .dm-padding-14 {
    padding: var(--dm-spacing-14);
  }
  .dm-padding-horizontal-14 {
    padding-left: var(--dm-spacing-14);
    padding-right: var(--dm-spacing-14);
  }
  .dm-padding-vertical-14 {
    padding-top: var(--dm-spacing-14);
    padding-bottom: var(--dm-spacing-14);
  }
  .dm-padding-top-14 {
    padding-top: var(--dm-spacing-14);
  }
  .dm-padding-bottom-14 {
    padding-bottom: var(--dm-spacing-14);
  }
  .dm-padding-left-14 {
    padding-left: var(--dm-spacing-14);
  }
  .dm-padding-right-14 {
    padding-right: var(--dm-spacing-14);
  }
  .dm-padding-16 {
    padding: var(--dm-spacing-16);
  }
  .dm-padding-horizontal-16 {
    padding-left: var(--dm-spacing-16);
    padding-right: var(--dm-spacing-16);
  }
  .dm-padding-vertical-16 {
    padding-top: var(--dm-spacing-16);
    padding-bottom: var(--dm-spacing-16);
  }
  .dm-padding-top-16 {
    padding-top: var(--dm-spacing-16);
  }
  .dm-padding-bottom-16 {
    padding-bottom: var(--dm-spacing-16);
  }
  .dm-padding-left-16 {
    padding-left: var(--dm-spacing-16);
  }
  .dm-padding-right-16 {
    padding-right: var(--dm-spacing-16);
  }
  .dm-padding-20 {
    padding: var(--dm-spacing-20);
  }
  .dm-padding-horizontal-20 {
    padding-left: var(--dm-spacing-20);
    padding-right: var(--dm-spacing-20);
  }
  .dm-padding-vertical-20 {
    padding-top: var(--dm-spacing-20);
    padding-bottom: var(--dm-spacing-20);
  }
  .dm-padding-top-20 {
    padding-top: var(--dm-spacing-20);
  }
  .dm-padding-bottom-20 {
    padding-bottom: var(--dm-spacing-20);
  }
  .dm-padding-left-20 {
    padding-left: var(--dm-spacing-20);
  }
  .dm-padding-right-20 {
    padding-right: var(--dm-spacing-20);
  }
  .dm-padding-24 {
    padding: var(--dm-spacing-24);
  }
  .dm-padding-horizontal-24 {
    padding-left: var(--dm-spacing-24);
    padding-right: var(--dm-spacing-24);
  }
  .dm-padding-vertical-24 {
    padding-top: var(--dm-spacing-24);
    padding-bottom: var(--dm-spacing-24);
  }
  .dm-padding-top-24 {
    padding-top: var(--dm-spacing-24);
  }
  .dm-padding-bottom-24 {
    padding-bottom: var(--dm-spacing-24);
  }
  .dm-padding-left-24 {
    padding-left: var(--dm-spacing-24);
  }
  .dm-padding-right-24 {
    padding-right: var(--dm-spacing-24);
  }
  .dm-padding-32 {
    padding: var(--dm-spacing-32);
  }
  .dm-padding-horizontal-32 {
    padding-left: var(--dm-spacing-32);
    padding-right: var(--dm-spacing-32);
  }
  .dm-padding-vertical-32 {
    padding-top: var(--dm-spacing-32);
    padding-bottom: var(--dm-spacing-32);
  }
  .dm-padding-top-32 {
    padding-top: var(--dm-spacing-32);
  }
  .dm-padding-bottom-32 {
    padding-bottom: var(--dm-spacing-32);
  }
  .dm-padding-left-32 {
    padding-left: var(--dm-spacing-32);
  }
  .dm-padding-right-32 {
    padding-right: var(--dm-spacing-32);
  }
  .dm-padding-40 {
    padding: var(--dm-spacing-40);
  }
  .dm-padding-horizontal-40 {
    padding-left: var(--dm-spacing-40);
    padding-right: var(--dm-spacing-40);
  }
  .dm-padding-vertical-40 {
    padding-top: var(--dm-spacing-40);
    padding-bottom: var(--dm-spacing-40);
  }
  .dm-padding-top-40 {
    padding-top: var(--dm-spacing-40);
  }
  .dm-padding-bottom-40 {
    padding-bottom: var(--dm-spacing-40);
  }
  .dm-padding-left-40 {
    padding-left: var(--dm-spacing-40);
  }
  .dm-padding-right-40 {
    padding-right: var(--dm-spacing-40);
  }
  .dm-padding-48 {
    padding: var(--dm-spacing-48);
  }
  .dm-padding-horizontal-48 {
    padding-left: var(--dm-spacing-48);
    padding-right: var(--dm-spacing-48);
  }
  .dm-padding-vertical-48 {
    padding-top: var(--dm-spacing-48);
    padding-bottom: var(--dm-spacing-48);
  }
  .dm-padding-top-48 {
    padding-top: var(--dm-spacing-48);
  }
  .dm-padding-bottom-48 {
    padding-bottom: var(--dm-spacing-48);
  }
  .dm-padding-left-48 {
    padding-left: var(--dm-spacing-48);
  }
  .dm-padding-right-48 {
    padding-right: var(--dm-spacing-48);
  }
  .dm-padding-64 {
    padding: var(--dm-spacing-64);
  }
  .dm-padding-horizontal-64 {
    padding-left: var(--dm-spacing-64);
    padding-right: var(--dm-spacing-64);
  }
  .dm-padding-vertical-64 {
    padding-top: var(--dm-spacing-64);
    padding-bottom: var(--dm-spacing-64);
  }
  .dm-padding-top-64 {
    padding-top: var(--dm-spacing-64);
  }
  .dm-padding-bottom-64 {
    padding-bottom: var(--dm-spacing-64);
  }
  .dm-padding-left-64 {
    padding-left: var(--dm-spacing-64);
  }
  .dm-padding-right-64 {
    padding-right: var(--dm-spacing-64);
  }
  .dm-padding-80 {
    padding: var(--dm-spacing-80);
  }
  .dm-padding-horizontal-80 {
    padding-left: var(--dm-spacing-80);
    padding-right: var(--dm-spacing-80);
  }
  .dm-padding-vertical-80 {
    padding-top: var(--dm-spacing-80);
    padding-bottom: var(--dm-spacing-80);
  }
  .dm-padding-top-80 {
    padding-top: var(--dm-spacing-80);
  }
  .dm-padding-bottom-80 {
    padding-bottom: var(--dm-spacing-80);
  }
  .dm-padding-left-80 {
    padding-left: var(--dm-spacing-80);
  }
  .dm-padding-right-80 {
    padding-right: var(--dm-spacing-80);
  }
  .dm-padding-96 {
    padding: var(--dm-spacing-96);
  }
  .dm-padding-horizontal-96 {
    padding-left: var(--dm-spacing-96);
    padding-right: var(--dm-spacing-96);
  }
  .dm-padding-vertical-96 {
    padding-top: var(--dm-spacing-96);
    padding-bottom: var(--dm-spacing-96);
  }
  .dm-padding-top-96 {
    padding-top: var(--dm-spacing-96);
  }
  .dm-padding-bottom-96 {
    padding-bottom: var(--dm-spacing-96);
  }
  .dm-padding-left-96 {
    padding-left: var(--dm-spacing-96);
  }
  .dm-padding-right-96 {
    padding-right: var(--dm-spacing-96);
  }
  .dm-padding-128 {
    padding: var(--dm-spacing-128);
  }
  .dm-padding-horizontal-128 {
    padding-left: var(--dm-spacing-128);
    padding-right: var(--dm-spacing-128);
  }
  .dm-padding-vertical-128 {
    padding-top: var(--dm-spacing-128);
    padding-bottom: var(--dm-spacing-128);
  }
  .dm-padding-top-128 {
    padding-top: var(--dm-spacing-128);
  }
  .dm-padding-bottom-128 {
    padding-bottom: var(--dm-spacing-128);
  }
  .dm-padding-left-128 {
    padding-left: var(--dm-spacing-128);
  }
  .dm-padding-right-128 {
    padding-right: var(--dm-spacing-128);
  }
  .dm-padding-160 {
    padding: var(--dm-spacing-160);
  }
  .dm-padding-horizontal-160 {
    padding-left: var(--dm-spacing-160);
    padding-right: var(--dm-spacing-160);
  }
  .dm-padding-vertical-160 {
    padding-top: var(--dm-spacing-160);
    padding-bottom: var(--dm-spacing-160);
  }
  .dm-padding-top-160 {
    padding-top: var(--dm-spacing-160);
  }
  .dm-padding-bottom-160 {
    padding-bottom: var(--dm-spacing-160);
  }
  .dm-padding-left-160 {
    padding-left: var(--dm-spacing-160);
  }
  .dm-padding-right-160 {
    padding-right: var(--dm-spacing-160);
  }
  .dm-padding-192 {
    padding: var(--dm-spacing-192);
  }
  .dm-padding-horizontal-192 {
    padding-left: var(--dm-spacing-192);
    padding-right: var(--dm-spacing-192);
  }
  .dm-padding-vertical-192 {
    padding-top: var(--dm-spacing-192);
    padding-bottom: var(--dm-spacing-192);
  }
  .dm-padding-top-192 {
    padding-top: var(--dm-spacing-192);
  }
  .dm-padding-bottom-192 {
    padding-bottom: var(--dm-spacing-192);
  }
  .dm-padding-left-192 {
    padding-left: var(--dm-spacing-192);
  }
  .dm-padding-right-192 {
    padding-right: var(--dm-spacing-192);
  }
  .dm-padding-224 {
    padding: var(--dm-spacing-224);
  }
  .dm-padding-horizontal-224 {
    padding-left: var(--dm-spacing-224);
    padding-right: var(--dm-spacing-224);
  }
  .dm-padding-vertical-224 {
    padding-top: var(--dm-spacing-224);
    padding-bottom: var(--dm-spacing-224);
  }
  .dm-padding-top-224 {
    padding-top: var(--dm-spacing-224);
  }
  .dm-padding-bottom-224 {
    padding-bottom: var(--dm-spacing-224);
  }
  .dm-padding-left-224 {
    padding-left: var(--dm-spacing-224);
  }
  .dm-padding-right-224 {
    padding-right: var(--dm-spacing-224);
  }
  .dm-padding-256 {
    padding: var(--dm-spacing-256);
  }
  .dm-padding-horizontal-256 {
    padding-left: var(--dm-spacing-256);
    padding-right: var(--dm-spacing-256);
  }
  .dm-padding-vertical-256 {
    padding-top: var(--dm-spacing-256);
    padding-bottom: var(--dm-spacing-256);
  }
  .dm-padding-top-256 {
    padding-top: var(--dm-spacing-256);
  }
  .dm-padding-bottom-256 {
    padding-bottom: var(--dm-spacing-256);
  }
  .dm-padding-left-256 {
    padding-left: var(--dm-spacing-256);
  }
  .dm-padding-right-256 {
    padding-right: var(--dm-spacing-256);
  }
  .dm-padding-320 {
    padding: var(--dm-spacing-320);
  }
  .dm-padding-horizontal-320 {
    padding-left: var(--dm-spacing-320);
    padding-right: var(--dm-spacing-320);
  }
  .dm-padding-vertical-320 {
    padding-top: var(--dm-spacing-320);
    padding-bottom: var(--dm-spacing-320);
  }
  .dm-padding-top-320 {
    padding-top: var(--dm-spacing-320);
  }
  .dm-padding-bottom-320 {
    padding-bottom: var(--dm-spacing-320);
  }
  .dm-padding-left-320 {
    padding-left: var(--dm-spacing-320);
  }
  .dm-padding-right-320 {
    padding-right: var(--dm-spacing-320);
  }
  .dm-padding-384 {
    padding: var(--dm-spacing-384);
  }
  .dm-padding-horizontal-384 {
    padding-left: var(--dm-spacing-384);
    padding-right: var(--dm-spacing-384);
  }
  .dm-padding-vertical-384 {
    padding-top: var(--dm-spacing-384);
    padding-bottom: var(--dm-spacing-384);
  }
  .dm-padding-top-384 {
    padding-top: var(--dm-spacing-384);
  }
  .dm-padding-bottom-384 {
    padding-bottom: var(--dm-spacing-384);
  }
  .dm-padding-left-384 {
    padding-left: var(--dm-spacing-384);
  }
  .dm-padding-right-384 {
    padding-right: var(--dm-spacing-384);
  }
  .dm-padding-480 {
    padding: var(--dm-spacing-480);
  }
  .dm-padding-horizontal-480 {
    padding-left: var(--dm-spacing-480);
    padding-right: var(--dm-spacing-480);
  }
  .dm-padding-vertical-480 {
    padding-top: var(--dm-spacing-480);
    padding-bottom: var(--dm-spacing-480);
  }
  .dm-padding-top-480 {
    padding-top: var(--dm-spacing-480);
  }
  .dm-padding-bottom-480 {
    padding-bottom: var(--dm-spacing-480);
  }
  .dm-padding-left-480 {
    padding-left: var(--dm-spacing-480);
  }
  .dm-padding-right-480 {
    padding-right: var(--dm-spacing-480);
  }
  .dm-padding-560 {
    padding: var(--dm-spacing-560);
  }
  .dm-padding-horizontal-560 {
    padding-left: var(--dm-spacing-560);
    padding-right: var(--dm-spacing-560);
  }
  .dm-padding-vertical-560 {
    padding-top: var(--dm-spacing-560);
    padding-bottom: var(--dm-spacing-560);
  }
  .dm-padding-top-560 {
    padding-top: var(--dm-spacing-560);
  }
  .dm-padding-bottom-560 {
    padding-bottom: var(--dm-spacing-560);
  }
  .dm-padding-left-560 {
    padding-left: var(--dm-spacing-560);
  }
  .dm-padding-right-560 {
    padding-right: var(--dm-spacing-560);
  }
  .dm-padding-640 {
    padding: var(--dm-spacing-640);
  }
  .dm-padding-horizontal-640 {
    padding-left: var(--dm-spacing-640);
    padding-right: var(--dm-spacing-640);
  }
  .dm-padding-vertical-640 {
    padding-top: var(--dm-spacing-640);
    padding-bottom: var(--dm-spacing-640);
  }
  .dm-padding-top-640 {
    padding-top: var(--dm-spacing-640);
  }
  .dm-padding-bottom-640 {
    padding-bottom: var(--dm-spacing-640);
  }
  .dm-padding-left-640 {
    padding-left: var(--dm-spacing-640);
  }
  .dm-padding-right-640 {
    padding-right: var(--dm-spacing-640);
  }
  .dm-padding-720 {
    padding: var(--dm-spacing-720);
  }
  .dm-padding-horizontal-720 {
    padding-left: var(--dm-spacing-720);
    padding-right: var(--dm-spacing-720);
  }
  .dm-padding-vertical-720 {
    padding-top: var(--dm-spacing-720);
    padding-bottom: var(--dm-spacing-720);
  }
  .dm-padding-top-720 {
    padding-top: var(--dm-spacing-720);
  }
  .dm-padding-bottom-720 {
    padding-bottom: var(--dm-spacing-720);
  }
  .dm-padding-left-720 {
    padding-left: var(--dm-spacing-720);
  }
  .dm-padding-right-720 {
    padding-right: var(--dm-spacing-720);
  }
  .dm-padding-768 {
    padding: var(--dm-spacing-768);
  }
  .dm-padding-horizontal-768 {
    padding-left: var(--dm-spacing-768);
    padding-right: var(--dm-spacing-768);
  }
  .dm-padding-vertical-768 {
    padding-top: var(--dm-spacing-768);
    padding-bottom: var(--dm-spacing-768);
  }
  .dm-padding-top-768 {
    padding-top: var(--dm-spacing-768);
  }
  .dm-padding-bottom-768 {
    padding-bottom: var(--dm-spacing-768);
  }
  .dm-padding-left-768 {
    padding-left: var(--dm-spacing-768);
  }
  .dm-padding-right-768 {
    padding-right: var(--dm-spacing-768);
  }
  .dm-padding-1024 {
    padding: var(--dm-spacing-1024);
  }
  .dm-padding-horizontal-1024 {
    padding-left: var(--dm-spacing-1024);
    padding-right: var(--dm-spacing-1024);
  }
  .dm-padding-vertical-1024 {
    padding-top: var(--dm-spacing-1024);
    padding-bottom: var(--dm-spacing-1024);
  }
  .dm-padding-top-1024 {
    padding-top: var(--dm-spacing-1024);
  }
  .dm-padding-bottom-1024 {
    padding-bottom: var(--dm-spacing-1024);
  }
  .dm-padding-left-1024 {
    padding-left: var(--dm-spacing-1024);
  }
  .dm-padding-right-1024 {
    padding-right: var(--dm-spacing-1024);
  }
  .dm-padding-1280 {
    padding: var(--dm-spacing-1280);
  }
  .dm-padding-horizontal-1280 {
    padding-left: var(--dm-spacing-1280);
    padding-right: var(--dm-spacing-1280);
  }
  .dm-padding-vertical-1280 {
    padding-top: var(--dm-spacing-1280);
    padding-bottom: var(--dm-spacing-1280);
  }
  .dm-padding-top-1280 {
    padding-top: var(--dm-spacing-1280);
  }
  .dm-padding-bottom-1280 {
    padding-bottom: var(--dm-spacing-1280);
  }
  .dm-padding-left-1280 {
    padding-left: var(--dm-spacing-1280);
  }
  .dm-padding-right-1280 {
    padding-right: var(--dm-spacing-1280);
  }
  .dm-padding-1440 {
    padding: var(--dm-spacing-1440);
  }
  .dm-padding-horizontal-1440 {
    padding-left: var(--dm-spacing-1440);
    padding-right: var(--dm-spacing-1440);
  }
  .dm-padding-vertical-1440 {
    padding-top: var(--dm-spacing-1440);
    padding-bottom: var(--dm-spacing-1440);
  }
  .dm-padding-top-1440 {
    padding-top: var(--dm-spacing-1440);
  }
  .dm-padding-bottom-1440 {
    padding-bottom: var(--dm-spacing-1440);
  }
  .dm-padding-left-1440 {
    padding-left: var(--dm-spacing-1440);
  }
  .dm-padding-right-1440 {
    padding-right: var(--dm-spacing-1440);
  }
  .dm-padding-1600 {
    padding: var(--dm-spacing-1600);
  }
  .dm-padding-horizontal-1600 {
    padding-left: var(--dm-spacing-1600);
    padding-right: var(--dm-spacing-1600);
  }
  .dm-padding-vertical-1600 {
    padding-top: var(--dm-spacing-1600);
    padding-bottom: var(--dm-spacing-1600);
  }
  .dm-padding-top-1600 {
    padding-top: var(--dm-spacing-1600);
  }
  .dm-padding-bottom-1600 {
    padding-bottom: var(--dm-spacing-1600);
  }
  .dm-padding-left-1600 {
    padding-left: var(--dm-spacing-1600);
  }
  .dm-padding-right-1600 {
    padding-right: var(--dm-spacing-1600);
  }
  .dm-padding-1920 {
    padding: var(--dm-spacing-1920);
  }
  .dm-padding-horizontal-1920 {
    padding-left: var(--dm-spacing-1920);
    padding-right: var(--dm-spacing-1920);
  }
  .dm-padding-vertical-1920 {
    padding-top: var(--dm-spacing-1920);
    padding-bottom: var(--dm-spacing-1920);
  }
  .dm-padding-top-1920 {
    padding-top: var(--dm-spacing-1920);
  }
  .dm-padding-bottom-1920 {
    padding-bottom: var(--dm-spacing-1920);
  }
  .dm-padding-left-1920 {
    padding-left: var(--dm-spacing-1920);
  }
  .dm-padding-right-1920 {
    padding-right: var(--dm-spacing-1920);
  }
  .dm-margin-0 {
    margin: var(--dm-spacing-0);
  }
  .dm-margin-horizontal-0 {
    margin-left: var(--dm-spacing-0);
    margin-right: var(--dm-spacing-0);
  }
  .dm-margin-vertical-0 {
    margin-top: var(--dm-spacing-0);
    margin-bottom: var(--dm-spacing-0);
  }
  .dm-margin-top-0 {
    margin-top: var(--dm-spacing-0);
  }
  .dm-margin-bottom-0 {
    margin-bottom: var(--dm-spacing-0);
  }
  .dm-margin-left-0 {
    margin-left: var(--dm-spacing-0);
  }
  .dm-margin-right-0 {
    margin-right: var(--dm-spacing-0);
  }
  .dm-margin-2 {
    margin: var(--dm-spacing-2);
  }
  .dm-margin-horizontal-2 {
    margin-left: var(--dm-spacing-2);
    margin-right: var(--dm-spacing-2);
  }
  .dm-margin-vertical-2 {
    margin-top: var(--dm-spacing-2);
    margin-bottom: var(--dm-spacing-2);
  }
  .dm-margin-top-2 {
    margin-top: var(--dm-spacing-2);
  }
  .dm-margin-bottom-2 {
    margin-bottom: var(--dm-spacing-2);
  }
  .dm-margin-left-2 {
    margin-left: var(--dm-spacing-2);
  }
  .dm-margin-right-2 {
    margin-right: var(--dm-spacing-2);
  }
  .dm-margin-3 {
    margin: var(--dm-spacing-3);
  }
  .dm-margin-horizontal-3 {
    margin-left: var(--dm-spacing-3);
    margin-right: var(--dm-spacing-3);
  }
  .dm-margin-vertical-3 {
    margin-top: var(--dm-spacing-3);
    margin-bottom: var(--dm-spacing-3);
  }
  .dm-margin-top-3 {
    margin-top: var(--dm-spacing-3);
  }
  .dm-margin-bottom-3 {
    margin-bottom: var(--dm-spacing-3);
  }
  .dm-margin-left-3 {
    margin-left: var(--dm-spacing-3);
  }
  .dm-margin-right-3 {
    margin-right: var(--dm-spacing-3);
  }
  .dm-margin-4 {
    margin: var(--dm-spacing-4);
  }
  .dm-margin-horizontal-4 {
    margin-left: var(--dm-spacing-4);
    margin-right: var(--dm-spacing-4);
  }
  .dm-margin-vertical-4 {
    margin-top: var(--dm-spacing-4);
    margin-bottom: var(--dm-spacing-4);
  }
  .dm-margin-top-4 {
    margin-top: var(--dm-spacing-4);
  }
  .dm-margin-bottom-4 {
    margin-bottom: var(--dm-spacing-4);
  }
  .dm-margin-left-4 {
    margin-left: var(--dm-spacing-4);
  }
  .dm-margin-right-4 {
    margin-right: var(--dm-spacing-4);
  }
  .dm-margin-5 {
    margin: var(--dm-spacing-5);
  }
  .dm-margin-horizontal-5 {
    margin-left: var(--dm-spacing-5);
    margin-right: var(--dm-spacing-5);
  }
  .dm-margin-vertical-5 {
    margin-top: var(--dm-spacing-5);
    margin-bottom: var(--dm-spacing-5);
  }
  .dm-margin-top-5 {
    margin-top: var(--dm-spacing-5);
  }
  .dm-margin-bottom-5 {
    margin-bottom: var(--dm-spacing-5);
  }
  .dm-margin-left-5 {
    margin-left: var(--dm-spacing-5);
  }
  .dm-margin-right-5 {
    margin-right: var(--dm-spacing-5);
  }
  .dm-margin-6 {
    margin: var(--dm-spacing-6);
  }
  .dm-margin-horizontal-6 {
    margin-left: var(--dm-spacing-6);
    margin-right: var(--dm-spacing-6);
  }
  .dm-margin-vertical-6 {
    margin-top: var(--dm-spacing-6);
    margin-bottom: var(--dm-spacing-6);
  }
  .dm-margin-top-6 {
    margin-top: var(--dm-spacing-6);
  }
  .dm-margin-bottom-6 {
    margin-bottom: var(--dm-spacing-6);
  }
  .dm-margin-left-6 {
    margin-left: var(--dm-spacing-6);
  }
  .dm-margin-right-6 {
    margin-right: var(--dm-spacing-6);
  }
  .dm-margin-8 {
    margin: var(--dm-spacing-8);
  }
  .dm-margin-horizontal-8 {
    margin-left: var(--dm-spacing-8);
    margin-right: var(--dm-spacing-8);
  }
  .dm-margin-vertical-8 {
    margin-top: var(--dm-spacing-8);
    margin-bottom: var(--dm-spacing-8);
  }
  .dm-margin-top-8 {
    margin-top: var(--dm-spacing-8);
  }
  .dm-margin-bottom-8 {
    margin-bottom: var(--dm-spacing-8);
  }
  .dm-margin-left-8 {
    margin-left: var(--dm-spacing-8);
  }
  .dm-margin-right-8 {
    margin-right: var(--dm-spacing-8);
  }
  .dm-margin-9 {
    margin: var(--dm-spacing-9);
  }
  .dm-margin-horizontal-9 {
    margin-left: var(--dm-spacing-9);
    margin-right: var(--dm-spacing-9);
  }
  .dm-margin-vertical-9 {
    margin-top: var(--dm-spacing-9);
    margin-bottom: var(--dm-spacing-9);
  }
  .dm-margin-top-9 {
    margin-top: var(--dm-spacing-9);
  }
  .dm-margin-bottom-9 {
    margin-bottom: var(--dm-spacing-9);
  }
  .dm-margin-left-9 {
    margin-left: var(--dm-spacing-9);
  }
  .dm-margin-right-9 {
    margin-right: var(--dm-spacing-9);
  }
  .dm-margin-10 {
    margin: var(--dm-spacing-10);
  }
  .dm-margin-horizontal-10 {
    margin-left: var(--dm-spacing-10);
    margin-right: var(--dm-spacing-10);
  }
  .dm-margin-vertical-10 {
    margin-top: var(--dm-spacing-10);
    margin-bottom: var(--dm-spacing-10);
  }
  .dm-margin-top-10 {
    margin-top: var(--dm-spacing-10);
  }
  .dm-margin-bottom-10 {
    margin-bottom: var(--dm-spacing-10);
  }
  .dm-margin-left-10 {
    margin-left: var(--dm-spacing-10);
  }
  .dm-margin-right-10 {
    margin-right: var(--dm-spacing-10);
  }
  .dm-margin-11 {
    margin: var(--dm-spacing-11);
  }
  .dm-margin-horizontal-11 {
    margin-left: var(--dm-spacing-11);
    margin-right: var(--dm-spacing-11);
  }
  .dm-margin-vertical-11 {
    margin-top: var(--dm-spacing-11);
    margin-bottom: var(--dm-spacing-11);
  }
  .dm-margin-top-11 {
    margin-top: var(--dm-spacing-11);
  }
  .dm-margin-bottom-11 {
    margin-bottom: var(--dm-spacing-11);
  }
  .dm-margin-left-11 {
    margin-left: var(--dm-spacing-11);
  }
  .dm-margin-right-11 {
    margin-right: var(--dm-spacing-11);
  }
  .dm-margin-12 {
    margin: var(--dm-spacing-12);
  }
  .dm-margin-horizontal-12 {
    margin-left: var(--dm-spacing-12);
    margin-right: var(--dm-spacing-12);
  }
  .dm-margin-vertical-12 {
    margin-top: var(--dm-spacing-12);
    margin-bottom: var(--dm-spacing-12);
  }
  .dm-margin-top-12 {
    margin-top: var(--dm-spacing-12);
  }
  .dm-margin-bottom-12 {
    margin-bottom: var(--dm-spacing-12);
  }
  .dm-margin-left-12 {
    margin-left: var(--dm-spacing-12);
  }
  .dm-margin-right-12 {
    margin-right: var(--dm-spacing-12);
  }
  .dm-margin-14 {
    margin: var(--dm-spacing-14);
  }
  .dm-margin-horizontal-14 {
    margin-left: var(--dm-spacing-14);
    margin-right: var(--dm-spacing-14);
  }
  .dm-margin-vertical-14 {
    margin-top: var(--dm-spacing-14);
    margin-bottom: var(--dm-spacing-14);
  }
  .dm-margin-top-14 {
    margin-top: var(--dm-spacing-14);
  }
  .dm-margin-bottom-14 {
    margin-bottom: var(--dm-spacing-14);
  }
  .dm-margin-left-14 {
    margin-left: var(--dm-spacing-14);
  }
  .dm-margin-right-14 {
    margin-right: var(--dm-spacing-14);
  }
  .dm-margin-16 {
    margin: var(--dm-spacing-16);
  }
  .dm-margin-horizontal-16 {
    margin-left: var(--dm-spacing-16);
    margin-right: var(--dm-spacing-16);
  }
  .dm-margin-vertical-16 {
    margin-top: var(--dm-spacing-16);
    margin-bottom: var(--dm-spacing-16);
  }
  .dm-margin-top-16 {
    margin-top: var(--dm-spacing-16);
  }
  .dm-margin-bottom-16 {
    margin-bottom: var(--dm-spacing-16);
  }
  .dm-margin-left-16 {
    margin-left: var(--dm-spacing-16);
  }
  .dm-margin-right-16 {
    margin-right: var(--dm-spacing-16);
  }
  .dm-margin-20 {
    margin: var(--dm-spacing-20);
  }
  .dm-margin-horizontal-20 {
    margin-left: var(--dm-spacing-20);
    margin-right: var(--dm-spacing-20);
  }
  .dm-margin-vertical-20 {
    margin-top: var(--dm-spacing-20);
    margin-bottom: var(--dm-spacing-20);
  }
  .dm-margin-top-20 {
    margin-top: var(--dm-spacing-20);
  }
  .dm-margin-bottom-20 {
    margin-bottom: var(--dm-spacing-20);
  }
  .dm-margin-left-20 {
    margin-left: var(--dm-spacing-20);
  }
  .dm-margin-right-20 {
    margin-right: var(--dm-spacing-20);
  }
  .dm-margin-24 {
    margin: var(--dm-spacing-24);
  }
  .dm-margin-horizontal-24 {
    margin-left: var(--dm-spacing-24);
    margin-right: var(--dm-spacing-24);
  }
  .dm-margin-vertical-24 {
    margin-top: var(--dm-spacing-24);
    margin-bottom: var(--dm-spacing-24);
  }
  .dm-margin-top-24 {
    margin-top: var(--dm-spacing-24);
  }
  .dm-margin-bottom-24 {
    margin-bottom: var(--dm-spacing-24);
  }
  .dm-margin-left-24 {
    margin-left: var(--dm-spacing-24);
  }
  .dm-margin-right-24 {
    margin-right: var(--dm-spacing-24);
  }
  .dm-margin-32 {
    margin: var(--dm-spacing-32);
  }
  .dm-margin-horizontal-32 {
    margin-left: var(--dm-spacing-32);
    margin-right: var(--dm-spacing-32);
  }
  .dm-margin-vertical-32 {
    margin-top: var(--dm-spacing-32);
    margin-bottom: var(--dm-spacing-32);
  }
  .dm-margin-top-32 {
    margin-top: var(--dm-spacing-32);
  }
  .dm-margin-bottom-32 {
    margin-bottom: var(--dm-spacing-32);
  }
  .dm-margin-left-32 {
    margin-left: var(--dm-spacing-32);
  }
  .dm-margin-right-32 {
    margin-right: var(--dm-spacing-32);
  }
  .dm-margin-40 {
    margin: var(--dm-spacing-40);
  }
  .dm-margin-horizontal-40 {
    margin-left: var(--dm-spacing-40);
    margin-right: var(--dm-spacing-40);
  }
  .dm-margin-vertical-40 {
    margin-top: var(--dm-spacing-40);
    margin-bottom: var(--dm-spacing-40);
  }
  .dm-margin-top-40 {
    margin-top: var(--dm-spacing-40);
  }
  .dm-margin-bottom-40 {
    margin-bottom: var(--dm-spacing-40);
  }
  .dm-margin-left-40 {
    margin-left: var(--dm-spacing-40);
  }
  .dm-margin-right-40 {
    margin-right: var(--dm-spacing-40);
  }
  .dm-margin-48 {
    margin: var(--dm-spacing-48);
  }
  .dm-margin-horizontal-48 {
    margin-left: var(--dm-spacing-48);
    margin-right: var(--dm-spacing-48);
  }
  .dm-margin-vertical-48 {
    margin-top: var(--dm-spacing-48);
    margin-bottom: var(--dm-spacing-48);
  }
  .dm-margin-top-48 {
    margin-top: var(--dm-spacing-48);
  }
  .dm-margin-bottom-48 {
    margin-bottom: var(--dm-spacing-48);
  }
  .dm-margin-left-48 {
    margin-left: var(--dm-spacing-48);
  }
  .dm-margin-right-48 {
    margin-right: var(--dm-spacing-48);
  }
  .dm-margin-64 {
    margin: var(--dm-spacing-64);
  }
  .dm-margin-horizontal-64 {
    margin-left: var(--dm-spacing-64);
    margin-right: var(--dm-spacing-64);
  }
  .dm-margin-vertical-64 {
    margin-top: var(--dm-spacing-64);
    margin-bottom: var(--dm-spacing-64);
  }
  .dm-margin-top-64 {
    margin-top: var(--dm-spacing-64);
  }
  .dm-margin-bottom-64 {
    margin-bottom: var(--dm-spacing-64);
  }
  .dm-margin-left-64 {
    margin-left: var(--dm-spacing-64);
  }
  .dm-margin-right-64 {
    margin-right: var(--dm-spacing-64);
  }
  .dm-margin-80 {
    margin: var(--dm-spacing-80);
  }
  .dm-margin-horizontal-80 {
    margin-left: var(--dm-spacing-80);
    margin-right: var(--dm-spacing-80);
  }
  .dm-margin-vertical-80 {
    margin-top: var(--dm-spacing-80);
    margin-bottom: var(--dm-spacing-80);
  }
  .dm-margin-top-80 {
    margin-top: var(--dm-spacing-80);
  }
  .dm-margin-bottom-80 {
    margin-bottom: var(--dm-spacing-80);
  }
  .dm-margin-left-80 {
    margin-left: var(--dm-spacing-80);
  }
  .dm-margin-right-80 {
    margin-right: var(--dm-spacing-80);
  }
  .dm-margin-96 {
    margin: var(--dm-spacing-96);
  }
  .dm-margin-horizontal-96 {
    margin-left: var(--dm-spacing-96);
    margin-right: var(--dm-spacing-96);
  }
  .dm-margin-vertical-96 {
    margin-top: var(--dm-spacing-96);
    margin-bottom: var(--dm-spacing-96);
  }
  .dm-margin-top-96 {
    margin-top: var(--dm-spacing-96);
  }
  .dm-margin-bottom-96 {
    margin-bottom: var(--dm-spacing-96);
  }
  .dm-margin-left-96 {
    margin-left: var(--dm-spacing-96);
  }
  .dm-margin-right-96 {
    margin-right: var(--dm-spacing-96);
  }
  .dm-margin-128 {
    margin: var(--dm-spacing-128);
  }
  .dm-margin-horizontal-128 {
    margin-left: var(--dm-spacing-128);
    margin-right: var(--dm-spacing-128);
  }
  .dm-margin-vertical-128 {
    margin-top: var(--dm-spacing-128);
    margin-bottom: var(--dm-spacing-128);
  }
  .dm-margin-top-128 {
    margin-top: var(--dm-spacing-128);
  }
  .dm-margin-bottom-128 {
    margin-bottom: var(--dm-spacing-128);
  }
  .dm-margin-left-128 {
    margin-left: var(--dm-spacing-128);
  }
  .dm-margin-right-128 {
    margin-right: var(--dm-spacing-128);
  }
  .dm-margin-160 {
    margin: var(--dm-spacing-160);
  }
  .dm-margin-horizontal-160 {
    margin-left: var(--dm-spacing-160);
    margin-right: var(--dm-spacing-160);
  }
  .dm-margin-vertical-160 {
    margin-top: var(--dm-spacing-160);
    margin-bottom: var(--dm-spacing-160);
  }
  .dm-margin-top-160 {
    margin-top: var(--dm-spacing-160);
  }
  .dm-margin-bottom-160 {
    margin-bottom: var(--dm-spacing-160);
  }
  .dm-margin-left-160 {
    margin-left: var(--dm-spacing-160);
  }
  .dm-margin-right-160 {
    margin-right: var(--dm-spacing-160);
  }
  .dm-margin-192 {
    margin: var(--dm-spacing-192);
  }
  .dm-margin-horizontal-192 {
    margin-left: var(--dm-spacing-192);
    margin-right: var(--dm-spacing-192);
  }
  .dm-margin-vertical-192 {
    margin-top: var(--dm-spacing-192);
    margin-bottom: var(--dm-spacing-192);
  }
  .dm-margin-top-192 {
    margin-top: var(--dm-spacing-192);
  }
  .dm-margin-bottom-192 {
    margin-bottom: var(--dm-spacing-192);
  }
  .dm-margin-left-192 {
    margin-left: var(--dm-spacing-192);
  }
  .dm-margin-right-192 {
    margin-right: var(--dm-spacing-192);
  }
  .dm-margin-224 {
    margin: var(--dm-spacing-224);
  }
  .dm-margin-horizontal-224 {
    margin-left: var(--dm-spacing-224);
    margin-right: var(--dm-spacing-224);
  }
  .dm-margin-vertical-224 {
    margin-top: var(--dm-spacing-224);
    margin-bottom: var(--dm-spacing-224);
  }
  .dm-margin-top-224 {
    margin-top: var(--dm-spacing-224);
  }
  .dm-margin-bottom-224 {
    margin-bottom: var(--dm-spacing-224);
  }
  .dm-margin-left-224 {
    margin-left: var(--dm-spacing-224);
  }
  .dm-margin-right-224 {
    margin-right: var(--dm-spacing-224);
  }
  .dm-margin-256 {
    margin: var(--dm-spacing-256);
  }
  .dm-margin-horizontal-256 {
    margin-left: var(--dm-spacing-256);
    margin-right: var(--dm-spacing-256);
  }
  .dm-margin-vertical-256 {
    margin-top: var(--dm-spacing-256);
    margin-bottom: var(--dm-spacing-256);
  }
  .dm-margin-top-256 {
    margin-top: var(--dm-spacing-256);
  }
  .dm-margin-bottom-256 {
    margin-bottom: var(--dm-spacing-256);
  }
  .dm-margin-left-256 {
    margin-left: var(--dm-spacing-256);
  }
  .dm-margin-right-256 {
    margin-right: var(--dm-spacing-256);
  }
  .dm-margin-320 {
    margin: var(--dm-spacing-320);
  }
  .dm-margin-horizontal-320 {
    margin-left: var(--dm-spacing-320);
    margin-right: var(--dm-spacing-320);
  }
  .dm-margin-vertical-320 {
    margin-top: var(--dm-spacing-320);
    margin-bottom: var(--dm-spacing-320);
  }
  .dm-margin-top-320 {
    margin-top: var(--dm-spacing-320);
  }
  .dm-margin-bottom-320 {
    margin-bottom: var(--dm-spacing-320);
  }
  .dm-margin-left-320 {
    margin-left: var(--dm-spacing-320);
  }
  .dm-margin-right-320 {
    margin-right: var(--dm-spacing-320);
  }
  .dm-margin-384 {
    margin: var(--dm-spacing-384);
  }
  .dm-margin-horizontal-384 {
    margin-left: var(--dm-spacing-384);
    margin-right: var(--dm-spacing-384);
  }
  .dm-margin-vertical-384 {
    margin-top: var(--dm-spacing-384);
    margin-bottom: var(--dm-spacing-384);
  }
  .dm-margin-top-384 {
    margin-top: var(--dm-spacing-384);
  }
  .dm-margin-bottom-384 {
    margin-bottom: var(--dm-spacing-384);
  }
  .dm-margin-left-384 {
    margin-left: var(--dm-spacing-384);
  }
  .dm-margin-right-384 {
    margin-right: var(--dm-spacing-384);
  }
  .dm-margin-480 {
    margin: var(--dm-spacing-480);
  }
  .dm-margin-horizontal-480 {
    margin-left: var(--dm-spacing-480);
    margin-right: var(--dm-spacing-480);
  }
  .dm-margin-vertical-480 {
    margin-top: var(--dm-spacing-480);
    margin-bottom: var(--dm-spacing-480);
  }
  .dm-margin-top-480 {
    margin-top: var(--dm-spacing-480);
  }
  .dm-margin-bottom-480 {
    margin-bottom: var(--dm-spacing-480);
  }
  .dm-margin-left-480 {
    margin-left: var(--dm-spacing-480);
  }
  .dm-margin-right-480 {
    margin-right: var(--dm-spacing-480);
  }
  .dm-margin-560 {
    margin: var(--dm-spacing-560);
  }
  .dm-margin-horizontal-560 {
    margin-left: var(--dm-spacing-560);
    margin-right: var(--dm-spacing-560);
  }
  .dm-margin-vertical-560 {
    margin-top: var(--dm-spacing-560);
    margin-bottom: var(--dm-spacing-560);
  }
  .dm-margin-top-560 {
    margin-top: var(--dm-spacing-560);
  }
  .dm-margin-bottom-560 {
    margin-bottom: var(--dm-spacing-560);
  }
  .dm-margin-left-560 {
    margin-left: var(--dm-spacing-560);
  }
  .dm-margin-right-560 {
    margin-right: var(--dm-spacing-560);
  }
  .dm-margin-640 {
    margin: var(--dm-spacing-640);
  }
  .dm-margin-horizontal-640 {
    margin-left: var(--dm-spacing-640);
    margin-right: var(--dm-spacing-640);
  }
  .dm-margin-vertical-640 {
    margin-top: var(--dm-spacing-640);
    margin-bottom: var(--dm-spacing-640);
  }
  .dm-margin-top-640 {
    margin-top: var(--dm-spacing-640);
  }
  .dm-margin-bottom-640 {
    margin-bottom: var(--dm-spacing-640);
  }
  .dm-margin-left-640 {
    margin-left: var(--dm-spacing-640);
  }
  .dm-margin-right-640 {
    margin-right: var(--dm-spacing-640);
  }
  .dm-margin-720 {
    margin: var(--dm-spacing-720);
  }
  .dm-margin-horizontal-720 {
    margin-left: var(--dm-spacing-720);
    margin-right: var(--dm-spacing-720);
  }
  .dm-margin-vertical-720 {
    margin-top: var(--dm-spacing-720);
    margin-bottom: var(--dm-spacing-720);
  }
  .dm-margin-top-720 {
    margin-top: var(--dm-spacing-720);
  }
  .dm-margin-bottom-720 {
    margin-bottom: var(--dm-spacing-720);
  }
  .dm-margin-left-720 {
    margin-left: var(--dm-spacing-720);
  }
  .dm-margin-right-720 {
    margin-right: var(--dm-spacing-720);
  }
  .dm-margin-768 {
    margin: var(--dm-spacing-768);
  }
  .dm-margin-horizontal-768 {
    margin-left: var(--dm-spacing-768);
    margin-right: var(--dm-spacing-768);
  }
  .dm-margin-vertical-768 {
    margin-top: var(--dm-spacing-768);
    margin-bottom: var(--dm-spacing-768);
  }
  .dm-margin-top-768 {
    margin-top: var(--dm-spacing-768);
  }
  .dm-margin-bottom-768 {
    margin-bottom: var(--dm-spacing-768);
  }
  .dm-margin-left-768 {
    margin-left: var(--dm-spacing-768);
  }
  .dm-margin-right-768 {
    margin-right: var(--dm-spacing-768);
  }
  .dm-margin-1024 {
    margin: var(--dm-spacing-1024);
  }
  .dm-margin-horizontal-1024 {
    margin-left: var(--dm-spacing-1024);
    margin-right: var(--dm-spacing-1024);
  }
  .dm-margin-vertical-1024 {
    margin-top: var(--dm-spacing-1024);
    margin-bottom: var(--dm-spacing-1024);
  }
  .dm-margin-top-1024 {
    margin-top: var(--dm-spacing-1024);
  }
  .dm-margin-bottom-1024 {
    margin-bottom: var(--dm-spacing-1024);
  }
  .dm-margin-left-1024 {
    margin-left: var(--dm-spacing-1024);
  }
  .dm-margin-right-1024 {
    margin-right: var(--dm-spacing-1024);
  }
  .dm-margin-1280 {
    margin: var(--dm-spacing-1280);
  }
  .dm-margin-horizontal-1280 {
    margin-left: var(--dm-spacing-1280);
    margin-right: var(--dm-spacing-1280);
  }
  .dm-margin-vertical-1280 {
    margin-top: var(--dm-spacing-1280);
    margin-bottom: var(--dm-spacing-1280);
  }
  .dm-margin-top-1280 {
    margin-top: var(--dm-spacing-1280);
  }
  .dm-margin-bottom-1280 {
    margin-bottom: var(--dm-spacing-1280);
  }
  .dm-margin-left-1280 {
    margin-left: var(--dm-spacing-1280);
  }
  .dm-margin-right-1280 {
    margin-right: var(--dm-spacing-1280);
  }
  .dm-margin-1440 {
    margin: var(--dm-spacing-1440);
  }
  .dm-margin-horizontal-1440 {
    margin-left: var(--dm-spacing-1440);
    margin-right: var(--dm-spacing-1440);
  }
  .dm-margin-vertical-1440 {
    margin-top: var(--dm-spacing-1440);
    margin-bottom: var(--dm-spacing-1440);
  }
  .dm-margin-top-1440 {
    margin-top: var(--dm-spacing-1440);
  }
  .dm-margin-bottom-1440 {
    margin-bottom: var(--dm-spacing-1440);
  }
  .dm-margin-left-1440 {
    margin-left: var(--dm-spacing-1440);
  }
  .dm-margin-right-1440 {
    margin-right: var(--dm-spacing-1440);
  }
  .dm-margin-1600 {
    margin: var(--dm-spacing-1600);
  }
  .dm-margin-horizontal-1600 {
    margin-left: var(--dm-spacing-1600);
    margin-right: var(--dm-spacing-1600);
  }
  .dm-margin-vertical-1600 {
    margin-top: var(--dm-spacing-1600);
    margin-bottom: var(--dm-spacing-1600);
  }
  .dm-margin-top-1600 {
    margin-top: var(--dm-spacing-1600);
  }
  .dm-margin-bottom-1600 {
    margin-bottom: var(--dm-spacing-1600);
  }
  .dm-margin-left-1600 {
    margin-left: var(--dm-spacing-1600);
  }
  .dm-margin-right-1600 {
    margin-right: var(--dm-spacing-1600);
  }
  .dm-margin-1920 {
    margin: var(--dm-spacing-1920);
  }
  .dm-margin-horizontal-1920 {
    margin-left: var(--dm-spacing-1920);
    margin-right: var(--dm-spacing-1920);
  }
  .dm-margin-vertical-1920 {
    margin-top: var(--dm-spacing-1920);
    margin-bottom: var(--dm-spacing-1920);
  }
  .dm-margin-top-1920 {
    margin-top: var(--dm-spacing-1920);
  }
  .dm-margin-bottom-1920 {
    margin-bottom: var(--dm-spacing-1920);
  }
  .dm-margin-left-1920 {
    margin-left: var(--dm-spacing-1920);
  }
  .dm-margin-right-1920 {
    margin-right: var(--dm-spacing-1920);
  }
  .dm-border-radius-0 {
    border-radius: var(--dm-spacing-0);
  }
  .dm-border-radius-2 {
    border-radius: var(--dm-spacing-2);
  }
  .dm-border-radius-3 {
    border-radius: var(--dm-spacing-3);
  }
  .dm-border-radius-4 {
    border-radius: var(--dm-spacing-4);
  }
  .dm-border-radius-5 {
    border-radius: var(--dm-spacing-5);
  }
  .dm-border-radius-6 {
    border-radius: var(--dm-spacing-6);
  }
  .dm-border-radius-8 {
    border-radius: var(--dm-spacing-8);
  }
  .dm-border-radius-9 {
    border-radius: var(--dm-spacing-9);
  }
  .dm-border-radius-10 {
    border-radius: var(--dm-spacing-10);
  }
  .dm-border-radius-11 {
    border-radius: var(--dm-spacing-11);
  }
  .dm-border-radius-12 {
    border-radius: var(--dm-spacing-12);
  }
  .dm-border-radius-14 {
    border-radius: var(--dm-spacing-14);
  }
  .dm-border-radius-16 {
    border-radius: var(--dm-spacing-16);
  }
  .dm-border-radius-20 {
    border-radius: var(--dm-spacing-20);
  }
  .dm-border-radius-24 {
    border-radius: var(--dm-spacing-24);
  }
  .dm-border-radius-32 {
    border-radius: var(--dm-spacing-32);
  }
  .dm-border-radius-40 {
    border-radius: var(--dm-spacing-40);
  }
  .dm-border-radius-48 {
    border-radius: var(--dm-spacing-48);
  }
  .dm-border-radius-64 {
    border-radius: var(--dm-spacing-64);
  }
  .dm-border-radius-80 {
    border-radius: var(--dm-spacing-80);
  }
  .dm-border-radius-96 {
    border-radius: var(--dm-spacing-96);
  }
  .dm-border-radius-128 {
    border-radius: var(--dm-spacing-128);
  }
  .dm-border-radius-160 {
    border-radius: var(--dm-spacing-160);
  }
  .dm-border-radius-192 {
    border-radius: var(--dm-spacing-192);
  }
  .dm-border-radius-224 {
    border-radius: var(--dm-spacing-224);
  }
  .dm-border-radius-256 {
    border-radius: var(--dm-spacing-256);
  }
  .dm-border-radius-320 {
    border-radius: var(--dm-spacing-320);
  }
  .dm-border-radius-384 {
    border-radius: var(--dm-spacing-384);
  }
  .dm-border-radius-480 {
    border-radius: var(--dm-spacing-480);
  }
  .dm-border-radius-560 {
    border-radius: var(--dm-spacing-560);
  }
  .dm-border-radius-640 {
    border-radius: var(--dm-spacing-640);
  }
  .dm-border-radius-720 {
    border-radius: var(--dm-spacing-720);
  }
  .dm-border-radius-768 {
    border-radius: var(--dm-spacing-768);
  }
  .dm-border-radius-1024 {
    border-radius: var(--dm-spacing-1024);
  }
  .dm-border-radius-1280 {
    border-radius: var(--dm-spacing-1280);
  }
  .dm-border-radius-1440 {
    border-radius: var(--dm-spacing-1440);
  }
  .dm-border-radius-1600 {
    border-radius: var(--dm-spacing-1600);
  }
  .dm-border-radius-1920 {
    border-radius: var(--dm-spacing-1920);
  }
  .dm-margin-auto {
    margin: auto;
  }
  .dm-margin-horizontal-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .dm-margin-vertical-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .dm-margin-top-auto {
    margin-top: auto;
  }
  .dm-margin-right-auto {
    margin-right: auto;
  }
  .dm-margin-bottom-auto {
    margin-bottom: auto;
  }
  .dm-margin-left-auto {
    margin-left: auto;
  }
  .dm-gap-0 {
    gap: var(--dm-spacing-0);
  }
  .dm-gap-x-0 {
    column-gap: var(--dm-spacing-0);
  }
  .dm-gap-y-0 {
    row-gap: var(--dm-spacing-0);
  }
  .dm-gap-2 {
    gap: var(--dm-spacing-2);
  }
  .dm-gap-x-2 {
    column-gap: var(--dm-spacing-2);
  }
  .dm-gap-y-2 {
    row-gap: var(--dm-spacing-2);
  }
  .dm-gap-3 {
    gap: var(--dm-spacing-3);
  }
  .dm-gap-x-3 {
    column-gap: var(--dm-spacing-3);
  }
  .dm-gap-y-3 {
    row-gap: var(--dm-spacing-3);
  }
  .dm-gap-4 {
    gap: var(--dm-spacing-4);
  }
  .dm-gap-x-4 {
    column-gap: var(--dm-spacing-4);
  }
  .dm-gap-y-4 {
    row-gap: var(--dm-spacing-4);
  }
  .dm-gap-5 {
    gap: var(--dm-spacing-5);
  }
  .dm-gap-x-5 {
    column-gap: var(--dm-spacing-5);
  }
  .dm-gap-y-5 {
    row-gap: var(--dm-spacing-5);
  }
  .dm-gap-6 {
    gap: var(--dm-spacing-6);
  }
  .dm-gap-x-6 {
    column-gap: var(--dm-spacing-6);
  }
  .dm-gap-y-6 {
    row-gap: var(--dm-spacing-6);
  }
  .dm-gap-8 {
    gap: var(--dm-spacing-8);
  }
  .dm-gap-x-8 {
    column-gap: var(--dm-spacing-8);
  }
  .dm-gap-y-8 {
    row-gap: var(--dm-spacing-8);
  }
  .dm-gap-9 {
    gap: var(--dm-spacing-9);
  }
  .dm-gap-x-9 {
    column-gap: var(--dm-spacing-9);
  }
  .dm-gap-y-9 {
    row-gap: var(--dm-spacing-9);
  }
  .dm-gap-10 {
    gap: var(--dm-spacing-10);
  }
  .dm-gap-x-10 {
    column-gap: var(--dm-spacing-10);
  }
  .dm-gap-y-10 {
    row-gap: var(--dm-spacing-10);
  }
  .dm-gap-11 {
    gap: var(--dm-spacing-11);
  }
  .dm-gap-x-11 {
    column-gap: var(--dm-spacing-11);
  }
  .dm-gap-y-11 {
    row-gap: var(--dm-spacing-11);
  }
  .dm-gap-12 {
    gap: var(--dm-spacing-12);
  }
  .dm-gap-x-12 {
    column-gap: var(--dm-spacing-12);
  }
  .dm-gap-y-12 {
    row-gap: var(--dm-spacing-12);
  }
  .dm-gap-14 {
    gap: var(--dm-spacing-14);
  }
  .dm-gap-x-14 {
    column-gap: var(--dm-spacing-14);
  }
  .dm-gap-y-14 {
    row-gap: var(--dm-spacing-14);
  }
  .dm-gap-16 {
    gap: var(--dm-spacing-16);
  }
  .dm-gap-x-16 {
    column-gap: var(--dm-spacing-16);
  }
  .dm-gap-y-16 {
    row-gap: var(--dm-spacing-16);
  }
  .dm-gap-20 {
    gap: var(--dm-spacing-20);
  }
  .dm-gap-x-20 {
    column-gap: var(--dm-spacing-20);
  }
  .dm-gap-y-20 {
    row-gap: var(--dm-spacing-20);
  }
  .dm-gap-24 {
    gap: var(--dm-spacing-24);
  }
  .dm-gap-x-24 {
    column-gap: var(--dm-spacing-24);
  }
  .dm-gap-y-24 {
    row-gap: var(--dm-spacing-24);
  }
  .dm-gap-32 {
    gap: var(--dm-spacing-32);
  }
  .dm-gap-x-32 {
    column-gap: var(--dm-spacing-32);
  }
  .dm-gap-y-32 {
    row-gap: var(--dm-spacing-32);
  }
  .dm-gap-40 {
    gap: var(--dm-spacing-40);
  }
  .dm-gap-x-40 {
    column-gap: var(--dm-spacing-40);
  }
  .dm-gap-y-40 {
    row-gap: var(--dm-spacing-40);
  }
  .dm-gap-48 {
    gap: var(--dm-spacing-48);
  }
  .dm-gap-x-48 {
    column-gap: var(--dm-spacing-48);
  }
  .dm-gap-y-48 {
    row-gap: var(--dm-spacing-48);
  }
  .dm-gap-64 {
    gap: var(--dm-spacing-64);
  }
  .dm-gap-x-64 {
    column-gap: var(--dm-spacing-64);
  }
  .dm-gap-y-64 {
    row-gap: var(--dm-spacing-64);
  }
  .dm-gap-80 {
    gap: var(--dm-spacing-80);
  }
  .dm-gap-x-80 {
    column-gap: var(--dm-spacing-80);
  }
  .dm-gap-y-80 {
    row-gap: var(--dm-spacing-80);
  }
  .dm-gap-96 {
    gap: var(--dm-spacing-96);
  }
  .dm-gap-x-96 {
    column-gap: var(--dm-spacing-96);
  }
  .dm-gap-y-96 {
    row-gap: var(--dm-spacing-96);
  }
  .dm-gap-128 {
    gap: var(--dm-spacing-128);
  }
  .dm-gap-x-128 {
    column-gap: var(--dm-spacing-128);
  }
  .dm-gap-y-128 {
    row-gap: var(--dm-spacing-128);
  }
  .dm-gap-160 {
    gap: var(--dm-spacing-160);
  }
  .dm-gap-x-160 {
    column-gap: var(--dm-spacing-160);
  }
  .dm-gap-y-160 {
    row-gap: var(--dm-spacing-160);
  }
  .dm-gap-192 {
    gap: var(--dm-spacing-192);
  }
  .dm-gap-x-192 {
    column-gap: var(--dm-spacing-192);
  }
  .dm-gap-y-192 {
    row-gap: var(--dm-spacing-192);
  }
  .dm-gap-224 {
    gap: var(--dm-spacing-224);
  }
  .dm-gap-x-224 {
    column-gap: var(--dm-spacing-224);
  }
  .dm-gap-y-224 {
    row-gap: var(--dm-spacing-224);
  }
  .dm-gap-256 {
    gap: var(--dm-spacing-256);
  }
  .dm-gap-x-256 {
    column-gap: var(--dm-spacing-256);
  }
  .dm-gap-y-256 {
    row-gap: var(--dm-spacing-256);
  }
  .dm-gap-320 {
    gap: var(--dm-spacing-320);
  }
  .dm-gap-x-320 {
    column-gap: var(--dm-spacing-320);
  }
  .dm-gap-y-320 {
    row-gap: var(--dm-spacing-320);
  }
  .dm-gap-384 {
    gap: var(--dm-spacing-384);
  }
  .dm-gap-x-384 {
    column-gap: var(--dm-spacing-384);
  }
  .dm-gap-y-384 {
    row-gap: var(--dm-spacing-384);
  }
  .dm-gap-480 {
    gap: var(--dm-spacing-480);
  }
  .dm-gap-x-480 {
    column-gap: var(--dm-spacing-480);
  }
  .dm-gap-y-480 {
    row-gap: var(--dm-spacing-480);
  }
  .dm-gap-560 {
    gap: var(--dm-spacing-560);
  }
  .dm-gap-x-560 {
    column-gap: var(--dm-spacing-560);
  }
  .dm-gap-y-560 {
    row-gap: var(--dm-spacing-560);
  }
  .dm-gap-640 {
    gap: var(--dm-spacing-640);
  }
  .dm-gap-x-640 {
    column-gap: var(--dm-spacing-640);
  }
  .dm-gap-y-640 {
    row-gap: var(--dm-spacing-640);
  }
  .dm-gap-720 {
    gap: var(--dm-spacing-720);
  }
  .dm-gap-x-720 {
    column-gap: var(--dm-spacing-720);
  }
  .dm-gap-y-720 {
    row-gap: var(--dm-spacing-720);
  }
  .dm-gap-768 {
    gap: var(--dm-spacing-768);
  }
  .dm-gap-x-768 {
    column-gap: var(--dm-spacing-768);
  }
  .dm-gap-y-768 {
    row-gap: var(--dm-spacing-768);
  }
  .dm-gap-1024 {
    gap: var(--dm-spacing-1024);
  }
  .dm-gap-x-1024 {
    column-gap: var(--dm-spacing-1024);
  }
  .dm-gap-y-1024 {
    row-gap: var(--dm-spacing-1024);
  }
  .dm-gap-1280 {
    gap: var(--dm-spacing-1280);
  }
  .dm-gap-x-1280 {
    column-gap: var(--dm-spacing-1280);
  }
  .dm-gap-y-1280 {
    row-gap: var(--dm-spacing-1280);
  }
  .dm-gap-1440 {
    gap: var(--dm-spacing-1440);
  }
  .dm-gap-x-1440 {
    column-gap: var(--dm-spacing-1440);
  }
  .dm-gap-y-1440 {
    row-gap: var(--dm-spacing-1440);
  }
  .dm-gap-1600 {
    gap: var(--dm-spacing-1600);
  }
  .dm-gap-x-1600 {
    column-gap: var(--dm-spacing-1600);
  }
  .dm-gap-y-1600 {
    row-gap: var(--dm-spacing-1600);
  }
  .dm-gap-1920 {
    gap: var(--dm-spacing-1920);
  }
  .dm-gap-x-1920 {
    column-gap: var(--dm-spacing-1920);
  }
  .dm-gap-y-1920 {
    row-gap: var(--dm-spacing-1920);
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-0 {
      padding: var(--dm-spacing-0);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-0 {
      padding: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-0 {
      padding: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-0 {
      padding: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-0 {
      padding: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-0 {
      padding: var(--dm-spacing-0);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-0 {
      padding: var(--dm-spacing-0);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-0 {
      padding: var(--dm-spacing-0);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-0 {
      padding: var(--dm-spacing-0);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-0 {
      padding: var(--dm-spacing-0);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-0 {
      padding: var(--dm-spacing-0);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-0 {
      padding: var(--dm-spacing-0);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-horizontal-0 {
      padding-left: var(--dm-spacing-0);
      padding-right: var(--dm-spacing-0);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-horizontal-0 {
      padding-left: var(--dm-spacing-0);
      padding-right: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-horizontal-0 {
      padding-left: var(--dm-spacing-0);
      padding-right: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-horizontal-0 {
      padding-left: var(--dm-spacing-0);
      padding-right: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-horizontal-0 {
      padding-left: var(--dm-spacing-0);
      padding-right: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-horizontal-0 {
      padding-left: var(--dm-spacing-0);
      padding-right: var(--dm-spacing-0);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-horizontal-0 {
      padding-left: var(--dm-spacing-0);
      padding-right: var(--dm-spacing-0);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-horizontal-0 {
      padding-left: var(--dm-spacing-0);
      padding-right: var(--dm-spacing-0);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-horizontal-0 {
      padding-left: var(--dm-spacing-0);
      padding-right: var(--dm-spacing-0);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-horizontal-0 {
      padding-left: var(--dm-spacing-0);
      padding-right: var(--dm-spacing-0);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-horizontal-0 {
      padding-left: var(--dm-spacing-0);
      padding-right: var(--dm-spacing-0);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-horizontal-0 {
      padding-left: var(--dm-spacing-0);
      padding-right: var(--dm-spacing-0);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-vertical-0 {
      padding-top: var(--dm-spacing-0);
      padding-bottom: var(--dm-spacing-0);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-vertical-0 {
      padding-top: var(--dm-spacing-0);
      padding-bottom: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-vertical-0 {
      padding-top: var(--dm-spacing-0);
      padding-bottom: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-vertical-0 {
      padding-top: var(--dm-spacing-0);
      padding-bottom: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-vertical-0 {
      padding-top: var(--dm-spacing-0);
      padding-bottom: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-vertical-0 {
      padding-top: var(--dm-spacing-0);
      padding-bottom: var(--dm-spacing-0);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-vertical-0 {
      padding-top: var(--dm-spacing-0);
      padding-bottom: var(--dm-spacing-0);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-vertical-0 {
      padding-top: var(--dm-spacing-0);
      padding-bottom: var(--dm-spacing-0);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-vertical-0 {
      padding-top: var(--dm-spacing-0);
      padding-bottom: var(--dm-spacing-0);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-vertical-0 {
      padding-top: var(--dm-spacing-0);
      padding-bottom: var(--dm-spacing-0);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-vertical-0 {
      padding-top: var(--dm-spacing-0);
      padding-bottom: var(--dm-spacing-0);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-vertical-0 {
      padding-top: var(--dm-spacing-0);
      padding-bottom: var(--dm-spacing-0);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-0 {
      margin: var(--dm-spacing-0);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-0 {
      margin: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-0 {
      margin: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-0 {
      margin: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-0 {
      margin: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-0 {
      margin: var(--dm-spacing-0);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-0 {
      margin: var(--dm-spacing-0);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-0 {
      margin: var(--dm-spacing-0);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-0 {
      margin: var(--dm-spacing-0);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-0 {
      margin: var(--dm-spacing-0);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-0 {
      margin: var(--dm-spacing-0);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-0 {
      margin: var(--dm-spacing-0);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-horizontal-0 {
      margin-left: var(--dm-spacing-0);
      margin-right: var(--dm-spacing-0);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-horizontal-0 {
      margin-left: var(--dm-spacing-0);
      margin-right: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-horizontal-0 {
      margin-left: var(--dm-spacing-0);
      margin-right: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-horizontal-0 {
      margin-left: var(--dm-spacing-0);
      margin-right: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-horizontal-0 {
      margin-left: var(--dm-spacing-0);
      margin-right: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-horizontal-0 {
      margin-left: var(--dm-spacing-0);
      margin-right: var(--dm-spacing-0);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-horizontal-0 {
      margin-left: var(--dm-spacing-0);
      margin-right: var(--dm-spacing-0);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-horizontal-0 {
      margin-left: var(--dm-spacing-0);
      margin-right: var(--dm-spacing-0);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-horizontal-0 {
      margin-left: var(--dm-spacing-0);
      margin-right: var(--dm-spacing-0);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-horizontal-0 {
      margin-left: var(--dm-spacing-0);
      margin-right: var(--dm-spacing-0);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-horizontal-0 {
      margin-left: var(--dm-spacing-0);
      margin-right: var(--dm-spacing-0);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-horizontal-0 {
      margin-left: var(--dm-spacing-0);
      margin-right: var(--dm-spacing-0);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-vertical-0 {
      margin-top: var(--dm-spacing-0);
      margin-bottom: var(--dm-spacing-0);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-vertical-0 {
      margin-top: var(--dm-spacing-0);
      margin-bottom: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-vertical-0 {
      margin-top: var(--dm-spacing-0);
      margin-bottom: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-vertical-0 {
      margin-top: var(--dm-spacing-0);
      margin-bottom: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-vertical-0 {
      margin-top: var(--dm-spacing-0);
      margin-bottom: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-vertical-0 {
      margin-top: var(--dm-spacing-0);
      margin-bottom: var(--dm-spacing-0);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-vertical-0 {
      margin-top: var(--dm-spacing-0);
      margin-bottom: var(--dm-spacing-0);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-vertical-0 {
      margin-top: var(--dm-spacing-0);
      margin-bottom: var(--dm-spacing-0);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-vertical-0 {
      margin-top: var(--dm-spacing-0);
      margin-bottom: var(--dm-spacing-0);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-vertical-0 {
      margin-top: var(--dm-spacing-0);
      margin-bottom: var(--dm-spacing-0);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-vertical-0 {
      margin-top: var(--dm-spacing-0);
      margin-bottom: var(--dm-spacing-0);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-vertical-0 {
      margin-top: var(--dm-spacing-0);
      margin-bottom: var(--dm-spacing-0);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-0 {
      gap: var(--dm-spacing-0);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-0 {
      gap: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-0 {
      gap: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-0 {
      gap: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-0 {
      gap: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-0 {
      gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-0 {
      gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-0 {
      gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-0 {
      gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-0 {
      gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-0 {
      gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-0 {
      gap: var(--dm-spacing-0);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-x-0 {
      column-gap: var(--dm-spacing-0);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-x-0 {
      column-gap: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-x-0 {
      column-gap: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-x-0 {
      column-gap: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-x-0 {
      column-gap: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-x-0 {
      column-gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-x-0 {
      column-gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-x-0 {
      column-gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-x-0 {
      column-gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-x-0 {
      column-gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-x-0 {
      column-gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-x-0 {
      column-gap: var(--dm-spacing-0);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-y-0 {
      row-gap: var(--dm-spacing-0);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-y-0 {
      row-gap: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-y-0 {
      row-gap: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-y-0 {
      row-gap: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-y-0 {
      row-gap: var(--dm-spacing-0);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-y-0 {
      row-gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-y-0 {
      row-gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-y-0 {
      row-gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-y-0 {
      row-gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-y-0 {
      row-gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-y-0 {
      row-gap: var(--dm-spacing-0);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-y-0 {
      row-gap: var(--dm-spacing-0);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-2 {
      padding: var(--dm-spacing-2);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-2 {
      padding: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-2 {
      padding: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-2 {
      padding: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-2 {
      padding: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-2 {
      padding: var(--dm-spacing-2);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-2 {
      padding: var(--dm-spacing-2);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-2 {
      padding: var(--dm-spacing-2);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-2 {
      padding: var(--dm-spacing-2);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-2 {
      padding: var(--dm-spacing-2);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-2 {
      padding: var(--dm-spacing-2);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-2 {
      padding: var(--dm-spacing-2);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-horizontal-2 {
      padding-left: var(--dm-spacing-2);
      padding-right: var(--dm-spacing-2);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-horizontal-2 {
      padding-left: var(--dm-spacing-2);
      padding-right: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-horizontal-2 {
      padding-left: var(--dm-spacing-2);
      padding-right: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-horizontal-2 {
      padding-left: var(--dm-spacing-2);
      padding-right: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-horizontal-2 {
      padding-left: var(--dm-spacing-2);
      padding-right: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-horizontal-2 {
      padding-left: var(--dm-spacing-2);
      padding-right: var(--dm-spacing-2);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-horizontal-2 {
      padding-left: var(--dm-spacing-2);
      padding-right: var(--dm-spacing-2);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-horizontal-2 {
      padding-left: var(--dm-spacing-2);
      padding-right: var(--dm-spacing-2);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-horizontal-2 {
      padding-left: var(--dm-spacing-2);
      padding-right: var(--dm-spacing-2);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-horizontal-2 {
      padding-left: var(--dm-spacing-2);
      padding-right: var(--dm-spacing-2);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-horizontal-2 {
      padding-left: var(--dm-spacing-2);
      padding-right: var(--dm-spacing-2);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-horizontal-2 {
      padding-left: var(--dm-spacing-2);
      padding-right: var(--dm-spacing-2);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-vertical-2 {
      padding-top: var(--dm-spacing-2);
      padding-bottom: var(--dm-spacing-2);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-vertical-2 {
      padding-top: var(--dm-spacing-2);
      padding-bottom: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-vertical-2 {
      padding-top: var(--dm-spacing-2);
      padding-bottom: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-vertical-2 {
      padding-top: var(--dm-spacing-2);
      padding-bottom: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-vertical-2 {
      padding-top: var(--dm-spacing-2);
      padding-bottom: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-vertical-2 {
      padding-top: var(--dm-spacing-2);
      padding-bottom: var(--dm-spacing-2);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-vertical-2 {
      padding-top: var(--dm-spacing-2);
      padding-bottom: var(--dm-spacing-2);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-vertical-2 {
      padding-top: var(--dm-spacing-2);
      padding-bottom: var(--dm-spacing-2);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-vertical-2 {
      padding-top: var(--dm-spacing-2);
      padding-bottom: var(--dm-spacing-2);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-vertical-2 {
      padding-top: var(--dm-spacing-2);
      padding-bottom: var(--dm-spacing-2);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-vertical-2 {
      padding-top: var(--dm-spacing-2);
      padding-bottom: var(--dm-spacing-2);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-vertical-2 {
      padding-top: var(--dm-spacing-2);
      padding-bottom: var(--dm-spacing-2);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-2 {
      margin: var(--dm-spacing-2);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-2 {
      margin: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-2 {
      margin: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-2 {
      margin: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-2 {
      margin: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-2 {
      margin: var(--dm-spacing-2);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-2 {
      margin: var(--dm-spacing-2);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-2 {
      margin: var(--dm-spacing-2);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-2 {
      margin: var(--dm-spacing-2);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-2 {
      margin: var(--dm-spacing-2);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-2 {
      margin: var(--dm-spacing-2);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-2 {
      margin: var(--dm-spacing-2);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-horizontal-2 {
      margin-left: var(--dm-spacing-2);
      margin-right: var(--dm-spacing-2);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-horizontal-2 {
      margin-left: var(--dm-spacing-2);
      margin-right: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-horizontal-2 {
      margin-left: var(--dm-spacing-2);
      margin-right: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-horizontal-2 {
      margin-left: var(--dm-spacing-2);
      margin-right: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-horizontal-2 {
      margin-left: var(--dm-spacing-2);
      margin-right: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-horizontal-2 {
      margin-left: var(--dm-spacing-2);
      margin-right: var(--dm-spacing-2);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-horizontal-2 {
      margin-left: var(--dm-spacing-2);
      margin-right: var(--dm-spacing-2);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-horizontal-2 {
      margin-left: var(--dm-spacing-2);
      margin-right: var(--dm-spacing-2);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-horizontal-2 {
      margin-left: var(--dm-spacing-2);
      margin-right: var(--dm-spacing-2);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-horizontal-2 {
      margin-left: var(--dm-spacing-2);
      margin-right: var(--dm-spacing-2);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-horizontal-2 {
      margin-left: var(--dm-spacing-2);
      margin-right: var(--dm-spacing-2);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-horizontal-2 {
      margin-left: var(--dm-spacing-2);
      margin-right: var(--dm-spacing-2);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-vertical-2 {
      margin-top: var(--dm-spacing-2);
      margin-bottom: var(--dm-spacing-2);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-vertical-2 {
      margin-top: var(--dm-spacing-2);
      margin-bottom: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-vertical-2 {
      margin-top: var(--dm-spacing-2);
      margin-bottom: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-vertical-2 {
      margin-top: var(--dm-spacing-2);
      margin-bottom: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-vertical-2 {
      margin-top: var(--dm-spacing-2);
      margin-bottom: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-vertical-2 {
      margin-top: var(--dm-spacing-2);
      margin-bottom: var(--dm-spacing-2);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-vertical-2 {
      margin-top: var(--dm-spacing-2);
      margin-bottom: var(--dm-spacing-2);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-vertical-2 {
      margin-top: var(--dm-spacing-2);
      margin-bottom: var(--dm-spacing-2);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-vertical-2 {
      margin-top: var(--dm-spacing-2);
      margin-bottom: var(--dm-spacing-2);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-vertical-2 {
      margin-top: var(--dm-spacing-2);
      margin-bottom: var(--dm-spacing-2);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-vertical-2 {
      margin-top: var(--dm-spacing-2);
      margin-bottom: var(--dm-spacing-2);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-vertical-2 {
      margin-top: var(--dm-spacing-2);
      margin-bottom: var(--dm-spacing-2);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-2 {
      gap: var(--dm-spacing-2);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-2 {
      gap: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-2 {
      gap: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-2 {
      gap: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-2 {
      gap: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-2 {
      gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-2 {
      gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-2 {
      gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-2 {
      gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-2 {
      gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-2 {
      gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-2 {
      gap: var(--dm-spacing-2);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-x-2 {
      column-gap: var(--dm-spacing-2);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-x-2 {
      column-gap: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-x-2 {
      column-gap: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-x-2 {
      column-gap: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-x-2 {
      column-gap: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-x-2 {
      column-gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-x-2 {
      column-gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-x-2 {
      column-gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-x-2 {
      column-gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-x-2 {
      column-gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-x-2 {
      column-gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-x-2 {
      column-gap: var(--dm-spacing-2);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-y-2 {
      row-gap: var(--dm-spacing-2);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-y-2 {
      row-gap: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-y-2 {
      row-gap: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-y-2 {
      row-gap: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-y-2 {
      row-gap: var(--dm-spacing-2);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-y-2 {
      row-gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-y-2 {
      row-gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-y-2 {
      row-gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-y-2 {
      row-gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-y-2 {
      row-gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-y-2 {
      row-gap: var(--dm-spacing-2);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-y-2 {
      row-gap: var(--dm-spacing-2);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-4 {
      padding: var(--dm-spacing-4);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-4 {
      padding: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-4 {
      padding: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-4 {
      padding: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-4 {
      padding: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-4 {
      padding: var(--dm-spacing-4);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-4 {
      padding: var(--dm-spacing-4);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-4 {
      padding: var(--dm-spacing-4);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-4 {
      padding: var(--dm-spacing-4);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-4 {
      padding: var(--dm-spacing-4);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-4 {
      padding: var(--dm-spacing-4);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-4 {
      padding: var(--dm-spacing-4);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-horizontal-4 {
      padding-left: var(--dm-spacing-4);
      padding-right: var(--dm-spacing-4);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-horizontal-4 {
      padding-left: var(--dm-spacing-4);
      padding-right: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-horizontal-4 {
      padding-left: var(--dm-spacing-4);
      padding-right: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-horizontal-4 {
      padding-left: var(--dm-spacing-4);
      padding-right: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-horizontal-4 {
      padding-left: var(--dm-spacing-4);
      padding-right: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-horizontal-4 {
      padding-left: var(--dm-spacing-4);
      padding-right: var(--dm-spacing-4);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-horizontal-4 {
      padding-left: var(--dm-spacing-4);
      padding-right: var(--dm-spacing-4);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-horizontal-4 {
      padding-left: var(--dm-spacing-4);
      padding-right: var(--dm-spacing-4);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-horizontal-4 {
      padding-left: var(--dm-spacing-4);
      padding-right: var(--dm-spacing-4);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-horizontal-4 {
      padding-left: var(--dm-spacing-4);
      padding-right: var(--dm-spacing-4);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-horizontal-4 {
      padding-left: var(--dm-spacing-4);
      padding-right: var(--dm-spacing-4);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-horizontal-4 {
      padding-left: var(--dm-spacing-4);
      padding-right: var(--dm-spacing-4);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-vertical-4 {
      padding-top: var(--dm-spacing-4);
      padding-bottom: var(--dm-spacing-4);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-vertical-4 {
      padding-top: var(--dm-spacing-4);
      padding-bottom: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-vertical-4 {
      padding-top: var(--dm-spacing-4);
      padding-bottom: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-vertical-4 {
      padding-top: var(--dm-spacing-4);
      padding-bottom: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-vertical-4 {
      padding-top: var(--dm-spacing-4);
      padding-bottom: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-vertical-4 {
      padding-top: var(--dm-spacing-4);
      padding-bottom: var(--dm-spacing-4);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-vertical-4 {
      padding-top: var(--dm-spacing-4);
      padding-bottom: var(--dm-spacing-4);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-vertical-4 {
      padding-top: var(--dm-spacing-4);
      padding-bottom: var(--dm-spacing-4);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-vertical-4 {
      padding-top: var(--dm-spacing-4);
      padding-bottom: var(--dm-spacing-4);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-vertical-4 {
      padding-top: var(--dm-spacing-4);
      padding-bottom: var(--dm-spacing-4);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-vertical-4 {
      padding-top: var(--dm-spacing-4);
      padding-bottom: var(--dm-spacing-4);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-vertical-4 {
      padding-top: var(--dm-spacing-4);
      padding-bottom: var(--dm-spacing-4);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-4 {
      margin: var(--dm-spacing-4);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-4 {
      margin: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-4 {
      margin: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-4 {
      margin: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-4 {
      margin: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-4 {
      margin: var(--dm-spacing-4);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-4 {
      margin: var(--dm-spacing-4);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-4 {
      margin: var(--dm-spacing-4);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-4 {
      margin: var(--dm-spacing-4);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-4 {
      margin: var(--dm-spacing-4);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-4 {
      margin: var(--dm-spacing-4);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-4 {
      margin: var(--dm-spacing-4);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-horizontal-4 {
      margin-left: var(--dm-spacing-4);
      margin-right: var(--dm-spacing-4);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-horizontal-4 {
      margin-left: var(--dm-spacing-4);
      margin-right: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-horizontal-4 {
      margin-left: var(--dm-spacing-4);
      margin-right: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-horizontal-4 {
      margin-left: var(--dm-spacing-4);
      margin-right: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-horizontal-4 {
      margin-left: var(--dm-spacing-4);
      margin-right: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-horizontal-4 {
      margin-left: var(--dm-spacing-4);
      margin-right: var(--dm-spacing-4);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-horizontal-4 {
      margin-left: var(--dm-spacing-4);
      margin-right: var(--dm-spacing-4);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-horizontal-4 {
      margin-left: var(--dm-spacing-4);
      margin-right: var(--dm-spacing-4);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-horizontal-4 {
      margin-left: var(--dm-spacing-4);
      margin-right: var(--dm-spacing-4);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-horizontal-4 {
      margin-left: var(--dm-spacing-4);
      margin-right: var(--dm-spacing-4);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-horizontal-4 {
      margin-left: var(--dm-spacing-4);
      margin-right: var(--dm-spacing-4);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-horizontal-4 {
      margin-left: var(--dm-spacing-4);
      margin-right: var(--dm-spacing-4);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-vertical-4 {
      margin-top: var(--dm-spacing-4);
      margin-bottom: var(--dm-spacing-4);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-vertical-4 {
      margin-top: var(--dm-spacing-4);
      margin-bottom: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-vertical-4 {
      margin-top: var(--dm-spacing-4);
      margin-bottom: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-vertical-4 {
      margin-top: var(--dm-spacing-4);
      margin-bottom: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-vertical-4 {
      margin-top: var(--dm-spacing-4);
      margin-bottom: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-vertical-4 {
      margin-top: var(--dm-spacing-4);
      margin-bottom: var(--dm-spacing-4);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-vertical-4 {
      margin-top: var(--dm-spacing-4);
      margin-bottom: var(--dm-spacing-4);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-vertical-4 {
      margin-top: var(--dm-spacing-4);
      margin-bottom: var(--dm-spacing-4);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-vertical-4 {
      margin-top: var(--dm-spacing-4);
      margin-bottom: var(--dm-spacing-4);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-vertical-4 {
      margin-top: var(--dm-spacing-4);
      margin-bottom: var(--dm-spacing-4);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-vertical-4 {
      margin-top: var(--dm-spacing-4);
      margin-bottom: var(--dm-spacing-4);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-vertical-4 {
      margin-top: var(--dm-spacing-4);
      margin-bottom: var(--dm-spacing-4);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-4 {
      gap: var(--dm-spacing-4);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-4 {
      gap: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-4 {
      gap: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-4 {
      gap: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-4 {
      gap: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-4 {
      gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-4 {
      gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-4 {
      gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-4 {
      gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-4 {
      gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-4 {
      gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-4 {
      gap: var(--dm-spacing-4);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-x-4 {
      column-gap: var(--dm-spacing-4);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-x-4 {
      column-gap: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-x-4 {
      column-gap: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-x-4 {
      column-gap: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-x-4 {
      column-gap: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-x-4 {
      column-gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-x-4 {
      column-gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-x-4 {
      column-gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-x-4 {
      column-gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-x-4 {
      column-gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-x-4 {
      column-gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-x-4 {
      column-gap: var(--dm-spacing-4);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-y-4 {
      row-gap: var(--dm-spacing-4);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-y-4 {
      row-gap: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-y-4 {
      row-gap: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-y-4 {
      row-gap: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-y-4 {
      row-gap: var(--dm-spacing-4);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-y-4 {
      row-gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-y-4 {
      row-gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-y-4 {
      row-gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-y-4 {
      row-gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-y-4 {
      row-gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-y-4 {
      row-gap: var(--dm-spacing-4);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-y-4 {
      row-gap: var(--dm-spacing-4);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-6 {
      padding: var(--dm-spacing-6);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-6 {
      padding: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-6 {
      padding: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-6 {
      padding: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-6 {
      padding: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-6 {
      padding: var(--dm-spacing-6);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-6 {
      padding: var(--dm-spacing-6);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-6 {
      padding: var(--dm-spacing-6);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-6 {
      padding: var(--dm-spacing-6);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-6 {
      padding: var(--dm-spacing-6);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-6 {
      padding: var(--dm-spacing-6);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-6 {
      padding: var(--dm-spacing-6);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-horizontal-6 {
      padding-left: var(--dm-spacing-6);
      padding-right: var(--dm-spacing-6);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-horizontal-6 {
      padding-left: var(--dm-spacing-6);
      padding-right: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-horizontal-6 {
      padding-left: var(--dm-spacing-6);
      padding-right: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-horizontal-6 {
      padding-left: var(--dm-spacing-6);
      padding-right: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-horizontal-6 {
      padding-left: var(--dm-spacing-6);
      padding-right: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-horizontal-6 {
      padding-left: var(--dm-spacing-6);
      padding-right: var(--dm-spacing-6);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-horizontal-6 {
      padding-left: var(--dm-spacing-6);
      padding-right: var(--dm-spacing-6);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-horizontal-6 {
      padding-left: var(--dm-spacing-6);
      padding-right: var(--dm-spacing-6);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-horizontal-6 {
      padding-left: var(--dm-spacing-6);
      padding-right: var(--dm-spacing-6);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-horizontal-6 {
      padding-left: var(--dm-spacing-6);
      padding-right: var(--dm-spacing-6);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-horizontal-6 {
      padding-left: var(--dm-spacing-6);
      padding-right: var(--dm-spacing-6);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-horizontal-6 {
      padding-left: var(--dm-spacing-6);
      padding-right: var(--dm-spacing-6);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-vertical-6 {
      padding-top: var(--dm-spacing-6);
      padding-bottom: var(--dm-spacing-6);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-vertical-6 {
      padding-top: var(--dm-spacing-6);
      padding-bottom: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-vertical-6 {
      padding-top: var(--dm-spacing-6);
      padding-bottom: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-vertical-6 {
      padding-top: var(--dm-spacing-6);
      padding-bottom: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-vertical-6 {
      padding-top: var(--dm-spacing-6);
      padding-bottom: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-vertical-6 {
      padding-top: var(--dm-spacing-6);
      padding-bottom: var(--dm-spacing-6);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-vertical-6 {
      padding-top: var(--dm-spacing-6);
      padding-bottom: var(--dm-spacing-6);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-vertical-6 {
      padding-top: var(--dm-spacing-6);
      padding-bottom: var(--dm-spacing-6);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-vertical-6 {
      padding-top: var(--dm-spacing-6);
      padding-bottom: var(--dm-spacing-6);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-vertical-6 {
      padding-top: var(--dm-spacing-6);
      padding-bottom: var(--dm-spacing-6);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-vertical-6 {
      padding-top: var(--dm-spacing-6);
      padding-bottom: var(--dm-spacing-6);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-vertical-6 {
      padding-top: var(--dm-spacing-6);
      padding-bottom: var(--dm-spacing-6);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-6 {
      margin: var(--dm-spacing-6);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-6 {
      margin: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-6 {
      margin: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-6 {
      margin: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-6 {
      margin: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-6 {
      margin: var(--dm-spacing-6);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-6 {
      margin: var(--dm-spacing-6);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-6 {
      margin: var(--dm-spacing-6);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-6 {
      margin: var(--dm-spacing-6);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-6 {
      margin: var(--dm-spacing-6);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-6 {
      margin: var(--dm-spacing-6);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-6 {
      margin: var(--dm-spacing-6);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-horizontal-6 {
      margin-left: var(--dm-spacing-6);
      margin-right: var(--dm-spacing-6);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-horizontal-6 {
      margin-left: var(--dm-spacing-6);
      margin-right: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-horizontal-6 {
      margin-left: var(--dm-spacing-6);
      margin-right: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-horizontal-6 {
      margin-left: var(--dm-spacing-6);
      margin-right: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-horizontal-6 {
      margin-left: var(--dm-spacing-6);
      margin-right: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-horizontal-6 {
      margin-left: var(--dm-spacing-6);
      margin-right: var(--dm-spacing-6);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-horizontal-6 {
      margin-left: var(--dm-spacing-6);
      margin-right: var(--dm-spacing-6);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-horizontal-6 {
      margin-left: var(--dm-spacing-6);
      margin-right: var(--dm-spacing-6);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-horizontal-6 {
      margin-left: var(--dm-spacing-6);
      margin-right: var(--dm-spacing-6);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-horizontal-6 {
      margin-left: var(--dm-spacing-6);
      margin-right: var(--dm-spacing-6);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-horizontal-6 {
      margin-left: var(--dm-spacing-6);
      margin-right: var(--dm-spacing-6);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-horizontal-6 {
      margin-left: var(--dm-spacing-6);
      margin-right: var(--dm-spacing-6);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-vertical-6 {
      margin-top: var(--dm-spacing-6);
      margin-bottom: var(--dm-spacing-6);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-vertical-6 {
      margin-top: var(--dm-spacing-6);
      margin-bottom: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-vertical-6 {
      margin-top: var(--dm-spacing-6);
      margin-bottom: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-vertical-6 {
      margin-top: var(--dm-spacing-6);
      margin-bottom: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-vertical-6 {
      margin-top: var(--dm-spacing-6);
      margin-bottom: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-vertical-6 {
      margin-top: var(--dm-spacing-6);
      margin-bottom: var(--dm-spacing-6);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-vertical-6 {
      margin-top: var(--dm-spacing-6);
      margin-bottom: var(--dm-spacing-6);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-vertical-6 {
      margin-top: var(--dm-spacing-6);
      margin-bottom: var(--dm-spacing-6);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-vertical-6 {
      margin-top: var(--dm-spacing-6);
      margin-bottom: var(--dm-spacing-6);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-vertical-6 {
      margin-top: var(--dm-spacing-6);
      margin-bottom: var(--dm-spacing-6);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-vertical-6 {
      margin-top: var(--dm-spacing-6);
      margin-bottom: var(--dm-spacing-6);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-vertical-6 {
      margin-top: var(--dm-spacing-6);
      margin-bottom: var(--dm-spacing-6);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-6 {
      gap: var(--dm-spacing-6);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-6 {
      gap: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-6 {
      gap: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-6 {
      gap: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-6 {
      gap: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-6 {
      gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-6 {
      gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-6 {
      gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-6 {
      gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-6 {
      gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-6 {
      gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-6 {
      gap: var(--dm-spacing-6);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-x-6 {
      column-gap: var(--dm-spacing-6);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-x-6 {
      column-gap: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-x-6 {
      column-gap: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-x-6 {
      column-gap: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-x-6 {
      column-gap: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-x-6 {
      column-gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-x-6 {
      column-gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-x-6 {
      column-gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-x-6 {
      column-gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-x-6 {
      column-gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-x-6 {
      column-gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-x-6 {
      column-gap: var(--dm-spacing-6);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-y-6 {
      row-gap: var(--dm-spacing-6);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-y-6 {
      row-gap: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-y-6 {
      row-gap: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-y-6 {
      row-gap: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-y-6 {
      row-gap: var(--dm-spacing-6);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-y-6 {
      row-gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-y-6 {
      row-gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-y-6 {
      row-gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-y-6 {
      row-gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-y-6 {
      row-gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-y-6 {
      row-gap: var(--dm-spacing-6);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-y-6 {
      row-gap: var(--dm-spacing-6);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-8 {
      padding: var(--dm-spacing-8);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-8 {
      padding: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-8 {
      padding: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-8 {
      padding: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-8 {
      padding: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-8 {
      padding: var(--dm-spacing-8);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-8 {
      padding: var(--dm-spacing-8);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-8 {
      padding: var(--dm-spacing-8);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-8 {
      padding: var(--dm-spacing-8);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-8 {
      padding: var(--dm-spacing-8);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-8 {
      padding: var(--dm-spacing-8);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-8 {
      padding: var(--dm-spacing-8);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-horizontal-8 {
      padding-left: var(--dm-spacing-8);
      padding-right: var(--dm-spacing-8);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-horizontal-8 {
      padding-left: var(--dm-spacing-8);
      padding-right: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-horizontal-8 {
      padding-left: var(--dm-spacing-8);
      padding-right: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-horizontal-8 {
      padding-left: var(--dm-spacing-8);
      padding-right: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-horizontal-8 {
      padding-left: var(--dm-spacing-8);
      padding-right: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-horizontal-8 {
      padding-left: var(--dm-spacing-8);
      padding-right: var(--dm-spacing-8);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-horizontal-8 {
      padding-left: var(--dm-spacing-8);
      padding-right: var(--dm-spacing-8);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-horizontal-8 {
      padding-left: var(--dm-spacing-8);
      padding-right: var(--dm-spacing-8);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-horizontal-8 {
      padding-left: var(--dm-spacing-8);
      padding-right: var(--dm-spacing-8);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-horizontal-8 {
      padding-left: var(--dm-spacing-8);
      padding-right: var(--dm-spacing-8);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-horizontal-8 {
      padding-left: var(--dm-spacing-8);
      padding-right: var(--dm-spacing-8);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-horizontal-8 {
      padding-left: var(--dm-spacing-8);
      padding-right: var(--dm-spacing-8);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-vertical-8 {
      padding-top: var(--dm-spacing-8);
      padding-bottom: var(--dm-spacing-8);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-vertical-8 {
      padding-top: var(--dm-spacing-8);
      padding-bottom: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-vertical-8 {
      padding-top: var(--dm-spacing-8);
      padding-bottom: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-vertical-8 {
      padding-top: var(--dm-spacing-8);
      padding-bottom: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-vertical-8 {
      padding-top: var(--dm-spacing-8);
      padding-bottom: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-vertical-8 {
      padding-top: var(--dm-spacing-8);
      padding-bottom: var(--dm-spacing-8);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-vertical-8 {
      padding-top: var(--dm-spacing-8);
      padding-bottom: var(--dm-spacing-8);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-vertical-8 {
      padding-top: var(--dm-spacing-8);
      padding-bottom: var(--dm-spacing-8);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-vertical-8 {
      padding-top: var(--dm-spacing-8);
      padding-bottom: var(--dm-spacing-8);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-vertical-8 {
      padding-top: var(--dm-spacing-8);
      padding-bottom: var(--dm-spacing-8);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-vertical-8 {
      padding-top: var(--dm-spacing-8);
      padding-bottom: var(--dm-spacing-8);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-vertical-8 {
      padding-top: var(--dm-spacing-8);
      padding-bottom: var(--dm-spacing-8);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-8 {
      margin: var(--dm-spacing-8);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-8 {
      margin: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-8 {
      margin: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-8 {
      margin: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-8 {
      margin: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-8 {
      margin: var(--dm-spacing-8);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-8 {
      margin: var(--dm-spacing-8);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-8 {
      margin: var(--dm-spacing-8);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-8 {
      margin: var(--dm-spacing-8);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-8 {
      margin: var(--dm-spacing-8);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-8 {
      margin: var(--dm-spacing-8);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-8 {
      margin: var(--dm-spacing-8);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-horizontal-8 {
      margin-left: var(--dm-spacing-8);
      margin-right: var(--dm-spacing-8);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-horizontal-8 {
      margin-left: var(--dm-spacing-8);
      margin-right: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-horizontal-8 {
      margin-left: var(--dm-spacing-8);
      margin-right: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-horizontal-8 {
      margin-left: var(--dm-spacing-8);
      margin-right: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-horizontal-8 {
      margin-left: var(--dm-spacing-8);
      margin-right: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-horizontal-8 {
      margin-left: var(--dm-spacing-8);
      margin-right: var(--dm-spacing-8);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-horizontal-8 {
      margin-left: var(--dm-spacing-8);
      margin-right: var(--dm-spacing-8);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-horizontal-8 {
      margin-left: var(--dm-spacing-8);
      margin-right: var(--dm-spacing-8);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-horizontal-8 {
      margin-left: var(--dm-spacing-8);
      margin-right: var(--dm-spacing-8);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-horizontal-8 {
      margin-left: var(--dm-spacing-8);
      margin-right: var(--dm-spacing-8);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-horizontal-8 {
      margin-left: var(--dm-spacing-8);
      margin-right: var(--dm-spacing-8);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-horizontal-8 {
      margin-left: var(--dm-spacing-8);
      margin-right: var(--dm-spacing-8);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-vertical-8 {
      margin-top: var(--dm-spacing-8);
      margin-bottom: var(--dm-spacing-8);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-vertical-8 {
      margin-top: var(--dm-spacing-8);
      margin-bottom: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-vertical-8 {
      margin-top: var(--dm-spacing-8);
      margin-bottom: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-vertical-8 {
      margin-top: var(--dm-spacing-8);
      margin-bottom: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-vertical-8 {
      margin-top: var(--dm-spacing-8);
      margin-bottom: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-vertical-8 {
      margin-top: var(--dm-spacing-8);
      margin-bottom: var(--dm-spacing-8);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-vertical-8 {
      margin-top: var(--dm-spacing-8);
      margin-bottom: var(--dm-spacing-8);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-vertical-8 {
      margin-top: var(--dm-spacing-8);
      margin-bottom: var(--dm-spacing-8);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-vertical-8 {
      margin-top: var(--dm-spacing-8);
      margin-bottom: var(--dm-spacing-8);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-vertical-8 {
      margin-top: var(--dm-spacing-8);
      margin-bottom: var(--dm-spacing-8);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-vertical-8 {
      margin-top: var(--dm-spacing-8);
      margin-bottom: var(--dm-spacing-8);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-vertical-8 {
      margin-top: var(--dm-spacing-8);
      margin-bottom: var(--dm-spacing-8);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-8 {
      gap: var(--dm-spacing-8);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-8 {
      gap: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-8 {
      gap: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-8 {
      gap: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-8 {
      gap: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-8 {
      gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-8 {
      gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-8 {
      gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-8 {
      gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-8 {
      gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-8 {
      gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-8 {
      gap: var(--dm-spacing-8);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-x-8 {
      column-gap: var(--dm-spacing-8);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-x-8 {
      column-gap: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-x-8 {
      column-gap: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-x-8 {
      column-gap: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-x-8 {
      column-gap: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-x-8 {
      column-gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-x-8 {
      column-gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-x-8 {
      column-gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-x-8 {
      column-gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-x-8 {
      column-gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-x-8 {
      column-gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-x-8 {
      column-gap: var(--dm-spacing-8);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-y-8 {
      row-gap: var(--dm-spacing-8);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-y-8 {
      row-gap: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-y-8 {
      row-gap: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-y-8 {
      row-gap: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-y-8 {
      row-gap: var(--dm-spacing-8);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-y-8 {
      row-gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-y-8 {
      row-gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-y-8 {
      row-gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-y-8 {
      row-gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-y-8 {
      row-gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-y-8 {
      row-gap: var(--dm-spacing-8);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-y-8 {
      row-gap: var(--dm-spacing-8);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-10 {
      padding: var(--dm-spacing-10);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-10 {
      padding: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-10 {
      padding: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-10 {
      padding: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-10 {
      padding: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-10 {
      padding: var(--dm-spacing-10);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-10 {
      padding: var(--dm-spacing-10);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-10 {
      padding: var(--dm-spacing-10);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-10 {
      padding: var(--dm-spacing-10);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-10 {
      padding: var(--dm-spacing-10);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-10 {
      padding: var(--dm-spacing-10);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-10 {
      padding: var(--dm-spacing-10);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-horizontal-10 {
      padding-left: var(--dm-spacing-10);
      padding-right: var(--dm-spacing-10);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-horizontal-10 {
      padding-left: var(--dm-spacing-10);
      padding-right: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-horizontal-10 {
      padding-left: var(--dm-spacing-10);
      padding-right: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-horizontal-10 {
      padding-left: var(--dm-spacing-10);
      padding-right: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-horizontal-10 {
      padding-left: var(--dm-spacing-10);
      padding-right: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-horizontal-10 {
      padding-left: var(--dm-spacing-10);
      padding-right: var(--dm-spacing-10);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-horizontal-10 {
      padding-left: var(--dm-spacing-10);
      padding-right: var(--dm-spacing-10);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-horizontal-10 {
      padding-left: var(--dm-spacing-10);
      padding-right: var(--dm-spacing-10);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-horizontal-10 {
      padding-left: var(--dm-spacing-10);
      padding-right: var(--dm-spacing-10);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-horizontal-10 {
      padding-left: var(--dm-spacing-10);
      padding-right: var(--dm-spacing-10);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-horizontal-10 {
      padding-left: var(--dm-spacing-10);
      padding-right: var(--dm-spacing-10);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-horizontal-10 {
      padding-left: var(--dm-spacing-10);
      padding-right: var(--dm-spacing-10);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-vertical-10 {
      padding-top: var(--dm-spacing-10);
      padding-bottom: var(--dm-spacing-10);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-vertical-10 {
      padding-top: var(--dm-spacing-10);
      padding-bottom: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-vertical-10 {
      padding-top: var(--dm-spacing-10);
      padding-bottom: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-vertical-10 {
      padding-top: var(--dm-spacing-10);
      padding-bottom: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-vertical-10 {
      padding-top: var(--dm-spacing-10);
      padding-bottom: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-vertical-10 {
      padding-top: var(--dm-spacing-10);
      padding-bottom: var(--dm-spacing-10);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-vertical-10 {
      padding-top: var(--dm-spacing-10);
      padding-bottom: var(--dm-spacing-10);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-vertical-10 {
      padding-top: var(--dm-spacing-10);
      padding-bottom: var(--dm-spacing-10);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-vertical-10 {
      padding-top: var(--dm-spacing-10);
      padding-bottom: var(--dm-spacing-10);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-vertical-10 {
      padding-top: var(--dm-spacing-10);
      padding-bottom: var(--dm-spacing-10);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-vertical-10 {
      padding-top: var(--dm-spacing-10);
      padding-bottom: var(--dm-spacing-10);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-vertical-10 {
      padding-top: var(--dm-spacing-10);
      padding-bottom: var(--dm-spacing-10);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-10 {
      margin: var(--dm-spacing-10);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-10 {
      margin: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-10 {
      margin: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-10 {
      margin: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-10 {
      margin: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-10 {
      margin: var(--dm-spacing-10);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-10 {
      margin: var(--dm-spacing-10);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-10 {
      margin: var(--dm-spacing-10);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-10 {
      margin: var(--dm-spacing-10);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-10 {
      margin: var(--dm-spacing-10);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-10 {
      margin: var(--dm-spacing-10);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-10 {
      margin: var(--dm-spacing-10);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-horizontal-10 {
      margin-left: var(--dm-spacing-10);
      margin-right: var(--dm-spacing-10);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-horizontal-10 {
      margin-left: var(--dm-spacing-10);
      margin-right: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-horizontal-10 {
      margin-left: var(--dm-spacing-10);
      margin-right: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-horizontal-10 {
      margin-left: var(--dm-spacing-10);
      margin-right: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-horizontal-10 {
      margin-left: var(--dm-spacing-10);
      margin-right: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-horizontal-10 {
      margin-left: var(--dm-spacing-10);
      margin-right: var(--dm-spacing-10);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-horizontal-10 {
      margin-left: var(--dm-spacing-10);
      margin-right: var(--dm-spacing-10);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-horizontal-10 {
      margin-left: var(--dm-spacing-10);
      margin-right: var(--dm-spacing-10);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-horizontal-10 {
      margin-left: var(--dm-spacing-10);
      margin-right: var(--dm-spacing-10);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-horizontal-10 {
      margin-left: var(--dm-spacing-10);
      margin-right: var(--dm-spacing-10);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-horizontal-10 {
      margin-left: var(--dm-spacing-10);
      margin-right: var(--dm-spacing-10);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-horizontal-10 {
      margin-left: var(--dm-spacing-10);
      margin-right: var(--dm-spacing-10);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-vertical-10 {
      margin-top: var(--dm-spacing-10);
      margin-bottom: var(--dm-spacing-10);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-vertical-10 {
      margin-top: var(--dm-spacing-10);
      margin-bottom: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-vertical-10 {
      margin-top: var(--dm-spacing-10);
      margin-bottom: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-vertical-10 {
      margin-top: var(--dm-spacing-10);
      margin-bottom: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-vertical-10 {
      margin-top: var(--dm-spacing-10);
      margin-bottom: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-vertical-10 {
      margin-top: var(--dm-spacing-10);
      margin-bottom: var(--dm-spacing-10);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-vertical-10 {
      margin-top: var(--dm-spacing-10);
      margin-bottom: var(--dm-spacing-10);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-vertical-10 {
      margin-top: var(--dm-spacing-10);
      margin-bottom: var(--dm-spacing-10);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-vertical-10 {
      margin-top: var(--dm-spacing-10);
      margin-bottom: var(--dm-spacing-10);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-vertical-10 {
      margin-top: var(--dm-spacing-10);
      margin-bottom: var(--dm-spacing-10);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-vertical-10 {
      margin-top: var(--dm-spacing-10);
      margin-bottom: var(--dm-spacing-10);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-vertical-10 {
      margin-top: var(--dm-spacing-10);
      margin-bottom: var(--dm-spacing-10);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-10 {
      gap: var(--dm-spacing-10);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-10 {
      gap: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-10 {
      gap: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-10 {
      gap: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-10 {
      gap: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-10 {
      gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-10 {
      gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-10 {
      gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-10 {
      gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-10 {
      gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-10 {
      gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-10 {
      gap: var(--dm-spacing-10);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-x-10 {
      column-gap: var(--dm-spacing-10);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-x-10 {
      column-gap: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-x-10 {
      column-gap: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-x-10 {
      column-gap: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-x-10 {
      column-gap: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-x-10 {
      column-gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-x-10 {
      column-gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-x-10 {
      column-gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-x-10 {
      column-gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-x-10 {
      column-gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-x-10 {
      column-gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-x-10 {
      column-gap: var(--dm-spacing-10);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-y-10 {
      row-gap: var(--dm-spacing-10);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-y-10 {
      row-gap: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-y-10 {
      row-gap: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-y-10 {
      row-gap: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-y-10 {
      row-gap: var(--dm-spacing-10);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-y-10 {
      row-gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-y-10 {
      row-gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-y-10 {
      row-gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-y-10 {
      row-gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-y-10 {
      row-gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-y-10 {
      row-gap: var(--dm-spacing-10);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-y-10 {
      row-gap: var(--dm-spacing-10);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-12 {
      padding: var(--dm-spacing-12);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-12 {
      padding: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-12 {
      padding: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-12 {
      padding: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-12 {
      padding: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-12 {
      padding: var(--dm-spacing-12);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-12 {
      padding: var(--dm-spacing-12);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-12 {
      padding: var(--dm-spacing-12);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-12 {
      padding: var(--dm-spacing-12);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-12 {
      padding: var(--dm-spacing-12);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-12 {
      padding: var(--dm-spacing-12);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-12 {
      padding: var(--dm-spacing-12);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-horizontal-12 {
      padding-left: var(--dm-spacing-12);
      padding-right: var(--dm-spacing-12);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-horizontal-12 {
      padding-left: var(--dm-spacing-12);
      padding-right: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-horizontal-12 {
      padding-left: var(--dm-spacing-12);
      padding-right: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-horizontal-12 {
      padding-left: var(--dm-spacing-12);
      padding-right: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-horizontal-12 {
      padding-left: var(--dm-spacing-12);
      padding-right: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-horizontal-12 {
      padding-left: var(--dm-spacing-12);
      padding-right: var(--dm-spacing-12);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-horizontal-12 {
      padding-left: var(--dm-spacing-12);
      padding-right: var(--dm-spacing-12);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-horizontal-12 {
      padding-left: var(--dm-spacing-12);
      padding-right: var(--dm-spacing-12);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-horizontal-12 {
      padding-left: var(--dm-spacing-12);
      padding-right: var(--dm-spacing-12);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-horizontal-12 {
      padding-left: var(--dm-spacing-12);
      padding-right: var(--dm-spacing-12);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-horizontal-12 {
      padding-left: var(--dm-spacing-12);
      padding-right: var(--dm-spacing-12);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-horizontal-12 {
      padding-left: var(--dm-spacing-12);
      padding-right: var(--dm-spacing-12);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-vertical-12 {
      padding-top: var(--dm-spacing-12);
      padding-bottom: var(--dm-spacing-12);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-vertical-12 {
      padding-top: var(--dm-spacing-12);
      padding-bottom: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-vertical-12 {
      padding-top: var(--dm-spacing-12);
      padding-bottom: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-vertical-12 {
      padding-top: var(--dm-spacing-12);
      padding-bottom: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-vertical-12 {
      padding-top: var(--dm-spacing-12);
      padding-bottom: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-vertical-12 {
      padding-top: var(--dm-spacing-12);
      padding-bottom: var(--dm-spacing-12);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-vertical-12 {
      padding-top: var(--dm-spacing-12);
      padding-bottom: var(--dm-spacing-12);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-vertical-12 {
      padding-top: var(--dm-spacing-12);
      padding-bottom: var(--dm-spacing-12);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-vertical-12 {
      padding-top: var(--dm-spacing-12);
      padding-bottom: var(--dm-spacing-12);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-vertical-12 {
      padding-top: var(--dm-spacing-12);
      padding-bottom: var(--dm-spacing-12);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-vertical-12 {
      padding-top: var(--dm-spacing-12);
      padding-bottom: var(--dm-spacing-12);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-vertical-12 {
      padding-top: var(--dm-spacing-12);
      padding-bottom: var(--dm-spacing-12);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-12 {
      margin: var(--dm-spacing-12);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-12 {
      margin: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-12 {
      margin: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-12 {
      margin: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-12 {
      margin: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-12 {
      margin: var(--dm-spacing-12);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-12 {
      margin: var(--dm-spacing-12);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-12 {
      margin: var(--dm-spacing-12);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-12 {
      margin: var(--dm-spacing-12);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-12 {
      margin: var(--dm-spacing-12);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-12 {
      margin: var(--dm-spacing-12);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-12 {
      margin: var(--dm-spacing-12);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-horizontal-12 {
      margin-left: var(--dm-spacing-12);
      margin-right: var(--dm-spacing-12);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-horizontal-12 {
      margin-left: var(--dm-spacing-12);
      margin-right: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-horizontal-12 {
      margin-left: var(--dm-spacing-12);
      margin-right: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-horizontal-12 {
      margin-left: var(--dm-spacing-12);
      margin-right: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-horizontal-12 {
      margin-left: var(--dm-spacing-12);
      margin-right: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-horizontal-12 {
      margin-left: var(--dm-spacing-12);
      margin-right: var(--dm-spacing-12);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-horizontal-12 {
      margin-left: var(--dm-spacing-12);
      margin-right: var(--dm-spacing-12);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-horizontal-12 {
      margin-left: var(--dm-spacing-12);
      margin-right: var(--dm-spacing-12);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-horizontal-12 {
      margin-left: var(--dm-spacing-12);
      margin-right: var(--dm-spacing-12);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-horizontal-12 {
      margin-left: var(--dm-spacing-12);
      margin-right: var(--dm-spacing-12);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-horizontal-12 {
      margin-left: var(--dm-spacing-12);
      margin-right: var(--dm-spacing-12);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-horizontal-12 {
      margin-left: var(--dm-spacing-12);
      margin-right: var(--dm-spacing-12);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-vertical-12 {
      margin-top: var(--dm-spacing-12);
      margin-bottom: var(--dm-spacing-12);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-vertical-12 {
      margin-top: var(--dm-spacing-12);
      margin-bottom: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-vertical-12 {
      margin-top: var(--dm-spacing-12);
      margin-bottom: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-vertical-12 {
      margin-top: var(--dm-spacing-12);
      margin-bottom: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-vertical-12 {
      margin-top: var(--dm-spacing-12);
      margin-bottom: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-vertical-12 {
      margin-top: var(--dm-spacing-12);
      margin-bottom: var(--dm-spacing-12);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-vertical-12 {
      margin-top: var(--dm-spacing-12);
      margin-bottom: var(--dm-spacing-12);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-vertical-12 {
      margin-top: var(--dm-spacing-12);
      margin-bottom: var(--dm-spacing-12);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-vertical-12 {
      margin-top: var(--dm-spacing-12);
      margin-bottom: var(--dm-spacing-12);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-vertical-12 {
      margin-top: var(--dm-spacing-12);
      margin-bottom: var(--dm-spacing-12);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-vertical-12 {
      margin-top: var(--dm-spacing-12);
      margin-bottom: var(--dm-spacing-12);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-vertical-12 {
      margin-top: var(--dm-spacing-12);
      margin-bottom: var(--dm-spacing-12);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-12 {
      gap: var(--dm-spacing-12);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-12 {
      gap: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-12 {
      gap: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-12 {
      gap: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-12 {
      gap: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-12 {
      gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-12 {
      gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-12 {
      gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-12 {
      gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-12 {
      gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-12 {
      gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-12 {
      gap: var(--dm-spacing-12);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-x-12 {
      column-gap: var(--dm-spacing-12);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-x-12 {
      column-gap: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-x-12 {
      column-gap: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-x-12 {
      column-gap: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-x-12 {
      column-gap: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-x-12 {
      column-gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-x-12 {
      column-gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-x-12 {
      column-gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-x-12 {
      column-gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-x-12 {
      column-gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-x-12 {
      column-gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-x-12 {
      column-gap: var(--dm-spacing-12);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-y-12 {
      row-gap: var(--dm-spacing-12);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-y-12 {
      row-gap: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-y-12 {
      row-gap: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-y-12 {
      row-gap: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-y-12 {
      row-gap: var(--dm-spacing-12);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-y-12 {
      row-gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-y-12 {
      row-gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-y-12 {
      row-gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-y-12 {
      row-gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-y-12 {
      row-gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-y-12 {
      row-gap: var(--dm-spacing-12);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-y-12 {
      row-gap: var(--dm-spacing-12);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-16 {
      padding: var(--dm-spacing-16);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-16 {
      padding: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-16 {
      padding: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-16 {
      padding: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-16 {
      padding: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-16 {
      padding: var(--dm-spacing-16);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-16 {
      padding: var(--dm-spacing-16);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-16 {
      padding: var(--dm-spacing-16);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-16 {
      padding: var(--dm-spacing-16);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-16 {
      padding: var(--dm-spacing-16);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-16 {
      padding: var(--dm-spacing-16);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-16 {
      padding: var(--dm-spacing-16);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-horizontal-16 {
      padding-left: var(--dm-spacing-16);
      padding-right: var(--dm-spacing-16);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-horizontal-16 {
      padding-left: var(--dm-spacing-16);
      padding-right: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-horizontal-16 {
      padding-left: var(--dm-spacing-16);
      padding-right: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-horizontal-16 {
      padding-left: var(--dm-spacing-16);
      padding-right: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-horizontal-16 {
      padding-left: var(--dm-spacing-16);
      padding-right: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-horizontal-16 {
      padding-left: var(--dm-spacing-16);
      padding-right: var(--dm-spacing-16);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-horizontal-16 {
      padding-left: var(--dm-spacing-16);
      padding-right: var(--dm-spacing-16);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-horizontal-16 {
      padding-left: var(--dm-spacing-16);
      padding-right: var(--dm-spacing-16);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-horizontal-16 {
      padding-left: var(--dm-spacing-16);
      padding-right: var(--dm-spacing-16);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-horizontal-16 {
      padding-left: var(--dm-spacing-16);
      padding-right: var(--dm-spacing-16);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-horizontal-16 {
      padding-left: var(--dm-spacing-16);
      padding-right: var(--dm-spacing-16);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-horizontal-16 {
      padding-left: var(--dm-spacing-16);
      padding-right: var(--dm-spacing-16);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-vertical-16 {
      padding-top: var(--dm-spacing-16);
      padding-bottom: var(--dm-spacing-16);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-vertical-16 {
      padding-top: var(--dm-spacing-16);
      padding-bottom: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-vertical-16 {
      padding-top: var(--dm-spacing-16);
      padding-bottom: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-vertical-16 {
      padding-top: var(--dm-spacing-16);
      padding-bottom: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-vertical-16 {
      padding-top: var(--dm-spacing-16);
      padding-bottom: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-vertical-16 {
      padding-top: var(--dm-spacing-16);
      padding-bottom: var(--dm-spacing-16);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-vertical-16 {
      padding-top: var(--dm-spacing-16);
      padding-bottom: var(--dm-spacing-16);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-vertical-16 {
      padding-top: var(--dm-spacing-16);
      padding-bottom: var(--dm-spacing-16);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-vertical-16 {
      padding-top: var(--dm-spacing-16);
      padding-bottom: var(--dm-spacing-16);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-vertical-16 {
      padding-top: var(--dm-spacing-16);
      padding-bottom: var(--dm-spacing-16);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-vertical-16 {
      padding-top: var(--dm-spacing-16);
      padding-bottom: var(--dm-spacing-16);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-vertical-16 {
      padding-top: var(--dm-spacing-16);
      padding-bottom: var(--dm-spacing-16);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-16 {
      margin: var(--dm-spacing-16);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-16 {
      margin: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-16 {
      margin: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-16 {
      margin: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-16 {
      margin: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-16 {
      margin: var(--dm-spacing-16);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-16 {
      margin: var(--dm-spacing-16);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-16 {
      margin: var(--dm-spacing-16);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-16 {
      margin: var(--dm-spacing-16);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-16 {
      margin: var(--dm-spacing-16);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-16 {
      margin: var(--dm-spacing-16);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-16 {
      margin: var(--dm-spacing-16);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-horizontal-16 {
      margin-left: var(--dm-spacing-16);
      margin-right: var(--dm-spacing-16);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-horizontal-16 {
      margin-left: var(--dm-spacing-16);
      margin-right: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-horizontal-16 {
      margin-left: var(--dm-spacing-16);
      margin-right: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-horizontal-16 {
      margin-left: var(--dm-spacing-16);
      margin-right: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-horizontal-16 {
      margin-left: var(--dm-spacing-16);
      margin-right: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-horizontal-16 {
      margin-left: var(--dm-spacing-16);
      margin-right: var(--dm-spacing-16);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-horizontal-16 {
      margin-left: var(--dm-spacing-16);
      margin-right: var(--dm-spacing-16);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-horizontal-16 {
      margin-left: var(--dm-spacing-16);
      margin-right: var(--dm-spacing-16);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-horizontal-16 {
      margin-left: var(--dm-spacing-16);
      margin-right: var(--dm-spacing-16);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-horizontal-16 {
      margin-left: var(--dm-spacing-16);
      margin-right: var(--dm-spacing-16);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-horizontal-16 {
      margin-left: var(--dm-spacing-16);
      margin-right: var(--dm-spacing-16);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-horizontal-16 {
      margin-left: var(--dm-spacing-16);
      margin-right: var(--dm-spacing-16);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-vertical-16 {
      margin-top: var(--dm-spacing-16);
      margin-bottom: var(--dm-spacing-16);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-vertical-16 {
      margin-top: var(--dm-spacing-16);
      margin-bottom: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-vertical-16 {
      margin-top: var(--dm-spacing-16);
      margin-bottom: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-vertical-16 {
      margin-top: var(--dm-spacing-16);
      margin-bottom: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-vertical-16 {
      margin-top: var(--dm-spacing-16);
      margin-bottom: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-vertical-16 {
      margin-top: var(--dm-spacing-16);
      margin-bottom: var(--dm-spacing-16);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-vertical-16 {
      margin-top: var(--dm-spacing-16);
      margin-bottom: var(--dm-spacing-16);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-vertical-16 {
      margin-top: var(--dm-spacing-16);
      margin-bottom: var(--dm-spacing-16);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-vertical-16 {
      margin-top: var(--dm-spacing-16);
      margin-bottom: var(--dm-spacing-16);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-vertical-16 {
      margin-top: var(--dm-spacing-16);
      margin-bottom: var(--dm-spacing-16);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-vertical-16 {
      margin-top: var(--dm-spacing-16);
      margin-bottom: var(--dm-spacing-16);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-vertical-16 {
      margin-top: var(--dm-spacing-16);
      margin-bottom: var(--dm-spacing-16);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-16 {
      gap: var(--dm-spacing-16);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-16 {
      gap: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-16 {
      gap: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-16 {
      gap: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-16 {
      gap: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-16 {
      gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-16 {
      gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-16 {
      gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-16 {
      gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-16 {
      gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-16 {
      gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-16 {
      gap: var(--dm-spacing-16);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-x-16 {
      column-gap: var(--dm-spacing-16);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-x-16 {
      column-gap: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-x-16 {
      column-gap: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-x-16 {
      column-gap: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-x-16 {
      column-gap: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-x-16 {
      column-gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-x-16 {
      column-gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-x-16 {
      column-gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-x-16 {
      column-gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-x-16 {
      column-gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-x-16 {
      column-gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-x-16 {
      column-gap: var(--dm-spacing-16);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-y-16 {
      row-gap: var(--dm-spacing-16);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-y-16 {
      row-gap: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-y-16 {
      row-gap: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-y-16 {
      row-gap: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-y-16 {
      row-gap: var(--dm-spacing-16);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-y-16 {
      row-gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-y-16 {
      row-gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-y-16 {
      row-gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-y-16 {
      row-gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-y-16 {
      row-gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-y-16 {
      row-gap: var(--dm-spacing-16);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-y-16 {
      row-gap: var(--dm-spacing-16);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-20 {
      padding: var(--dm-spacing-20);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-20 {
      padding: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-20 {
      padding: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-20 {
      padding: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-20 {
      padding: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-20 {
      padding: var(--dm-spacing-20);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-20 {
      padding: var(--dm-spacing-20);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-20 {
      padding: var(--dm-spacing-20);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-20 {
      padding: var(--dm-spacing-20);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-20 {
      padding: var(--dm-spacing-20);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-20 {
      padding: var(--dm-spacing-20);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-20 {
      padding: var(--dm-spacing-20);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-horizontal-20 {
      padding-left: var(--dm-spacing-20);
      padding-right: var(--dm-spacing-20);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-horizontal-20 {
      padding-left: var(--dm-spacing-20);
      padding-right: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-horizontal-20 {
      padding-left: var(--dm-spacing-20);
      padding-right: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-horizontal-20 {
      padding-left: var(--dm-spacing-20);
      padding-right: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-horizontal-20 {
      padding-left: var(--dm-spacing-20);
      padding-right: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-horizontal-20 {
      padding-left: var(--dm-spacing-20);
      padding-right: var(--dm-spacing-20);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-horizontal-20 {
      padding-left: var(--dm-spacing-20);
      padding-right: var(--dm-spacing-20);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-horizontal-20 {
      padding-left: var(--dm-spacing-20);
      padding-right: var(--dm-spacing-20);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-horizontal-20 {
      padding-left: var(--dm-spacing-20);
      padding-right: var(--dm-spacing-20);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-horizontal-20 {
      padding-left: var(--dm-spacing-20);
      padding-right: var(--dm-spacing-20);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-horizontal-20 {
      padding-left: var(--dm-spacing-20);
      padding-right: var(--dm-spacing-20);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-horizontal-20 {
      padding-left: var(--dm-spacing-20);
      padding-right: var(--dm-spacing-20);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-vertical-20 {
      padding-top: var(--dm-spacing-20);
      padding-bottom: var(--dm-spacing-20);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-vertical-20 {
      padding-top: var(--dm-spacing-20);
      padding-bottom: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-vertical-20 {
      padding-top: var(--dm-spacing-20);
      padding-bottom: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-vertical-20 {
      padding-top: var(--dm-spacing-20);
      padding-bottom: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-vertical-20 {
      padding-top: var(--dm-spacing-20);
      padding-bottom: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-vertical-20 {
      padding-top: var(--dm-spacing-20);
      padding-bottom: var(--dm-spacing-20);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-vertical-20 {
      padding-top: var(--dm-spacing-20);
      padding-bottom: var(--dm-spacing-20);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-vertical-20 {
      padding-top: var(--dm-spacing-20);
      padding-bottom: var(--dm-spacing-20);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-vertical-20 {
      padding-top: var(--dm-spacing-20);
      padding-bottom: var(--dm-spacing-20);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-vertical-20 {
      padding-top: var(--dm-spacing-20);
      padding-bottom: var(--dm-spacing-20);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-vertical-20 {
      padding-top: var(--dm-spacing-20);
      padding-bottom: var(--dm-spacing-20);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-vertical-20 {
      padding-top: var(--dm-spacing-20);
      padding-bottom: var(--dm-spacing-20);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-20 {
      margin: var(--dm-spacing-20);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-20 {
      margin: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-20 {
      margin: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-20 {
      margin: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-20 {
      margin: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-20 {
      margin: var(--dm-spacing-20);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-20 {
      margin: var(--dm-spacing-20);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-20 {
      margin: var(--dm-spacing-20);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-20 {
      margin: var(--dm-spacing-20);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-20 {
      margin: var(--dm-spacing-20);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-20 {
      margin: var(--dm-spacing-20);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-20 {
      margin: var(--dm-spacing-20);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-horizontal-20 {
      margin-left: var(--dm-spacing-20);
      margin-right: var(--dm-spacing-20);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-horizontal-20 {
      margin-left: var(--dm-spacing-20);
      margin-right: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-horizontal-20 {
      margin-left: var(--dm-spacing-20);
      margin-right: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-horizontal-20 {
      margin-left: var(--dm-spacing-20);
      margin-right: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-horizontal-20 {
      margin-left: var(--dm-spacing-20);
      margin-right: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-horizontal-20 {
      margin-left: var(--dm-spacing-20);
      margin-right: var(--dm-spacing-20);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-horizontal-20 {
      margin-left: var(--dm-spacing-20);
      margin-right: var(--dm-spacing-20);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-horizontal-20 {
      margin-left: var(--dm-spacing-20);
      margin-right: var(--dm-spacing-20);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-horizontal-20 {
      margin-left: var(--dm-spacing-20);
      margin-right: var(--dm-spacing-20);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-horizontal-20 {
      margin-left: var(--dm-spacing-20);
      margin-right: var(--dm-spacing-20);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-horizontal-20 {
      margin-left: var(--dm-spacing-20);
      margin-right: var(--dm-spacing-20);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-horizontal-20 {
      margin-left: var(--dm-spacing-20);
      margin-right: var(--dm-spacing-20);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-vertical-20 {
      margin-top: var(--dm-spacing-20);
      margin-bottom: var(--dm-spacing-20);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-vertical-20 {
      margin-top: var(--dm-spacing-20);
      margin-bottom: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-vertical-20 {
      margin-top: var(--dm-spacing-20);
      margin-bottom: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-vertical-20 {
      margin-top: var(--dm-spacing-20);
      margin-bottom: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-vertical-20 {
      margin-top: var(--dm-spacing-20);
      margin-bottom: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-vertical-20 {
      margin-top: var(--dm-spacing-20);
      margin-bottom: var(--dm-spacing-20);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-vertical-20 {
      margin-top: var(--dm-spacing-20);
      margin-bottom: var(--dm-spacing-20);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-vertical-20 {
      margin-top: var(--dm-spacing-20);
      margin-bottom: var(--dm-spacing-20);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-vertical-20 {
      margin-top: var(--dm-spacing-20);
      margin-bottom: var(--dm-spacing-20);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-vertical-20 {
      margin-top: var(--dm-spacing-20);
      margin-bottom: var(--dm-spacing-20);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-vertical-20 {
      margin-top: var(--dm-spacing-20);
      margin-bottom: var(--dm-spacing-20);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-vertical-20 {
      margin-top: var(--dm-spacing-20);
      margin-bottom: var(--dm-spacing-20);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-20 {
      gap: var(--dm-spacing-20);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-20 {
      gap: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-20 {
      gap: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-20 {
      gap: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-20 {
      gap: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-20 {
      gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-20 {
      gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-20 {
      gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-20 {
      gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-20 {
      gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-20 {
      gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-20 {
      gap: var(--dm-spacing-20);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-x-20 {
      column-gap: var(--dm-spacing-20);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-x-20 {
      column-gap: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-x-20 {
      column-gap: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-x-20 {
      column-gap: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-x-20 {
      column-gap: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-x-20 {
      column-gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-x-20 {
      column-gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-x-20 {
      column-gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-x-20 {
      column-gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-x-20 {
      column-gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-x-20 {
      column-gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-x-20 {
      column-gap: var(--dm-spacing-20);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-y-20 {
      row-gap: var(--dm-spacing-20);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-y-20 {
      row-gap: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-y-20 {
      row-gap: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-y-20 {
      row-gap: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-y-20 {
      row-gap: var(--dm-spacing-20);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-y-20 {
      row-gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-y-20 {
      row-gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-y-20 {
      row-gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-y-20 {
      row-gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-y-20 {
      row-gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-y-20 {
      row-gap: var(--dm-spacing-20);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-y-20 {
      row-gap: var(--dm-spacing-20);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-24 {
      padding: var(--dm-spacing-24);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-24 {
      padding: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-24 {
      padding: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-24 {
      padding: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-24 {
      padding: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-24 {
      padding: var(--dm-spacing-24);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-24 {
      padding: var(--dm-spacing-24);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-24 {
      padding: var(--dm-spacing-24);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-24 {
      padding: var(--dm-spacing-24);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-24 {
      padding: var(--dm-spacing-24);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-24 {
      padding: var(--dm-spacing-24);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-24 {
      padding: var(--dm-spacing-24);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-horizontal-24 {
      padding-left: var(--dm-spacing-24);
      padding-right: var(--dm-spacing-24);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-horizontal-24 {
      padding-left: var(--dm-spacing-24);
      padding-right: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-horizontal-24 {
      padding-left: var(--dm-spacing-24);
      padding-right: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-horizontal-24 {
      padding-left: var(--dm-spacing-24);
      padding-right: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-horizontal-24 {
      padding-left: var(--dm-spacing-24);
      padding-right: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-horizontal-24 {
      padding-left: var(--dm-spacing-24);
      padding-right: var(--dm-spacing-24);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-horizontal-24 {
      padding-left: var(--dm-spacing-24);
      padding-right: var(--dm-spacing-24);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-horizontal-24 {
      padding-left: var(--dm-spacing-24);
      padding-right: var(--dm-spacing-24);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-horizontal-24 {
      padding-left: var(--dm-spacing-24);
      padding-right: var(--dm-spacing-24);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-horizontal-24 {
      padding-left: var(--dm-spacing-24);
      padding-right: var(--dm-spacing-24);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-horizontal-24 {
      padding-left: var(--dm-spacing-24);
      padding-right: var(--dm-spacing-24);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-horizontal-24 {
      padding-left: var(--dm-spacing-24);
      padding-right: var(--dm-spacing-24);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-vertical-24 {
      padding-top: var(--dm-spacing-24);
      padding-bottom: var(--dm-spacing-24);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-vertical-24 {
      padding-top: var(--dm-spacing-24);
      padding-bottom: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-vertical-24 {
      padding-top: var(--dm-spacing-24);
      padding-bottom: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-vertical-24 {
      padding-top: var(--dm-spacing-24);
      padding-bottom: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-vertical-24 {
      padding-top: var(--dm-spacing-24);
      padding-bottom: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-vertical-24 {
      padding-top: var(--dm-spacing-24);
      padding-bottom: var(--dm-spacing-24);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-vertical-24 {
      padding-top: var(--dm-spacing-24);
      padding-bottom: var(--dm-spacing-24);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-vertical-24 {
      padding-top: var(--dm-spacing-24);
      padding-bottom: var(--dm-spacing-24);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-vertical-24 {
      padding-top: var(--dm-spacing-24);
      padding-bottom: var(--dm-spacing-24);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-vertical-24 {
      padding-top: var(--dm-spacing-24);
      padding-bottom: var(--dm-spacing-24);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-vertical-24 {
      padding-top: var(--dm-spacing-24);
      padding-bottom: var(--dm-spacing-24);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-vertical-24 {
      padding-top: var(--dm-spacing-24);
      padding-bottom: var(--dm-spacing-24);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-24 {
      margin: var(--dm-spacing-24);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-24 {
      margin: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-24 {
      margin: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-24 {
      margin: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-24 {
      margin: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-24 {
      margin: var(--dm-spacing-24);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-24 {
      margin: var(--dm-spacing-24);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-24 {
      margin: var(--dm-spacing-24);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-24 {
      margin: var(--dm-spacing-24);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-24 {
      margin: var(--dm-spacing-24);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-24 {
      margin: var(--dm-spacing-24);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-24 {
      margin: var(--dm-spacing-24);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-horizontal-24 {
      margin-left: var(--dm-spacing-24);
      margin-right: var(--dm-spacing-24);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-horizontal-24 {
      margin-left: var(--dm-spacing-24);
      margin-right: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-horizontal-24 {
      margin-left: var(--dm-spacing-24);
      margin-right: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-horizontal-24 {
      margin-left: var(--dm-spacing-24);
      margin-right: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-horizontal-24 {
      margin-left: var(--dm-spacing-24);
      margin-right: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-horizontal-24 {
      margin-left: var(--dm-spacing-24);
      margin-right: var(--dm-spacing-24);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-horizontal-24 {
      margin-left: var(--dm-spacing-24);
      margin-right: var(--dm-spacing-24);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-horizontal-24 {
      margin-left: var(--dm-spacing-24);
      margin-right: var(--dm-spacing-24);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-horizontal-24 {
      margin-left: var(--dm-spacing-24);
      margin-right: var(--dm-spacing-24);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-horizontal-24 {
      margin-left: var(--dm-spacing-24);
      margin-right: var(--dm-spacing-24);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-horizontal-24 {
      margin-left: var(--dm-spacing-24);
      margin-right: var(--dm-spacing-24);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-horizontal-24 {
      margin-left: var(--dm-spacing-24);
      margin-right: var(--dm-spacing-24);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-vertical-24 {
      margin-top: var(--dm-spacing-24);
      margin-bottom: var(--dm-spacing-24);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-vertical-24 {
      margin-top: var(--dm-spacing-24);
      margin-bottom: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-vertical-24 {
      margin-top: var(--dm-spacing-24);
      margin-bottom: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-vertical-24 {
      margin-top: var(--dm-spacing-24);
      margin-bottom: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-vertical-24 {
      margin-top: var(--dm-spacing-24);
      margin-bottom: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-vertical-24 {
      margin-top: var(--dm-spacing-24);
      margin-bottom: var(--dm-spacing-24);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-vertical-24 {
      margin-top: var(--dm-spacing-24);
      margin-bottom: var(--dm-spacing-24);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-vertical-24 {
      margin-top: var(--dm-spacing-24);
      margin-bottom: var(--dm-spacing-24);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-vertical-24 {
      margin-top: var(--dm-spacing-24);
      margin-bottom: var(--dm-spacing-24);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-vertical-24 {
      margin-top: var(--dm-spacing-24);
      margin-bottom: var(--dm-spacing-24);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-vertical-24 {
      margin-top: var(--dm-spacing-24);
      margin-bottom: var(--dm-spacing-24);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-vertical-24 {
      margin-top: var(--dm-spacing-24);
      margin-bottom: var(--dm-spacing-24);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-24 {
      gap: var(--dm-spacing-24);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-24 {
      gap: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-24 {
      gap: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-24 {
      gap: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-24 {
      gap: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-24 {
      gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-24 {
      gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-24 {
      gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-24 {
      gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-24 {
      gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-24 {
      gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-24 {
      gap: var(--dm-spacing-24);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-x-24 {
      column-gap: var(--dm-spacing-24);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-x-24 {
      column-gap: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-x-24 {
      column-gap: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-x-24 {
      column-gap: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-x-24 {
      column-gap: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-x-24 {
      column-gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-x-24 {
      column-gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-x-24 {
      column-gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-x-24 {
      column-gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-x-24 {
      column-gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-x-24 {
      column-gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-x-24 {
      column-gap: var(--dm-spacing-24);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-y-24 {
      row-gap: var(--dm-spacing-24);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-y-24 {
      row-gap: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-y-24 {
      row-gap: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-y-24 {
      row-gap: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-y-24 {
      row-gap: var(--dm-spacing-24);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-y-24 {
      row-gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-y-24 {
      row-gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-y-24 {
      row-gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-y-24 {
      row-gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-y-24 {
      row-gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-y-24 {
      row-gap: var(--dm-spacing-24);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-y-24 {
      row-gap: var(--dm-spacing-24);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-32 {
      padding: var(--dm-spacing-32);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-32 {
      padding: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-32 {
      padding: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-32 {
      padding: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-32 {
      padding: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-32 {
      padding: var(--dm-spacing-32);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-32 {
      padding: var(--dm-spacing-32);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-32 {
      padding: var(--dm-spacing-32);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-32 {
      padding: var(--dm-spacing-32);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-32 {
      padding: var(--dm-spacing-32);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-32 {
      padding: var(--dm-spacing-32);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-32 {
      padding: var(--dm-spacing-32);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-horizontal-32 {
      padding-left: var(--dm-spacing-32);
      padding-right: var(--dm-spacing-32);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-horizontal-32 {
      padding-left: var(--dm-spacing-32);
      padding-right: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-horizontal-32 {
      padding-left: var(--dm-spacing-32);
      padding-right: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-horizontal-32 {
      padding-left: var(--dm-spacing-32);
      padding-right: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-horizontal-32 {
      padding-left: var(--dm-spacing-32);
      padding-right: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-horizontal-32 {
      padding-left: var(--dm-spacing-32);
      padding-right: var(--dm-spacing-32);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-horizontal-32 {
      padding-left: var(--dm-spacing-32);
      padding-right: var(--dm-spacing-32);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-horizontal-32 {
      padding-left: var(--dm-spacing-32);
      padding-right: var(--dm-spacing-32);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-horizontal-32 {
      padding-left: var(--dm-spacing-32);
      padding-right: var(--dm-spacing-32);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-horizontal-32 {
      padding-left: var(--dm-spacing-32);
      padding-right: var(--dm-spacing-32);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-horizontal-32 {
      padding-left: var(--dm-spacing-32);
      padding-right: var(--dm-spacing-32);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-horizontal-32 {
      padding-left: var(--dm-spacing-32);
      padding-right: var(--dm-spacing-32);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-vertical-32 {
      padding-top: var(--dm-spacing-32);
      padding-bottom: var(--dm-spacing-32);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-vertical-32 {
      padding-top: var(--dm-spacing-32);
      padding-bottom: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-vertical-32 {
      padding-top: var(--dm-spacing-32);
      padding-bottom: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-vertical-32 {
      padding-top: var(--dm-spacing-32);
      padding-bottom: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-vertical-32 {
      padding-top: var(--dm-spacing-32);
      padding-bottom: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-vertical-32 {
      padding-top: var(--dm-spacing-32);
      padding-bottom: var(--dm-spacing-32);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-vertical-32 {
      padding-top: var(--dm-spacing-32);
      padding-bottom: var(--dm-spacing-32);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-vertical-32 {
      padding-top: var(--dm-spacing-32);
      padding-bottom: var(--dm-spacing-32);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-vertical-32 {
      padding-top: var(--dm-spacing-32);
      padding-bottom: var(--dm-spacing-32);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-vertical-32 {
      padding-top: var(--dm-spacing-32);
      padding-bottom: var(--dm-spacing-32);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-vertical-32 {
      padding-top: var(--dm-spacing-32);
      padding-bottom: var(--dm-spacing-32);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-vertical-32 {
      padding-top: var(--dm-spacing-32);
      padding-bottom: var(--dm-spacing-32);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-32 {
      margin: var(--dm-spacing-32);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-32 {
      margin: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-32 {
      margin: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-32 {
      margin: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-32 {
      margin: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-32 {
      margin: var(--dm-spacing-32);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-32 {
      margin: var(--dm-spacing-32);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-32 {
      margin: var(--dm-spacing-32);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-32 {
      margin: var(--dm-spacing-32);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-32 {
      margin: var(--dm-spacing-32);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-32 {
      margin: var(--dm-spacing-32);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-32 {
      margin: var(--dm-spacing-32);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-horizontal-32 {
      margin-left: var(--dm-spacing-32);
      margin-right: var(--dm-spacing-32);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-horizontal-32 {
      margin-left: var(--dm-spacing-32);
      margin-right: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-horizontal-32 {
      margin-left: var(--dm-spacing-32);
      margin-right: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-horizontal-32 {
      margin-left: var(--dm-spacing-32);
      margin-right: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-horizontal-32 {
      margin-left: var(--dm-spacing-32);
      margin-right: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-horizontal-32 {
      margin-left: var(--dm-spacing-32);
      margin-right: var(--dm-spacing-32);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-horizontal-32 {
      margin-left: var(--dm-spacing-32);
      margin-right: var(--dm-spacing-32);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-horizontal-32 {
      margin-left: var(--dm-spacing-32);
      margin-right: var(--dm-spacing-32);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-horizontal-32 {
      margin-left: var(--dm-spacing-32);
      margin-right: var(--dm-spacing-32);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-horizontal-32 {
      margin-left: var(--dm-spacing-32);
      margin-right: var(--dm-spacing-32);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-horizontal-32 {
      margin-left: var(--dm-spacing-32);
      margin-right: var(--dm-spacing-32);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-horizontal-32 {
      margin-left: var(--dm-spacing-32);
      margin-right: var(--dm-spacing-32);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-vertical-32 {
      margin-top: var(--dm-spacing-32);
      margin-bottom: var(--dm-spacing-32);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-vertical-32 {
      margin-top: var(--dm-spacing-32);
      margin-bottom: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-vertical-32 {
      margin-top: var(--dm-spacing-32);
      margin-bottom: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-vertical-32 {
      margin-top: var(--dm-spacing-32);
      margin-bottom: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-vertical-32 {
      margin-top: var(--dm-spacing-32);
      margin-bottom: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-vertical-32 {
      margin-top: var(--dm-spacing-32);
      margin-bottom: var(--dm-spacing-32);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-vertical-32 {
      margin-top: var(--dm-spacing-32);
      margin-bottom: var(--dm-spacing-32);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-vertical-32 {
      margin-top: var(--dm-spacing-32);
      margin-bottom: var(--dm-spacing-32);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-vertical-32 {
      margin-top: var(--dm-spacing-32);
      margin-bottom: var(--dm-spacing-32);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-vertical-32 {
      margin-top: var(--dm-spacing-32);
      margin-bottom: var(--dm-spacing-32);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-vertical-32 {
      margin-top: var(--dm-spacing-32);
      margin-bottom: var(--dm-spacing-32);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-vertical-32 {
      margin-top: var(--dm-spacing-32);
      margin-bottom: var(--dm-spacing-32);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-32 {
      gap: var(--dm-spacing-32);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-32 {
      gap: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-32 {
      gap: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-32 {
      gap: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-32 {
      gap: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-32 {
      gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-32 {
      gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-32 {
      gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-32 {
      gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-32 {
      gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-32 {
      gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-32 {
      gap: var(--dm-spacing-32);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-x-32 {
      column-gap: var(--dm-spacing-32);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-x-32 {
      column-gap: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-x-32 {
      column-gap: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-x-32 {
      column-gap: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-x-32 {
      column-gap: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-x-32 {
      column-gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-x-32 {
      column-gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-x-32 {
      column-gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-x-32 {
      column-gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-x-32 {
      column-gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-x-32 {
      column-gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-x-32 {
      column-gap: var(--dm-spacing-32);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-y-32 {
      row-gap: var(--dm-spacing-32);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-y-32 {
      row-gap: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-y-32 {
      row-gap: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-y-32 {
      row-gap: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-y-32 {
      row-gap: var(--dm-spacing-32);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-y-32 {
      row-gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-y-32 {
      row-gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-y-32 {
      row-gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-y-32 {
      row-gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-y-32 {
      row-gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-y-32 {
      row-gap: var(--dm-spacing-32);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-y-32 {
      row-gap: var(--dm-spacing-32);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-40 {
      padding: var(--dm-spacing-40);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-40 {
      padding: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-40 {
      padding: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-40 {
      padding: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-40 {
      padding: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-40 {
      padding: var(--dm-spacing-40);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-40 {
      padding: var(--dm-spacing-40);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-40 {
      padding: var(--dm-spacing-40);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-40 {
      padding: var(--dm-spacing-40);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-40 {
      padding: var(--dm-spacing-40);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-40 {
      padding: var(--dm-spacing-40);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-40 {
      padding: var(--dm-spacing-40);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-horizontal-40 {
      padding-left: var(--dm-spacing-40);
      padding-right: var(--dm-spacing-40);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-horizontal-40 {
      padding-left: var(--dm-spacing-40);
      padding-right: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-horizontal-40 {
      padding-left: var(--dm-spacing-40);
      padding-right: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-horizontal-40 {
      padding-left: var(--dm-spacing-40);
      padding-right: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-horizontal-40 {
      padding-left: var(--dm-spacing-40);
      padding-right: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-horizontal-40 {
      padding-left: var(--dm-spacing-40);
      padding-right: var(--dm-spacing-40);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-horizontal-40 {
      padding-left: var(--dm-spacing-40);
      padding-right: var(--dm-spacing-40);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-horizontal-40 {
      padding-left: var(--dm-spacing-40);
      padding-right: var(--dm-spacing-40);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-horizontal-40 {
      padding-left: var(--dm-spacing-40);
      padding-right: var(--dm-spacing-40);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-horizontal-40 {
      padding-left: var(--dm-spacing-40);
      padding-right: var(--dm-spacing-40);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-horizontal-40 {
      padding-left: var(--dm-spacing-40);
      padding-right: var(--dm-spacing-40);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-horizontal-40 {
      padding-left: var(--dm-spacing-40);
      padding-right: var(--dm-spacing-40);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-vertical-40 {
      padding-top: var(--dm-spacing-40);
      padding-bottom: var(--dm-spacing-40);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-vertical-40 {
      padding-top: var(--dm-spacing-40);
      padding-bottom: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-vertical-40 {
      padding-top: var(--dm-spacing-40);
      padding-bottom: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-vertical-40 {
      padding-top: var(--dm-spacing-40);
      padding-bottom: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-vertical-40 {
      padding-top: var(--dm-spacing-40);
      padding-bottom: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-vertical-40 {
      padding-top: var(--dm-spacing-40);
      padding-bottom: var(--dm-spacing-40);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-vertical-40 {
      padding-top: var(--dm-spacing-40);
      padding-bottom: var(--dm-spacing-40);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-vertical-40 {
      padding-top: var(--dm-spacing-40);
      padding-bottom: var(--dm-spacing-40);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-vertical-40 {
      padding-top: var(--dm-spacing-40);
      padding-bottom: var(--dm-spacing-40);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-vertical-40 {
      padding-top: var(--dm-spacing-40);
      padding-bottom: var(--dm-spacing-40);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-vertical-40 {
      padding-top: var(--dm-spacing-40);
      padding-bottom: var(--dm-spacing-40);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-vertical-40 {
      padding-top: var(--dm-spacing-40);
      padding-bottom: var(--dm-spacing-40);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-40 {
      margin: var(--dm-spacing-40);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-40 {
      margin: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-40 {
      margin: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-40 {
      margin: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-40 {
      margin: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-40 {
      margin: var(--dm-spacing-40);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-40 {
      margin: var(--dm-spacing-40);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-40 {
      margin: var(--dm-spacing-40);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-40 {
      margin: var(--dm-spacing-40);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-40 {
      margin: var(--dm-spacing-40);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-40 {
      margin: var(--dm-spacing-40);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-40 {
      margin: var(--dm-spacing-40);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-horizontal-40 {
      margin-left: var(--dm-spacing-40);
      margin-right: var(--dm-spacing-40);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-horizontal-40 {
      margin-left: var(--dm-spacing-40);
      margin-right: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-horizontal-40 {
      margin-left: var(--dm-spacing-40);
      margin-right: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-horizontal-40 {
      margin-left: var(--dm-spacing-40);
      margin-right: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-horizontal-40 {
      margin-left: var(--dm-spacing-40);
      margin-right: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-horizontal-40 {
      margin-left: var(--dm-spacing-40);
      margin-right: var(--dm-spacing-40);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-horizontal-40 {
      margin-left: var(--dm-spacing-40);
      margin-right: var(--dm-spacing-40);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-horizontal-40 {
      margin-left: var(--dm-spacing-40);
      margin-right: var(--dm-spacing-40);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-horizontal-40 {
      margin-left: var(--dm-spacing-40);
      margin-right: var(--dm-spacing-40);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-horizontal-40 {
      margin-left: var(--dm-spacing-40);
      margin-right: var(--dm-spacing-40);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-horizontal-40 {
      margin-left: var(--dm-spacing-40);
      margin-right: var(--dm-spacing-40);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-horizontal-40 {
      margin-left: var(--dm-spacing-40);
      margin-right: var(--dm-spacing-40);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-vertical-40 {
      margin-top: var(--dm-spacing-40);
      margin-bottom: var(--dm-spacing-40);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-vertical-40 {
      margin-top: var(--dm-spacing-40);
      margin-bottom: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-vertical-40 {
      margin-top: var(--dm-spacing-40);
      margin-bottom: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-vertical-40 {
      margin-top: var(--dm-spacing-40);
      margin-bottom: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-vertical-40 {
      margin-top: var(--dm-spacing-40);
      margin-bottom: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-vertical-40 {
      margin-top: var(--dm-spacing-40);
      margin-bottom: var(--dm-spacing-40);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-vertical-40 {
      margin-top: var(--dm-spacing-40);
      margin-bottom: var(--dm-spacing-40);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-vertical-40 {
      margin-top: var(--dm-spacing-40);
      margin-bottom: var(--dm-spacing-40);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-vertical-40 {
      margin-top: var(--dm-spacing-40);
      margin-bottom: var(--dm-spacing-40);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-vertical-40 {
      margin-top: var(--dm-spacing-40);
      margin-bottom: var(--dm-spacing-40);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-vertical-40 {
      margin-top: var(--dm-spacing-40);
      margin-bottom: var(--dm-spacing-40);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-vertical-40 {
      margin-top: var(--dm-spacing-40);
      margin-bottom: var(--dm-spacing-40);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-40 {
      gap: var(--dm-spacing-40);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-40 {
      gap: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-40 {
      gap: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-40 {
      gap: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-40 {
      gap: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-40 {
      gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-40 {
      gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-40 {
      gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-40 {
      gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-40 {
      gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-40 {
      gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-40 {
      gap: var(--dm-spacing-40);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-x-40 {
      column-gap: var(--dm-spacing-40);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-x-40 {
      column-gap: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-x-40 {
      column-gap: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-x-40 {
      column-gap: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-x-40 {
      column-gap: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-x-40 {
      column-gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-x-40 {
      column-gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-x-40 {
      column-gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-x-40 {
      column-gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-x-40 {
      column-gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-x-40 {
      column-gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-x-40 {
      column-gap: var(--dm-spacing-40);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-y-40 {
      row-gap: var(--dm-spacing-40);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-y-40 {
      row-gap: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-y-40 {
      row-gap: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-y-40 {
      row-gap: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-y-40 {
      row-gap: var(--dm-spacing-40);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-y-40 {
      row-gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-y-40 {
      row-gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-y-40 {
      row-gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-y-40 {
      row-gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-y-40 {
      row-gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-y-40 {
      row-gap: var(--dm-spacing-40);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-y-40 {
      row-gap: var(--dm-spacing-40);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-48 {
      padding: var(--dm-spacing-48);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-48 {
      padding: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-48 {
      padding: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-48 {
      padding: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-48 {
      padding: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-48 {
      padding: var(--dm-spacing-48);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-48 {
      padding: var(--dm-spacing-48);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-48 {
      padding: var(--dm-spacing-48);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-48 {
      padding: var(--dm-spacing-48);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-48 {
      padding: var(--dm-spacing-48);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-48 {
      padding: var(--dm-spacing-48);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-48 {
      padding: var(--dm-spacing-48);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-horizontal-48 {
      padding-left: var(--dm-spacing-48);
      padding-right: var(--dm-spacing-48);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-horizontal-48 {
      padding-left: var(--dm-spacing-48);
      padding-right: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-horizontal-48 {
      padding-left: var(--dm-spacing-48);
      padding-right: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-horizontal-48 {
      padding-left: var(--dm-spacing-48);
      padding-right: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-horizontal-48 {
      padding-left: var(--dm-spacing-48);
      padding-right: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-horizontal-48 {
      padding-left: var(--dm-spacing-48);
      padding-right: var(--dm-spacing-48);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-horizontal-48 {
      padding-left: var(--dm-spacing-48);
      padding-right: var(--dm-spacing-48);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-horizontal-48 {
      padding-left: var(--dm-spacing-48);
      padding-right: var(--dm-spacing-48);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-horizontal-48 {
      padding-left: var(--dm-spacing-48);
      padding-right: var(--dm-spacing-48);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-horizontal-48 {
      padding-left: var(--dm-spacing-48);
      padding-right: var(--dm-spacing-48);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-horizontal-48 {
      padding-left: var(--dm-spacing-48);
      padding-right: var(--dm-spacing-48);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-horizontal-48 {
      padding-left: var(--dm-spacing-48);
      padding-right: var(--dm-spacing-48);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-vertical-48 {
      padding-top: var(--dm-spacing-48);
      padding-bottom: var(--dm-spacing-48);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-vertical-48 {
      padding-top: var(--dm-spacing-48);
      padding-bottom: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-vertical-48 {
      padding-top: var(--dm-spacing-48);
      padding-bottom: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-vertical-48 {
      padding-top: var(--dm-spacing-48);
      padding-bottom: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-vertical-48 {
      padding-top: var(--dm-spacing-48);
      padding-bottom: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-vertical-48 {
      padding-top: var(--dm-spacing-48);
      padding-bottom: var(--dm-spacing-48);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-vertical-48 {
      padding-top: var(--dm-spacing-48);
      padding-bottom: var(--dm-spacing-48);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-vertical-48 {
      padding-top: var(--dm-spacing-48);
      padding-bottom: var(--dm-spacing-48);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-vertical-48 {
      padding-top: var(--dm-spacing-48);
      padding-bottom: var(--dm-spacing-48);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-vertical-48 {
      padding-top: var(--dm-spacing-48);
      padding-bottom: var(--dm-spacing-48);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-vertical-48 {
      padding-top: var(--dm-spacing-48);
      padding-bottom: var(--dm-spacing-48);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-vertical-48 {
      padding-top: var(--dm-spacing-48);
      padding-bottom: var(--dm-spacing-48);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-48 {
      margin: var(--dm-spacing-48);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-48 {
      margin: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-48 {
      margin: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-48 {
      margin: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-48 {
      margin: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-48 {
      margin: var(--dm-spacing-48);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-48 {
      margin: var(--dm-spacing-48);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-48 {
      margin: var(--dm-spacing-48);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-48 {
      margin: var(--dm-spacing-48);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-48 {
      margin: var(--dm-spacing-48);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-48 {
      margin: var(--dm-spacing-48);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-48 {
      margin: var(--dm-spacing-48);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-horizontal-48 {
      margin-left: var(--dm-spacing-48);
      margin-right: var(--dm-spacing-48);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-horizontal-48 {
      margin-left: var(--dm-spacing-48);
      margin-right: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-horizontal-48 {
      margin-left: var(--dm-spacing-48);
      margin-right: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-horizontal-48 {
      margin-left: var(--dm-spacing-48);
      margin-right: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-horizontal-48 {
      margin-left: var(--dm-spacing-48);
      margin-right: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-horizontal-48 {
      margin-left: var(--dm-spacing-48);
      margin-right: var(--dm-spacing-48);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-horizontal-48 {
      margin-left: var(--dm-spacing-48);
      margin-right: var(--dm-spacing-48);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-horizontal-48 {
      margin-left: var(--dm-spacing-48);
      margin-right: var(--dm-spacing-48);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-horizontal-48 {
      margin-left: var(--dm-spacing-48);
      margin-right: var(--dm-spacing-48);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-horizontal-48 {
      margin-left: var(--dm-spacing-48);
      margin-right: var(--dm-spacing-48);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-horizontal-48 {
      margin-left: var(--dm-spacing-48);
      margin-right: var(--dm-spacing-48);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-horizontal-48 {
      margin-left: var(--dm-spacing-48);
      margin-right: var(--dm-spacing-48);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-vertical-48 {
      margin-top: var(--dm-spacing-48);
      margin-bottom: var(--dm-spacing-48);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-vertical-48 {
      margin-top: var(--dm-spacing-48);
      margin-bottom: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-vertical-48 {
      margin-top: var(--dm-spacing-48);
      margin-bottom: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-vertical-48 {
      margin-top: var(--dm-spacing-48);
      margin-bottom: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-vertical-48 {
      margin-top: var(--dm-spacing-48);
      margin-bottom: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-vertical-48 {
      margin-top: var(--dm-spacing-48);
      margin-bottom: var(--dm-spacing-48);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-vertical-48 {
      margin-top: var(--dm-spacing-48);
      margin-bottom: var(--dm-spacing-48);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-vertical-48 {
      margin-top: var(--dm-spacing-48);
      margin-bottom: var(--dm-spacing-48);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-vertical-48 {
      margin-top: var(--dm-spacing-48);
      margin-bottom: var(--dm-spacing-48);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-vertical-48 {
      margin-top: var(--dm-spacing-48);
      margin-bottom: var(--dm-spacing-48);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-vertical-48 {
      margin-top: var(--dm-spacing-48);
      margin-bottom: var(--dm-spacing-48);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-vertical-48 {
      margin-top: var(--dm-spacing-48);
      margin-bottom: var(--dm-spacing-48);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-48 {
      gap: var(--dm-spacing-48);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-48 {
      gap: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-48 {
      gap: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-48 {
      gap: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-48 {
      gap: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-48 {
      gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-48 {
      gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-48 {
      gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-48 {
      gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-48 {
      gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-48 {
      gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-48 {
      gap: var(--dm-spacing-48);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-x-48 {
      column-gap: var(--dm-spacing-48);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-x-48 {
      column-gap: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-x-48 {
      column-gap: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-x-48 {
      column-gap: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-x-48 {
      column-gap: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-x-48 {
      column-gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-x-48 {
      column-gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-x-48 {
      column-gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-x-48 {
      column-gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-x-48 {
      column-gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-x-48 {
      column-gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-x-48 {
      column-gap: var(--dm-spacing-48);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-y-48 {
      row-gap: var(--dm-spacing-48);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-y-48 {
      row-gap: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-y-48 {
      row-gap: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-y-48 {
      row-gap: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-y-48 {
      row-gap: var(--dm-spacing-48);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-y-48 {
      row-gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-y-48 {
      row-gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-y-48 {
      row-gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-y-48 {
      row-gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-y-48 {
      row-gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-y-48 {
      row-gap: var(--dm-spacing-48);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-y-48 {
      row-gap: var(--dm-spacing-48);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-64 {
      padding: var(--dm-spacing-64);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-64 {
      padding: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-64 {
      padding: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-64 {
      padding: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-64 {
      padding: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-64 {
      padding: var(--dm-spacing-64);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-64 {
      padding: var(--dm-spacing-64);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-64 {
      padding: var(--dm-spacing-64);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-64 {
      padding: var(--dm-spacing-64);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-64 {
      padding: var(--dm-spacing-64);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-64 {
      padding: var(--dm-spacing-64);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-64 {
      padding: var(--dm-spacing-64);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-horizontal-64 {
      padding-left: var(--dm-spacing-64);
      padding-right: var(--dm-spacing-64);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-horizontal-64 {
      padding-left: var(--dm-spacing-64);
      padding-right: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-horizontal-64 {
      padding-left: var(--dm-spacing-64);
      padding-right: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-horizontal-64 {
      padding-left: var(--dm-spacing-64);
      padding-right: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-horizontal-64 {
      padding-left: var(--dm-spacing-64);
      padding-right: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-horizontal-64 {
      padding-left: var(--dm-spacing-64);
      padding-right: var(--dm-spacing-64);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-horizontal-64 {
      padding-left: var(--dm-spacing-64);
      padding-right: var(--dm-spacing-64);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-horizontal-64 {
      padding-left: var(--dm-spacing-64);
      padding-right: var(--dm-spacing-64);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-horizontal-64 {
      padding-left: var(--dm-spacing-64);
      padding-right: var(--dm-spacing-64);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-horizontal-64 {
      padding-left: var(--dm-spacing-64);
      padding-right: var(--dm-spacing-64);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-horizontal-64 {
      padding-left: var(--dm-spacing-64);
      padding-right: var(--dm-spacing-64);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-horizontal-64 {
      padding-left: var(--dm-spacing-64);
      padding-right: var(--dm-spacing-64);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-padding-vertical-64 {
      padding-top: var(--dm-spacing-64);
      padding-bottom: var(--dm-spacing-64);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-padding-vertical-64 {
      padding-top: var(--dm-spacing-64);
      padding-bottom: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-padding-vertical-64 {
      padding-top: var(--dm-spacing-64);
      padding-bottom: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-padding-vertical-64 {
      padding-top: var(--dm-spacing-64);
      padding-bottom: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-padding-vertical-64 {
      padding-top: var(--dm-spacing-64);
      padding-bottom: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-padding-vertical-64 {
      padding-top: var(--dm-spacing-64);
      padding-bottom: var(--dm-spacing-64);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-padding-vertical-64 {
      padding-top: var(--dm-spacing-64);
      padding-bottom: var(--dm-spacing-64);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-padding-vertical-64 {
      padding-top: var(--dm-spacing-64);
      padding-bottom: var(--dm-spacing-64);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-padding-vertical-64 {
      padding-top: var(--dm-spacing-64);
      padding-bottom: var(--dm-spacing-64);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-padding-vertical-64 {
      padding-top: var(--dm-spacing-64);
      padding-bottom: var(--dm-spacing-64);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-padding-vertical-64 {
      padding-top: var(--dm-spacing-64);
      padding-bottom: var(--dm-spacing-64);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-padding-vertical-64 {
      padding-top: var(--dm-spacing-64);
      padding-bottom: var(--dm-spacing-64);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-64 {
      margin: var(--dm-spacing-64);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-64 {
      margin: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-64 {
      margin: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-64 {
      margin: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-64 {
      margin: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-64 {
      margin: var(--dm-spacing-64);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-64 {
      margin: var(--dm-spacing-64);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-64 {
      margin: var(--dm-spacing-64);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-64 {
      margin: var(--dm-spacing-64);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-64 {
      margin: var(--dm-spacing-64);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-64 {
      margin: var(--dm-spacing-64);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-64 {
      margin: var(--dm-spacing-64);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-horizontal-64 {
      margin-left: var(--dm-spacing-64);
      margin-right: var(--dm-spacing-64);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-horizontal-64 {
      margin-left: var(--dm-spacing-64);
      margin-right: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-horizontal-64 {
      margin-left: var(--dm-spacing-64);
      margin-right: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-horizontal-64 {
      margin-left: var(--dm-spacing-64);
      margin-right: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-horizontal-64 {
      margin-left: var(--dm-spacing-64);
      margin-right: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-horizontal-64 {
      margin-left: var(--dm-spacing-64);
      margin-right: var(--dm-spacing-64);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-horizontal-64 {
      margin-left: var(--dm-spacing-64);
      margin-right: var(--dm-spacing-64);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-horizontal-64 {
      margin-left: var(--dm-spacing-64);
      margin-right: var(--dm-spacing-64);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-horizontal-64 {
      margin-left: var(--dm-spacing-64);
      margin-right: var(--dm-spacing-64);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-horizontal-64 {
      margin-left: var(--dm-spacing-64);
      margin-right: var(--dm-spacing-64);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-horizontal-64 {
      margin-left: var(--dm-spacing-64);
      margin-right: var(--dm-spacing-64);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-horizontal-64 {
      margin-left: var(--dm-spacing-64);
      margin-right: var(--dm-spacing-64);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-margin-vertical-64 {
      margin-top: var(--dm-spacing-64);
      margin-bottom: var(--dm-spacing-64);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-margin-vertical-64 {
      margin-top: var(--dm-spacing-64);
      margin-bottom: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-margin-vertical-64 {
      margin-top: var(--dm-spacing-64);
      margin-bottom: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-margin-vertical-64 {
      margin-top: var(--dm-spacing-64);
      margin-bottom: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-margin-vertical-64 {
      margin-top: var(--dm-spacing-64);
      margin-bottom: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-margin-vertical-64 {
      margin-top: var(--dm-spacing-64);
      margin-bottom: var(--dm-spacing-64);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-margin-vertical-64 {
      margin-top: var(--dm-spacing-64);
      margin-bottom: var(--dm-spacing-64);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-margin-vertical-64 {
      margin-top: var(--dm-spacing-64);
      margin-bottom: var(--dm-spacing-64);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-margin-vertical-64 {
      margin-top: var(--dm-spacing-64);
      margin-bottom: var(--dm-spacing-64);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-margin-vertical-64 {
      margin-top: var(--dm-spacing-64);
      margin-bottom: var(--dm-spacing-64);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-margin-vertical-64 {
      margin-top: var(--dm-spacing-64);
      margin-bottom: var(--dm-spacing-64);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-margin-vertical-64 {
      margin-top: var(--dm-spacing-64);
      margin-bottom: var(--dm-spacing-64);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-64 {
      gap: var(--dm-spacing-64);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-64 {
      gap: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-64 {
      gap: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-64 {
      gap: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-64 {
      gap: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-64 {
      gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-64 {
      gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-64 {
      gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-64 {
      gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-64 {
      gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-64 {
      gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-64 {
      gap: var(--dm-spacing-64);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-x-64 {
      column-gap: var(--dm-spacing-64);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-x-64 {
      column-gap: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-x-64 {
      column-gap: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-x-64 {
      column-gap: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-x-64 {
      column-gap: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-x-64 {
      column-gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-x-64 {
      column-gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-x-64 {
      column-gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-x-64 {
      column-gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-x-64 {
      column-gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-x-64 {
      column-gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-x-64 {
      column-gap: var(--dm-spacing-64);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-gap-y-64 {
      row-gap: var(--dm-spacing-64);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-gap-y-64 {
      row-gap: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-gap-y-64 {
      row-gap: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-gap-y-64 {
      row-gap: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-gap-y-64 {
      row-gap: var(--dm-spacing-64);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-gap-y-64 {
      row-gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-gap-y-64 {
      row-gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-gap-y-64 {
      row-gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-gap-y-64 {
      row-gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-gap-y-64 {
      row-gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-gap-y-64 {
      row-gap: var(--dm-spacing-64);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-gap-y-64 {
      row-gap: var(--dm-spacing-64);
    }
  }
}
@layer dm-utilities {
  .dm-w-xxs {
    width: var(--dm-width-xxs);
  }
  .dm-max-w-xxs {
    max-width: var(--dm-width-xxs);
  }
  .dm-min-w-xxs {
    min-width: var(--dm-width-xxs);
  }
  .dm-grid-cols-fill-xxs {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--dm-width-xxs)), var(--dm-width-xxs)));
  }
  .dm-w-xs {
    width: var(--dm-width-xs);
  }
  .dm-max-w-xs {
    max-width: var(--dm-width-xs);
  }
  .dm-min-w-xs {
    min-width: var(--dm-width-xs);
  }
  .dm-grid-cols-fill-xs {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--dm-width-xs)), var(--dm-width-xs)));
  }
  .dm-w-sm {
    width: var(--dm-width-sm);
  }
  .dm-max-w-sm {
    max-width: var(--dm-width-sm);
  }
  .dm-min-w-sm {
    min-width: var(--dm-width-sm);
  }
  .dm-grid-cols-fill-sm {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--dm-width-sm)), var(--dm-width-sm)));
  }
  .dm-w-md {
    width: var(--dm-width-md);
  }
  .dm-max-w-md {
    max-width: var(--dm-width-md);
  }
  .dm-min-w-md {
    min-width: var(--dm-width-md);
  }
  .dm-grid-cols-fill-md {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--dm-width-md)), var(--dm-width-md)));
  }
  .dm-w-lg {
    width: var(--dm-width-lg);
  }
  .dm-max-w-lg {
    max-width: var(--dm-width-lg);
  }
  .dm-min-w-lg {
    min-width: var(--dm-width-lg);
  }
  .dm-grid-cols-fill-lg {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--dm-width-lg)), var(--dm-width-lg)));
  }
  .dm-w-xl {
    width: var(--dm-width-xl);
  }
  .dm-max-w-xl {
    max-width: var(--dm-width-xl);
  }
  .dm-min-w-xl {
    min-width: var(--dm-width-xl);
  }
  .dm-grid-cols-fill-xl {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--dm-width-xl)), var(--dm-width-xl)));
  }
  .dm-w-2xl {
    width: var(--dm-width-2xl);
  }
  .dm-max-w-2xl {
    max-width: var(--dm-width-2xl);
  }
  .dm-min-w-2xl {
    min-width: var(--dm-width-2xl);
  }
  .dm-grid-cols-fill-2xl {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--dm-width-2xl)), var(--dm-width-2xl)));
  }
  .dm-w-3xl {
    width: var(--dm-width-3xl);
  }
  .dm-max-w-3xl {
    max-width: var(--dm-width-3xl);
  }
  .dm-min-w-3xl {
    min-width: var(--dm-width-3xl);
  }
  .dm-grid-cols-fill-3xl {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--dm-width-3xl)), var(--dm-width-3xl)));
  }
  .dm-w-4xl {
    width: var(--dm-width-4xl);
  }
  .dm-max-w-4xl {
    max-width: var(--dm-width-4xl);
  }
  .dm-min-w-4xl {
    min-width: var(--dm-width-4xl);
  }
  .dm-grid-cols-fill-4xl {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--dm-width-4xl)), var(--dm-width-4xl)));
  }
  .dm-w-5xl {
    width: var(--dm-width-5xl);
  }
  .dm-max-w-5xl {
    max-width: var(--dm-width-5xl);
  }
  .dm-min-w-5xl {
    min-width: var(--dm-width-5xl);
  }
  .dm-grid-cols-fill-5xl {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--dm-width-5xl)), var(--dm-width-5xl)));
  }
  .dm-w-6xl {
    width: var(--dm-width-6xl);
  }
  .dm-max-w-6xl {
    max-width: var(--dm-width-6xl);
  }
  .dm-min-w-6xl {
    min-width: var(--dm-width-6xl);
  }
  .dm-grid-cols-fill-6xl {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--dm-width-6xl)), var(--dm-width-6xl)));
  }
  .dm-max-w-prose {
    max-width: var(--dm-paragraph-max-width);
  }
  .dm-w-0 {
    width: 0px;
  }
  .dm-h-0 {
    height: 0px;
  }
  .dm-size-0 {
    width: 0px;
    height: 0px;
  }
  .dm-min-w-0 {
    min-width: 0px;
  }
  .dm-max-w-0 {
    max-width: 0px;
  }
  .dm-min-h-0 {
    min-height: 0px;
  }
  .dm-max-h-0 {
    max-height: 0px;
  }
  .dm-w-2 {
    width: var(--dm-spacing-2);
  }
  .dm-h-2 {
    height: var(--dm-spacing-2);
  }
  .dm-size-2 {
    width: var(--dm-spacing-2);
    height: var(--dm-spacing-2);
  }
  .dm-min-w-2 {
    min-width: var(--dm-spacing-2);
  }
  .dm-max-w-2 {
    max-width: var(--dm-spacing-2);
  }
  .dm-min-h-2 {
    min-height: var(--dm-spacing-2);
  }
  .dm-max-h-2 {
    max-height: var(--dm-spacing-2);
  }
  .dm-w-4 {
    width: var(--dm-spacing-4);
  }
  .dm-h-4 {
    height: var(--dm-spacing-4);
  }
  .dm-size-4 {
    width: var(--dm-spacing-4);
    height: var(--dm-spacing-4);
  }
  .dm-min-w-4 {
    min-width: var(--dm-spacing-4);
  }
  .dm-max-w-4 {
    max-width: var(--dm-spacing-4);
  }
  .dm-min-h-4 {
    min-height: var(--dm-spacing-4);
  }
  .dm-max-h-4 {
    max-height: var(--dm-spacing-4);
  }
  .dm-w-6 {
    width: var(--dm-spacing-6);
  }
  .dm-h-6 {
    height: var(--dm-spacing-6);
  }
  .dm-size-6 {
    width: var(--dm-spacing-6);
    height: var(--dm-spacing-6);
  }
  .dm-min-w-6 {
    min-width: var(--dm-spacing-6);
  }
  .dm-max-w-6 {
    max-width: var(--dm-spacing-6);
  }
  .dm-min-h-6 {
    min-height: var(--dm-spacing-6);
  }
  .dm-max-h-6 {
    max-height: var(--dm-spacing-6);
  }
  .dm-w-8 {
    width: var(--dm-spacing-8);
  }
  .dm-h-8 {
    height: var(--dm-spacing-8);
  }
  .dm-size-8 {
    width: var(--dm-spacing-8);
    height: var(--dm-spacing-8);
  }
  .dm-min-w-8 {
    min-width: var(--dm-spacing-8);
  }
  .dm-max-w-8 {
    max-width: var(--dm-spacing-8);
  }
  .dm-min-h-8 {
    min-height: var(--dm-spacing-8);
  }
  .dm-max-h-8 {
    max-height: var(--dm-spacing-8);
  }
  .dm-w-10 {
    width: var(--dm-spacing-10);
  }
  .dm-h-10 {
    height: var(--dm-spacing-10);
  }
  .dm-size-10 {
    width: var(--dm-spacing-10);
    height: var(--dm-spacing-10);
  }
  .dm-min-w-10 {
    min-width: var(--dm-spacing-10);
  }
  .dm-max-w-10 {
    max-width: var(--dm-spacing-10);
  }
  .dm-min-h-10 {
    min-height: var(--dm-spacing-10);
  }
  .dm-max-h-10 {
    max-height: var(--dm-spacing-10);
  }
  .dm-w-12 {
    width: var(--dm-spacing-12);
  }
  .dm-h-12 {
    height: var(--dm-spacing-12);
  }
  .dm-size-12 {
    width: var(--dm-spacing-12);
    height: var(--dm-spacing-12);
  }
  .dm-min-w-12 {
    min-width: var(--dm-spacing-12);
  }
  .dm-max-w-12 {
    max-width: var(--dm-spacing-12);
  }
  .dm-min-h-12 {
    min-height: var(--dm-spacing-12);
  }
  .dm-max-h-12 {
    max-height: var(--dm-spacing-12);
  }
  .dm-w-16 {
    width: var(--dm-spacing-16);
  }
  .dm-h-16 {
    height: var(--dm-spacing-16);
  }
  .dm-size-16 {
    width: var(--dm-spacing-16);
    height: var(--dm-spacing-16);
  }
  .dm-min-w-16 {
    min-width: var(--dm-spacing-16);
  }
  .dm-max-w-16 {
    max-width: var(--dm-spacing-16);
  }
  .dm-min-h-16 {
    min-height: var(--dm-spacing-16);
  }
  .dm-max-h-16 {
    max-height: var(--dm-spacing-16);
  }
  .dm-w-20 {
    width: var(--dm-spacing-20);
  }
  .dm-h-20 {
    height: var(--dm-spacing-20);
  }
  .dm-size-20 {
    width: var(--dm-spacing-20);
    height: var(--dm-spacing-20);
  }
  .dm-min-w-20 {
    min-width: var(--dm-spacing-20);
  }
  .dm-max-w-20 {
    max-width: var(--dm-spacing-20);
  }
  .dm-min-h-20 {
    min-height: var(--dm-spacing-20);
  }
  .dm-max-h-20 {
    max-height: var(--dm-spacing-20);
  }
  .dm-w-24 {
    width: var(--dm-spacing-24);
  }
  .dm-h-24 {
    height: var(--dm-spacing-24);
  }
  .dm-size-24 {
    width: var(--dm-spacing-24);
    height: var(--dm-spacing-24);
  }
  .dm-min-w-24 {
    min-width: var(--dm-spacing-24);
  }
  .dm-max-w-24 {
    max-width: var(--dm-spacing-24);
  }
  .dm-min-h-24 {
    min-height: var(--dm-spacing-24);
  }
  .dm-max-h-24 {
    max-height: var(--dm-spacing-24);
  }
  .dm-w-32 {
    width: var(--dm-spacing-32);
  }
  .dm-h-32 {
    height: var(--dm-spacing-32);
  }
  .dm-size-32 {
    width: var(--dm-spacing-32);
    height: var(--dm-spacing-32);
  }
  .dm-min-w-32 {
    min-width: var(--dm-spacing-32);
  }
  .dm-max-w-32 {
    max-width: var(--dm-spacing-32);
  }
  .dm-min-h-32 {
    min-height: var(--dm-spacing-32);
  }
  .dm-max-h-32 {
    max-height: var(--dm-spacing-32);
  }
  .dm-w-40 {
    width: var(--dm-spacing-40);
  }
  .dm-h-40 {
    height: var(--dm-spacing-40);
  }
  .dm-size-40 {
    width: var(--dm-spacing-40);
    height: var(--dm-spacing-40);
  }
  .dm-min-w-40 {
    min-width: var(--dm-spacing-40);
  }
  .dm-max-w-40 {
    max-width: var(--dm-spacing-40);
  }
  .dm-min-h-40 {
    min-height: var(--dm-spacing-40);
  }
  .dm-max-h-40 {
    max-height: var(--dm-spacing-40);
  }
  .dm-w-48 {
    width: var(--dm-spacing-48);
  }
  .dm-h-48 {
    height: var(--dm-spacing-48);
  }
  .dm-size-48 {
    width: var(--dm-spacing-48);
    height: var(--dm-spacing-48);
  }
  .dm-min-w-48 {
    min-width: var(--dm-spacing-48);
  }
  .dm-max-w-48 {
    max-width: var(--dm-spacing-48);
  }
  .dm-min-h-48 {
    min-height: var(--dm-spacing-48);
  }
  .dm-max-h-48 {
    max-height: var(--dm-spacing-48);
  }
  .dm-w-64 {
    width: var(--dm-spacing-64);
  }
  .dm-h-64 {
    height: var(--dm-spacing-64);
  }
  .dm-size-64 {
    width: var(--dm-spacing-64);
    height: var(--dm-spacing-64);
  }
  .dm-min-w-64 {
    min-width: var(--dm-spacing-64);
  }
  .dm-max-w-64 {
    max-width: var(--dm-spacing-64);
  }
  .dm-min-h-64 {
    min-height: var(--dm-spacing-64);
  }
  .dm-max-h-64 {
    max-height: var(--dm-spacing-64);
  }
  .dm-w-80 {
    width: var(--dm-spacing-80);
  }
  .dm-h-80 {
    height: var(--dm-spacing-80);
  }
  .dm-size-80 {
    width: var(--dm-spacing-80);
    height: var(--dm-spacing-80);
  }
  .dm-min-w-80 {
    min-width: var(--dm-spacing-80);
  }
  .dm-max-w-80 {
    max-width: var(--dm-spacing-80);
  }
  .dm-min-h-80 {
    min-height: var(--dm-spacing-80);
  }
  .dm-max-h-80 {
    max-height: var(--dm-spacing-80);
  }
  .dm-w-96 {
    width: var(--dm-spacing-96);
  }
  .dm-h-96 {
    height: var(--dm-spacing-96);
  }
  .dm-size-96 {
    width: var(--dm-spacing-96);
    height: var(--dm-spacing-96);
  }
  .dm-min-w-96 {
    min-width: var(--dm-spacing-96);
  }
  .dm-max-w-96 {
    max-width: var(--dm-spacing-96);
  }
  .dm-min-h-96 {
    min-height: var(--dm-spacing-96);
  }
  .dm-max-h-96 {
    max-height: var(--dm-spacing-96);
  }
  .dm-w-128 {
    width: var(--dm-spacing-128);
  }
  .dm-h-128 {
    height: var(--dm-spacing-128);
  }
  .dm-size-128 {
    width: var(--dm-spacing-128);
    height: var(--dm-spacing-128);
  }
  .dm-min-w-128 {
    min-width: var(--dm-spacing-128);
  }
  .dm-max-w-128 {
    max-width: var(--dm-spacing-128);
  }
  .dm-min-h-128 {
    min-height: var(--dm-spacing-128);
  }
  .dm-max-h-128 {
    max-height: var(--dm-spacing-128);
  }
  .dm-w-screen {
    width: 100vw;
  }
  .dm-w-fit {
    width: fit-content;
  }
  .dm-w-min {
    width: min-content;
  }
  .dm-w-max {
    width: max-content;
  }
  .dm-min-w-full {
    min-width: 100%;
  }
  .dm-min-w-0 {
    min-width: 0;
  }
  .dm-max-w-full {
    max-width: 100%;
  }
  .dm-max-w-none {
    max-width: none;
  }
  .dm-h-screen {
    height: 100vh;
  }
  .dm-h-dvh {
    height: 100dvh;
  }
  .dm-h-fit {
    height: fit-content;
  }
  .dm-h-min {
    height: min-content;
  }
  .dm-h-max {
    height: max-content;
  }
  .dm-min-h-full {
    min-height: 100%;
  }
  .dm-min-h-screen {
    min-height: 100vh;
  }
  .dm-min-h-dvh {
    min-height: 100dvh;
  }
  .dm-min-h-0 {
    min-height: 0;
  }
  .dm-max-h-full {
    max-height: 100%;
  }
  .dm-max-h-screen {
    max-height: 100vh;
  }
  .dm-max-h-none {
    max-height: none;
  }
  .dm-aspect-ratio {
    aspect-ratio: var(--dm-aspect-ratio, auto);
  }
}
@layer dm-utilities {
  .dm-w-half {
    width: 50%;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-w-half {
      width: 50%;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-w-half {
      width: 50%;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-w-half {
      width: 50%;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-w-half {
      width: 50%;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-w-half {
      width: 50%;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-w-half {
      width: 50%;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-w-half {
      width: 50%;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-w-half {
      width: 50%;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-w-half {
      width: 50%;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-w-half {
      width: 50%;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-w-half {
      width: 50%;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-w-half {
      width: 50%;
    }
  }
}
@layer dm-utilities {
  .dm-w-third {
    width: 33.333333%;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-w-third {
      width: 33.333333%;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-w-third {
      width: 33.333333%;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-w-third {
      width: 33.333333%;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-w-third {
      width: 33.333333%;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-w-third {
      width: 33.333333%;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-w-third {
      width: 33.333333%;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-w-third {
      width: 33.333333%;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-w-third {
      width: 33.333333%;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-w-third {
      width: 33.333333%;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-w-third {
      width: 33.333333%;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-w-third {
      width: 33.333333%;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-w-third {
      width: 33.333333%;
    }
  }
}
@layer dm-utilities {
  .dm-w-two-thirds {
    width: 66.666667%;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-w-two-thirds {
      width: 66.666667%;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-w-two-thirds {
      width: 66.666667%;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-w-two-thirds {
      width: 66.666667%;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-w-two-thirds {
      width: 66.666667%;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-w-two-thirds {
      width: 66.666667%;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-w-two-thirds {
      width: 66.666667%;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-w-two-thirds {
      width: 66.666667%;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-w-two-thirds {
      width: 66.666667%;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-w-two-thirds {
      width: 66.666667%;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-w-two-thirds {
      width: 66.666667%;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-w-two-thirds {
      width: 66.666667%;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-w-two-thirds {
      width: 66.666667%;
    }
  }
}
@layer dm-utilities {
  .dm-w-quarter {
    width: 25%;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-w-quarter {
      width: 25%;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-w-quarter {
      width: 25%;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-w-quarter {
      width: 25%;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-w-quarter {
      width: 25%;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-w-quarter {
      width: 25%;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-w-quarter {
      width: 25%;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-w-quarter {
      width: 25%;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-w-quarter {
      width: 25%;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-w-quarter {
      width: 25%;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-w-quarter {
      width: 25%;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-w-quarter {
      width: 25%;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-w-quarter {
      width: 25%;
    }
  }
}
@layer dm-utilities {
  .dm-w-three-quarters {
    width: 75%;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-w-three-quarters {
      width: 75%;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-w-three-quarters {
      width: 75%;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-w-three-quarters {
      width: 75%;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-w-three-quarters {
      width: 75%;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-w-three-quarters {
      width: 75%;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-w-three-quarters {
      width: 75%;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-w-three-quarters {
      width: 75%;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-w-three-quarters {
      width: 75%;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-w-three-quarters {
      width: 75%;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-w-three-quarters {
      width: 75%;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-w-three-quarters {
      width: 75%;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-w-three-quarters {
      width: 75%;
    }
  }
}
@layer dm-utilities {
  .dm-w-full {
    width: 100%;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-w-full {
      width: 100%;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-w-full {
      width: 100%;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-w-full {
      width: 100%;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-w-full {
      width: 100%;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-w-full {
      width: 100%;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-w-full {
      width: 100%;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-w-full {
      width: 100%;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-w-full {
      width: 100%;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-w-full {
      width: 100%;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-w-full {
      width: 100%;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-w-full {
      width: 100%;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-w-full {
      width: 100%;
    }
  }
}
@layer dm-utilities {
  .dm-w-auto {
    width: auto;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-w-auto {
      width: auto;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-w-auto {
      width: auto;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-w-auto {
      width: auto;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-w-auto {
      width: auto;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-w-auto {
      width: auto;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-w-auto {
      width: auto;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-w-auto {
      width: auto;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-w-auto {
      width: auto;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-w-auto {
      width: auto;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-w-auto {
      width: auto;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-w-auto {
      width: auto;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-w-auto {
      width: auto;
    }
  }
}
@layer dm-utilities {
  .dm-h-full {
    height: 100%;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-h-full {
      height: 100%;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-h-full {
      height: 100%;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-h-full {
      height: 100%;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-h-full {
      height: 100%;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-h-full {
      height: 100%;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-h-full {
      height: 100%;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-h-full {
      height: 100%;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-h-full {
      height: 100%;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-h-full {
      height: 100%;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-h-full {
      height: 100%;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-h-full {
      height: 100%;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-h-full {
      height: 100%;
    }
  }
}
@layer dm-utilities {
  .dm-h-auto {
    height: auto;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-h-auto {
      height: auto;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-h-auto {
      height: auto;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-h-auto {
      height: auto;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-h-auto {
      height: auto;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-h-auto {
      height: auto;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-h-auto {
      height: auto;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-h-auto {
      height: auto;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-h-auto {
      height: auto;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-h-auto {
      height: auto;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-h-auto {
      height: auto;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-h-auto {
      height: auto;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-h-auto {
      height: auto;
    }
  }
}
@layer dm-utilities {
  .dm-aspect-auto {
    aspect-ratio: auto;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-aspect-auto {
      aspect-ratio: auto;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-aspect-auto {
      aspect-ratio: auto;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-aspect-auto {
      aspect-ratio: auto;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-aspect-auto {
      aspect-ratio: auto;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-aspect-auto {
      aspect-ratio: auto;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-aspect-auto {
      aspect-ratio: auto;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-aspect-auto {
      aspect-ratio: auto;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-aspect-auto {
      aspect-ratio: auto;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-aspect-auto {
      aspect-ratio: auto;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-aspect-auto {
      aspect-ratio: auto;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-aspect-auto {
      aspect-ratio: auto;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-aspect-auto {
      aspect-ratio: auto;
    }
  }
}
@layer dm-utilities {
  .dm-aspect-square {
    aspect-ratio: 1/1;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-aspect-square {
      aspect-ratio: 1/1;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-aspect-square {
      aspect-ratio: 1/1;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-aspect-square {
      aspect-ratio: 1/1;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-aspect-square {
      aspect-ratio: 1/1;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-aspect-square {
      aspect-ratio: 1/1;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-aspect-square {
      aspect-ratio: 1/1;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-aspect-square {
      aspect-ratio: 1/1;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-aspect-square {
      aspect-ratio: 1/1;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-aspect-square {
      aspect-ratio: 1/1;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-aspect-square {
      aspect-ratio: 1/1;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-aspect-square {
      aspect-ratio: 1/1;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-aspect-square {
      aspect-ratio: 1/1;
    }
  }
}
@layer dm-utilities {
  .dm-aspect-video {
    aspect-ratio: 16/9;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-aspect-video {
      aspect-ratio: 16/9;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-aspect-video {
      aspect-ratio: 16/9;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-aspect-video {
      aspect-ratio: 16/9;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-aspect-video {
      aspect-ratio: 16/9;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-aspect-video {
      aspect-ratio: 16/9;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-aspect-video {
      aspect-ratio: 16/9;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-aspect-video {
      aspect-ratio: 16/9;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-aspect-video {
      aspect-ratio: 16/9;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-aspect-video {
      aspect-ratio: 16/9;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-aspect-video {
      aspect-ratio: 16/9;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-aspect-video {
      aspect-ratio: 16/9;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-aspect-video {
      aspect-ratio: 16/9;
    }
  }
}
@layer dm-utilities {
  .dm-object-cover {
    object-fit: cover;
  }
}
@layer dm-utilities {
  .dm-object-contain {
    object-fit: contain;
  }
}
@layer dm-utilities {
  .dm-object-fill {
    object-fit: fill;
  }
}
@layer dm-utilities {
  .dm-object-none {
    object-fit: none;
  }
}
@layer dm-utilities {
  .dm-object-scale-down {
    object-fit: scale-down;
  }
}
@layer dm-utilities {
  .dm-typography-tracking-tighter {
    letter-spacing: -0.05em;
  }
  .dm-typography-tracking-tight {
    letter-spacing: -0.025em;
  }
  .dm-typography-tracking-normal {
    letter-spacing: 0;
  }
  .dm-typography-tracking-wide {
    letter-spacing: 0.025em;
  }
  .dm-typography-tracking-wider {
    letter-spacing: 0.05em;
  }
  .dm-typography-leading-none {
    line-height: 1;
  }
  .dm-typography-leading-tight {
    line-height: 1.25;
  }
  .dm-typography-leading-snug {
    line-height: 1.375;
  }
  .dm-typography-leading-normal {
    line-height: 1.5;
  }
  .dm-typography-leading-relaxed {
    line-height: 1.625;
  }
  .dm-typography-leading-loose {
    line-height: 2;
  }
  .dm-typography-italic {
    font-style: italic;
  }
  .dm-typography-not-italic {
    font-style: normal;
  }
  .dm-typography-uppercase {
    text-transform: uppercase;
  }
  .dm-typography-lowercase {
    text-transform: lowercase;
  }
  .dm-typography-capitalize {
    text-transform: capitalize;
  }
  .dm-typography-normal-case {
    text-transform: none;
  }
  .dm-typography-underline {
    text-decoration-line: underline;
  }
  .dm-typography-line-through {
    text-decoration-line: line-through;
  }
  .dm-typography-no-underline {
    text-decoration-line: none;
  }
  .dm-typography-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dm-typography-text-wrap-balance {
    text-wrap: balance;
  }
  .dm-typography-text-wrap-pretty {
    text-wrap: pretty;
  }
  .dm-typography-text-wrap-nowrap {
    text-wrap: nowrap;
  }
  .dm-typography-text-wrap-wrap {
    text-wrap: wrap;
  }
  .dm-typography-whitespace-normal {
    white-space: normal;
  }
  .dm-typography-whitespace-nowrap {
    white-space: nowrap;
  }
  .dm-typography-whitespace-pre {
    white-space: pre;
  }
  .dm-typography-whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .dm-typography-whitespace-pre-line {
    white-space: pre-line;
  }
  .dm-typography-break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }
  .dm-typography-break-words {
    overflow-wrap: break-word;
  }
  .dm-typography-break-all {
    word-break: break-all;
  }
  .dm-typography-antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .dm-typography-size-xs {
    font-size: var(--dm-text-xs);
  }
  .dm-typography-size-sm {
    font-size: var(--dm-text-sm);
  }
  .dm-typography-size-md {
    font-size: var(--dm-text-md);
  }
  .dm-typography-size-lg {
    font-size: var(--dm-text-lg);
  }
  .dm-typography-size-xl {
    font-size: var(--dm-text-xl);
  }
  .dm-typography-font-body {
    font-family: var(--dm-font-body);
  }
  .dm-typography-font-display {
    font-family: var(--dm-font-display);
  }
  .dm-typography-font-mono {
    font-family: var(--dm-font-mono);
  }
  .dm-typography-list-none {
    list-style: none;
  }
  .dm-typography-list-disc {
    list-style: disc;
  }
  .dm-typography-list-decimal {
    list-style: decimal;
  }
  .dm-typography-vertical-align-top {
    vertical-align: top;
  }
  .dm-typography-vertical-align-middle {
    vertical-align: middle;
  }
  .dm-typography-vertical-align-bottom {
    vertical-align: bottom;
  }
  .dm-typography-vertical-align-baseline {
    vertical-align: baseline;
  }
  .dm-typography-text-align-justify {
    text-align: justify;
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-typography-text-align-left {
      text-align: left;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-typography-text-align-left {
      text-align: left;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-typography-text-align-left {
      text-align: left;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-typography-text-align-left {
      text-align: left;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-typography-text-align-left {
      text-align: left;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-typography-text-align-left {
      text-align: left;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-typography-text-align-left {
      text-align: left;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-typography-text-align-left {
      text-align: left;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-typography-text-align-left {
      text-align: left;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-typography-text-align-left {
      text-align: left;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-typography-text-align-left {
      text-align: left;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-typography-text-align-left {
      text-align: left;
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-typography-text-align-center {
      text-align: center;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-typography-text-align-center {
      text-align: center;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-typography-text-align-center {
      text-align: center;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-typography-text-align-center {
      text-align: center;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-typography-text-align-center {
      text-align: center;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-typography-text-align-center {
      text-align: center;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-typography-text-align-center {
      text-align: center;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-typography-text-align-center {
      text-align: center;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-typography-text-align-center {
      text-align: center;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-typography-text-align-center {
      text-align: center;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-typography-text-align-center {
      text-align: center;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-typography-text-align-center {
      text-align: center;
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-typography-text-align-right {
      text-align: right;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-typography-text-align-right {
      text-align: right;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-typography-text-align-right {
      text-align: right;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-typography-text-align-right {
      text-align: right;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-typography-text-align-right {
      text-align: right;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-typography-text-align-right {
      text-align: right;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-typography-text-align-right {
      text-align: right;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-typography-text-align-right {
      text-align: right;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-typography-text-align-right {
      text-align: right;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-typography-text-align-right {
      text-align: right;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-typography-text-align-right {
      text-align: right;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-typography-text-align-right {
      text-align: right;
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-typography-text-align-justify {
      text-align: justify;
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-typography-text-align-justify {
      text-align: justify;
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-typography-text-align-justify {
      text-align: justify;
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-typography-text-align-justify {
      text-align: justify;
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-typography-text-align-justify {
      text-align: justify;
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-typography-text-align-justify {
      text-align: justify;
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-typography-text-align-justify {
      text-align: justify;
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-typography-text-align-justify {
      text-align: justify;
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-typography-text-align-justify {
      text-align: justify;
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-typography-text-align-justify {
      text-align: justify;
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-typography-text-align-justify {
      text-align: justify;
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-typography-text-align-justify {
      text-align: justify;
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-typography-font-weight-light {
      font-weight: var(--dm-font-weight-light);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-typography-font-weight-light {
      font-weight: var(--dm-font-weight-light);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-typography-font-weight-light {
      font-weight: var(--dm-font-weight-light);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-typography-font-weight-light {
      font-weight: var(--dm-font-weight-light);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-typography-font-weight-light {
      font-weight: var(--dm-font-weight-light);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-typography-font-weight-light {
      font-weight: var(--dm-font-weight-light);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-typography-font-weight-light {
      font-weight: var(--dm-font-weight-light);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-typography-font-weight-light {
      font-weight: var(--dm-font-weight-light);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-typography-font-weight-light {
      font-weight: var(--dm-font-weight-light);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-typography-font-weight-light {
      font-weight: var(--dm-font-weight-light);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-typography-font-weight-light {
      font-weight: var(--dm-font-weight-light);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-typography-font-weight-light {
      font-weight: var(--dm-font-weight-light);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-typography-font-weight-regular {
      font-weight: var(--dm-font-weight-normal);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-typography-font-weight-regular {
      font-weight: var(--dm-font-weight-normal);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-typography-font-weight-regular {
      font-weight: var(--dm-font-weight-normal);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-typography-font-weight-regular {
      font-weight: var(--dm-font-weight-normal);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-typography-font-weight-regular {
      font-weight: var(--dm-font-weight-normal);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-typography-font-weight-regular {
      font-weight: var(--dm-font-weight-normal);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-typography-font-weight-regular {
      font-weight: var(--dm-font-weight-normal);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-typography-font-weight-regular {
      font-weight: var(--dm-font-weight-normal);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-typography-font-weight-regular {
      font-weight: var(--dm-font-weight-normal);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-typography-font-weight-regular {
      font-weight: var(--dm-font-weight-normal);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-typography-font-weight-regular {
      font-weight: var(--dm-font-weight-normal);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-typography-font-weight-regular {
      font-weight: var(--dm-font-weight-normal);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-typography-font-weight-medium {
      font-weight: var(--dm-font-weight-medium);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-typography-font-weight-medium {
      font-weight: var(--dm-font-weight-medium);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-typography-font-weight-medium {
      font-weight: var(--dm-font-weight-medium);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-typography-font-weight-medium {
      font-weight: var(--dm-font-weight-medium);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-typography-font-weight-medium {
      font-weight: var(--dm-font-weight-medium);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-typography-font-weight-medium {
      font-weight: var(--dm-font-weight-medium);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-typography-font-weight-medium {
      font-weight: var(--dm-font-weight-medium);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-typography-font-weight-medium {
      font-weight: var(--dm-font-weight-medium);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-typography-font-weight-medium {
      font-weight: var(--dm-font-weight-medium);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-typography-font-weight-medium {
      font-weight: var(--dm-font-weight-medium);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-typography-font-weight-medium {
      font-weight: var(--dm-font-weight-medium);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-typography-font-weight-medium {
      font-weight: var(--dm-font-weight-medium);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-typography-font-weight-semibold {
      font-weight: var(--dm-font-weight-semibold);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-typography-font-weight-semibold {
      font-weight: var(--dm-font-weight-semibold);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-typography-font-weight-semibold {
      font-weight: var(--dm-font-weight-semibold);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-typography-font-weight-semibold {
      font-weight: var(--dm-font-weight-semibold);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-typography-font-weight-semibold {
      font-weight: var(--dm-font-weight-semibold);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-typography-font-weight-semibold {
      font-weight: var(--dm-font-weight-semibold);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-typography-font-weight-semibold {
      font-weight: var(--dm-font-weight-semibold);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-typography-font-weight-semibold {
      font-weight: var(--dm-font-weight-semibold);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-typography-font-weight-semibold {
      font-weight: var(--dm-font-weight-semibold);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-typography-font-weight-semibold {
      font-weight: var(--dm-font-weight-semibold);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-typography-font-weight-semibold {
      font-weight: var(--dm-font-weight-semibold);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-typography-font-weight-semibold {
      font-weight: var(--dm-font-weight-semibold);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-typography-font-weight-bold {
      font-weight: var(--dm-font-weight-bold);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-typography-font-weight-bold {
      font-weight: var(--dm-font-weight-bold);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-typography-font-weight-bold {
      font-weight: var(--dm-font-weight-bold);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-typography-font-weight-bold {
      font-weight: var(--dm-font-weight-bold);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-typography-font-weight-bold {
      font-weight: var(--dm-font-weight-bold);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-typography-font-weight-bold {
      font-weight: var(--dm-font-weight-bold);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-typography-font-weight-bold {
      font-weight: var(--dm-font-weight-bold);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-typography-font-weight-bold {
      font-weight: var(--dm-font-weight-bold);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-typography-font-weight-bold {
      font-weight: var(--dm-font-weight-bold);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-typography-font-weight-bold {
      font-weight: var(--dm-font-weight-bold);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-typography-font-weight-bold {
      font-weight: var(--dm-font-weight-bold);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-typography-font-weight-bold {
      font-weight: var(--dm-font-weight-bold);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-typography-font-weight-extrabold {
      font-weight: var(--dm-font-weight-extrabold);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-typography-font-weight-extrabold {
      font-weight: var(--dm-font-weight-extrabold);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-typography-font-weight-extrabold {
      font-weight: var(--dm-font-weight-extrabold);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-typography-font-weight-extrabold {
      font-weight: var(--dm-font-weight-extrabold);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-typography-font-weight-extrabold {
      font-weight: var(--dm-font-weight-extrabold);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-typography-font-weight-extrabold {
      font-weight: var(--dm-font-weight-extrabold);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-typography-font-weight-extrabold {
      font-weight: var(--dm-font-weight-extrabold);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-typography-font-weight-extrabold {
      font-weight: var(--dm-font-weight-extrabold);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-typography-font-weight-extrabold {
      font-weight: var(--dm-font-weight-extrabold);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-typography-font-weight-extrabold {
      font-weight: var(--dm-font-weight-extrabold);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-typography-font-weight-extrabold {
      font-weight: var(--dm-font-weight-extrabold);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-typography-font-weight-extrabold {
      font-weight: var(--dm-font-weight-extrabold);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-typography-font-weight-black {
      font-weight: var(--dm-font-weight-black);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-typography-font-weight-black {
      font-weight: var(--dm-font-weight-black);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-typography-font-weight-black {
      font-weight: var(--dm-font-weight-black);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-typography-font-weight-black {
      font-weight: var(--dm-font-weight-black);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-typography-font-weight-black {
      font-weight: var(--dm-font-weight-black);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-typography-font-weight-black {
      font-weight: var(--dm-font-weight-black);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-typography-font-weight-black {
      font-weight: var(--dm-font-weight-black);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-typography-font-weight-black {
      font-weight: var(--dm-font-weight-black);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-typography-font-weight-black {
      font-weight: var(--dm-font-weight-black);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-typography-font-weight-black {
      font-weight: var(--dm-font-weight-black);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-typography-font-weight-black {
      font-weight: var(--dm-font-weight-black);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-typography-font-weight-black {
      font-weight: var(--dm-font-weight-black);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-typography-text-xs {
      font-size: var(--dm-text-xs);
      line-height: var(--dm-text-xs--line-height);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-typography-text-xs {
      font-size: var(--dm-text-xs);
      line-height: var(--dm-text-xs--line-height);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-typography-text-xs {
      font-size: var(--dm-text-xs);
      line-height: var(--dm-text-xs--line-height);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-typography-text-xs {
      font-size: var(--dm-text-xs);
      line-height: var(--dm-text-xs--line-height);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-typography-text-xs {
      font-size: var(--dm-text-xs);
      line-height: var(--dm-text-xs--line-height);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-typography-text-xs {
      font-size: var(--dm-text-xs);
      line-height: var(--dm-text-xs--line-height);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-typography-text-xs {
      font-size: var(--dm-text-xs);
      line-height: var(--dm-text-xs--line-height);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-typography-text-xs {
      font-size: var(--dm-text-xs);
      line-height: var(--dm-text-xs--line-height);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-typography-text-xs {
      font-size: var(--dm-text-xs);
      line-height: var(--dm-text-xs--line-height);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-typography-text-xs {
      font-size: var(--dm-text-xs);
      line-height: var(--dm-text-xs--line-height);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-typography-text-xs {
      font-size: var(--dm-text-xs);
      line-height: var(--dm-text-xs--line-height);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-typography-text-xs {
      font-size: var(--dm-text-xs);
      line-height: var(--dm-text-xs--line-height);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-typography-text-sm {
      font-size: var(--dm-text-sm);
      line-height: var(--dm-text-sm--line-height);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-typography-text-sm {
      font-size: var(--dm-text-sm);
      line-height: var(--dm-text-sm--line-height);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-typography-text-sm {
      font-size: var(--dm-text-sm);
      line-height: var(--dm-text-sm--line-height);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-typography-text-sm {
      font-size: var(--dm-text-sm);
      line-height: var(--dm-text-sm--line-height);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-typography-text-sm {
      font-size: var(--dm-text-sm);
      line-height: var(--dm-text-sm--line-height);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-typography-text-sm {
      font-size: var(--dm-text-sm);
      line-height: var(--dm-text-sm--line-height);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-typography-text-sm {
      font-size: var(--dm-text-sm);
      line-height: var(--dm-text-sm--line-height);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-typography-text-sm {
      font-size: var(--dm-text-sm);
      line-height: var(--dm-text-sm--line-height);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-typography-text-sm {
      font-size: var(--dm-text-sm);
      line-height: var(--dm-text-sm--line-height);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-typography-text-sm {
      font-size: var(--dm-text-sm);
      line-height: var(--dm-text-sm--line-height);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-typography-text-sm {
      font-size: var(--dm-text-sm);
      line-height: var(--dm-text-sm--line-height);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-typography-text-sm {
      font-size: var(--dm-text-sm);
      line-height: var(--dm-text-sm--line-height);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-typography-text-md {
      font-size: var(--dm-text-md);
      line-height: var(--dm-text-md--line-height);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-typography-text-md {
      font-size: var(--dm-text-md);
      line-height: var(--dm-text-md--line-height);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-typography-text-md {
      font-size: var(--dm-text-md);
      line-height: var(--dm-text-md--line-height);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-typography-text-md {
      font-size: var(--dm-text-md);
      line-height: var(--dm-text-md--line-height);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-typography-text-md {
      font-size: var(--dm-text-md);
      line-height: var(--dm-text-md--line-height);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-typography-text-md {
      font-size: var(--dm-text-md);
      line-height: var(--dm-text-md--line-height);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-typography-text-md {
      font-size: var(--dm-text-md);
      line-height: var(--dm-text-md--line-height);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-typography-text-md {
      font-size: var(--dm-text-md);
      line-height: var(--dm-text-md--line-height);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-typography-text-md {
      font-size: var(--dm-text-md);
      line-height: var(--dm-text-md--line-height);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-typography-text-md {
      font-size: var(--dm-text-md);
      line-height: var(--dm-text-md--line-height);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-typography-text-md {
      font-size: var(--dm-text-md);
      line-height: var(--dm-text-md--line-height);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-typography-text-md {
      font-size: var(--dm-text-md);
      line-height: var(--dm-text-md--line-height);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-typography-text-lg {
      font-size: var(--dm-text-lg);
      line-height: var(--dm-text-lg--line-height);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-typography-text-lg {
      font-size: var(--dm-text-lg);
      line-height: var(--dm-text-lg--line-height);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-typography-text-lg {
      font-size: var(--dm-text-lg);
      line-height: var(--dm-text-lg--line-height);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-typography-text-lg {
      font-size: var(--dm-text-lg);
      line-height: var(--dm-text-lg--line-height);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-typography-text-lg {
      font-size: var(--dm-text-lg);
      line-height: var(--dm-text-lg--line-height);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-typography-text-lg {
      font-size: var(--dm-text-lg);
      line-height: var(--dm-text-lg--line-height);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-typography-text-lg {
      font-size: var(--dm-text-lg);
      line-height: var(--dm-text-lg--line-height);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-typography-text-lg {
      font-size: var(--dm-text-lg);
      line-height: var(--dm-text-lg--line-height);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-typography-text-lg {
      font-size: var(--dm-text-lg);
      line-height: var(--dm-text-lg--line-height);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-typography-text-lg {
      font-size: var(--dm-text-lg);
      line-height: var(--dm-text-lg--line-height);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-typography-text-lg {
      font-size: var(--dm-text-lg);
      line-height: var(--dm-text-lg--line-height);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-typography-text-lg {
      font-size: var(--dm-text-lg);
      line-height: var(--dm-text-lg--line-height);
    }
  }
}
@layer dm-utilities-responsive {
  @media (min-width: 640px) {
    .dm-mobile-lg-typography-text-xl {
      font-size: var(--dm-text-xl);
      line-height: var(--dm-text-xl--line-height);
    }
  }
  @media (min-width: 768px) {
    .dm-tablet-typography-text-xl {
      font-size: var(--dm-text-xl);
      line-height: var(--dm-text-xl--line-height);
    }
  }
  @media (min-width: 1024px) {
    .dm-desktop-typography-text-xl {
      font-size: var(--dm-text-xl);
      line-height: var(--dm-text-xl--line-height);
    }
  }
  @media (min-width: 1280px) {
    .dm-desktop-lg-typography-text-xl {
      font-size: var(--dm-text-xl);
      line-height: var(--dm-text-xl--line-height);
    }
  }
  @media (min-width: 1440px) {
    .dm-desktop-xl-typography-text-xl {
      font-size: var(--dm-text-xl);
      line-height: var(--dm-text-xl--line-height);
    }
  }
  @media (min-width: 1920px) {
    .dm-desktop-2xl-typography-text-xl {
      font-size: var(--dm-text-xl);
      line-height: var(--dm-text-xl--line-height);
    }
  }
  @container (min-width: 320px) {
    .dm-container-xs-typography-text-xl {
      font-size: var(--dm-text-xl);
      line-height: var(--dm-text-xl--line-height);
    }
  }
  @container (min-width: 384px) {
    .dm-container-sm-typography-text-xl {
      font-size: var(--dm-text-xl);
      line-height: var(--dm-text-xl--line-height);
    }
  }
  @container (min-width: 448px) {
    .dm-container-md-typography-text-xl {
      font-size: var(--dm-text-xl);
      line-height: var(--dm-text-xl--line-height);
    }
  }
  @container (min-width: 512px) {
    .dm-container-lg-typography-text-xl {
      font-size: var(--dm-text-xl);
      line-height: var(--dm-text-xl--line-height);
    }
  }
  @container (min-width: 640px) {
    .dm-container-xl-typography-text-xl {
      font-size: var(--dm-text-xl);
      line-height: var(--dm-text-xl--line-height);
    }
  }
  @container (min-width: 768px) {
    .dm-container-2xl-typography-text-xl {
      font-size: var(--dm-text-xl);
      line-height: var(--dm-text-xl--line-height);
    }
  }
}
@layer dm-utilities {
  .dm-prose {
    max-width: var(--dm-prose-max-width, 65ch);
  }
  .dm-prose p,
  .dm-prose div {
    line-height: var(--dm-prose-body-lh, 1.75);
    margin-bottom: var(--dm-prose-p-spacing, 1.25em);
    text-wrap: pretty;
  }
  .dm-prose p:last-child,
  .dm-prose div:last-child {
    margin-bottom: 0;
  }
  .dm-prose h1,
  .dm-prose h2,
  .dm-prose h3,
  .dm-prose h4 {
    margin-top: var(--dm-prose-heading-mt, 2em);
    margin-bottom: var(--dm-prose-heading-mb, 0.75em);
    font-weight: 700;
    line-height: var(--dm-prose-heading-lh, 1.25);
    text-wrap: balance;
  }
  .dm-prose h1:first-child,
  .dm-prose h2:first-child,
  .dm-prose h3:first-child,
  .dm-prose h4:first-child {
    margin-top: 0;
  }
  .dm-prose h1:last-child,
  .dm-prose h2:last-child,
  .dm-prose h3:last-child,
  .dm-prose h4:last-child {
    margin-bottom: 0;
  }
  .dm-prose h1 {
    font-size: var(--dm-prose-h1, 2.25em);
    letter-spacing: -0.02em;
  }
  .dm-prose h2 {
    font-size: var(--dm-prose-h2, 1.5em);
    letter-spacing: -0.01em;
  }
  .dm-prose h3 {
    font-size: var(--dm-prose-h3, 1.25em);
  }
  .dm-prose h4 {
    font-size: var(--dm-prose-h4, 1.125em);
  }
  .dm-prose strong,
  .dm-prose b {
    font-weight: 700;
  }
  .dm-prose em,
  .dm-prose i {
    font-style: italic;
  }
  .dm-prose u {
    text-decoration: underline;
  }
  .dm-prose s,
  .dm-prose strike,
  .dm-prose del {
    text-decoration: line-through;
  }
  .dm-prose sup,
  .dm-prose sub {
    font-size: 0.75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  .dm-prose sup {
    top: -0.5em;
  }
  .dm-prose sub {
    bottom: -0.25em;
  }
  .dm-prose a {
    color: var(--dm-color-text-brand-secondary);
    text-decoration: underline;
    font-weight: var(--dm-font-weight-semibold);
    cursor: pointer;
  }
  .dm-prose a:hover {
    opacity: 0.8;
  }
  .dm-prose ul,
  .dm-prose ol {
    margin-bottom: var(--dm-prose-list-spacing, 1.25em);
    padding-left: 1.75em;
  }
  .dm-prose ul:last-child,
  .dm-prose ol:last-child {
    margin-bottom: 0;
  }
  .dm-prose ul li,
  .dm-prose ol li {
    margin-bottom: var(--dm-prose-li-spacing, 0.5em);
    line-height: var(--dm-prose-body-lh, 1.75);
  }
  .dm-prose ul {
    list-style-type: disc;
  }
  .dm-prose ol {
    list-style-type: decimal;
  }
  .dm-prose blockquote {
    margin: var(--dm-prose-blockquote-margin, 1.5em 0);
    padding: var(--dm-prose-blockquote-padding, 0.75em 1.25em);
    border-left: 3px solid var(--dm-color-border-brand);
    color: var(--dm-color-text-tertiary);
    font-style: italic;
    line-height: var(--dm-prose-body-lh, 1.75);
  }
  .dm-prose code {
    font-family: var(--dm-font-mono);
    font-size: 0.875em;
    font-weight: 700;
    background: var(--dm-color-bg-secondary);
    box-shadow: 0 0 0 1px var(--dm-color-border-secondary);
    border-radius: var(--dm-radius-md);
    padding: var(--dm-spacing-2) var(--dm-spacing-6);
    margin: calc(-1 * var(--dm-spacing-2)) 0;
  }
  .dm-prose pre code {
    color: inherit;
    background: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    font-weight: inherit;
    font-size: inherit;
  }
  .dm-prose pre {
    background: var(--dm-color-bg-secondary);
    border-radius: var(--dm-radius-sm);
    padding: 16px 20px;
    overflow-x: auto;
    font-size: 0.9em;
    line-height: 1.7;
    margin: var(--dm-prose-pre-margin, 1.5em 0);
  }
  .dm-prose hr {
    border: none;
    border-top: 1px solid var(--dm-color-border-secondary);
    margin: var(--dm-prose-hr-margin, 2em 0);
  }
  .dm-prose img {
    max-width: 100%;
    height: auto;
    border-radius: var(--dm-radius-sm);
  }
}
@layer dm-theme {
  :root {
    --dm-file-icon-size-sm: 24px;
    --dm-file-icon-size-md: 32px;
    --dm-file-icon-size-lg: 40px;
    --dm-file-icon-size-xl: 48px;
    --dm-file-icon-page-stroke: var(--dm-color-neutral-300, #D5D7DA);
    --dm-file-icon-gray-page-bg: var(--dm-color-neutral-100, #F5F5F5);
    --dm-file-icon-gray-fold: var(--dm-color-neutral-200, #E9EAEB);
    --dm-file-icon-gray-label: var(--dm-color-neutral-700, #414651);
    --dm-file-icon-aep-color: var(--dm-color-purple-600, #6938EF);
    --dm-file-icon-ai-color: var(--dm-color-orange-600, #E04F16);
    --dm-file-icon-audio-color: var(--dm-color-pink-600, #DD2590);
    --dm-file-icon-avi-color: var(--dm-color-blue-dark-600, #155EEF);
    --dm-file-icon-code-color: var(--dm-color-indigo-600, #444CE7);
    --dm-file-icon-css-color: var(--dm-color-indigo-600, #444CE7);
    --dm-file-icon-csv-color: var(--dm-color-success-600, #079455);
    --dm-file-icon-dmg-color: var(--dm-color-indigo-600, #444CE7);
    --dm-file-icon-doc-color: var(--dm-color-blue-dark-600, #155EEF);
    --dm-file-icon-document-color: var(--dm-color-blue-dark-600, #155EEF);
    --dm-file-icon-docx-color: var(--dm-color-blue-dark-600, #155EEF);
    --dm-file-icon-empty-color: var(--dm-color-brand-600, #7F56D9);
    --dm-file-icon-eps-color: var(--dm-color-brand-600, #7F56D9);
    --dm-file-icon-exe-color: var(--dm-color-indigo-600, #444CE7);
    --dm-file-icon-fig-color: var(--dm-color-brand-600, #7F56D9);
    --dm-file-icon-folder-color: var(--dm-color-brand-600, #7F56D9);
    --dm-file-icon-gif-color: var(--dm-color-brand-600, #7F56D9);
    --dm-file-icon-html-color: var(--dm-color-indigo-600, #444CE7);
    --dm-file-icon-image-color: var(--dm-color-brand-600, #7F56D9);
    --dm-file-icon-img-color: var(--dm-color-brand-600, #7F56D9);
    --dm-file-icon-indd-color: var(--dm-color-fuchsia-600, #BA24D5);
    --dm-file-icon-java-color: var(--dm-color-indigo-600, #444CE7);
    --dm-file-icon-jpeg-color: var(--dm-color-brand-600, #7F56D9);
    --dm-file-icon-jpg-color: var(--dm-color-brand-600, #7F56D9);
    --dm-file-icon-js-color: var(--dm-color-indigo-600, #444CE7);
    --dm-file-icon-json-color: var(--dm-color-indigo-600, #444CE7);
    --dm-file-icon-mkv-color: var(--dm-color-blue-dark-600, #155EEF);
    --dm-file-icon-mp3-color: var(--dm-color-pink-600, #DD2590);
    --dm-file-icon-mp4-color: var(--dm-color-blue-dark-600, #155EEF);
    --dm-file-icon-mpeg-color: var(--dm-color-blue-dark-600, #155EEF);
    --dm-file-icon-pdf-color: var(--dm-color-error-600, #D92D20);
    --dm-file-icon-pdf-simple-color: var(--dm-color-error-600, #D92D20);
    --dm-file-icon-png-color: var(--dm-color-brand-600, #7F56D9);
    --dm-file-icon-ppt-color: var(--dm-color-orange-dark-600, #E62E05);
    --dm-file-icon-pptx-color: var(--dm-color-orange-dark-600, #E62E05);
    --dm-file-icon-psd-color: var(--dm-color-blue-dark-600, #155EEF);
    --dm-file-icon-rar-color: #344054;
    --dm-file-icon-rss-color: var(--dm-color-indigo-600, #444CE7);
    --dm-file-icon-spreadsheets-color: var(--dm-color-success-600, #079455);
    --dm-file-icon-sql-color: var(--dm-color-indigo-600, #444CE7);
    --dm-file-icon-svg-color: var(--dm-color-brand-600, #7F56D9);
    --dm-file-icon-tiff-color: var(--dm-color-brand-600, #7F56D9);
    --dm-file-icon-txt-color: #475467;
    --dm-file-icon-video-color: var(--dm-color-blue-dark-600, #155EEF);
    --dm-file-icon-video-01-color: var(--dm-color-blue-dark-600, #155EEF);
    --dm-file-icon-video-02-color: var(--dm-color-blue-dark-600, #155EEF);
    --dm-file-icon-wav-color: var(--dm-color-pink-600, #DD2590);
    --dm-file-icon-webp-color: var(--dm-color-brand-600, #7F56D9);
    --dm-file-icon-xls-color: var(--dm-color-success-600, #079455);
    --dm-file-icon-xlsx-color: var(--dm-color-success-600, #079455);
    --dm-file-icon-xml-color: var(--dm-color-indigo-600, #444CE7);
    --dm-file-icon-zip-color: #344054;
  }
  .dark-mode {
    --dm-file-icon-page-stroke: #373A41;
    --dm-file-icon-gray-page-bg: #22262F;
    --dm-file-icon-gray-fold: #373A41;
    --dm-file-icon-gray-label: #CECFD2;
  }
}
@layer dm-theme {
  :root {
    --dm-folder-icon-paper-color: var(--dm-color-white);
    --dm-folder-icon-brand-back-color: var(--dm-color-brand-700);
    --dm-folder-icon-brand-front-color: var(--dm-color-brand-600);
    --dm-folder-icon-gray-back-color: var(--dm-color-neutral-700);
    --dm-folder-icon-gray-front-color: var(--dm-color-neutral-600);
    --dm-folder-icon-noise-color: #22262F;
    --dm-folder-icon-noise-front-bg: color-mix(in oklab, var(--dm-folder-icon-noise-color) 70%, transparent);
    --dm-folder-icon-border-color: rgba(255 255 255 / 0.12);
    --dm-folder-icon-noise-inset-shadow: inset 0 1px 2px rgba(255 255 255 / 0.5);
    --dm-folder-icon-shimmer-gradient:
      linear-gradient(
        133.13deg,
        white 0%,
        transparent 79.481%);
  }
}
@layer dm-theme {
  :root {
    --dm-payment-icon-size-sm: 34px;
    --dm-payment-icon-size-sm-h: 24px;
    --dm-payment-icon-size-md: 46px;
    --dm-payment-icon-size-md-h: 32px;
    --dm-payment-icon-size-lg: 58px;
    --dm-payment-icon-size-lg-h: 40px;
    --dm-payment-icon-bg: var(--dm-color-bg-primary);
    --dm-payment-icon-border: var(--dm-color-border-secondary);
    --dm-payment-icon-radius-sm: var(--dm-radius-sm);
    --dm-payment-icon-radius-md: var(--dm-radius-sm);
    --dm-payment-icon-radius-lg: var(--dm-radius-md);
    --dm-payment-icon-padding-sm: 2px 3px;
    --dm-payment-icon-padding-md: 3px 4px;
    --dm-payment-icon-padding-lg: 4px 6px;
  }
}
@layer dm-theme {
  :root {
    --dm-social-icon-size-sm: 16px;
    --dm-social-icon-size-md: 24px;
    --dm-social-icon-size-lg: 32px;
    --dm-social-icon-color: var(--dm-color-fg-secondary);
  }
}
@layer dm-theme {
  :root {
    --dm-integration-icon-size-sm: 16px;
    --dm-integration-icon-size-md: 20px;
    --dm-integration-icon-size-lg: 24px;
  }
}
@layer dm-theme {
  :root {
    --dm-dropdown-radius: var(--dm-radius-lg);
    --dm-dropdown-min-width: 15.5rem;
    --dm-dropdown-max-width: 24rem;
    --dm-dropdown-shadow: var(--dm-shadow-lg);
    --dm-dropdown-bg: var(--dm-color-bg-primary);
    --dm-dropdown-ring-color: var(--dm-color-border-secondary_alt);
  }
}
@layer dm-theme {
  :root {
    --dm-dropdown-item-label-color: var(--dm-color-text-secondary);
    --dm-dropdown-item-icon-color: var(--dm-color-fg-quaternary);
    --dm-dropdown-item-addon-color: var(--dm-color-text-quaternary);
    --dm-dropdown-item-check-color: var(--dm-color-fg-brand-primary);
    --dm-dropdown-item-destructive-color: var(--dm-color-text-error-primary);
  }
}
@layer dm-theme {
  :root {
    --dm-bullet-list-text-color: var(--dm-color-text-tertiary);
    --dm-bullet-list-item-gap: var(--dm-spacing-16);
    --dm-bullet-list-icon-gap: var(--dm-spacing-12);
    --dm-bullet-list-default-primary-bg: var(--dm-color-bg-brand-primary);
    --dm-bullet-list-default-success-bg: var(--dm-color-bg-success-secondary);
    --dm-bullet-list-filled-primary-bg: var(--dm-color-bg-brand-solid);
    --dm-bullet-list-filled-success-bg: var(--dm-color-bg-success-solid);
    --dm-bullet-list-icon-shadow: none;
  }
}
@layer dm-components {
  .dm-list {
    list-style: none;
    display: flex;
    gap: var(--dm-spacing-12);
  }
  .dm-list,
  .dm-list li {
    margin: 0;
    padding: 0;
  }
  .dm-list--vertical {
    flex-direction: column;
  }
}
@layer dm-theme {
  :root {
    --dm-button-group-radius: var(--dm-radius-lg);
    --dm-button-group-shadow: var(--dm-shadow-xs);
    --dm-button-group-ring: var(--dm-color-border-primary);
    --dm-button-group-item-bg: var(--dm-color-bg-primary);
    --dm-button-group-item-bg-hover: var(--dm-color-bg-primary_hover);
    --dm-button-group-item-fg: var(--dm-color-text-secondary);
    --dm-button-group-item-fg-hover: var(--dm-color-text-secondary_hover);
    --dm-button-group-item-selected-bg: var(--dm-color-bg-primary_hover);
    --dm-button-group-item-selected-fg: var(--dm-color-text-secondary_hover);
    --dm-button-group-item-icon-fg: var(--dm-color-fg-quaternary);
    --dm-button-group-item-icon-fg-hover: var(--dm-color-fg-quaternary_hover);
    --dm-button-group-item-focus-ring: var(--dm-color-border-brand);
  }
}
@layer dm-components {
  dm-button-group dm-button-group-item + dm-button-group-item {
    border-left: 1px solid var(--dm-button-group-ring);
  }
  dm-button-group dm-button-group-item:first-child > button {
    border-top-left-radius: var(--dm-button-group-radius);
    border-bottom-left-radius: var(--dm-button-group-radius);
  }
  dm-button-group dm-button-group-item:last-child > button {
    border-top-right-radius: var(--dm-button-group-radius);
    border-bottom-right-radius: var(--dm-button-group-radius);
  }
  dm-button-group dm-icon > .dm-icon {
    --dm-icon-size: 20px !important;
    --dm-icon-fontsize: 20px !important;
    --dm-icon-weight: 600;
    --dm-icon-icon-color: var(--dm-button-group-item-icon-fg) !important;
    --dm-icon-bg-color: transparent !important;
    --dm-icon-border-color: transparent !important;
    border-width: 0 !important;
    box-shadow: none !important;
  }
  dm-button-group dm-button-group-item > button:hover:not(:disabled) dm-icon > .dm-icon,
  dm-button-group dm-button-group-item > button[data-state=selected] dm-icon > .dm-icon {
    --dm-icon-icon-color: var(--dm-button-group-item-icon-fg-hover) !important;
  }
}
@layer dm-theme {
  :root {
    --dm-toggle-button-radius: var(--dm-radius-md);
    --dm-toggle-button-shadow: none;
    --dm-toggle-button-icon-size: 16px;
    --dm-toggle-button-bg: transparent;
    --dm-toggle-button-fg: var(--dm-color-fg-quaternary);
    --dm-toggle-button-bg-hover: var(--dm-color-bg-primary_hover);
    --dm-toggle-button-fg-hover: var(--dm-color-fg-quaternary_hover);
    --dm-toggle-button-pressed-bg: var(--dm-color-bg-secondary_hover);
    --dm-toggle-button-pressed-fg: var(--dm-color-fg-secondary);
    --dm-toggle-button-outline-ring: var(--dm-color-border-primary);
    --dm-toggle-button-outline-shadow: var(--dm-shadow-xs);
    --dm-toggle-button-outline-fg-hover: var(--dm-color-fg-secondary);
    --dm-toggle-button-icon-fg: currentColor;
  }
}
@layer dm-components {
  dm-toggle-button dm-icon > .dm-icon {
    --dm-icon-size: var(--dm-toggle-button-icon-size) !important;
    --dm-icon-fontsize: var(--dm-toggle-button-icon-size) !important;
    --dm-icon-weight: 600;
    --dm-icon-icon-color: currentColor !important;
    --dm-icon-bg-color: transparent !important;
    --dm-icon-border-color: transparent !important;
    border-width: 0 !important;
    box-shadow: none !important;
  }
}
@layer dm-theme {
  :root {
    --dm-toggle-group-gap: var(--dm-spacing-2);
  }
}
@layer dm-theme {
  :root {
    --dm-progress-steps-item-circle-size: var(--dm-spacing-32);
    --dm-progress-steps-item-icon-size: var(--dm-spacing-16);
    --dm-progress-steps-item-icon-radius: 50%;
    --dm-progress-steps-item-dot-size: var(--dm-spacing-10);
    --dm-progress-steps-item-ring-width: 2px;
    --dm-progress-steps-item-icon-gap: var(--dm-spacing-16);
    --dm-progress-steps-item-step-font-size: var(--dm-text-xs);
    --dm-progress-steps-item-title-size: var(--dm-text-sm);
    --dm-progress-steps-item-title-line-height: var(--dm-text-sm--line-height);
    --dm-progress-steps-item-ring-color: var(--dm-color-border-secondary);
    --dm-progress-steps-item-connector-stroke: var(--dm-color-border-primary);
    --dm-progress-steps-item-circle-connector-stroke: var(--dm-color-bg-brand-solid);
    --dm-progress-steps-item-featured-connector-stroke: var(--dm-color-neutral-600);
    --dm-progress-steps-item-active-ring-color: var(--dm-color-border-secondary);
    --dm-progress-steps-item-active-icon-bg: var(--dm-color-bg-brand-solid);
    --dm-progress-steps-item-text-active-title-color: var(--dm-color-text-brand-secondary);
    --dm-progress-steps-item-text-active-label-color: var(--dm-color-text-brand-tertiary);
    --dm-progress-steps-item-text-upcoming-color: var(--dm-color-text-placeholder);
    --dm-progress-steps-item-upcoming-dot-color: var(--dm-color-neutral-300);
    --dm-progress-steps-item-number-done-bg: var(--dm-color-bg-success-solid);
    --dm-progress-steps-item-line-done-color: var(--dm-color-bg-brand-solid);
    --dm-progress-steps-item-line-active-color: var(--dm-color-bg-brand-solid);
    --dm-progress-steps-minimal-circle-size: var(--dm-spacing-24);
    --dm-progress-steps-minimal-dot-size: var(--dm-spacing-8);
    --dm-progress-steps-minimal-gap: var(--dm-spacing-12);
    --dm-progress-steps-minimal-ring-width: 1.5px;
    --dm-progress-steps-minimal-step-font-size: var(--dm-text-xs);
    --dm-progress-bar-track: var(--dm-color-bg-quaternary);
    --dm-progress-bar-fill: var(--dm-color-fg-brand-primary);
    --dm-progress-bar-radius: var(--dm-radius-md);
    --dm-progress-bar-height: var(--dm-spacing-8);
    --dm-progress-bar-gap: var(--dm-spacing-12);
    --dm-progress-bar-label-color: var(--dm-color-text-secondary);
    --dm-progress-bar-gauge-value-color: var(--dm-color-text-primary);
    --dm-progress-bar-gauge-label-color: var(--dm-color-text-tertiary);
    --dm-progress-bar-floating-bg: var(--dm-color-bg-primary_alt);
    --dm-progress-bar-floating-ring: var(--dm-color-border-secondary_alt);
    --dm-progress-bar-floating-color: var(--dm-color-text-secondary);
    --dm-progress-bar-floating-radius: var(--dm-radius-lg);
    --dm-progress-bar-floating-shadow: var(--dm-shadow-lg);
    --dm-progress-bar-reveal-duration: 900ms;
    --dm-progress-bar-reveal-ease: var(--dm-ease-out);
    --dm-progress-bar-reveal-delay: 200ms;
  }
}
@layer dm-theme {
  :root {
    --dm-tooltip-radius: var(--dm-radius-lg);
    --dm-tooltip-arrow-radius: var(--dm-radius-xs);
    --dm-tooltip-max-width: 20rem;
    --dm-tooltip-shadow: var(--dm-shadow-lg);
    --dm-tooltip-bg: var(--dm-color-bg-primary-solid);
    --dm-tooltip-title-color: var(--dm-color-white);
    --dm-tooltip-supporting-color: var(--dm-color-tooltip-supporting-text);
    --dm-tooltip-border-color: transparent;
    --dm-tooltip-light-bg: var(--dm-color-bg-primary);
    --dm-tooltip-light-title-color: var(--dm-color-text-primary);
    --dm-tooltip-light-supporting-color: var(--dm-color-text-tertiary);
    --dm-tooltip-light-border-color: var(--dm-color-border-secondary);
  }
}
@layer dm-theme {
  :root {
    --dm-popover-radius: var(--dm-radius-lg);
    --dm-popover-min-width: 12rem;
    --dm-popover-max-width: 24rem;
    --dm-popover-shadow: var(--dm-shadow-lg);
    --dm-popover-bg: var(--dm-color-bg-primary);
    --dm-popover-border-color: var(--dm-color-border-secondary);
    --dm-popover-ring-color: var(--dm-color-border-secondary_alt);
  }
}
@layer dm-theme {
  :root {
    --dm-checkbox-bg: var(--dm-form-control-bg);
    --dm-checkbox-border: var(--dm-form-control-border);
    --dm-checkbox-bg-checked: var(--dm-form-control-bg-checked);
    --dm-checkbox-border-checked: var(--dm-form-control-border-checked);
    --dm-checkbox-fg: var(--dm-form-control-fg);
    --dm-checkbox-bg-disabled: var(--dm-form-control-bg-disabled);
    --dm-checkbox-border-error: var(--dm-form-control-border-error);
    --dm-checkbox-label-color: var(--dm-form-control-label-color);
    --dm-checkbox-hint-color: var(--dm-form-control-hint-color);
    --dm-checkbox-gap: var(--dm-form-control-gap);
    --dm-checkbox-radius: var(--dm-radius-sm);
  }
}
@layer dm-theme {
  :root {
    --dm-checkbox-group-gap: var(--dm-spacing-16);
    --dm-checkbox-group-label-margin-bottom: var(--dm-spacing-4);
    --dm-checkbox-group-hint-margin-bottom: var(--dm-spacing-12);
    --dm-checkbox-group-label-color: var(--dm-form-control-label-color);
    --dm-checkbox-group-hint-color: var(--dm-form-control-hint-color);
  }
}
@layer dm-theme {
  :root {
    --dm-card-choice-border-checked: var(--dm-checkbox-border-checked);
    --dm-card-choice-padding-x: var(--dm-spacing-16);
    --dm-card-choice-padding-y: var(--dm-spacing-16);
    --dm-card-choice-gap: var(--dm-spacing-12);
    --dm-card-choice-footer-padding-y: var(--dm-spacing-16);
  }
}
@layer dm-theme {
  :root {
    --dm-radio-bg: var(--dm-form-control-bg);
    --dm-radio-border: var(--dm-form-control-border);
    --dm-radio-bg-checked: var(--dm-form-control-bg-checked);
    --dm-radio-border-checked: var(--dm-form-control-border-checked);
    --dm-radio-fg: var(--dm-form-control-fg);
    --dm-radio-bg-disabled: var(--dm-form-control-bg-disabled);
    --dm-radio-border-error: var(--dm-form-control-border-error);
    --dm-radio-label-color: var(--dm-form-control-label-color);
    --dm-radio-hint-color: var(--dm-form-control-hint-color);
    --dm-radio-gap: var(--dm-form-control-gap);
  }
}
@layer dm-theme {
  :root {
    --dm-radio-group-gap: var(--dm-spacing-16);
  }
}
@layer dm-theme {
  :root {
    --dm-tag-radius: var(--dm-radius-md);
    --dm-tag-bg: var(--dm-color-bg-primary);
    --dm-tag-text: var(--dm-color-text-secondary);
    --dm-tag-border: var(--dm-color-border-primary);
    --dm-tag-border-width: 1px;
    --dm-tag-count-radius: 3px;
    --dm-tag-count-bg: var(--dm-color-bg-tertiary);
    --dm-tag-count-text: var(--dm-color-text-secondary);
    --dm-tag-icon-size: 12px;
    --dm-tag-icon-weight: 700;
    --dm-tag-dot-color: var(--dm-color-fg-success-secondary);
    --dm-tag-avatar-bg: var(--dm-color-bg-tertiary);
    --dm-tag-avatar-fg: var(--dm-color-fg-quaternary);
    --dm-tag-checkbox-radius: var(--dm-radius-sm);
    --dm-tag-checkbox-bg: var(--dm-color-bg-primary);
    --dm-tag-checkbox-border: var(--dm-color-border-primary);
    --dm-tag-checkbox-selected-bg: var(--dm-color-bg-brand-solid);
    --dm-tag-checkbox-check-color: var(--dm-color-fg-white);
    --dm-tag-close-radius: 3px;
    --dm-tag-close-color: var(--dm-color-fg-quaternary);
    --dm-tag-close-color-hover: var(--dm-color-fg-quaternary_hover);
    --dm-tag-close-bg-hover: var(--dm-color-bg-primary_hover);
    --dm-tag-focus-ring: var(--dm-color-focus-ring);
  }
}
@layer dm-theme {
  :root {
    --dm-alert-radius: var(--dm-radius-xl);
    --dm-alert-bg: var(--dm-color-bg-primary_alt);
    --dm-alert-border-color: var(--dm-color-border-primary);
    --dm-alert-shadow: var(--dm-shadow-xs);
    --dm-alert-title-color: var(--dm-color-text-secondary);
    --dm-alert-text-color: var(--dm-color-text-tertiary);
  }
}
@layer dm-theme {
  :root {
    --dm-breadcrumb-gap: var(--dm-spacing-8);
    --dm-breadcrumb-gap-button: var(--dm-spacing-4);
    --dm-breadcrumb-gap-mobile: var(--dm-spacing-6);
    --dm-breadcrumb-gap-button-mobile: var(--dm-spacing-2);
    --dm-breadcrumb-line-border-color: var(--dm-color-border-secondary);
    --dm-breadcrumb-icon-size: var(--dm-spacing-16);
    --dm-breadcrumb-divider-color: var(--dm-color-utility-neutral-300);
    --dm-breadcrumb-item-color: var(--dm-color-text-quaternary);
    --dm-breadcrumb-item-hover-color: var(--dm-color-text-tertiary_hover);
    --dm-breadcrumb-item-current-color: var(--dm-color-text-brand-secondary);
    --dm-breadcrumb-item-icon-color: var(--dm-color-fg-quaternary);
    --dm-breadcrumb-item-icon-hover-color: var(--dm-color-fg-quaternary_hover);
    --dm-breadcrumb-item-icon-current-color: var(--dm-color-fg-brand-primary);
    --dm-breadcrumb-item-radius: var(--dm-radius-sm);
    --dm-breadcrumb-item-button-radius: var(--dm-radius-md);
    --dm-breadcrumb-item-button-bg: transparent;
    --dm-breadcrumb-item-button-color: var(--dm-breadcrumb-item-color);
    --dm-breadcrumb-item-button-hover-color: var(--dm-breadcrumb-item-hover-color);
    --dm-breadcrumb-item-button-bg-hover: var(--dm-color-bg-primary_hover);
    --dm-breadcrumb-item-button-current-bg: var(--dm-breadcrumb-item-button-bg-hover);
    --dm-breadcrumb-item-button-current-color: var(--dm-color-text-tertiary_hover);
  }
}
@layer dm-theme {
  :root {
    --dm-button-social-radius: var(--dm-button-radius);
    --dm-button-social-shadow: var(--dm-shadow-xs-skeuomorphic);
    --dm-button-social-gray-bg: var(--dm-color-bg-primary);
    --dm-button-social-gray-bg-hover: var(--dm-color-bg-primary_hover);
    --dm-button-social-gray-fg: var(--dm-color-text-secondary);
    --dm-button-social-gray-fg-hover: var(--dm-color-text-secondary_hover);
    --dm-button-social-gray-ring: var(--dm-button-secondary-ring);
    --dm-button-social-gray-icon-color: var(--dm-color-fg-quaternary);
    --dm-button-social-facebook-bg: #1877f2;
    --dm-button-social-facebook-bg-hover: #0c63d4;
    --dm-button-social-black-bg: #111111;
    --dm-button-social-dribbble-bg: #ea4c89;
    --dm-button-social-dribbble-bg-hover: #e62872;
    --dm-button-social-brand-gloss-border: rgba(255, 255, 255, 0.12);
    --dm-button-social-black-ring: transparent;
  }
}
.dark-mode {
  --dm-button-social-black-ring: var(--dm-button-secondary-ring);
}
@layer dm-theme {
  :root {
    --dm-button-app-store-radius: var(--dm-button-radius);
    --dm-button-app-store-bg: var(--dm-color-black);
    --dm-button-app-store-border: var(--dm-color-app-store-badge-border);
    --dm-button-app-store-outline-fg: var(--dm-color-fg-primary);
    --dm-button-app-store-outline-border: var(--dm-color-fg-primary);
  }
}
@layer dm-theme {
  :root {
    --dm-drawer-width-sm: calc(var(--dm-spacing) * 100);
    --dm-drawer-width-md: var(--dm-width-md);
    --dm-drawer-width-lg: var(--dm-width-xl);
    --dm-drawer-width-xl: var(--dm-width-2xl);
    --dm-drawer-width-2xl: var(--dm-width-3xl);
    --dm-drawer-width-3xl: var(--dm-width-4xl);
    --dm-drawer-width: var(--dm-drawer-width-sm);
    --dm-drawer-radius: var(--dm-radius-2xl);
    --dm-drawer-bg: var(--dm-color-bg-primary);
    --dm-drawer-ring-color: var(--dm-color-border-secondary_alt);
    --dm-drawer-shadow: var(--dm-shadow-xl);
    --dm-drawer-border-color: var(--dm-color-border-secondary);
    --dm-drawer-overlay-bg: var(--dm-color-bg-overlay);
    --dm-drawer-overlay-opacity: 70%;
    --dm-drawer-overlay-blur: none;
    --dm-drawer-close-offset: var(--dm-spacing-12);
    --dm-drawer-duration-enter: var(--dm-duration-300);
    --dm-drawer-duration-exit: var(--dm-duration-500);
    --dm-drawer-easing-enter: var(--dm-ease-drawer);
    --dm-drawer-easing-exit: var(--dm-ease-drawer);
    --dm-drawer-translate: 100%;
    --dm-drawer-padding: var(--dm-surface-padding-desktop);
    --dm-drawer-padding-mobile: var(--dm-surface-padding-mobile);
  }
}
@layer dm-theme {
  :root {
    --dm-calendar-cell-size: var(--dm-spacing-40);
    --dm-calendar-cell-radius: var(--dm-radius-full);
    --dm-calendar-cell-color: var(--dm-color-text-secondary);
    --dm-calendar-cell-bg-hover: var(--dm-color-bg-primary_hover);
    --dm-calendar-selected-bg: var(--dm-color-bg-brand-solid);
    --dm-calendar-selected-bg-hover: var(--dm-color-bg-brand-solid_hover);
    --dm-calendar-selected-color: var(--dm-color-text-white);
    --dm-calendar-today-bg: var(--dm-color-bg-secondary);
    --dm-calendar-today-bg-hover: var(--dm-color-bg-secondary_hover);
    --dm-calendar-dot-color: var(--dm-color-fg-brand-primary);
    --dm-calendar-dot-color-selected: var(--dm-color-fg-white);
    --dm-calendar-title-color: var(--dm-color-fg-secondary);
    --dm-calendar-weekday-color: var(--dm-color-text-secondary);
    --dm-calendar-nav-button-radius: var(--dm-radius-lg);
    --dm-calendar-nav-button-color: var(--dm-color-fg-quaternary);
    --dm-calendar-nav-button-color-hover: var(--dm-color-fg-quaternary_hover);
    --dm-calendar-nav-button-bg-hover: var(--dm-color-bg-primary_hover);
    --dm-calendar-range-bg: var(--dm-color-bg-secondary);
  }
}
@layer dm-theme {
  :root {
    --dm-date-picker-radius: var(--dm-radius-2xl);
    --dm-date-picker-shadow: var(--dm-shadow-xl);
    --dm-date-picker-bg: var(--dm-popover-bg);
    --dm-date-picker-ring-color: var(--dm-popover-ring-color);
    --dm-date-picker-footer-border-color: var(--dm-color-border-secondary);
    --dm-date-picker-placeholder-color: var(--dm-form-control-placeholder);
  }
}
@layer dm-theme {
  :root {
    --dm-date-range-picker-radius: var(--dm-date-picker-radius);
    --dm-date-range-picker-bg: var(--dm-date-picker-bg);
    --dm-date-range-picker-shadow: var(--dm-date-picker-shadow);
    --dm-date-range-picker-ring-color: var(--dm-date-picker-ring-color);
    --dm-date-range-picker-divider-color: var(--dm-date-picker-footer-border-color);
    --dm-date-range-picker-placeholder-color: var(--dm-date-picker-placeholder-color);
    --dm-date-range-picker-preset-color: var(--dm-color-text-secondary);
    --dm-date-range-picker-preset-color-hover: var(--dm-color-text-secondary_hover);
    --dm-date-range-picker-preset-bg-hover: var(--dm-color-bg-primary_hover);
    --dm-date-range-picker-preset-active-bg: var(--dm-color-bg-secondary);
    --dm-date-range-picker-preset-active-bg-hover: var(--dm-color-bg-secondary_hover);
    --dm-date-range-picker-preset-active-color: var(--dm-color-text-secondary_hover);
    --dm-date-range-picker-preset-link-color: var(--dm-color-text-brand-secondary);
    --dm-date-range-picker-preset-link-color-hover: var(--dm-color-text-brand-secondary_hover);
    --dm-date-range-picker-separator-color: var(--dm-color-text-quaternary);
  }
}
@layer dm-theme {
  :root {
    --dm-metric-radius: var(--dm-surface-radius);
    --dm-metric-bg: var(--dm-surface-bg);
    --dm-metric-border-color: var(--dm-surface-border-color);
    --dm-metric-border-width: var(--dm-surface-border-width);
    --dm-metric-shadow: var(--dm-surface-shadow);
    --dm-metric-padding-y: var(--dm-spacing-20);
    --dm-metric-padding-x: var(--dm-spacing-20);
    --dm-metric-padding-x-mobile: var(--dm-spacing-16);
    --dm-metric-subtitle-color: var(--dm-color-text-tertiary);
    --dm-metric-header-color: var(--dm-color-text-primary);
    --dm-metric-value-color: var(--dm-color-text-primary);
    --dm-metric-description-color: var(--dm-color-text-tertiary);
    --dm-metric-footer-border-color: var(--dm-color-border-secondary);
    --dm-metric-change-positive-color: var(--dm-color-text-success-primary);
    --dm-metric-change-negative-color: var(--dm-color-text-error-primary);
    --dm-metric-change-icon-positive-color: var(--dm-color-fg-success-secondary);
    --dm-metric-change-icon-negative-color: var(--dm-color-fg-error-secondary);
    --dm-metric-change-pill-bg: var(--dm-color-bg-primary);
    --dm-metric-change-pill-border-color: var(--dm-color-border-primary);
    --dm-metric-change-pill-color: var(--dm-color-text-secondary);
    --dm-metric-change-pill-radius: var(--dm-radius-md);
    --dm-metric-change-pill-shadow: var(--dm-shadow-xs);
  }
}
@layer dm-theme {
  :root {
    --dm-select-trigger-radius: var(--dm-form-control-radius);
    --dm-select-trigger-bg: var(--dm-form-control-bg);
    --dm-select-trigger-border: var(--dm-form-control-border);
    --dm-select-trigger-shadow: var(--dm-form-control-shadow);
    --dm-select-trigger-text: var(--dm-form-control-text);
    --dm-select-trigger-placeholder: var(--dm-form-control-placeholder);
    --dm-select-trigger-focus-ring: var(--dm-form-control-focus-ring);
    --dm-select-trigger-error-border: var(--dm-form-control-field-error-border);
    --dm-select-trigger-error-ring: var(--dm-form-control-field-error-ring);
    --dm-select-icon-color: var(--dm-color-fg-quaternary);
    --dm-select-supporting-color: var(--dm-color-text-tertiary);
    --dm-select-panel-radius: var(--dm-radius-lg);
    --dm-select-panel-bg: var(--dm-color-bg-primary);
    --dm-select-panel-ring: var(--dm-color-border-secondary_alt);
    --dm-select-panel-shadow: var(--dm-shadow-lg);
  }
}
@layer dm-theme {
  :root {
    --dm-select-item-radius: var(--dm-radius-md);
    --dm-select-item-hover-bg: var(--dm-color-bg-primary_hover);
    --dm-select-item-check-color: var(--dm-color-fg-brand-primary);
    --dm-select-item-checkbox-radius: var(--dm-checkbox-radius);
    --dm-select-item-checkbox-bg: var(--dm-checkbox-bg);
    --dm-select-item-checkbox-border: var(--dm-checkbox-border);
    --dm-select-item-checkbox-bg-checked: var(--dm-checkbox-bg-checked);
    --dm-select-item-checkbox-check-color: var(--dm-checkbox-fg);
  }
}
@layer dm-theme {
  :root {
    --dm-combobox-text: var(--dm-form-control-text);
    --dm-combobox-placeholder: var(--dm-form-control-placeholder);
    --dm-combobox-icon-color: var(--dm-color-fg-quaternary);
    --dm-combobox-chip-radius: var(--dm-radius-md);
    --dm-combobox-chip-bg: var(--dm-color-bg-primary);
    --dm-combobox-chip-border: var(--dm-color-border-primary);
    --dm-combobox-chip-text: var(--dm-color-text-primary);
    --dm-combobox-chip-remove-color: var(--dm-color-fg-quinary);
    --dm-combobox-chip-remove-color-hover: var(--dm-color-fg-quaternary);
    --dm-combobox-clear-color: var(--dm-color-fg-quaternary);
    --dm-combobox-clear-color-hover: var(--dm-color-fg-quaternary_hover);
    --dm-combobox-shortcut-radius: var(--dm-radius-xs);
    --dm-combobox-shortcut-color: var(--dm-color-text-quaternary);
    --dm-combobox-shortcut-border: var(--dm-color-border-secondary);
    --dm-combobox-divider: var(--dm-color-border-secondary);
    --dm-combobox-empty-title-color: var(--dm-color-text-primary);
    --dm-combobox-empty-description-color: var(--dm-color-text-tertiary);
    --dm-combobox-create-color: var(--dm-color-text-secondary);
    --dm-combobox-loading-color: var(--dm-color-text-tertiary);
  }
}
@layer dm-theme {
  :root {
    --dm-toast-width: 400px;
    --dm-toast-radius: var(--dm-radius-xl);
    --dm-toast-bg: var(--dm-color-bg-primary_alt);
    --dm-toast-border-color: var(--dm-color-border-secondary_alt);
    --dm-toast-border-width: 1px;
    --dm-toast-shadow: var(--dm-shadow-lg);
    --dm-toast-title-color: var(--dm-color-text-primary);
    --dm-toast-text-color: var(--dm-color-text-secondary);
    --dm-toast-image-size: 160px;
    --dm-toast-image-bg: var(--dm-color-bg-secondary);
    --dm-toaster-offset: var(--dm-container-padding-desktop);
    --dm-toaster-mobile-offset: var(--dm-container-padding-mobile);
    --dm-toaster-z-index: 9999;
  }
}
@layer dm-theme {
  :root {
    --dm-range-slider-track-height: var(--dm-spacing-24);
    --dm-range-slider-rail-height: var(--dm-spacing-8);
    --dm-range-slider-thumb-size: var(--dm-spacing-24);
    --dm-range-slider-thumb-ring-width: 2px;
    --dm-range-slider-radius: var(--dm-radius-full);
    --dm-range-slider-disabled-opacity: var(--dm-form-control-disabled-opacity);
    --dm-range-slider-rail-bg: var(--dm-color-bg-quaternary);
    --dm-range-slider-fill-bg: var(--dm-color-bg-brand-solid);
    --dm-range-slider-thumb-bg: var(--dm-color-slider-handle-bg);
    --dm-range-slider-thumb-border: var(--dm-color-slider-handle-border);
    --dm-range-slider-thumb-shadow: var(--dm-shadow-md);
    --dm-range-slider-focus-ring-color: var(--dm-color-focus-ring);
    --dm-range-slider-label-color: var(--dm-color-text-primary);
    --dm-range-slider-label-font-size: var(--dm-text-md);
    --dm-range-slider-label-line-height: var(--dm-text-md--line-height);
    --dm-range-slider-label-gap: var(--dm-spacing-8);
    --dm-range-slider-tooltip-bg: var(--dm-color-bg-primary);
    --dm-range-slider-tooltip-color: var(--dm-color-text-secondary);
    --dm-range-slider-tooltip-ring: var(--dm-color-border-secondary_alt);
    --dm-range-slider-tooltip-shadow: var(--dm-shadow-lg);
    --dm-range-slider-tooltip-radius: var(--dm-radius-lg);
    --dm-range-slider-tooltip-font-size: var(--dm-text-xs);
    --dm-range-slider-tooltip-line-height: var(--dm-text-xs--line-height);
    --dm-range-slider-tooltip-padding-y: var(--dm-spacing-6);
    --dm-range-slider-tooltip-padding-x: var(--dm-spacing-8);
    --dm-range-slider-tooltip-gap: var(--dm-spacing-8);
  }
}
@layer dm-theme {
  :root {
    --dm-pin-input-slot-bg: var(--dm-form-control-bg);
    --dm-pin-input-slot-shadow: var(--dm-form-control-shadow);
    --dm-pin-input-slot-border: var(--dm-form-control-border);
    --dm-pin-input-slot-text: var(--dm-form-control-placeholder);
    --dm-pin-input-slot-radius: var(--dm-radius-xl);
    --dm-pin-input-slot-radius-compact: var(--dm-radius-lg);
    --dm-pin-input-font-weight: var(--dm-font-weight-medium);
    --dm-pin-input-placeholder-opacity: 0.4;
    --dm-pin-input-disabled-opacity: var(--dm-form-control-disabled-opacity);
    --dm-pin-input-slot-filled-text: var(--dm-form-control-text);
    --dm-pin-input-slot-filled-border: var(--dm-color-border-brand);
    --dm-pin-input-focus-ring: var(--dm-form-control-focus-ring);
    --dm-pin-input-caret-color: var(--dm-color-fg-brand-primary);
    --dm-pin-input-error-border: var(--dm-form-control-field-error-border);
    --dm-pin-input-separator-color: var(--dm-color-utility-neutral-300);
  }
}
@layer dm-theme {
  :root {
    --dm-input-tags-radius: var(--dm-form-control-radius);
    --dm-input-tags-shadow: var(--dm-form-control-shadow);
    --dm-input-tags-bg: var(--dm-form-control-bg);
    --dm-input-tags-text-color: var(--dm-form-control-text);
    --dm-input-tags-placeholder-color: var(--dm-form-control-placeholder);
    --dm-input-tags-border-color: var(--dm-form-control-border);
    --dm-input-tags-focus-ring-color: var(--dm-form-control-focus-ring);
    --dm-input-tags-error-border-color: var(--dm-form-control-field-error-border);
    --dm-input-tags-error-focus-ring-color: var(--dm-form-control-field-error-ring);
  }
}
@layer dm-theme {
  :root {
    --dm-rte-toolbar-btn-radius: var(--dm-radius-md);
    --dm-rte-toolbar-btn-color: var(--dm-color-fg-quaternary);
    --dm-rte-toolbar-btn-hover-bg: var(--dm-color-bg-primary_hover);
    --dm-rte-toolbar-btn-hover-color: var(--dm-color-fg-quaternary_hover);
    --dm-rte-toolbar-btn-active-bg: var(--dm-color-bg-secondary_hover);
    --dm-rte-toolbar-btn-active-color: var(--dm-color-fg-secondary);
    --dm-rte-toolbar-sep-color: var(--dm-color-border-primary);
    --dm-rte-highlight-radius: var(--dm-radius-sm);
  }
}
@layer dm-theme {
  :root {
    --dm-accordion-border-color: var(--dm-color-border-secondary);
    --dm-accordion-border-width: 1px;
    --dm-accordion-trigger-color: var(--dm-color-text-primary);
    --dm-accordion-trigger-bg-hover: transparent;
    --dm-accordion-trigger-font-size: var(--dm-text-md);
    --dm-accordion-trigger-line-height: var(--dm-text-md--line-height);
    --dm-accordion-trigger-font-weight: 600;
    --dm-accordion-trigger-padding-y: var(--dm-spacing-16);
    --dm-accordion-trigger-padding-x: 0px;
    --dm-accordion-trigger-gap: var(--dm-spacing-16);
    --dm-accordion-trigger-radius: var(--dm-radius-md);
    --dm-accordion-icon-color: var(--dm-color-fg-quaternary);
    --dm-accordion-content-color: var(--dm-color-text-tertiary);
    --dm-accordion-content-font-size: var(--dm-text-md);
    --dm-accordion-content-line-height: var(--dm-text-md--line-height);
    --dm-accordion-content-padding-bottom: var(--dm-spacing-16);
    --dm-accordion-duration: var(--dm-duration-200);
    --dm-accordion-easing: var(--dm-ease-in-out);
  }
}
@layer dm-reset {
  * {
    font-family: var(--dm-font-family-display);
  }
}

/* theme/global.scss */
:root {
  --dm-font-sans: "Open Sans";
  --dm-color-brand-25: rgb(255 245 248);
  --dm-color-brand-50: rgb(255 235 241);
  --dm-color-brand-100: rgb(255 219 230);
  --dm-color-brand-200: rgb(254 180 202);
  --dm-color-brand-300: rgb(248 119 158);
  --dm-color-brand-400: rgb(250 46 107);
  --dm-color-brand-500: rgb(240 4 78);
  --dm-color-brand-600: rgb(219 2 67);
  --dm-color-brand-700: rgb(178 1 54);
  --dm-color-brand-800: rgb(136 2 42);
  --dm-color-brand-900: rgb(100 3 32);
  --dm-color-brand-950: rgb(68 4 23);
  --dm-color-error-25: rgb(255 245 245);
  --dm-color-error-50: rgb(255 236 236);
  --dm-color-error-100: rgb(255 220 220);
  --dm-color-error-200: rgb(255 179 179);
  --dm-color-error-300: rgb(248 117 117);
  --dm-color-error-400: rgb(240 54 54);
  --dm-color-error-500: rgb(224 31 31);
  --dm-color-error-600: rgb(200 30 30);
  --dm-color-error-700: rgb(160 24 24);
  --dm-color-error-800: rgb(120 18 18);
  --dm-color-error-900: rgb(78 12 12);
  --dm-color-error-950: rgb(48 7 7);
  --dm-color-success-25: rgb(240 255 247);
  --dm-color-success-50: rgb(224 255 240);
  --dm-color-success-100: rgb(192 255 224);
  --dm-color-success-200: rgb(169 239 197);
  --dm-color-success-300: rgb(62 224 144);
  --dm-color-success-400: rgb(0 196 94);
  --dm-color-success-500: rgb(0 179 82);
  --dm-color-success-600: rgb(0 156 73);
  --dm-color-success-700: rgb(0 122 57);
  --dm-color-success-800: rgb(0 90 42);
  --dm-color-success-900: rgb(0 61 28);
  --dm-color-success-950: rgb(0 36 16);
}

/* apps/lexplus-user/src/styles.scss */
:root {
  --dm-font-sans: "Open Sans";
  --dm-color-brand-25: rgb(255 245 248);
  --dm-color-brand-50: rgb(255 235 241);
  --dm-color-brand-100: rgb(255 219 230);
  --dm-color-brand-200: rgb(254 180 202);
  --dm-color-brand-300: rgb(248 119 158);
  --dm-color-brand-400: rgb(250 46 107);
  --dm-color-brand-500: rgb(240 4 78);
  --dm-color-brand-600: rgb(219 2 67);
  --dm-color-brand-700: rgb(178 1 54);
  --dm-color-brand-800: rgb(136 2 42);
  --dm-color-brand-900: rgb(100 3 32);
  --dm-color-brand-950: rgb(68 4 23);
  --dm-color-error-25: rgb(255 245 245);
  --dm-color-error-50: rgb(255 236 236);
  --dm-color-error-100: rgb(255 220 220);
  --dm-color-error-200: rgb(255 179 179);
  --dm-color-error-300: rgb(248 117 117);
  --dm-color-error-400: rgb(240 54 54);
  --dm-color-error-500: rgb(224 31 31);
  --dm-color-error-600: rgb(200 30 30);
  --dm-color-error-700: rgb(160 24 24);
  --dm-color-error-800: rgb(120 18 18);
  --dm-color-error-900: rgb(78 12 12);
  --dm-color-error-950: rgb(48 7 7);
  --dm-color-success-25: rgb(240 255 247);
  --dm-color-success-50: rgb(224 255 240);
  --dm-color-success-100: rgb(192 255 224);
  --dm-color-success-200: rgb(169 239 197);
  --dm-color-success-300: rgb(62 224 144);
  --dm-color-success-400: rgb(0 196 94);
  --dm-color-success-500: rgb(0 179 82);
  --dm-color-success-600: rgb(0 156 73);
  --dm-color-success-700: rgb(0 122 57);
  --dm-color-success-800: rgb(0 90 42);
  --dm-color-success-900: rgb(0 61 28);
  --dm-color-success-950: rgb(0 36 16);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */