.radix-themes[data-is-root-theme='true'] {
  /* create new stacking context on the root `Theme` so layered components work out of the box */
  position: relative;
  z-index: 0;
}
.rt-reset-a {
  text-decoration: none;
  color: inherit;
  outline: none;
}
.rt-reset-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  outline: none;
  color: inherit;
  padding: 0;
  margin: 0;
  text-align: initial;
  -webkit-tap-highlight-color: transparent;
}
@font-face {
  font-family: 'Segoe UI (Custom)';
  font-weight: 300;
  size-adjust: 103%;
  descent-override: 35%;
  ascent-override: 105%;
  src: local('Segoe UI Semilight'), local('Segoe UI');
}
@font-face {
  font-family: 'Segoe UI (Custom)';
  font-weight: 300;
  font-style: italic;
  size-adjust: 103%;
  descent-override: 35%;
  ascent-override: 105%;
  src: local('Segoe UI Semilight Italic'), local('Segoe UI Italic');
}
@font-face {
  font-family: 'Segoe UI (Custom)';
  font-weight: 400;
  size-adjust: 103%;
  descent-override: 35%;
  ascent-override: 105%;
  src: local('Segoe UI');
}
@font-face {
  font-family: 'Segoe UI (Custom)';
  font-weight: 400;
  font-style: italic;
  size-adjust: 103%;
  descent-override: 35%;
  ascent-override: 105%;
  src: local('Segoe UI Italic');
}
@font-face {
  font-family: 'Segoe UI (Custom)';
  font-weight: 500;
  size-adjust: 103%;
  descent-override: 35%;
  ascent-override: 105%;
  src: local('Segoe UI Semibold'), local('Segoe UI');
}
@font-face {
  font-family: 'Segoe UI (Custom)';
  font-weight: 500;
  font-style: italic;
  size-adjust: 103%;
  descent-override: 35%;
  ascent-override: 105%;
  src: local('Segoe UI Semibold Italic'), local('Segoe UI Italic');
}
@font-face {
  font-family: 'Segoe UI (Custom)';
  font-weight: 700;
  size-adjust: 103%;
  descent-override: 35%;
  ascent-override: 105%;
  src: local('Segoe UI Bold');
}
@font-face {
  font-family: 'Segoe UI (Custom)';
  font-weight: 700;
  font-style: italic;
  size-adjust: 103%;
  descent-override: 35%;
  ascent-override: 105%;
  src: local('Segoe UI Bold Italic');
}
@font-face {
  font-family: 'Open Sans (Custom)';
  font-weight: 300;
  descent-override: 35%;
  src: local('Open Sans Light'), local('Open Sans Regular');
}
@font-face {
  font-family: 'Open Sans (Custom)';
  font-weight: 300;
  font-style: italic;
  descent-override: 35%;
  src: local('Open Sans Light Italic'), local('Open Sans Italic');
}
@font-face {
  font-family: 'Open Sans (Custom)';
  font-weight: 400;
  descent-override: 35%;
  src: local('Open Sans Regular');
}
@font-face {
  font-family: 'Open Sans (Custom)';
  font-weight: 400;
  font-style: italic;
  descent-override: 35%;
  src: local('Open Sans Italic');
}
@font-face {
  font-family: 'Open Sans (Custom)';
  font-weight: 500;
  descent-override: 35%;
  src: local('Open Sans Medium'), local('Open Sans Regular');
}
@font-face {
  font-family: 'Open Sans (Custom)';
  font-weight: 500;
  font-style: italic;
  descent-override: 35%;
  src: local('Open Sans Medium Italic'), local('Open Sans Italic');
}
@font-face {
  font-family: 'Open Sans (Custom)';
  font-weight: 700;
  descent-override: 35%;
  src: local('Open Sans Bold');
}
@font-face {
  font-family: 'Open Sans (Custom)';
  font-weight: 700;
  font-style: italic;
  descent-override: 35%;
  src: local('Open Sans Bold Italic');
}
@font-face {
  font-family: 'Consolas (Custom)';
  font-weight: 400;
  size-adjust: 110%;
  ascent-override: 85%;
  descent-override: 22%;
  src: local('Consolas');
}
@font-face {
  font-family: 'Consolas (Custom)';
  font-weight: 400;
  font-style: italic;
  size-adjust: 110%;
  ascent-override: 85%;
  descent-override: 22%;
  src: local('Consolas Italic');
}
@font-face {
  font-family: 'Consolas (Custom)';
  font-weight: 700;
  size-adjust: 110%;
  ascent-override: 85%;
  descent-override: 22%;
  src: local('Consolas Bold');
}
@font-face {
  font-family: 'Consolas (Custom)';
  font-weight: 700;
  font-style: italic;
  size-adjust: 110%;
  ascent-override: 85%;
  descent-override: 22%;
  src: local('Consolas Bold Italic');
}
.radix-themes {
  --font-size-1: calc(12px * var(--scaling));
  --font-size-2: calc(14px * var(--scaling));
  --font-size-3: calc(16px * var(--scaling));
  --font-size-4: calc(18px * var(--scaling));
  --font-size-5: calc(20px * var(--scaling));
  --font-size-6: calc(24px * var(--scaling));
  --font-size-7: calc(28px * var(--scaling));
  --font-size-8: calc(35px * var(--scaling));
  --font-size-9: calc(60px * var(--scaling));

  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;

  --line-height-1: calc(16px * var(--scaling));
  --line-height-2: calc(20px * var(--scaling));
  --line-height-3: calc(24px * var(--scaling));
  --line-height-4: calc(26px * var(--scaling));
  --line-height-5: calc(28px * var(--scaling));
  --line-height-6: calc(30px * var(--scaling));
  --line-height-7: calc(36px * var(--scaling));
  --line-height-8: calc(40px * var(--scaling));
  --line-height-9: calc(60px * var(--scaling));

  --letter-spacing-1: 0.0025em;
  --letter-spacing-2: 0em;
  --letter-spacing-3: 0em;
  --letter-spacing-4: -0.0025em;
  --letter-spacing-5: -0.005em;
  --letter-spacing-6: -0.00625em;
  --letter-spacing-7: -0.0075em;
  --letter-spacing-8: -0.01em;
  --letter-spacing-9: -0.025em;

  /* default values */

  --default-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI (Custom)', Roboto,
    'Helvetica Neue', 'Open Sans (Custom)', system-ui, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji';
  --default-font-size: var(--font-size-3); /* Same size used for `<Text size="3">` */
  --default-font-style: normal;
  --default-font-weight: var(--font-weight-regular);
  --default-line-height: 1.5; /* Equivalent to the line-height used for `<Text size="3">` 16px * 1.5 = 24px */
  --default-letter-spacing: 0em;
  --default-leading-trim-start: 0.42em;
  --default-leading-trim-end: 0.36em;

  /* Heading */

  --heading-font-family: var(--default-font-family);
  --heading-font-size-adjust: 1;
  --heading-font-style: normal;
  --heading-leading-trim-start: var(--default-leading-trim-start);
  --heading-leading-trim-end: var(--default-leading-trim-end);
  --heading-letter-spacing: 0em;

  --heading-line-height-1: calc(16px * var(--scaling));
  --heading-line-height-2: calc(18px * var(--scaling));
  --heading-line-height-3: calc(22px * var(--scaling));
  --heading-line-height-4: calc(24px * var(--scaling));
  --heading-line-height-5: calc(26px * var(--scaling));
  --heading-line-height-6: calc(30px * var(--scaling));
  --heading-line-height-7: calc(36px * var(--scaling));
  --heading-line-height-8: calc(40px * var(--scaling));
  --heading-line-height-9: calc(60px * var(--scaling));

  /* Code */

  --code-font-family: 'Menlo', 'Consolas (Custom)', 'Bitstream Vera Sans Mono', monospace,
    'Apple Color Emoji', 'Segoe UI Emoji';
  --code-font-size-adjust: 0.95;
  --code-font-style: normal;
  --code-font-weight: inherit;
  --code-letter-spacing: -0.007em;

  /* Strong */

  --strong-font-family: var(--default-font-family);
  --strong-font-size-adjust: 1;
  --strong-font-style: inherit;
  --strong-font-weight: var(--font-weight-bold);
  --strong-letter-spacing: 0em;

  /* Em */

  --em-font-family: 'Times New Roman', 'Times', serif;
  --em-font-size-adjust: 1.18;
  --em-font-style: italic;
  --em-font-weight: inherit;
  --em-letter-spacing: -0.025em;

  /* Quote */

  --quote-font-family: 'Times New Roman', 'Times', serif;
  --quote-font-size-adjust: 1.18;
  --quote-font-style: italic;
  --quote-font-weight: inherit;
  --quote-letter-spacing: -0.025em;
}
.radix-themes {
  overflow-wrap: break-word;
  font-family: var(--default-font-family);
  font-size: var(--default-font-size);
  font-weight: var(--default-font-weight);
  font-style: var(--default-font-style);
  line-height: var(--default-line-height);
  letter-spacing: var(--default-letter-spacing);
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* regulars (white foreground) */
:root, .light, .light-theme {
  --tomato-1: hsl(10, 100%, 99.4%);
  --tomato-2: hsl(8, 100%, 98.4%);
  --tomato-3: hsl(8, 100%, 96.6%);
  --tomato-4: hsl(8, 100%, 94.3%);
  --tomato-5: hsl(8, 92.8%, 91.0%);
  --tomato-6: hsl(9, 84.7%, 86.3%);
  --tomato-7: hsl(10, 77.3%, 79.5%);
  --tomato-8: hsl(10, 71.6%, 71.0%);
  --tomato-9: hsl(10, 78.0%, 54.0%);
  --tomato-10: hsl(10, 71.4%, 49.4%);
  --tomato-11: hsl(10, 82.0%, 42.0%);
  --tomato-12: hsl(8, 50.0%, 24.0%);
}
.dark, .dark-theme {
  --tomato-1: hsl(10, 23.0%, 9.4%);
  --tomato-2: hsl(10, 39.0%, 11.6%);
  --tomato-3: hsl(9, 48.3%, 15.5%);
  --tomato-4: hsl(9, 53.0%, 18.1%);
  --tomato-5: hsl(9, 57.0%, 20.7%);
  --tomato-6: hsl(9, 61.8%, 24.5%);
  --tomato-7: hsl(9, 68.4%, 31.1%);
  --tomato-8: hsl(10, 80.4%, 43.9%);
  --tomato-9: hsl(10, 78.0%, 54.0%);
  --tomato-10: hsl(10, 88.4%, 64.1%);
  --tomato-11: hsl(10, 100%, 72.0%);
  --tomato-12: hsl(10, 85.0%, 89.0%);
}
:root, .light, .light-theme {
  --tomato-a1: hsla(0, 100%, 51.0%, 0.012);
  --tomato-a2: hsla(8, 100%, 51.0%, 0.032);
  --tomato-a3: hsla(7, 100%, 50.2%, 0.067);
  --tomato-a4: hsla(8, 100%, 50.1%, 0.114);
  --tomato-a5: hsla(7, 99.5%, 47.9%, 0.173);
  --tomato-a6: hsla(9, 99.9%, 46.2%, 0.255);
  --tomato-a7: hsla(10, 99.8%, 43.6%, 0.365);
  --tomato-a8: hsla(10, 99.5%, 41.8%, 0.499);
  --tomato-a9: hsla(10, 99.9%, 43.8%, 0.820);
  --tomato-a10: hsla(10, 100%, 41.1%, 0.859);
  --tomato-a11: hsla(10, 99.9%, 37.3%, 0.926);
  --tomato-a12: hsla(8, 99.5%, 13.7%, 0.879);
}
.dark, .dark-theme {
  --tomato-a1: hsla(0, 100%, 49.3%, 0.022);
  --tomato-a2: hsla(0, 100%, 49.8%, 0.074);
  --tomato-a3: hsla(9, 100%, 49.9%, 0.152);
  --tomato-a4: hsla(9, 99.5%, 52.7%, 0.204);
  --tomato-a5: hsla(9, 99.5%, 53.8%, 0.256);
  --tomato-a6: hsla(9, 99.6%, 54.6%, 0.334);
  --tomato-a7: hsla(9, 99.7%, 55.0%, 0.477);
  --tomato-a8: hsla(10, 99.9%, 54.2%, 0.771);
  --tomato-a9: hsla(10, 99.9%, 59.5%, 0.888);
  --tomato-a10: hsla(10, 99.8%, 66.8%, 0.953);
  --tomato-a11: hsla(10, 100%, 72.0%, 1);
  --tomato-a12: hsla(10, 99.7%, 90.4%, 0.983);
}
:root, .light, .light-theme {
  --red-1: hsl(359, 100%, 99.4%);
  --red-2: hsl(0, 100%, 98.4%);
  --red-3: hsl(360, 100%, 96.8%);
  --red-4: hsl(360, 97.9%, 94.8%);
  --red-5: hsl(360, 90.2%, 91.9%);
  --red-6: hsl(360, 81.7%, 87.8%);
  --red-7: hsl(359, 74.2%, 81.7%);
  --red-8: hsl(359, 69.5%, 74.3%);
  --red-9: hsl(358, 75.0%, 59.0%);
  --red-10: hsl(358, 67.4%, 54.6%);
  --red-11: hsl(358, 65.0%, 47.0%);
  --red-12: hsl(350, 63.0%, 24.0%);
}
.dark, .dark-theme {
  --red-1: hsl(353, 23.0%, 9.8%);
  --red-2: hsl(354, 30.2%, 12.4%);
  --red-3: hsl(353, 40.8%, 16.4%);
  --red-4: hsl(353, 46.3%, 19.2%);
  --red-5: hsl(353, 51.2%, 22.1%);
  --red-6: hsl(353, 57.3%, 26.2%);
  --red-7: hsl(354, 65.7%, 33.2%);
  --red-8: hsl(358, 75.0%, 47.1%);
  --red-9: hsl(358, 75.0%, 59.0%);
  --red-10: hsl(359, 84.8%, 67.6%);
  --red-11: hsl(358, 100%, 76.0%);
  --red-12: hsl(350, 100%, 91.0%);
}
:root, .light, .light-theme {
  --red-a1: hsla(0, 100%, 51.0%, 0.012);
  --red-a2: hsla(0, 100%, 51.0%, 0.032);
  --red-a3: hsla(0, 100%, 50.2%, 0.063);
  --red-a4: hsla(0, 100%, 50.0%, 0.102);
  --red-a5: hsla(0, 99.9%, 47.5%, 0.153);
  --red-a6: hsla(0, 99.5%, 44.9%, 0.224);
  --red-a7: hsla(359, 99.7%, 42.7%, 0.318);
  --red-a8: hsla(359, 99.6%, 41.1%, 0.436);
  --red-a9: hsla(358, 99.9%, 42.9%, 0.718);
  --red-a10: hsla(358, 99.9%, 40.2%, 0.761);
  --red-a11: hsla(358, 99.8%, 36.7%, 0.836);
  --red-a12: hsla(351, 99.9%, 16.6%, 0.910);
}
.dark, .dark-theme {
  --red-a1: hsla(0, 100%, 49.0%, 0.031);
  --red-a2: hsla(354, 100%, 49.8%, 0.074);
  --red-a3: hsla(353, 99.3%, 55.9%, 0.152);
  --red-a4: hsla(352, 99.8%, 56.5%, 0.208);
  --red-a5: hsla(354, 99.3%, 57.5%, 0.265);
  --red-a6: hsla(354, 99.8%, 57.5%, 0.351);
  --red-a7: hsla(354, 99.7%, 56.6%, 0.503);
  --red-a8: hsla(358, 99.8%, 56.1%, 0.806);
  --red-a9: hsla(358, 99.8%, 65.3%, 0.888);
  --red-a10: hsla(359, 99.9%, 70.9%, 0.944);
  --red-a11: hsla(358, 100%, 76.1%, 1);
  --red-a12: hsla(350, 100%, 91.0%, 1);
}
:root, .light, .light-theme {
  --crimson-1: hsl(332, 100%, 99.4%);
  --crimson-2: hsl(330, 100%, 98.4%);
  --crimson-3: hsl(331, 85.6%, 96.6%);
  --crimson-4: hsl(331, 78.1%, 94.2%);
  --crimson-5: hsl(332, 72.1%, 91.1%);
  --crimson-6: hsl(333, 67.0%, 86.7%);
  --crimson-7: hsl(335, 63.5%, 80.4%);
  --crimson-8: hsl(336, 62.3%, 72.9%);
  --crimson-9: hsl(336, 80.0%, 57.8%);
  --crimson-10: hsl(336, 71.3%, 52.8%);
  --crimson-11: hsl(336, 75.0%, 45.5%);
  --crimson-12: hsl(332, 63.0%, 23.5%);
}
.dark, .dark-theme {
  --crimson-1: hsl(335, 20.0%, 9.6%);
  --crimson-2: hsl(336, 32.3%, 12.2%);
  --crimson-3: hsl(336, 40.2%, 16.0%);
  --crimson-4: hsl(336, 44.4%, 18.5%);
  --crimson-5: hsl(336, 48.4%, 21.3%);
  --crimson-6: hsl(336, 53.9%, 25.5%);
  --crimson-7: hsl(336, 62.7%, 32.8%);
  --crimson-8: hsl(336, 80.0%, 45.1%);
  --crimson-9: hsl(336, 80.0%, 57.8%);
  --crimson-10: hsl(339, 87.0%, 67.2%);
  --crimson-11: hsl(341, 100%, 76.0%);
  --crimson-12: hsl(330, 90.0%, 91.0%);
}
:root, .light, .light-theme {
  --crimson-a1: hsla(340, 100%, 51.0%, 0.012);
  --crimson-a2: hsla(330, 100%, 51.0%, 0.032);
  --crimson-a3: hsla(332, 99.1%, 47.1%, 0.063);
  --crimson-a4: hsla(331, 99.9%, 44.3%, 0.102);
  --crimson-a5: hsla(333, 99.9%, 42.3%, 0.153);
  --crimson-a6: hsla(333, 99.5%, 40.5%, 0.224);
  --crimson-a7: hsla(335, 99.7%, 39.1%, 0.322);
  --crimson-a8: hsla(336, 99.5%, 38.5%, 0.440);
  --crimson-a9: hsla(336, 99.9%, 44.3%, 0.761);
  --crimson-a10: hsla(336, 100%, 41.5%, 0.808);
  --crimson-a11: hsla(336, 99.8%, 38.5%, 0.887);
  --crimson-a12: hsla(332, 99.8%, 16.3%, 0.914);
}
.dark, .dark-theme {
  --crimson-a1: hsla(354, 100%, 49.3%, 0.022);
  --crimson-a2: hsla(338, 100%, 49.8%, 0.074);
  --crimson-a3: hsla(335, 99.8%, 54.7%, 0.143);
  --crimson-a4: hsla(336, 99.4%, 56.6%, 0.191);
  --crimson-a5: hsla(336, 99.8%, 57.8%, 0.247);
  --crimson-a6: hsla(336, 99.3%, 58.1%, 0.330);
  --crimson-a7: hsla(336, 99.9%, 57.5%, 0.485);
  --crimson-a8: hsla(336, 99.8%, 54.4%, 0.793);
  --crimson-a9: hsla(336, 99.9%, 62.7%, 0.905);
  --crimson-a10: hsla(339, 99.8%, 70.1%, 0.953);
  --crimson-a11: hsla(341, 100%, 76.1%, 1);
  --crimson-a12: hsla(330, 99.3%, 91.6%, 0.992);
}
:root, .light, .light-theme {
  --pink-1: hsl(322, 100%, 99.4%);
  --pink-2: hsl(323, 100%, 98.4%);
  --pink-3: hsl(323, 86.3%, 96.5%);
  --pink-4: hsl(323, 78.7%, 94.2%);
  --pink-5: hsl(323, 72.2%, 91.1%);
  --pink-6: hsl(323, 66.3%, 86.6%);
  --pink-7: hsl(323, 62.0%, 80.1%);
  --pink-8: hsl(323, 60.3%, 72.4%);
  --pink-9: hsl(322, 65.0%, 54.5%);
  --pink-10: hsl(322, 62.0%, 49.6%);
  --pink-11: hsl(322, 75.0%, 44.0%);
  --pink-12: hsl(320, 70.0%, 23.2%);
}
.dark, .dark-theme {
  --pink-1: hsl(318, 25.0%, 9.6%);
  --pink-2: hsl(318, 32.3%, 12.2%);
  --pink-3: hsl(318, 37.1%, 15.7%);
  --pink-4: hsl(319, 39.8%, 18.1%);
  --pink-5: hsl(319, 42.3%, 20.8%);
  --pink-6: hsl(319, 45.8%, 24.9%);
  --pink-7: hsl(320, 51.2%, 32.2%);
  --pink-8: hsl(322, 60.0%, 46.1%);
  --pink-9: hsl(322, 65.0%, 54.5%);
  --pink-10: hsl(324, 71.5%, 63.2%);
  --pink-11: hsl(325, 90.0%, 75.0%);
  --pink-12: hsl(325, 90.0%, 90.5%);
}
:root, .light, .light-theme {
  --pink-a1: hsla(320, 100%, 51.0%, 0.012);
  --pink-a2: hsla(323, 100%, 51.0%, 0.032);
  --pink-a3: hsla(323, 98.9%, 47.3%, 0.067);
  --pink-a4: hsla(323, 99.9%, 44.3%, 0.102);
  --pink-a5: hsla(324, 99.9%, 42.3%, 0.153);
  --pink-a6: hsla(323, 99.5%, 39.6%, 0.224);
  --pink-a7: hsla(323, 99.7%, 38.5%, 0.322);
  --pink-a8: hsla(323, 99.5%, 37.7%, 0.444);
  --pink-a9: hsla(322, 99.7%, 39.3%, 0.750);
  --pink-a10: hsla(322, 99.9%, 37.9%, 0.812);
  --pink-a11: hsla(322, 99.8%, 37.1%, 0.891);
  --pink-a12: hsla(320, 99.6%, 17.6%, 0.930);
}
.dark, .dark-theme {
  --pink-a1: hsla(331, 100%, 49.0%, 0.031);
  --pink-a2: hsla(319, 100%, 49.8%, 0.074);
  --pink-a3: hsla(318, 98.8%, 55.9%, 0.135);
  --pink-a4: hsla(319, 99.4%, 59.0%, 0.178);
  --pink-a5: hsla(319, 99.8%, 60.9%, 0.221);
  --pink-a6: hsla(319, 99.8%, 61.2%, 0.299);
  --pink-a7: hsla(320, 99.9%, 61.9%, 0.433);
  --pink-a8: hsla(322, 100%, 61.1%, 0.710);
  --pink-a9: hsla(322, 99.8%, 64.2%, 0.823);
  --pink-a10: hsla(324, 99.7%, 70.2%, 0.884);
  --pink-a11: hsla(325, 99.6%, 76.8%, 0.975);
  --pink-a12: hsla(326, 99.3%, 91.2%, 0.992);
}
:root, .light, .light-theme {
  --plum-1: hsl(292, 90.0%, 99.4%);
  --plum-2: hsl(300, 100%, 98.6%);
  --plum-3: hsl(299, 71.2%, 96.4%);
  --plum-4: hsl(299, 62.0%, 93.8%);
  --plum-5: hsl(298, 56.1%, 90.5%);
  --plum-6: hsl(296, 51.3%, 85.8%);
  --plum-7: hsl(295, 48.2%, 78.9%);
  --plum-8: hsl(292, 47.7%, 70.8%);
  --plum-9: hsl(292, 45.0%, 51.0%);
  --plum-10: hsl(292, 50.2%, 46.9%);
  --plum-11: hsl(292, 60.0%, 42.5%);
  --plum-12: hsl(291, 57.0%, 23.2%);
}
.dark, .dark-theme {
  --plum-1: hsl(301, 20.0%, 9.4%);
  --plum-2: hsl(300, 28.8%, 11.6%);
  --plum-3: hsl(299, 31.8%, 15.5%);
  --plum-4: hsl(298, 33.4%, 18.3%);
  --plum-5: hsl(297, 34.6%, 21.0%);
  --plum-6: hsl(296, 36.0%, 25.1%);
  --plum-7: hsl(295, 37.9%, 32.7%);
  --plum-8: hsl(292, 40.2%, 47.8%);
  --plum-9: hsl(292, 45.0%, 51.0%);
  --plum-10: hsl(291, 51.2%, 60.2%);
  --plum-11: hsl(290, 70.0%, 74.0%);
  --plum-12: hsl(300, 60.0%, 89.5%);
}
:root, .light, .light-theme {
  --plum-a1: hsla(280, 100%, 51.0%, 0.012);
  --plum-a2: hsla(300, 100%, 51.0%, 0.028);
  --plum-a3: hsla(300, 99.0%, 40.9%, 0.063);
  --plum-a4: hsla(300, 99.9%, 38.5%, 0.102);
  --plum-a5: hsla(298, 98.2%, 35.9%, 0.150);
  --plum-a6: hsla(297, 99.6%, 33.7%, 0.216);
  --plum-a7: hsla(295, 99.7%, 32.6%, 0.314);
  --plum-a8: hsla(292, 99.6%, 32.4%, 0.432);
  --plum-a9: hsla(292, 99.9%, 31.0%, 0.710);
  --plum-a10: hsla(292, 99.9%, 30.8%, 0.765);
  --plum-a11: hsla(292, 99.8%, 30.7%, 0.832);
  --plum-a12: hsla(291, 100%, 14.8%, 0.902);
}
.dark, .dark-theme {
  --plum-a1: hsla(300, 100%, 49.3%, 0.022);
  --plum-a2: hsla(300, 100%, 49.7%, 0.061);
  --plum-a3: hsla(300, 98.6%, 59.2%, 0.122);
  --plum-a4: hsla(298, 99.3%, 62.9%, 0.165);
  --plum-a5: hsla(297, 99.7%, 65.0%, 0.208);
  --plum-a6: hsla(296, 99.7%, 66.9%, 0.273);
  --plum-a7: hsla(295, 100%, 68.6%, 0.394);
  --plum-a8: hsla(292, 99.7%, 69.7%, 0.637);
  --plum-a9: hsla(292, 99.7%, 68.6%, 0.702);
  --plum-a10: hsla(291, 99.8%, 74.2%, 0.784);
  --plum-a11: hsla(290, 99.7%, 80.0%, 0.914);
  --plum-a12: hsla(300, 99.1%, 93.4%, 0.953);
}
:root, .light, .light-theme {
  --purple-1: hsl(280, 65.0%, 99.4%);
  --purple-2: hsl(276, 100%, 99.0%);
  --purple-3: hsl(276, 83.1%, 97.0%);
  --purple-4: hsl(275, 76.4%, 94.7%);
  --purple-5: hsl(275, 70.8%, 91.8%);
  --purple-6: hsl(274, 65.4%, 87.8%);
  --purple-7: hsl(273, 61.0%, 81.7%);
  --purple-8: hsl(272, 60.0%, 73.5%);
  --purple-9: hsl(272, 51.0%, 54.0%);
  --purple-10: hsl(272, 46.8%, 50.3%);
  --purple-11: hsl(272, 50.0%, 45.8%);
  --purple-12: hsl(270, 50.0%, 25.0%);
}
.dark, .dark-theme {
  --purple-1: hsl(284, 20.0%, 9.6%);
  --purple-2: hsl(284, 31.1%, 12.0%);
  --purple-3: hsl(282, 35.1%, 16.8%);
  --purple-4: hsl(281, 36.9%, 20.1%);
  --purple-5: hsl(280, 38.1%, 23.0%);
  --purple-6: hsl(278, 39.5%, 27.3%);
  --purple-7: hsl(276, 41.1%, 35.1%);
  --purple-8: hsl(272, 42.7%, 50.0%);
  --purple-9: hsl(272, 51.0%, 54.0%);
  --purple-10: hsl(271, 57.8%, 61.2%);
  --purple-11: hsl(270, 90.0%, 78.0%);
  --purple-12: hsl(275, 75.0%, 91.5%);
}
:root, .light, .light-theme {
  --purple-a1: hsla(300, 94.3%, 34.6%, 0.012);
  --purple-a2: hsla(276, 100%, 51.0%, 0.020);
  --purple-a3: hsla(277, 99.6%, 46.5%, 0.055);
  --purple-a4: hsla(274, 97.9%, 44.3%, 0.095);
  --purple-a5: hsla(276, 98.6%, 42.0%, 0.142);
  --purple-a6: hsla(275, 100%, 39.2%, 0.200);
  --purple-a7: hsla(273, 99.2%, 38.2%, 0.295);
  --purple-a8: hsla(272, 99.7%, 37.6%, 0.424);
  --purple-a9: hsla(272, 99.6%, 34.0%, 0.695);
  --purple-a10: hsla(272, 99.7%, 32.0%, 0.730);
  --purple-a11: hsla(272, 99.8%, 29.7%, 0.773);
  --purple-a12: hsla(270, 99.6%, 14.4%, 0.875);
}
.dark, .dark-theme {
  --purple-a1: hsla(278, 100%, 49.3%, 0.022);
  --purple-a2: hsla(283, 100%, 49.5%, 0.070);
  --purple-a3: hsla(282, 98.8%, 59.8%, 0.148);
  --purple-a4: hsla(281, 99.0%, 62.4%, 0.200);
  --purple-a5: hsla(280, 99.7%, 64.2%, 0.247);
  --purple-a6: hsla(278, 99.2%, 65.7%, 0.317);
  --purple-a7: hsla(276, 99.7%, 67.5%, 0.442);
  --purple-a8: hsla(272, 100%, 68.8%, 0.684);
  --purple-a9: hsla(272, 99.7%, 68.7%, 0.754);
  --purple-a10: hsla(271, 99.7%, 72.6%, 0.819);
  --purple-a11: hsla(270, 99.6%, 79.6%, 0.975);
  --purple-a12: hsla(275, 99.1%, 93.3%, 0.979);
}
:root, .light, .light-theme {
  --violet-1: hsl(255, 65.0%, 99.4%);
  --violet-2: hsl(252, 100%, 99.0%);
  --violet-3: hsl(252, 96.9%, 97.4%);
  --violet-4: hsl(252, 91.5%, 95.5%);
  --violet-5: hsl(252, 85.1%, 93.0%);
  --violet-6: hsl(252, 77.8%, 89.4%);
  --violet-7: hsl(252, 71.0%, 83.7%);
  --violet-8: hsl(252, 68.6%, 76.3%);
  --violet-9: hsl(252, 56.0%, 57.5%);
  --violet-10: hsl(251, 48.1%, 53.5%);
  --violet-11: hsl(250, 43.0%, 48.0%);
  --violet-12: hsl(250, 43.0%, 26.0%);
}
.dark, .dark-theme {
  --violet-1: hsl(250, 20.0%, 10.2%);
  --violet-2: hsl(255, 30.3%, 12.9%);
  --violet-3: hsl(254, 33.3%, 18.4%);
  --violet-4: hsl(253, 34.6%, 22.1%);
  --violet-5: hsl(253, 35.5%, 25.5%);
  --violet-6: hsl(252, 36.6%, 30.5%);
  --violet-7: hsl(251, 37.8%, 39.0%);
  --violet-8: hsl(250, 46.2%, 54.1%);
  --violet-9: hsl(252, 56.0%, 57.5%);
  --violet-10: hsl(253, 63.2%, 64.1%);
  --violet-11: hsl(255, 100%, 80.0%);
  --violet-12: hsl(250, 93.0%, 93.0%);
}
:root, .light, .light-theme {
  --violet-a1: hsla(270, 94.3%, 34.6%, 0.012);
  --violet-a2: hsla(252, 100%, 51.0%, 0.020);
  --violet-a3: hsla(254, 100%, 50.0%, 0.051);
  --violet-a4: hsla(251, 98.3%, 48.2%, 0.087);
  --violet-a5: hsla(252, 99.0%, 45.7%, 0.130);
  --violet-a6: hsla(251, 99.1%, 44.0%, 0.189);
  --violet-a7: hsla(252, 99.5%, 41.7%, 0.279);
  --violet-a8: hsla(252, 100%, 40.7%, 0.400);
  --violet-a9: hsla(252, 99.9%, 35.8%, 0.663);
  --violet-a10: hsla(251, 99.6%, 32.5%, 0.691);
  --violet-a11: hsla(250, 99.8%, 28.4%, 0.726);
  --violet-a12: hsla(249, 100%, 13.1%, 0.851);
}
.dark, .dark-theme {
  --violet-a1: hsla(240, 100%, 49.0%, 0.031);
  --violet-a2: hsla(255, 98.3%, 51.9%, 0.083);
  --violet-a3: hsla(255, 99.8%, 62.8%, 0.169);
  --violet-a4: hsla(252, 99.0%, 65.8%, 0.226);
  --violet-a5: hsla(253, 99.1%, 67.2%, 0.278);
  --violet-a6: hsla(253, 100%, 68.5%, 0.355);
  --violet-a7: hsla(251, 99.5%, 69.8%, 0.490);
  --violet-a8: hsla(250, 99.7%, 70.8%, 0.728);
  --violet-a9: hsla(252, 99.7%, 70.0%, 0.793);
  --violet-a10: hsla(253, 99.9%, 73.5%, 0.853);
  --violet-a11: hsla(255, 100%, 80.0%, 1);
  --violet-a12: hsla(249, 99.5%, 93.5%, 0.996);
}
:root, .light, .light-theme {
  --indigo-1: hsl(225, 60.0%, 99.4%);
  --indigo-2: hsl(223, 100%, 98.6%);
  --indigo-3: hsl(223, 98.4%, 97.1%);
  --indigo-4: hsl(223, 92.9%, 95.0%);
  --indigo-5: hsl(224, 87.1%, 92.0%);
  --indigo-6: hsl(224, 81.9%, 87.8%);
  --indigo-7: hsl(225, 77.4%, 82.1%);
  --indigo-8: hsl(226, 75.4%, 74.5%);
  --indigo-9: hsl(226, 70.0%, 55.5%);
  --indigo-10: hsl(226, 58.6%, 51.3%);
  --indigo-11: hsl(226, 55.0%, 45.0%);
  --indigo-12: hsl(226, 50.0%, 24.0%);
}
.dark, .dark-theme {
  --indigo-1: hsl(229, 24.0%, 10.0%);
  --indigo-2: hsl(230, 36.4%, 12.9%);
  --indigo-3: hsl(228, 42.7%, 18.1%);
  --indigo-4: hsl(227, 45.6%, 21.4%);
  --indigo-5: hsl(227, 47.8%, 24.4%);
  --indigo-6: hsl(226, 50.3%, 28.8%);
  --indigo-7: hsl(226, 53.3%, 36.6%);
  --indigo-8: hsl(226, 60.0%, 52.0%);
  --indigo-9: hsl(226, 70.0%, 55.5%);
  --indigo-10: hsl(230, 73.9%, 63.3%);
  --indigo-11: hsl(235, 100%, 80.0%);
  --indigo-12: hsl(235, 93.0%, 93.0%);
}
:root, .light, .light-theme {
  --indigo-a1: hsla(240, 92.6%, 26.5%, 0.008);
  --indigo-a2: hsla(223, 100%, 51.0%, 0.028);
  --indigo-a3: hsla(224, 100%, 50.1%, 0.059);
  --indigo-a4: hsla(223, 98.0%, 48.5%, 0.099);
  --indigo-a5: hsla(225, 98.6%, 46.4%, 0.150);
  --indigo-a6: hsla(224, 99.5%, 44.9%, 0.224);
  --indigo-a7: hsla(225, 99.7%, 43.9%, 0.318);
  --indigo-a8: hsla(226, 99.5%, 43.1%, 0.448);
  --indigo-a9: hsla(226, 100%, 41.2%, 0.757);
  --indigo-a10: hsla(226, 99.8%, 37.1%, 0.773);
  --indigo-a11: hsla(226, 99.6%, 31.1%, 0.797);
  --indigo-a12: hsla(226, 99.5%, 13.7%, 0.879);
}
.dark, .dark-theme {
  --indigo-a1: hsla(240, 100%, 49.5%, 0.035);
  --indigo-a2: hsla(232, 100%, 50.0%, 0.091);
  --indigo-a3: hsla(228, 99.8%, 56.8%, 0.182);
  --indigo-a4: hsla(228, 99.2%, 59.5%, 0.239);
  --indigo-a5: hsla(227, 99.5%, 59.9%, 0.295);
  --indigo-a6: hsla(225, 99.6%, 60.9%, 0.373);
  --indigo-a7: hsla(226, 99.6%, 62.2%, 0.516);
  --indigo-a8: hsla(226, 100%, 63.4%, 0.788);
  --indigo-a9: hsla(226, 99.9%, 63.4%, 0.853);
  --indigo-a10: hsla(230, 99.7%, 69.5%, 0.897);
  --indigo-a11: hsla(235, 100%, 80.0%, 1);
  --indigo-a12: hsla(236, 99.5%, 93.5%, 0.996);
}
:root, .light, .light-theme {
  --blue-1: hsl(206, 100%, 99.2%);
  --blue-2: hsl(210, 100%, 98.0%);
  --blue-3: hsl(209, 100%, 96.5%);
  --blue-4: hsl(210, 98.8%, 94.0%);
  --blue-5: hsl(209, 95.0%, 90.1%);
  --blue-6: hsl(209, 81.2%, 84.5%);
  --blue-7: hsl(208, 77.5%, 76.9%);
  --blue-8: hsl(206, 81.9%, 65.3%);
  --blue-9: hsl(206, 100%, 50.0%);
  --blue-10: hsl(208, 93.5%, 47.4%);
  --blue-11: hsl(211, 90.0%, 42.0%);
  --blue-12: hsl(216, 71.0%, 23.0%);
}
.dark, .dark-theme {
  --blue-1: hsl(212, 35.0%, 9.2%);
  --blue-2: hsl(216, 50.0%, 11.8%);
  --blue-3: hsl(214, 57.6%, 15.6%);
  --blue-4: hsl(214, 62.3%, 18.4%);
  --blue-5: hsl(213, 66.6%, 21.1%);
  --blue-6: hsl(212, 72.6%, 25.2%);
  --blue-7: hsl(211, 81.3%, 32.4%);
  --blue-8: hsl(211, 85.2%, 47.8%);
  --blue-9: hsl(206, 100%, 50.0%);
  --blue-10: hsl(206, 100%, 61.8%);
  --blue-11: hsl(205, 100%, 71.0%);
  --blue-12: hsl(205, 100%, 88.0%);
}
:root, .light, .light-theme {
  --blue-a1: hsla(210, 100%, 51.0%, 0.016);
  --blue-a2: hsla(210, 100%, 51.0%, 0.040);
  --blue-a3: hsla(210, 100%, 50.3%, 0.071);
  --blue-a4: hsla(210, 100%, 50.1%, 0.118);
  --blue-a5: hsla(209, 99.1%, 49.2%, 0.193);
  --blue-a6: hsla(209, 99.5%, 45.3%, 0.283);
  --blue-a7: hsla(208, 99.9%, 43.8%, 0.412);
  --blue-a8: hsla(206, 99.8%, 45.1%, 0.632);
  --blue-a9: hsla(206, 100%, 50.0%, 1);
  --blue-a10: hsla(208, 99.9%, 45.8%, 0.969);
  --blue-a11: hsla(211, 100%, 39.4%, 0.957);
  --blue-a12: hsla(216, 99.6%, 17.5%, 0.934);
}
.dark, .dark-theme {
  --blue-a1: hsla(240, 100%, 49.5%, 0.035);
  --blue-a2: hsla(227, 100%, 50.0%, 0.091);
  --blue-a3: hsla(216, 100%, 50.0%, 0.169);
  --blue-a4: hsla(214, 100%, 49.8%, 0.226);
  --blue-a5: hsla(213, 99.8%, 50.5%, 0.286);
  --blue-a6: hsla(212, 99.8%, 51.5%, 0.377);
  --blue-a7: hsla(211, 99.8%, 51.4%, 0.546);
  --blue-a8: hsla(211, 99.9%, 53.3%, 0.875);
  --blue-a9: hsla(206, 100%, 50.0%, 1);
  --blue-a10: hsla(206, 100%, 61.8%, 1);
  --blue-a11: hsla(205, 100%, 71.0%, 1);
  --blue-a12: hsla(206, 100%, 88.0%, 1);
}
:root, .light, .light-theme {
  --cyan-1: hsl(185, 60.0%, 98.7%);
  --cyan-2: hsl(185, 73.3%, 97.1%);
  --cyan-3: hsl(186, 70.2%, 94.4%);
  --cyan-4: hsl(186, 63.8%, 90.6%);
  --cyan-5: hsl(187, 58.3%, 85.4%);
  --cyan-6: hsl(188, 54.6%, 78.4%);
  --cyan-7: hsl(189, 53.7%, 68.7%);
  --cyan-8: hsl(189, 60.3%, 52.5%);
  --cyan-9: hsl(190, 95.0%, 39.0%);
  --cyan-10: hsl(191, 91.2%, 36.8%);
  --cyan-11: hsl(192, 85.0%, 31.0%);
  --cyan-12: hsl(192, 70.0%, 16.5%);
}
.dark, .dark-theme {
  --cyan-1: hsl(192, 60.0%, 7.2%);
  --cyan-2: hsl(193, 51.1%, 8.8%);
  --cyan-3: hsl(193, 51.9%, 11.9%);
  --cyan-4: hsl(193, 52.6%, 14.1%);
  --cyan-5: hsl(193, 53.4%, 16.5%);
  --cyan-6: hsl(192, 54.6%, 20.1%);
  --cyan-7: hsl(192, 56.6%, 26.5%);
  --cyan-8: hsl(192, 59.8%, 39.0%);
  --cyan-9: hsl(190, 95.0%, 39.0%);
  --cyan-10: hsl(190, 84.0%, 46.0%);
  --cyan-11: hsl(190, 90.0%, 54.0%);
  --cyan-12: hsl(190, 80.0%, 84.0%);
}
:root, .light, .light-theme {
  --cyan-a1: hsla(195, 95.2%, 41.2%, 0.020);
  --cyan-a2: hsla(185, 99.9%, 42.3%, 0.051);
  --cyan-a3: hsla(186, 97.8%, 42.2%, 0.095);
  --cyan-a4: hsla(186, 99.9%, 38.5%, 0.153);
  --cyan-a5: hsla(187, 99.3%, 36.6%, 0.232);
  --cyan-a6: hsla(188, 99.4%, 35.4%, 0.334);
  --cyan-a7: hsla(189, 99.6%, 35.0%, 0.483);
  --cyan-a8: hsla(189, 99.9%, 37.6%, 0.761);
  --cyan-a9: hsla(190, 99.8%, 37.8%, 0.981);
  --cyan-a10: hsla(191, 99.9%, 34.6%, 0.969);
  --cyan-a11: hsla(192, 100%, 27.6%, 0.953);
  --cyan-a12: hsla(192, 99.2%, 12.3%, 0.950);
}
.dark, .dark-theme {
  --cyan-a1: hsla(223, 100%, 49.3%, 0.022);
  --cyan-a2: hsla(207, 100%, 49.3%, 0.044);
  --cyan-a3: hsla(197, 100%, 49.6%, 0.096);
  --cyan-a4: hsla(194, 100%, 49.7%, 0.135);
  --cyan-a5: hsla(193, 99.5%, 50.2%, 0.178);
  --cyan-a6: hsla(192, 99.3%, 53.7%, 0.239);
  --cyan-a7: hsla(192, 100%, 57.5%, 0.355);
  --cyan-a8: hsla(192, 99.8%, 60.0%, 0.585);
  --cyan-a9: hsla(190, 100%, 50.0%, 0.736);
  --cyan-a10: hsla(190, 99.8%, 53.5%, 0.832);
  --cyan-a11: hsla(190, 99.8%, 56.3%, 0.949);
  --cyan-a12: hsla(190, 99.6%, 86.7%, 0.966);
}
:root, .light, .light-theme {
  --teal-1: hsl(165, 60.0%, 98.8%);
  --teal-2: hsl(169, 64.7%, 96.7%);
  --teal-3: hsl(169, 59.8%, 94.0%);
  --teal-4: hsl(169, 53.1%, 90.2%);
  --teal-5: hsl(170, 47.1%, 85.0%);
  --teal-6: hsl(170, 42.6%, 77.9%);
  --teal-7: hsl(170, 39.9%, 68.1%);
  --teal-8: hsl(172, 42.1%, 52.5%);
  --teal-9: hsl(173, 80.0%, 36.0%);
  --teal-10: hsl(173, 83.4%, 32.5%);
  --teal-11: hsl(174, 90.0%, 25.2%);
  --teal-12: hsl(174, 65.0%, 14.5%);
}
.dark, .dark-theme {
  --teal-1: hsl(167, 50.0%, 6.7%);
  --teal-2: hsl(166, 55.0%, 7.8%);
  --teal-3: hsl(167, 52.9%, 10.6%);
  --teal-4: hsl(168, 52.5%, 12.7%);
  --teal-5: hsl(169, 52.6%, 14.8%);
  --teal-6: hsl(169, 53.1%, 18.0%);
  --teal-7: hsl(171, 54.9%, 23.8%);
  --teal-8: hsl(173, 59.8%, 34.1%);
  --teal-9: hsl(173, 80.0%, 36.0%);
  --teal-10: hsl(172, 89.5%, 38.8%);
  --teal-11: hsl(170, 90.0%, 44.5%);
  --teal-12: hsl(163, 70.0%, 81.0%);
}
:root, .light, .light-theme {
  --teal-a1: hsla(165, 95.2%, 41.2%, 0.020);
  --teal-a2: hsla(169, 99.5%, 39.4%, 0.055);
  --teal-a3: hsla(167, 97.6%, 38.1%, 0.095);
  --teal-a4: hsla(168, 98.1%, 34.6%, 0.150);
  --teal-a5: hsla(170, 99.4%, 32.3%, 0.220);
  --teal-a6: hsla(170, 99.7%, 30.1%, 0.314);
  --teal-a7: hsla(170, 99.3%, 28.7%, 0.448);
  --teal-a8: hsla(172, 99.8%, 29.7%, 0.675);
  --teal-a9: hsla(173, 99.8%, 31.1%, 0.930);
  --teal-a10: hsla(173, 99.7%, 28.7%, 0.946);
  --teal-a11: hsla(174, 99.8%, 23.3%, 0.977);
  --teal-a12: hsla(174, 99.0%, 10.0%, 0.950);
}
.dark, .dark-theme {
  --teal-a1: hsla(120, 100%, 48.3%, 0.009);
  --teal-a2: hsla(141, 100%, 49.0%, 0.031);
  --teal-a3: hsla(161, 100%, 49.8%, 0.074);
  --teal-a4: hsla(167, 100%, 49.7%, 0.109);
  --teal-a5: hsla(167, 100%, 49.8%, 0.148);
  --teal-a6: hsla(169, 99.2%, 52.5%, 0.200);
  --teal-a7: hsla(171, 99.3%, 56.5%, 0.304);
  --teal-a8: hsla(173, 99.9%, 59.0%, 0.498);
  --teal-a9: hsla(173, 99.8%, 52.7%, 0.611);
  --teal-a10: hsla(172, 99.9%, 50.8%, 0.706);
  --teal-a11: hsla(170, 99.8%, 51.6%, 0.832);
  --teal-a12: hsla(163, 99.4%, 85.9%, 0.936);
}
:root, .light, .light-theme {
  --green-1: hsl(136, 50.0%, 98.9%);
  --green-2: hsl(138, 62.5%, 96.9%);
  --green-3: hsl(139, 55.2%, 94.5%);
  --green-4: hsl(140, 48.7%, 91.0%);
  --green-5: hsl(141, 43.7%, 86.0%);
  --green-6: hsl(143, 40.3%, 79.0%);
  --green-7: hsl(146, 38.5%, 69.0%);
  --green-8: hsl(151, 40.2%, 54.1%);
  --green-9: hsl(151, 55.0%, 41.5%);
  --green-10: hsl(152, 57.5%, 37.6%);
  --green-11: hsl(153, 67.0%, 28.5%);
  --green-12: hsl(155, 40.0%, 16.5%);
}
.dark, .dark-theme {
  --green-1: hsl(146, 30.0%, 7.4%);
  --green-2: hsl(154, 31.8%, 8.6%);
  --green-3: hsl(154, 37.6%, 11.5%);
  --green-4: hsl(154, 41.0%, 13.6%);
  --green-5: hsl(154, 43.7%, 15.7%);
  --green-6: hsl(154, 46.7%, 18.7%);
  --green-7: hsl(153, 50.3%, 24.4%);
  --green-8: hsl(151, 52.2%, 36.1%);
  --green-9: hsl(151, 55.0%, 41.5%);
  --green-10: hsl(151, 55.2%, 46.7%);
  --green-11: hsl(151, 65.0%, 54.0%);
  --green-12: hsl(144, 70.0%, 82.0%);
}
:root, .light, .light-theme {
  --green-a1: hsla(140, 94.9%, 38.7%, 0.016);
  --green-a2: hsla(138, 99.9%, 38.5%, 0.051);
  --green-a3: hsla(139, 97.7%, 36.9%, 0.087);
  --green-a4: hsla(139, 98.5%, 32.7%, 0.134);
  --green-a5: hsla(141, 100%, 30.4%, 0.200);
  --green-a6: hsla(142, 99.0%, 28.9%, 0.295);
  --green-a7: hsla(146, 99.5%, 27.6%, 0.428);
  --green-a8: hsla(151, 99.5%, 28.8%, 0.644);
  --green-a9: hsla(151, 99.9%, 28.0%, 0.812);
  --green-a10: hsla(152, 99.6%, 25.8%, 0.840);
  --green-a11: hsla(153, 99.9%, 21.0%, 0.906);
  --green-a12: hsla(155, 99.9%, 7.4%, 0.902);
}
.dark, .dark-theme {
  --green-a1: hsla(120, 100%, 43.9%, 0.005);
  --green-a2: hsla(120, 100%, 49.3%, 0.022);
  --green-a3: hsla(149, 100%, 49.5%, 0.070);
  --green-a4: hsla(154, 100%, 49.7%, 0.109);
  --green-a5: hsla(153, 98.9%, 53.1%, 0.148);
  --green-a6: hsla(155, 99.1%, 55.5%, 0.200);
  --green-a7: hsla(152, 99.3%, 59.1%, 0.304);
  --green-a8: hsla(151, 99.6%, 62.4%, 0.503);
  --green-a9: hsla(151, 99.6%, 62.4%, 0.607);
  --green-a10: hsla(151, 100%, 62.9%, 0.697);
  --green-a11: hsla(151, 99.9%, 63.5%, 0.823);
  --green-a12: hsla(144, 99.6%, 86.6%, 0.940);
}
:root, .light, .light-theme {
  --grass-1: hsl(116, 50.0%, 98.9%);
  --grass-2: hsl(120, 60.0%, 97.1%);
  --grass-3: hsl(120, 53.6%, 94.8%);
  --grass-4: hsl(121, 47.5%, 91.4%);
  --grass-5: hsl(122, 42.6%, 86.5%);
  --grass-6: hsl(124, 39.0%, 79.7%);
  --grass-7: hsl(126, 37.1%, 70.2%);
  --grass-8: hsl(131, 38.1%, 56.3%);
  --grass-9: hsl(131, 41.0%, 46.5%);
  --grass-10: hsl(132, 43.1%, 42.2%);
  --grass-11: hsl(133, 50.0%, 32.5%);
  --grass-12: hsl(131, 30.0%, 18.0%);
}
.dark, .dark-theme {
  --grass-1: hsl(146, 30.0%, 7.4%);
  --grass-2: hsl(138, 20.8%, 9.4%);
  --grass-3: hsl(138, 25.8%, 12.5%);
  --grass-4: hsl(138, 28.4%, 14.8%);
  --grass-5: hsl(137, 30.3%, 17.1%);
  --grass-6: hsl(137, 32.3%, 20.6%);
  --grass-7: hsl(135, 34.4%, 27.1%);
  --grass-8: hsl(131, 35.3%, 40.0%);
  --grass-9: hsl(131, 41.0%, 46.5%);
  --grass-10: hsl(131, 41.7%, 55.0%);
  --grass-11: hsl(131, 50.0%, 63.0%);
  --grass-12: hsl(120, 60.0%, 85.0%);
}
:root, .light, .light-theme {
  --grass-a1: hsla(120, 94.9%, 38.7%, 0.016);
  --grass-a2: hsla(120, 94.9%, 38.7%, 0.048);
  --grass-a3: hsla(120, 98.0%, 35.5%, 0.079);
  --grass-a4: hsla(120, 98.7%, 31.5%, 0.126);
  --grass-a5: hsla(122, 98.5%, 29.9%, 0.193);
  --grass-a6: hsla(125, 99.2%, 27.9%, 0.283);
  --grass-a7: hsla(125, 99.9%, 27.0%, 0.408);
  --grass-a8: hsla(131, 100%, 27.6%, 0.604);
  --grass-a9: hsla(131, 99.7%, 26.3%, 0.726);
  --grass-a10: hsla(132, 99.9%, 24.0%, 0.761);
  --grass-a11: hsla(133, 99.5%, 19.5%, 0.840);
  --grass-a12: hsla(131, 99.1%, 6.3%, 0.875);
}
.dark, .dark-theme {
  --grass-a1: hsla(120, 100%, 43.9%, 0.005);
  --grass-a2: hsla(120, 100%, 49.3%, 0.022);
  --grass-a3: hsla(139, 97.9%, 54.2%, 0.070);
  --grass-a4: hsla(137, 99.8%, 60.3%, 0.104);
  --grass-a5: hsla(138, 99.8%, 62.9%, 0.143);
  --grass-a6: hsla(136, 99.7%, 66.7%, 0.195);
  --grass-a7: hsla(135, 99.7%, 68.4%, 0.299);
  --grass-a8: hsla(131, 99.7%, 71.3%, 0.494);
  --grass-a9: hsla(131, 99.5%, 69.2%, 0.620);
  --grass-a10: hsla(131, 100%, 73.5%, 0.710);
  --grass-a11: hsla(131, 99.8%, 76.6%, 0.797);
  --grass-a12: hsla(120, 99.1%, 90.3%, 0.936);
}
:root, .light, .light-theme {
  --orange-1: hsl(24, 70.0%, 99.0%);
  --orange-2: hsl(22, 100%, 97.8%);
  --orange-3: hsl(34, 100%, 91.7%);
  --orange-4: hsl(33, 100%, 86.6%);
  --orange-5: hsl(31, 100%, 82.2%);
  --orange-6: hsl(27, 100%, 78.4%);
  --orange-7: hsl(21, 100%, 74.5%);
  --orange-8: hsl(19, 80.1%, 64.5%);
  --orange-9: hsl(24, 94.0%, 50.0%);
  --orange-10: hsl(24, 100%, 46.5%);
  --orange-11: hsl(16, 45.0%, 41.5%);
  --orange-12: hsl(16, 50.0%, 23.0%);
}
.dark, .dark-theme {
  --orange-1: hsl(30, 70.0%, 7.2%);
  --orange-2: hsl(29, 81.4%, 8.4%);
  --orange-3: hsl(26, 68.4%, 12.0%);
  --orange-4: hsl(25, 64.6%, 14.9%);
  --orange-5: hsl(25, 64.3%, 17.8%);
  --orange-6: hsl(25, 65.7%, 21.9%);
  --orange-7: hsl(25, 67.7%, 29.4%);
  --orange-8: hsl(25, 70.3%, 44.9%);
  --orange-9: hsl(24, 94.0%, 50.0%);
  --orange-10: hsl(24, 100%, 58.5%);
  --orange-11: hsl(24, 100%, 70.0%);
  --orange-12: hsl(30, 100%, 88.0%);
}
:root, .light, .light-theme {
  --orange-a1: hsla(20, 94.9%, 38.7%, 0.016);
  --orange-a2: hsla(22, 100%, 51.0%, 0.044);
  --orange-a3: hsla(34, 100%, 50.1%, 0.165);
  --orange-a4: hsla(33, 100%, 50.1%, 0.267);
  --orange-a5: hsla(31, 100%, 50.0%, 0.357);
  --orange-a6: hsla(27, 100%, 50.1%, 0.432);
  --orange-a7: hsla(21, 100%, 50.0%, 0.510);
  --orange-a8: hsla(19, 99.7%, 44.5%, 0.640);
  --orange-a9: hsla(24, 99.9%, 48.4%, 0.969);
  --orange-a10: hsla(24, 100%, 46.5%, 1);
  --orange-a11: hsla(16, 99.8%, 24.2%, 0.773);
  --orange-a12: hsla(16, 99.4%, 13.1%, 0.887);
}
.dark, .dark-theme {
  --orange-a1: hsla(0, 100%, 49.0%, 0.031);
  --orange-a2: hsla(0, 100%, 50.0%, 0.065);
  --orange-a3: hsla(13, 100%, 49.7%, 0.122);
  --orange-a4: hsla(20, 100%, 50.0%, 0.169);
  --orange-a5: hsla(24, 100%, 50.0%, 0.221);
  --orange-a6: hsla(25, 99.8%, 51.4%, 0.299);
  --orange-a7: hsla(25, 99.8%, 54.7%, 0.442);
  --orange-a8: hsla(25, 99.8%, 57.3%, 0.741);
  --orange-a9: hsla(24, 99.9%, 51.4%, 0.966);
  --orange-a10: hsla(24, 100%, 58.4%, 1);
  --orange-a11: hsla(24, 100%, 70.0%, 1);
  --orange-a12: hsla(30, 100%, 88.0%, 1);
}
:root, .light, .light-theme {
  --brown-1: hsl(30, 40.0%, 99.1%);
  --brown-2: hsl(30, 50.0%, 97.6%);
  --brown-3: hsl(30, 52.5%, 94.6%);
  --brown-4: hsl(30, 53.0%, 91.2%);
  --brown-5: hsl(29, 52.9%, 86.8%);
  --brown-6: hsl(29, 52.5%, 80.9%);
  --brown-7: hsl(29, 51.5%, 72.8%);
  --brown-8: hsl(28, 50.0%, 63.1%);
  --brown-9: hsl(28, 34.0%, 51.0%);
  --brown-10: hsl(26, 31.7%, 46.9%);
  --brown-11: hsl(25, 30.0%, 39.0%);
  --brown-12: hsl(20, 15.0%, 21.0%);
}
.dark, .dark-theme {
  --brown-1: hsl(22, 15.0%, 8.7%);
  --brown-2: hsl(26, 13.2%, 10.4%);
  --brown-3: hsl(26, 17.4%, 13.6%);
  --brown-4: hsl(26, 19.6%, 16.2%);
  --brown-5: hsl(27, 21.3%, 19.0%);
  --brown-6: hsl(27, 23.2%, 23.0%);
  --brown-7: hsl(27, 25.4%, 30.4%);
  --brown-8: hsl(28, 27.8%, 45.1%);
  --brown-9: hsl(28, 34.0%, 51.0%);
  --brown-10: hsl(28, 38.0%, 58.3%);
  --brown-11: hsl(28, 50.0%, 72.0%);
  --brown-12: hsl(35, 60.0%, 87.0%);
}
:root, .light, .light-theme {
  --brown-a1: hsla(30, 94.3%, 34.6%, 0.012);
  --brown-a2: hsla(30, 94.3%, 34.6%, 0.036);
  --brown-a3: hsla(30, 97.7%, 33.9%, 0.083);
  --brown-a4: hsla(31, 98.5%, 34.2%, 0.134);
  --brown-a5: hsla(29, 100%, 34.3%, 0.200);
  --brown-a6: hsla(28, 99.2%, 34.6%, 0.291);
  --brown-a7: hsla(29, 99.8%, 33.8%, 0.412);
  --brown-a8: hsla(28, 100%, 33.3%, 0.553);
  --brown-a9: hsla(28, 99.9%, 25.5%, 0.655);
  --brown-a10: hsla(26, 99.6%, 22.0%, 0.679);
  --brown-a11: hsla(24, 99.6%, 16.0%, 0.726);
  --brown-a12: hsla(19, 98.8%, 3.9%, 0.820);
}
.dark, .dark-theme {
  --brown-a1: hsla(0, 100%, 48.3%, 0.009);
  --brown-a2: hsla(24, 100%, 50.0%, 0.026);
  --brown-a3: hsla(25, 98.5%, 67.7%, 0.074);
  --brown-a4: hsla(26, 97.8%, 70.6%, 0.109);
  --brown-a5: hsla(26, 98.9%, 72.6%, 0.152);
  --brown-a6: hsla(27, 99.6%, 74.5%, 0.208);
  --brown-a7: hsla(28, 98.8%, 75.6%, 0.317);
  --brown-a8: hsla(28, 99.6%, 76.4%, 0.533);
  --brown-a9: hsla(28, 99.5%, 74.1%, 0.646);
  --brown-a10: hsla(28, 99.6%, 77.7%, 0.715);
  --brown-a11: hsla(28, 99.5%, 83.4%, 0.845);
  --brown-a12: hsla(34, 99.7%, 91.7%, 0.944);
}
/* brights (black foreground) */
:root, .light, .light-theme {
  --sky-1: hsl(193, 100%, 98.8%);
  --sky-2: hsl(193, 100%, 97.3%);
  --sky-3: hsl(192, 100%, 94.3%);
  --sky-4: hsl(193, 93.5%, 90.9%);
  --sky-5: hsl(193, 79.3%, 85.9%);
  --sky-6: hsl(194, 66.1%, 78.8%);
  --sky-7: hsl(194, 60.0%, 69.4%);
  --sky-8: hsl(193, 65.2%, 56.1%);
  --sky-9: hsl(193, 98.0%, 74.0%);
  --sky-10: hsl(193, 90.0%, 71.0%);
  --sky-11: hsl(200, 60.0%, 36.0%);
  --sky-12: hsl(195, 50.0%, 20.0%);
}
.dark, .dark-theme {
  --sky-1: hsl(205, 45.0%, 8.6%);
  --sky-2: hsl(202, 49.0%, 10.0%);
  --sky-3: hsl(201, 50.8%, 13.2%);
  --sky-4: hsl(201, 52.1%, 15.8%);
  --sky-5: hsl(201, 53.3%, 18.4%);
  --sky-6: hsl(200, 54.9%, 22.2%);
  --sky-7: hsl(200, 57.2%, 29.3%);
  --sky-8: hsl(200, 60.0%, 44.1%);
  --sky-9: hsl(193, 98.0%, 74.0%);
  --sky-10: hsl(192, 100%, 77.0%);
  --sky-11: hsl(195, 100%, 66.0%);
  --sky-12: hsl(192, 100%, 88.0%);
}
:root, .light, .light-theme {
  --sky-a1: hsla(190, 100%, 51.0%, 0.024);
  --sky-a2: hsla(193, 100%, 50.1%, 0.055);
  --sky-a3: hsla(192, 100%, 50.1%, 0.114);
  --sky-a4: hsla(193, 99.4%, 47.9%, 0.177);
  --sky-a5: hsla(194, 100%, 44.5%, 0.251);
  --sky-a6: hsla(194, 100%, 40.0%, 0.353);
  --sky-a7: hsla(194, 99.6%, 37.7%, 0.491);
  --sky-a8: hsla(193, 99.8%, 39.5%, 0.726);
  --sky-a9: hsla(193, 99.9%, 49.6%, 0.514);
  --sky-a10: hsla(193, 100%, 47.5%, 0.553);
  --sky-a11: hsla(200, 100%, 25.2%, 0.855);
  --sky-a12: hsla(195, 100%, 11.3%, 0.902);
}
.dark, .dark-theme {
  --sky-a1: hsla(234, 100%, 49.5%, 0.035);
  --sky-a2: hsla(215, 100%, 49.7%, 0.061);
  --sky-a3: hsla(204, 100%, 50.0%, 0.117);
  --sky-a4: hsla(201, 100%, 49.8%, 0.161);
  --sky-a5: hsla(202, 99.8%, 52.8%, 0.208);
  --sky-a6: hsla(200, 99.3%, 56.0%, 0.278);
  --sky-a7: hsla(200, 99.8%, 58.6%, 0.403);
  --sky-a8: hsla(200, 99.8%, 60.8%, 0.676);
  --sky-a9: hsla(193, 99.9%, 74.4%, 0.996);
  --sky-a10: hsla(192, 100%, 77.1%, 1);
  --sky-a11: hsla(195, 100%, 66.1%, 1);
  --sky-a12: hsla(192, 100%, 88.0%, 1);
}
:root, .light, .light-theme {
  --mint-1: hsl(165, 80.0%, 98.8%);
  --mint-2: hsl(164, 88.2%, 96.7%);
  --mint-3: hsl(164, 80.4%, 92.6%);
  --mint-4: hsl(165, 71.6%, 88.4%);
  --mint-5: hsl(165, 61.0%, 83.4%);
  --mint-6: hsl(166, 50.2%, 76.7%);
  --mint-7: hsl(166, 43.3%, 67.2%);
  --mint-8: hsl(168, 45.0%, 52.9%);
  --mint-9: hsl(167, 70.0%, 72.0%);
  --mint-10: hsl(167, 62.0%, 69.0%);
  --mint-11: hsl(172, 50.0%, 30.5%);
  --mint-12: hsl(171, 50.0%, 17.5%);
}
.dark, .dark-theme {
  --mint-1: hsl(173, 50.0%, 6.6%);
  --mint-2: hsl(174, 51.2%, 8.0%);
  --mint-3: hsl(174, 53.5%, 10.6%);
  --mint-4: hsl(174, 55.1%, 12.6%);
  --mint-5: hsl(173, 56.6%, 14.8%);
  --mint-6: hsl(173, 58.3%, 17.9%);
  --mint-7: hsl(172, 60.1%, 23.6%);
  --mint-8: hsl(170, 59.8%, 35.1%);
  --mint-9: hsl(167, 70.0%, 72.0%);
  --mint-10: hsl(163, 80.0%, 77.0%);
  --mint-11: hsl(167, 70.0%, 58.0%);
  --mint-12: hsl(155, 70.0%, 86.5%);
}
:root, .light, .light-theme {
  --mint-a1: hsla(168, 95.4%, 42.8%, 0.024);
  --mint-a2: hsla(164, 99.1%, 47.1%, 0.063);
  --mint-a3: hsla(164, 98.9%, 44.4%, 0.134);
  --mint-a4: hsla(165, 100%, 42.2%, 0.200);
  --mint-a5: hsla(166, 99.7%, 37.6%, 0.267);
  --mint-a6: hsla(166, 99.2%, 33.3%, 0.350);
  --mint-a7: hsla(166, 99.7%, 30.5%, 0.471);
  --mint-a8: hsla(168, 99.7%, 31.1%, 0.683);
  --mint-a9: hsla(167, 99.8%, 41.4%, 0.475);
  --mint-a10: hsla(167, 100%, 38.3%, 0.502);
  --mint-a11: hsla(172, 99.4%, 18.1%, 0.848);
  --mint-a12: hsla(171, 99.7%, 9.7%, 0.914);
}
.dark, .dark-theme {
  --mint-a1: hsla(120, 100%, 43.9%, 0.005);
  --mint-a2: hsla(165, 100%, 49.0%, 0.031);
  --mint-a3: hsla(174, 100%, 49.8%, 0.074);
  --mint-a4: hsla(172, 100%, 49.8%, 0.113);
  --mint-a5: hsla(172, 100%, 49.9%, 0.152);
  --mint-a6: hsla(173, 100%, 50.0%, 0.208);
  --mint-a7: hsla(173, 99.8%, 54.7%, 0.312);
  --mint-a8: hsla(170, 99.6%, 59.2%, 0.516);
  --mint-a9: hsla(167, 99.6%, 78.4%, 0.910);
  --mint-a10: hsla(163, 99.5%, 80.5%, 0.949);
  --mint-a11: hsla(167, 99.8%, 65.8%, 0.862);
  --mint-a12: hsla(156, 99.7%, 89.9%, 0.957);
}
:root, .light, .light-theme {
  --lime-1: hsl(85, 50.0%, 98.7%);
  --lime-2: hsl(85, 66.7%, 96.5%);
  --lime-3: hsl(85, 76.8%, 91.7%);
  --lime-4: hsl(84, 71.6%, 86.6%);
  --lime-5: hsl(83, 62.5%, 80.8%);
  --lime-6: hsl(81, 51.6%, 73.6%);
  --lime-7: hsl(79, 41.5%, 64.4%);
  --lime-8: hsl(77, 40.2%, 52.2%);
  --lime-9: hsl(81, 80.0%, 66.0%);
  --lime-10: hsl(81, 75.0%, 60.0%);
  --lime-11: hsl(75, 40.0%, 29.0%);
  --lime-12: hsl(75, 40.0%, 18.0%);
}
.dark, .dark-theme {
  --lime-1: hsl(75, 55.0%, 6.0%);
  --lime-2: hsl(78, 41.5%, 8.0%);
  --lime-3: hsl(81, 38.1%, 11.0%);
  --lime-4: hsl(81, 39.4%, 13.1%);
  --lime-5: hsl(81, 40.8%, 15.3%);
  --lime-6: hsl(80, 42.6%, 18.4%);
  --lime-7: hsl(78, 45.4%, 24.0%);
  --lime-8: hsl(75, 49.7%, 35.1%);
  --lime-9: hsl(81, 80.0%, 66.0%);
  --lime-10: hsl(75, 85.0%, 60.0%);
  --lime-11: hsl(70, 70.0%, 50.0%);
  --lime-12: hsl(80, 80.0%, 85.0%);
}
:root, .light, .light-theme {
  --lime-a1: hsla(80, 93.8%, 31.4%, 0.020);
  --lime-a2: hsla(85, 99.3%, 40.2%, 0.059);
  --lime-a3: hsla(84, 98.6%, 43.6%, 0.146);
  --lime-a4: hsla(83, 99.4%, 41.7%, 0.232);
  --lime-a5: hsla(83, 99.8%, 38.8%, 0.314);
  --lime-a6: hsla(81, 100%, 33.8%, 0.400);
  --lime-a7: hsla(79, 100%, 29.3%, 0.502);
  --lime-a8: hsla(77, 99.8%, 28.7%, 0.671);
  --lime-a9: hsla(81, 99.9%, 44.6%, 0.612);
  --lime-a10: hsla(81, 100%, 43.0%, 0.702);
  --lime-a11: hsla(75, 99.5%, 14.3%, 0.828);
  --lime-a12: hsla(75, 98.9%, 8.0%, 0.891);
}
.dark, .dark-theme {
  --lime-a1: hsla(74, 99.8%, 4.7%, 0.709);
  --lime-a2: hsla(114, 100%, 49.3%, 0.022);
  --lime-a3: hsla(89, 100%, 50.0%, 0.065);
  --lime-a4: hsla(84, 100%, 49.8%, 0.100);
  --lime-a5: hsla(81, 98.9%, 53.0%, 0.135);
  --lime-a6: hsla(80, 99.0%, 57.6%, 0.187);
  --lime-a7: hsla(78, 99.5%, 60.9%, 0.282);
  --lime-a8: hsla(75, 99.6%, 63.3%, 0.477);
  --lime-a9: hsla(81, 99.8%, 70.5%, 0.927);
  --lime-a10: hsla(75, 99.8%, 63.5%, 0.936);
  --lime-a11: hsla(70, 99.9%, 58.0%, 0.836);
  --lime-a12: hsla(80, 99.5%, 87.6%, 0.966);
}
:root, .light, .light-theme {
  --yellow-1: hsl(60, 54.0%, 98.5%);
  --yellow-2: hsl(52, 100%, 93.9%);
  --yellow-3: hsl(53, 100%, 88.9%);
  --yellow-4: hsl(53, 93.7%, 83.9%);
  --yellow-5: hsl(52, 84.7%, 78.7%);
  --yellow-6: hsl(51, 73.0%, 72.4%);
  --yellow-7: hsl(48, 59.6%, 64.3%);
  --yellow-8: hsl(46, 55.0%, 52.9%);
  --yellow-9: hsl(53, 96.0%, 58.0%);
  --yellow-10: hsl(52, 95.0%, 52.0%);
  --yellow-11: hsl(42, 50.0%, 31.0%);
  --yellow-12: hsl(42, 40.0%, 20.0%);
}
.dark, .dark-theme {
  --yellow-1: hsl(45, 100%, 5.5%);
  --yellow-2: hsl(44, 78.9%, 7.5%);
  --yellow-3: hsl(44, 61.9%, 10.6%);
  --yellow-4: hsl(44, 57.5%, 13.0%);
  --yellow-5: hsl(45, 57.0%, 15.2%);
  --yellow-6: hsl(46, 57.5%, 18.3%);
  --yellow-7: hsl(47, 58.5%, 24.0%);
  --yellow-8: hsl(50, 59.8%, 35.1%);
  --yellow-9: hsl(53, 96.0%, 58.0%);
  --yellow-10: hsl(53, 96.8%, 67.5%);
  --yellow-11: hsl(55, 100%, 60.0%);
  --yellow-12: hsl(53, 100%, 84.0%);
}
:root, .light, .light-theme {
  --yellow-a1: hsla(60, 94.3%, 34.6%, 0.024);
  --yellow-a2: hsla(52, 100%, 50.2%, 0.122);
  --yellow-a3: hsla(53, 100%, 50.1%, 0.224);
  --yellow-a4: hsla(53, 99.8%, 48.2%, 0.314);
  --yellow-a5: hsla(52, 99.5%, 46.1%, 0.393);
  --yellow-a6: hsla(51, 99.7%, 42.3%, 0.479);
  --yellow-a7: hsla(48, 99.8%, 37.3%, 0.569);
  --yellow-a8: hsla(46, 99.8%, 35.5%, 0.730);
  --yellow-a9: hsla(53, 99.9%, 49.1%, 0.824);
  --yellow-a10: hsla(52, 99.8%, 48.8%, 0.938);
  --yellow-a11: hsla(42, 99.4%, 18.5%, 0.844);
  --yellow-a12: hsla(42, 99.3%, 9.0%, 0.879);
}
.dark, .dark-theme {
  --yellow-a1: hsla(0, 100%, 48.3%, 0.018);
  --yellow-a2: hsla(17, 100%, 49.3%, 0.044);
  --yellow-a3: hsla(36, 100%, 49.8%, 0.087);
  --yellow-a4: hsla(41, 100%, 49.7%, 0.122);
  --yellow-a5: hsla(44, 100%, 49.8%, 0.161);
  --yellow-a6: hsla(46, 99.2%, 50.8%, 0.213);
  --yellow-a7: hsla(47, 99.4%, 55.2%, 0.317);
  --yellow-a8: hsla(50, 99.6%, 59.2%, 0.516);
  --yellow-a9: hsla(53, 99.9%, 58.9%, 0.983);
  --yellow-a10: hsla(53, 99.7%, 68.2%, 0.988);
  --yellow-a11: hsla(55, 100%, 60.0%, 1);
  --yellow-a12: hsla(53, 100%, 83.9%, 1);
}
:root, .light, .light-theme {
  --amber-1: hsl(39, 70.0%, 99.0%);
  --amber-2: hsl(40, 100%, 96.5%);
  --amber-3: hsl(45, 100%, 90.8%);
  --amber-4: hsl(44, 100%, 85.8%);
  --amber-5: hsl(40, 100%, 81.5%);
  --amber-6: hsl(39, 83.6%, 75.4%);
  --amber-7: hsl(37, 66.9%, 68.2%);
  --amber-8: hsl(35, 59.8%, 60.0%);
  --amber-9: hsl(42, 100%, 62.0%);
  --amber-10: hsl(42, 100%, 55.0%);
  --amber-11: hsl(25, 50.0%, 38.0%);
  --amber-12: hsl(25, 40.0%, 22.0%);
}
.dark, .dark-theme {
  --amber-1: hsl(36, 100%, 6.1%);
  --amber-2: hsl(36, 80.5%, 8.0%);
  --amber-3: hsl(35, 63.4%, 11.4%);
  --amber-4: hsl(34, 58.8%, 14.1%);
  --amber-5: hsl(34, 58.1%, 16.7%);
  --amber-6: hsl(35, 58.3%, 20.5%);
  --amber-7: hsl(35, 59.0%, 27.4%);
  --amber-8: hsl(36, 60.2%, 41.4%);
  --amber-9: hsl(42, 100%, 62.0%);
  --amber-10: hsl(43, 100%, 64.0%);
  --amber-11: hsl(43, 100%, 65.0%);
  --amber-12: hsl(41, 100%, 85.0%);
}
:root, .light, .light-theme {
  --amber-a1: hsla(40, 94.9%, 38.7%, 0.016);
  --amber-a2: hsla(40, 100%, 50.3%, 0.071);
  --amber-a3: hsla(45, 100%, 50.2%, 0.185);
  --amber-a4: hsla(44, 100%, 50.1%, 0.283);
  --amber-a5: hsla(40, 100%, 50.1%, 0.369);
  --amber-a6: hsla(39, 100%, 45.7%, 0.451);
  --amber-a7: hsla(37, 99.7%, 40.1%, 0.530);
  --amber-a8: hsla(35, 99.7%, 37.5%, 0.640);
  --amber-a9: hsla(42, 100%, 50.0%, 0.761);
  --amber-a10: hsla(42, 100%, 50.1%, 0.899);
  --amber-a11: hsla(25, 99.9%, 23.5%, 0.812);
  --amber-a12: hsla(24, 99.6%, 10.2%, 0.867);
}
.dark, .dark-theme {
  --amber-a1: hsla(0, 100%, 49.0%, 0.031);
  --amber-a2: hsla(6, 100%, 49.4%, 0.057);
  --amber-a3: hsla(24, 100%, 50.0%, 0.104);
  --amber-a4: hsla(30, 100%, 50.0%, 0.143);
  --amber-a5: hsla(33, 100%, 49.8%, 0.187);
  --amber-a6: hsla(34, 99.6%, 53.1%, 0.256);
  --amber-a7: hsla(35, 99.8%, 57.3%, 0.377);
  --amber-a8: hsla(36, 99.9%, 60.3%, 0.628);
  --amber-a9: hsla(42, 100%, 62.0%, 1);
  --amber-a10: hsla(43, 100%, 63.9%, 1);
  --amber-a11: hsla(43, 100%, 65.1%, 1);
  --amber-a12: hsla(41, 100%, 85.1%, 1);
}
/* metals */
:root, .light, .light-theme {
  --gold-1: hsl(50, 20.0%, 99.1%);
  --gold-2: hsl(47, 52.9%, 96.7%);
  --gold-3: hsl(46, 38.2%, 93.7%);
  --gold-4: hsl(44, 32.7%, 90.1%);
  --gold-5: hsl(43, 29.9%, 85.7%);
  --gold-6: hsl(41, 28.3%, 79.8%);
  --gold-7: hsl(39, 27.6%, 71.9%);
  --gold-8: hsl(36, 27.2%, 61.8%);
  --gold-9: hsl(36, 20.0%, 49.5%);
  --gold-10: hsl(36, 19.9%, 44.9%);
  --gold-11: hsl(36, 20.0%, 37.0%);
  --gold-12: hsl(36, 16.0%, 20.0%);
}
.dark, .dark-theme {
  --gold-1: hsl(44, 9.0%, 8.3%);
  --gold-2: hsl(45, 8.0%, 9.8%);
  --gold-3: hsl(44, 9.5%, 13.0%);
  --gold-4: hsl(43, 10.5%, 15.6%);
  --gold-5: hsl(42, 11.2%, 18.5%);
  --gold-6: hsl(41, 12.1%, 22.6%);
  --gold-7: hsl(39, 13.2%, 29.8%);
  --gold-8: hsl(35, 14.8%, 45.1%);
  --gold-9: hsl(36, 20.0%, 49.5%);
  --gold-10: hsl(36, 21.9%, 56.8%);
  --gold-11: hsl(35, 30.0%, 71.0%);
  --gold-12: hsl(35, 25.0%, 88.0%);
}
:root, .light, .light-theme {
  --gold-a1: hsla(60, 89.3%, 18.3%, 0.012);
  --gold-a2: hsla(47, 99.9%, 34.6%, 0.051);
  --gold-a3: hsla(45, 97.0%, 27.9%, 0.087);
  --gold-a4: hsla(46, 98.0%, 25.4%, 0.134);
  --gold-a5: hsla(43, 98.4%, 22.6%, 0.185);
  --gold-a6: hsla(41, 99.7%, 22.0%, 0.259);
  --gold-a7: hsla(38, 99.8%, 21.5%, 0.357);
  --gold-a8: hsla(36, 99.3%, 21.5%, 0.487);
  --gold-a9: hsla(36, 99.9%, 16.2%, 0.604);
  --gold-a10: hsla(36, 99.1%, 13.9%, 0.640);
  --gold-a11: hsla(36, 99.8%, 10.6%, 0.706);
  --gold-a12: hsla(38, 98.0%, 3.8%, 0.832);
}
.dark, .dark-theme {
  --gold-a1: hsla(45, 99.2%, 3.8%, 0.209);
  --gold-a2: hsla(42, 100%, 50.0%, 0.013);
  --gold-a3: hsla(50, 99.6%, 77.3%, 0.052);
  --gold-a4: hsla(45, 97.6%, 81.5%, 0.087);
  --gold-a5: hsla(42, 96.5%, 83.3%, 0.122);
  --gold-a6: hsla(39, 98.3%, 84.3%, 0.178);
  --gold-a7: hsla(39, 98.6%, 85.2%, 0.269);
  --gold-a8: hsla(35, 99.4%, 85.7%, 0.468);
  --gold-a9: hsla(36, 99.8%, 82.1%, 0.550);
  --gold-a10: hsla(36, 99.7%, 85.0%, 0.628);
  --gold-a11: hsla(35, 99.9%, 88.9%, 0.775);
  --gold-a12: hsla(36, 98.3%, 96.7%, 0.901);
}
:root, .light, .light-theme {
  --bronze-1: hsl(15, 30.0%, 99.1%);
  --bronze-2: hsl(17, 63.6%, 97.8%);
  --bronze-3: hsl(17, 42.1%, 95.2%);
  --bronze-4: hsl(17, 35.2%, 92.1%);
  --bronze-5: hsl(17, 31.5%, 88.2%);
  --bronze-6: hsl(17, 29.0%, 83.0%);
  --bronze-7: hsl(17, 26.9%, 75.6%);
  --bronze-8: hsl(17, 25.1%, 66.5%);
  --bronze-9: hsl(17, 20.0%, 54.0%);
  --bronze-10: hsl(17, 17.9%, 49.3%);
  --bronze-11: hsl(15, 20.0%, 41.0%);
  --bronze-12: hsl(12, 22.0%, 21.5%);
}
.dark, .dark-theme {
  --bronze-1: hsl(17, 10.0%, 8.8%);
  --bronze-2: hsl(15, 7.7%, 10.2%);
  --bronze-3: hsl(15, 10.2%, 13.9%);
  --bronze-4: hsl(16, 11.5%, 16.8%);
  --bronze-5: hsl(16, 12.4%, 19.7%);
  --bronze-6: hsl(16, 13.4%, 24.1%);
  --bronze-7: hsl(17, 14.7%, 31.9%);
  --bronze-8: hsl(18, 16.0%, 47.6%);
  --bronze-9: hsl(17, 20.0%, 54.0%);
  --bronze-10: hsl(18, 23.6%, 60.8%);
  --bronze-11: hsl(18, 35.0%, 74.0%);
  --bronze-12: hsl(22, 35.0%, 89.0%);
}
:root, .light, .light-theme {
  --bronze-a1: hsla(0, 89.3%, 18.3%, 0.012);
  --bronze-a2: hsla(17, 95.1%, 40.1%, 0.036);
  --bronze-a3: hsla(18, 98.3%, 29.8%, 0.067);
  --bronze-a4: hsla(17, 99.6%, 26.0%, 0.106);
  --bronze-a5: hsla(19, 99.6%, 23.8%, 0.157);
  --bronze-a6: hsla(17, 99.2%, 22.5%, 0.220);
  --bronze-a7: hsla(18, 99.7%, 21.6%, 0.310);
  --bronze-a8: hsla(17, 99.5%, 20.2%, 0.420);
  --bronze-a9: hsla(18, 99.9%, 16.7%, 0.553);
  --bronze-a10: hsla(17, 99.0%, 14.9%, 0.597);
  --bronze-a11: hsla(15, 99.5%, 12.0%, 0.671);
  --bronze-a12: hsla(12, 98.7%, 5.7%, 0.832);
}
.dark, .dark-theme {
  --bronze-a1: hsla(0, 100%, 43.9%, 0.005);
  --bronze-a2: hsla(15, 92.7%, 53.0%, 0.018);
  --bronze-a3: hsla(17, 99.6%, 78.8%, 0.065);
  --bronze-a4: hsla(18, 99.5%, 81.1%, 0.104);
  --bronze-a5: hsla(15, 98.2%, 82.8%, 0.139);
  --bronze-a6: hsla(18, 97.7%, 82.9%, 0.200);
  --bronze-a7: hsla(17, 99.4%, 84.2%, 0.299);
  --bronze-a8: hsla(18, 99.4%, 84.8%, 0.507);
  --bronze-a9: hsla(18, 99.1%, 84.3%, 0.594);
  --bronze-a10: hsla(19, 100%, 86.0%, 0.671);
  --bronze-a11: hsla(18, 99.9%, 88.7%, 0.814);
  --bronze-a12: hsla(21, 97.9%, 95.7%, 0.923);
}
/* grays */
:root, .light, .light-theme {
  --gray-1: hsl(0, 0%, 99.0%);
  --gray-2: hsl(0, 0%, 97.5%);
  --gray-3: hsl(0, 0%, 94.6%);
  --gray-4: hsl(0, 0%, 92.0%);
  --gray-5: hsl(0, 0%, 89.5%);
  --gray-6: hsl(0, 0%, 86.8%);
  --gray-7: hsl(0, 0%, 83.0%);
  --gray-8: hsl(0, 0%, 73.2%);
  --gray-9: hsl(0, 0%, 55.2%);
  --gray-10: hsl(0, 0%, 50.3%);
  --gray-11: hsl(0, 0%, 39.3%);
  --gray-12: hsl(0, 0%, 12.5%);
}
.dark, .dark-theme {
  --gray-1: hsl(0, 0%, 9.5%);
  --gray-2: hsl(0, 0%, 10.5%);
  --gray-3: hsl(0, 0%, 15.8%);
  --gray-4: hsl(0, 0%, 18.9%);
  --gray-5: hsl(0, 0%, 21.7%);
  --gray-6: hsl(0, 0%, 24.7%);
  --gray-7: hsl(0, 0%, 29.1%);
  --gray-8: hsl(0, 0%, 37.5%);
  --gray-9: hsl(0, 0%, 43.0%);
  --gray-10: hsl(0, 0%, 50.7%);
  --gray-11: hsl(0, 0%, 69.5%);
  --gray-12: hsl(0, 0%, 93.5%);
}
:root, .light, .light-theme {
  --gray-a1: hsla(0, 0%, 0%, 0.012);
  --gray-a2: hsla(0, 0%, 0%, 0.024);
  --gray-a3: hsla(0, 0%, 0%, 0.055);
  --gray-a4: hsla(0, 0%, 0%, 0.078);
  --gray-a5: hsla(0, 0%, 0%, 0.106);
  --gray-a6: hsla(0, 0%, 0%, 0.133);
  --gray-a7: hsla(0, 0%, 0%, 0.169);
  --gray-a8: hsla(0, 0%, 0%, 0.267);
  --gray-a9: hsla(0, 0%, 0%, 0.447);
  --gray-a10: hsla(0, 0%, 0%, 0.498);
  --gray-a11: hsla(0, 0%, 0%, 0.608);
  --gray-a12: hsla(0, 0%, 0%, 0.875);
}
.dark, .dark-theme {
  --gray-a1: hsla(0, 0%, 100%, 0);
  --gray-a2: hsla(0, 0%, 100%, 0.013);
  --gray-a3: hsla(0, 0%, 100%, 0.069);
  --gray-a4: hsla(0, 0%, 100%, 0.104);
  --gray-a5: hsla(0, 0%, 100%, 0.134);
  --gray-a6: hsla(0, 0%, 100%, 0.169);
  --gray-a7: hsla(0, 0%, 100%, 0.216);
  --gray-a8: hsla(0, 0%, 100%, 0.312);
  --gray-a9: hsla(0, 0%, 100%, 0.372);
  --gray-a10: hsla(0, 0%, 100%, 0.455);
  --gray-a11: hsla(0, 0%, 100%, 0.662);
  --gray-a12: hsla(0, 0%, 100%, 0.926);
}
:root, .light, .light-theme {
  --mauve-1: hsl(300, 26.0%, 99.0%);
  --mauve-2: hsl(270, 20.0%, 98.0%);
  --mauve-3: hsl(267, 13.8%, 95.3%);
  --mauve-4: hsl(265, 12.2%, 92.7%);
  --mauve-5: hsl(263, 11.6%, 90.3%);
  --mauve-6: hsl(261, 11.1%, 87.7%);
  --mauve-7: hsl(257, 10.8%, 84.3%);
  --mauve-8: hsl(249, 10.4%, 75.5%);
  --mauve-9: hsl(252, 6.0%, 57.3%);
  --mauve-10: hsl(250, 5.0%, 52.3%);
  --mauve-11: hsl(252, 5.0%, 40.7%);
  --mauve-12: hsl(260, 10.0%, 13.5%);
}
.dark, .dark-theme {
  --mauve-1: hsl(300, 5.0%, 9.5%);
  --mauve-2: hsl(300, 7.1%, 11.0%);
  --mauve-3: hsl(290, 6.2%, 16.2%);
  --mauve-4: hsl(285, 5.8%, 19.5%);
  --mauve-5: hsl(280, 5.6%, 22.4%);
  --mauve-6: hsl(276, 5.4%, 25.7%);
  --mauve-7: hsl(269, 5.3%, 30.3%);
  --mauve-8: hsl(258, 5.0%, 39.2%);
  --mauve-9: hsl(250, 5.0%, 45.0%);
  --mauve-10: hsl(252, 4.3%, 52.3%);
  --mauve-11: hsl(250, 6.0%, 70.5%);
  --mauve-12: hsl(240, 7.0%, 93.8%);
}
:root, .light, .light-theme {
  --mauve-a1: hsla(300, 89.3%, 18.3%, 0.012);
  --mauve-a2: hsla(270, 89.3%, 18.3%, 0.024);
  --mauve-a3: hsla(270, 98.8%, 14.4%, 0.055);
  --mauve-a4: hsla(264, 93.8%, 12.6%, 0.083);
  --mauve-a5: hsla(270, 98.4%, 10.9%, 0.110);
  --mauve-a6: hsla(266, 94.9%, 10.5%, 0.138);
  --mauve-a7: hsla(255, 97.2%, 9.3%, 0.173);
  --mauve-a8: hsla(249, 98.4%, 9.6%, 0.271);
  --mauve-a9: hsla(249, 99.9%, 5.7%, 0.451);
  --mauve-a10: hsla(250, 99.8%, 4.7%, 0.502);
  --mauve-a11: hsla(252, 98.8%, 3.2%, 0.612);
  --mauve-a12: hsla(257, 96.0%, 1.6%, 0.879);
}
.dark, .dark-theme {
  --mauve-a1: hsla(300, 100%, 43.9%, 0.005);
  --mauve-a2: hsla(300, 99.7%, 69.7%, 0.026);
  --mauve-a3: hsla(288, 96.3%, 88.3%, 0.087);
  --mauve-a4: hsla(280, 96.6%, 90.3%, 0.126);
  --mauve-a5: hsla(280, 98.8%, 92.4%, 0.156);
  --mauve-a6: hsla(274, 98.7%, 92.9%, 0.195);
  --mauve-a7: hsla(270, 98.6%, 93.6%, 0.247);
  --mauve-a8: hsla(258, 98.4%, 94.3%, 0.351);
  --mauve-a9: hsla(251, 98.3%, 94.7%, 0.416);
  --mauve-a10: hsla(251, 99.3%, 95.6%, 0.498);
  --mauve-a11: hsla(253, 98.2%, 97.4%, 0.693);
  --mauve-a12: hsla(240, 82.2%, 99.5%, 0.936);
}
:root, .light, .light-theme {
  --slate-1: hsl(240, 22.0%, 99.0%);
  --slate-2: hsl(240, 20.0%, 98.0%);
  --slate-3: hsl(239, 13.4%, 95.4%);
  --slate-4: hsl(238, 11.8%, 92.9%);
  --slate-5: hsl(237, 11.1%, 90.5%);
  --slate-6: hsl(236, 10.6%, 87.9%);
  --slate-7: hsl(234, 10.4%, 84.4%);
  --slate-8: hsl(231, 10.2%, 75.1%);
  --slate-9: hsl(230, 6.0%, 57.0%);
  --slate-10: hsl(227, 5.2%, 51.8%);
  --slate-11: hsl(220, 6.0%, 40.0%);
  --slate-12: hsl(210, 12.0%, 12.5%);
}
.dark, .dark-theme {
  --slate-1: hsl(240, 5.0%, 9.8%);
  --slate-2: hsl(240, 6.9%, 11.4%);
  --slate-3: hsl(227, 6.7%, 16.4%);
  --slate-4: hsl(222, 6.6%, 19.4%);
  --slate-5: hsl(218, 6.5%, 22.1%);
  --slate-6: hsl(214, 6.4%, 25.1%);
  --slate-7: hsl(209, 6.2%, 29.4%);
  --slate-8: hsl(202, 5.8%, 37.5%);
  --slate-9: hsl(220, 6.0%, 44.0%);
  --slate-10: hsl(218, 5.3%, 51.5%);
  --slate-11: hsl(220, 7.0%, 70.0%);
  --slate-12: hsl(220, 7.0%, 93.5%);
}
:root, .light, .light-theme {
  --slate-a1: hsla(240, 89.3%, 18.3%, 0.012);
  --slate-a2: hsla(240, 89.3%, 18.3%, 0.024);
  --slate-a3: hsla(240, 99.7%, 11.6%, 0.051);
  --slate-a4: hsla(240, 93.2%, 10.6%, 0.079);
  --slate-a5: hsla(240, 98.8%, 9.4%, 0.106);
  --slate-a6: hsla(240, 94.6%, 9.3%, 0.134);
  --slate-a7: hsla(233, 97.2%, 9.3%, 0.173);
  --slate-a8: hsla(231, 98.1%, 9.4%, 0.275);
  --slate-a9: hsla(231, 99.6%, 5.6%, 0.455);
  --slate-a10: hsla(230, 99.5%, 4.7%, 0.506);
  --slate-a11: hsla(220, 98.0%, 3.8%, 0.624);
  --slate-a12: hsla(210, 95.1%, 1.9%, 0.891);
}
.dark, .dark-theme {
  --slate-a1: hsla(240, 92.7%, 53.0%, 0.009);
  --slate-a2: hsla(240, 92.5%, 72.7%, 0.031);
  --slate-a3: hsla(230, 99.3%, 87.0%, 0.091);
  --slate-a4: hsla(223, 97.1%, 88.8%, 0.126);
  --slate-a5: hsla(223, 99.0%, 91.1%, 0.156);
  --slate-a6: hsla(218, 97.1%, 91.5%, 0.191);
  --slate-a7: hsla(210, 97.4%, 91.7%, 0.243);
  --slate-a8: hsla(202, 97.3%, 93.4%, 0.334);
  --slate-a9: hsla(219, 97.6%, 93.2%, 0.412);
  --slate-a10: hsla(217, 98.3%, 94.7%, 0.494);
  --slate-a11: hsla(218, 98.5%, 96.8%, 0.693);
  --slate-a12: hsla(220, 87.4%, 99.3%, 0.936);
}
:root, .light, .light-theme {
  --sage-1: hsl(155, 30.0%, 98.8%);
  --sage-2: hsl(150, 14.3%, 97.3%);
  --sage-3: hsl(150, 8.0%, 94.5%);
  --sage-4: hsl(150, 6.0%, 92.0%);
  --sage-5: hsl(150, 4.9%, 89.5%);
  --sage-6: hsl(150, 4.3%, 86.7%);
  --sage-7: hsl(150, 3.7%, 82.8%);
  --sage-8: hsl(150, 2.9%, 72.9%);
  --sage-9: hsl(155, 3.5%, 54.2%);
  --sage-10: hsl(158, 2.9%, 49.3%);
  --sage-11: hsl(155, 3.0%, 38.5%);
  --sage-12: hsl(155, 12.0%, 11.5%);
}
.dark, .dark-theme {
  --sage-1: hsl(155, 7.0%, 9.2%);
  --sage-2: hsl(150, 7.7%, 10.2%);
  --sage-3: hsl(151, 5.5%, 15.2%);
  --sage-4: hsl(152, 4.7%, 18.3%);
  --sage-5: hsl(153, 4.2%, 21.1%);
  --sage-6: hsl(153, 3.7%, 24.2%);
  --sage-7: hsl(154, 3.3%, 28.7%);
  --sage-8: hsl(156, 2.6%, 37.1%);
  --sage-9: hsl(155, 6.0%, 41.5%);
  --sage-10: hsl(157, 4.6%, 49.2%);
  --sage-11: hsl(155, 5.0%, 68.3%);
  --sage-12: hsl(155, 7.0%, 93.0%);
}
:root, .light, .light-theme {
  --sage-a1: hsla(150, 92.6%, 26.5%, 0.016);
  --sage-a2: hsla(150, 86.2%, 14.2%, 0.032);
  --sage-a3: hsla(150, 95.7%, 6.9%, 0.059);
  --sage-a4: hsla(160, 89.0%, 7.6%, 0.087);
  --sage-a5: hsla(140, 96.8%, 5.5%, 0.110);
  --sage-a6: hsla(140, 88.8%, 4.8%, 0.138);
  --sage-a7: hsla(140, 91.7%, 3.6%, 0.177);
  --sage-a8: hsla(150, 93.2%, 3.0%, 0.279);
  --sage-a9: hsla(158, 97.0%, 3.4%, 0.475);
  --sage-a10: hsla(163, 97.0%, 2.7%, 0.522);
  --sage-a11: hsla(160, 95.5%, 2.0%, 0.628);
  --sage-a12: hsla(154, 93.5%, 1.6%, 0.899);
}
.dark, .dark-theme {
  --sage-a1: hsla(126, 100%, 43.9%, 0.005);
  --sage-a2: hsla(150, 92.7%, 53.0%, 0.018);
  --sage-a3: hsla(150, 95.5%, 88.9%, 0.074);
  --sage-a4: hsla(156, 93.3%, 90.4%, 0.109);
  --sage-a5: hsla(150, 94.8%, 94.0%, 0.139);
  --sage-a6: hsla(156, 92.8%, 93.9%, 0.174);
  --sage-a7: hsla(156, 92.4%, 95.3%, 0.226);
  --sage-a8: hsla(156, 91.7%, 96.6%, 0.317);
  --sage-a9: hsla(157, 99.8%, 93.3%, 0.381);
  --sage-a10: hsla(158, 96.8%, 95.2%, 0.464);
  --sage-a11: hsla(158, 98.1%, 97.6%, 0.667);
  --sage-a12: hsla(150, 88.0%, 99.5%, 0.927);
}
:root, .light, .light-theme {
  --olive-1: hsl(110, 20.0%, 99.0%);
  --olive-2: hsl(120, 16.7%, 97.6%);
  --olive-3: hsl(118, 8.4%, 94.8%);
  --olive-4: hsl(116, 6.0%, 92.1%);
  --olive-5: hsl(115, 4.9%, 89.4%);
  --olive-6: hsl(113, 4.2%, 86.5%);
  --olive-7: hsl(111, 3.6%, 82.6%);
  --olive-8: hsl(105, 2.9%, 72.9%);
  --olive-9: hsl(110, 3.0%, 54.5%);
  --olive-10: hsl(105, 2.7%, 49.4%);
  --olive-11: hsl(110, 3.0%, 38.5%);
  --olive-12: hsl(110, 8.0%, 12.0%);
}
.dark, .dark-theme {
  --olive-1: hsl(110, 5.0%, 9.2%);
  --olive-2: hsl(120, 5.7%, 10.4%);
  --olive-3: hsl(120, 4.3%, 15.4%);
  --olive-4: hsl(120, 3.9%, 18.5%);
  --olive-5: hsl(120, 3.6%, 21.2%);
  --olive-6: hsl(120, 3.3%, 24.3%);
  --olive-7: hsl(120, 3.0%, 28.7%);
  --olive-8: hsl(120, 2.6%, 37.1%);
  --olive-9: hsl(110, 6.0%, 41.5%);
  --olive-10: hsl(106, 4.6%, 49.3%);
  --olive-11: hsl(110, 5.0%, 68.8%);
  --olive-12: hsl(110, 7.0%, 93.0%);
}
:root, .light, .light-theme {
  --olive-a1: hsla(120, 89.3%, 18.3%, 0.012);
  --olive-a2: hsla(120, 87.7%, 16.0%, 0.028);
  --olive-a3: hsla(120, 97.6%, 7.3%, 0.055);
  --olive-a4: hsla(120, 85.8%, 5.5%, 0.083);
  --olive-a5: hsla(120, 95.2%, 3.7%, 0.110);
  --olive-a6: hsla(120, 87.7%, 4.7%, 0.142);
  --olive-a7: hsla(100, 90.6%, 3.6%, 0.181);
  --olive-a8: hsla(105, 93.2%, 3.0%, 0.279);
  --olive-a9: hsla(103, 97.1%, 3.0%, 0.471);
  --olive-a10: hsla(110, 97.1%, 2.3%, 0.518);
  --olive-a11: hsla(110, 95.5%, 2.0%, 0.628);
  --olive-a12: hsla(108, 92.4%, 1.2%, 0.891);
}
.dark, .dark-theme {
  --olive-a1: hsla(120, 100%, 43.9%, 0.005);
  --olive-a2: hsla(120, 90.5%, 63.9%, 0.018);
  --olive-a3: hsla(120, 94.1%, 91.6%, 0.074);
  --olive-a4: hsla(120, 91.8%, 92.2%, 0.109);
  --olive-a5: hsla(120, 94.8%, 94.0%, 0.139);
  --olive-a6: hsla(120, 91.2%, 95.1%, 0.174);
  --olive-a7: hsla(120, 97.5%, 96.4%, 0.221);
  --olive-a8: hsla(120, 91.7%, 96.6%, 0.317);
  --olive-a9: hsla(106, 99.8%, 93.3%, 0.381);
  --olive-a10: hsla(104, 96.8%, 95.2%, 0.464);
  --olive-a11: hsla(105, 100%, 97.7%, 0.671);
  --olive-a12: hsla(120, 88.0%, 99.5%, 0.927);
}
:root, .light, .light-theme {
  --sand-1: hsl(50, 20.0%, 99.0%);
  --sand-2: hsl(60, 7.7%, 97.5%);
  --sand-3: hsl(59, 5.8%, 94.5%);
  --sand-4: hsl(58, 5.3%, 91.8%);
  --sand-5: hsl(57, 5.1%, 89.0%);
  --sand-6: hsl(56, 5.0%, 86.0%);
  --sand-7: hsl(54, 4.9%, 81.8%);
  --sand-8: hsl(51, 5.0%, 72.4%);
  --sand-9: hsl(60, 3.0%, 53.9%);
  --sand-10: hsl(60, 2.6%, 49.0%);
  --sand-11: hsl(50, 2.5%, 38.0%);
  --sand-12: hsl(50, 8.0%, 12.0%);
}
.dark, .dark-theme {
  --sand-1: hsl(60, 6.0%, 9.0%);
  --sand-2: hsl(60, 1.9%, 10.4%);
  --sand-3: hsl(56, 2.4%, 15.4%);
  --sand-4: hsl(53, 2.7%, 18.4%);
  --sand-5: hsl(51, 2.9%, 21.2%);
  --sand-6: hsl(49, 3.1%, 24.3%);
  --sand-7: hsl(47, 3.3%, 28.7%);
  --sand-8: hsl(43, 3.7%, 37.1%);
  --sand-9: hsl(50, 4.0%, 41.8%);
  --sand-10: hsl(48, 3.5%, 49.5%);
  --sand-11: hsl(50, 5.0%, 68.3%);
  --sand-12: hsl(56, 7.0%, 93.0%);
}
:root, .light, .light-theme {
  --sand-a1: hsla(60, 89.3%, 18.3%, 0.012);
  --sand-a2: hsla(60, 78.1%, 9.0%, 0.028);
  --sand-a3: hsla(60, 95.7%, 6.9%, 0.059);
  --sand-a4: hsla(60, 84.4%, 5.3%, 0.087);
  --sand-a5: hsla(60, 93.5%, 3.7%, 0.114);
  --sand-a6: hsla(60, 86.7%, 4.6%, 0.146);
  --sand-a7: hsla(48, 92.1%, 5.5%, 0.193);
  --sand-a8: hsla(51, 94.5%, 5.0%, 0.291);
  --sand-a9: hsla(60, 96.6%, 3.0%, 0.475);
  --sand-a10: hsla(60, 96.5%, 2.3%, 0.522);
  --sand-a11: hsla(60, 94.0%, 1.7%, 0.632);
  --sand-a12: hsla(48, 92.4%, 1.2%, 0.891);
}
.dark, .dark-theme {
  --sand-a1: hsla(60, 98.4%, 4.7%, 0.084);
  --sand-a2: hsla(60, 99.4%, 84.8%, 0.013);
  --sand-a3: hsla(60, 85.5%, 93.4%, 0.070);
  --sand-a4: hsla(60, 97.7%, 96.1%, 0.104);
  --sand-a5: hsla(45, 94.8%, 94.0%, 0.139);
  --sand-a6: hsla(45, 91.2%, 95.1%, 0.174);
  --sand-a7: hsla(48, 92.4%, 95.3%, 0.226);
  --sand-a8: hsla(43, 95.9%, 95.5%, 0.321);
  --sand-a9: hsla(47, 98.1%, 95.2%, 0.377);
  --sand-a10: hsla(47, 96.1%, 96.0%, 0.464);
  --sand-a11: hsla(52, 98.1%, 97.6%, 0.667);
  --sand-a12: hsla(60, 88.0%, 99.5%, 0.927);
}
/* overlays */
:root {
  --black-a1: hsla(0, 0%, 0%, 0.012);
  --black-a2: hsla(0, 0%, 0%, 0.024);
  --black-a3: hsla(0, 0%, 0%, 0.055);
  --black-a4: hsla(0, 0%, 0%, 0.078);
  --black-a5: hsla(0, 0%, 0%, 0.106);
  --black-a6: hsla(0, 0%, 0%, 0.133);
  --black-a7: hsla(0, 0%, 0%, 0.169);
  --black-a8: hsla(0, 0%, 0%, 0.267);
  --black-a9: hsla(0, 0%, 0%, 0.447);
  --black-a10: hsla(0, 0%, 0%, 0.498);
  --black-a11: hsla(0, 0%, 0%, 0.608);
  --black-a12: hsla(0, 0%, 0%, 0.875);
}
:root {
  --white-a1: hsla(0, 0%, 0%, 0);
  --white-a2: hsla(0, 0%, 100%, 0.013);
  --white-a3: hsla(0, 0%, 100%, 0.069);
  --white-a4: hsla(0, 0%, 100%, 0.104);
  --white-a5: hsla(0, 0%, 100%, 0.134);
  --white-a6: hsla(0, 0%, 100%, 0.169);
  --white-a7: hsla(0, 0%, 100%, 0.216);
  --white-a8: hsla(0, 0%, 100%, 0.312);
  --white-a9: hsla(0, 0%, 100%, 0.372);
  --white-a10: hsla(0, 0%, 100%, 0.455);
  --white-a11: hsla(0, 0%, 100%, 0.662);
  --white-a12: hsla(0, 0%, 100%, 0.926);
}
.radix-themes {
  /* text color */
  color: var(--gray-12);

  --color-overlay: var(--gray-a8);
  --color-panel-solid: white;
  --color-panel-translucent: rgba(255, 255, 255, 0.8);
  --color-surface: rgba(255, 255, 255, 0.9);
}
:is(.dark, .dark-theme),
:is(.dark, .dark-theme) .radix-themes:not(.light, .light-theme) {
  --color-overlay: rgba(0, 0, 0, 0.75);
  --color-panel-solid: var(--gray-2);
  --color-panel-translucent: var(--gray-2-translucent);
  --color-surface: rgba(0, 0, 0, 0.25);
}
.radix-themes {
  --color-selection-root: var(--accent-a6);
}
.radix-themes ::-moz-selection {
    background-color: var(--accent-a6);
  }
.radix-themes ::selection {
    background-color: var(--accent-a6);
  }
.radix-themes [data-accent-color='gray']::-moz-selection, .radix-themes [data-accent-color='gray'] ::-moz-selection {
    background-color: var(--color-selection-root);
  }
.radix-themes [data-accent-color='gray']::selection,
  .radix-themes [data-accent-color='gray'] ::selection {
    background-color: var(--color-selection-root);
  }
/* additional step-9 contrast colors */
:root {
  --tomato-9-contrast: white;
  --red-9-contrast: white;
  --crimson-9-contrast: white;
  --pink-9-contrast: white;
  --plum-9-contrast: white;
  --purple-9-contrast: white;
  --violet-9-contrast: white;
  --indigo-9-contrast: white;
  --blue-9-contrast: white;
  --cyan-9-contrast: white;
  --teal-9-contrast: white;
  --green-9-contrast: white;
  --grass-9-contrast: white;
  --orange-9-contrast: white;
  --brown-9-contrast: white;
  --sky-9-contrast: hsl(210, 12%, 12.5%); /* light mode slate 12 */
  --mint-9-contrast: hsl(155, 12%, 11.5%); /* light mode sage 12 */
  --lime-9-contrast: hsl(110, 8%, 12%); /* light mode olive 12 */
  --yellow-9-contrast: hsl(50, 8%, 12%); /* light mode sand 12 */
  --amber-9-contrast: hsl(50, 8%, 12%); /* light mode sand 12 */
  --gold-9-contrast: white;
  --bronze-9-contrast: white;
  --gray-9-contrast: white;
}
/* additional step-2 translucent grays for dark mode panels */
.dark,
.dark-theme {
  --gray-2-translucent: rgba(29, 29, 29, 0.7);
  --mauve-2-translucent: rgba(32, 27, 33, 0.7);
  --slate-2-translucent: rgba(29, 29, 33, 0.7);
  --sage-2-translucent: rgba(24, 30, 27, 0.7);
  --olive-2-translucent: rgba(26, 30, 26, 0.7);
  --sand-2-translucent: rgba(29, 29, 26, 0.7);
}
/* additional surface colors */
:root,
.light,
.light-theme {
  --tomato-surface: var(--tomato-a2);
  --red-surface: var(--red-a2);
  --crimson-surface: var(--crimson-a2);
  --pink-surface: var(--pink-a2);
  --plum-surface: var(--plum-a2);
  --purple-surface: var(--purple-a2);
  --violet-surface: var(--violet-a2);
  --indigo-surface: var(--indigo-a2);
  --blue-surface: var(--blue-a2);
  --cyan-surface: var(--cyan-a2);
  --teal-surface: var(--teal-a2);
  --green-surface: var(--green-a2);
  --grass-surface: var(--grass-a2);
  --orange-surface: var(--orange-a2);
  --brown-surface: var(--brown-a2);
  --sky-surface: var(--sky-a2);
  --mint-surface: var(--mint-a2);
  --lime-surface: var(--lime-a2);
  --yellow-surface: var(--yellow-a2);
  --amber-surface: var(--amber-a2);
  --gold-surface: var(--gold-a2);
  --bronze-surface: var(--bronze-a2);
  --gray-surface: white;
}
.dark,
.dark-theme {
  --tomato-surface: var(--tomato-a2);
  --red-surface: var(--red-a2);
  --crimson-surface: var(--crimson-a2);
  --pink-surface: var(--pink-a2);
  --plum-surface: var(--plum-a2);
  --purple-surface: var(--purple-a2);
  --violet-surface: var(--violet-a2);
  --indigo-surface: var(--indigo-a2);
  --blue-surface: var(--blue-a2);
  --cyan-surface: var(--cyan-a2);
  --teal-surface: var(--teal-a2);
  --green-surface: var(--green-a2);
  --grass-surface: var(--grass-a2);
  --orange-surface: var(--orange-a2);
  --brown-surface: var(--brown-a2);
  --sky-surface: var(--sky-a2);
  --mint-surface: var(--mint-a2);
  --lime-surface: var(--lime-a2);
  --yellow-surface: var(--yellow-a2);
  --amber-surface: var(--amber-a2);
  --gold-surface: var(--gold-a2);
  --bronze-surface: var(--bronze-a2);
  --gray-surface: var(--gray-a2);
}
/* accent scales */
[data-accent-color='tomato'] {
  --color-surface-accent: var(--tomato-surface);

  --accent-1: var(--tomato-1);
  --accent-2: var(--tomato-2);
  --accent-3: var(--tomato-3);
  --accent-4: var(--tomato-4);
  --accent-5: var(--tomato-5);
  --accent-6: var(--tomato-6);
  --accent-7: var(--tomato-7);
  --accent-8: var(--tomato-8);
  --accent-9: var(--tomato-9);
  --accent-9-contrast: var(--tomato-9-contrast);
  --accent-10: var(--tomato-10);
  --accent-11: var(--tomato-11);
  --accent-12: var(--tomato-12);

  --accent-a1: var(--tomato-a1);
  --accent-a2: var(--tomato-a2);
  --accent-a3: var(--tomato-a3);
  --accent-a4: var(--tomato-a4);
  --accent-a5: var(--tomato-a5);
  --accent-a6: var(--tomato-a6);
  --accent-a7: var(--tomato-a7);
  --accent-a8: var(--tomato-a8);
  --accent-a9: var(--tomato-a9);
  --accent-a10: var(--tomato-a10);
  --accent-a11: var(--tomato-a11);
  --accent-a12: var(--tomato-a12);
}
[data-accent-color='red'] {
  --color-surface-accent: var(--red-surface);

  --accent-1: var(--red-1);
  --accent-2: var(--red-2);
  --accent-3: var(--red-3);
  --accent-4: var(--red-4);
  --accent-5: var(--red-5);
  --accent-6: var(--red-6);
  --accent-7: var(--red-7);
  --accent-8: var(--red-8);
  --accent-9: var(--red-9);
  --accent-9-contrast: var(--red-9-contrast);
  --accent-10: var(--red-10);
  --accent-11: var(--red-11);
  --accent-12: var(--red-12);

  --accent-a1: var(--red-a1);
  --accent-a2: var(--red-a2);
  --accent-a3: var(--red-a3);
  --accent-a4: var(--red-a4);
  --accent-a5: var(--red-a5);
  --accent-a6: var(--red-a6);
  --accent-a7: var(--red-a7);
  --accent-a8: var(--red-a8);
  --accent-a9: var(--red-a9);
  --accent-a10: var(--red-a10);
  --accent-a11: var(--red-a11);
  --accent-a12: var(--red-a12);
}
[data-accent-color='crimson'] {
  --color-surface-accent: var(--crimson-surface);

  --accent-1: var(--crimson-1);
  --accent-2: var(--crimson-2);
  --accent-3: var(--crimson-3);
  --accent-4: var(--crimson-4);
  --accent-5: var(--crimson-5);
  --accent-6: var(--crimson-6);
  --accent-7: var(--crimson-7);
  --accent-8: var(--crimson-8);
  --accent-9: var(--crimson-9);
  --accent-9-contrast: var(--crimson-9-contrast);
  --accent-10: var(--crimson-10);
  --accent-11: var(--crimson-11);
  --accent-12: var(--crimson-12);

  --accent-a1: var(--crimson-a1);
  --accent-a2: var(--crimson-a2);
  --accent-a3: var(--crimson-a3);
  --accent-a4: var(--crimson-a4);
  --accent-a5: var(--crimson-a5);
  --accent-a6: var(--crimson-a6);
  --accent-a7: var(--crimson-a7);
  --accent-a8: var(--crimson-a8);
  --accent-a9: var(--crimson-a9);
  --accent-a10: var(--crimson-a10);
  --accent-a11: var(--crimson-a11);
  --accent-a12: var(--crimson-a12);
}
[data-accent-color='pink'] {
  --color-surface-accent: var(--pink-surface);

  --accent-1: var(--pink-1);
  --accent-2: var(--pink-2);
  --accent-3: var(--pink-3);
  --accent-4: var(--pink-4);
  --accent-5: var(--pink-5);
  --accent-6: var(--pink-6);
  --accent-7: var(--pink-7);
  --accent-8: var(--pink-8);
  --accent-9: var(--pink-9);
  --accent-9-contrast: var(--pink-9-contrast);
  --accent-10: var(--pink-10);
  --accent-11: var(--pink-11);
  --accent-12: var(--pink-12);

  --accent-a1: var(--pink-a1);
  --accent-a2: var(--pink-a2);
  --accent-a3: var(--pink-a3);
  --accent-a4: var(--pink-a4);
  --accent-a5: var(--pink-a5);
  --accent-a6: var(--pink-a6);
  --accent-a7: var(--pink-a7);
  --accent-a8: var(--pink-a8);
  --accent-a9: var(--pink-a9);
  --accent-a10: var(--pink-a10);
  --accent-a11: var(--pink-a11);
  --accent-a12: var(--pink-a12);
}
[data-accent-color='plum'] {
  --color-surface-accent: var(--plum-surface);

  --accent-1: var(--plum-1);
  --accent-2: var(--plum-2);
  --accent-3: var(--plum-3);
  --accent-4: var(--plum-4);
  --accent-5: var(--plum-5);
  --accent-6: var(--plum-6);
  --accent-7: var(--plum-7);
  --accent-8: var(--plum-8);
  --accent-9: var(--plum-9);
  --accent-9-contrast: var(--plum-9-contrast);
  --accent-10: var(--plum-10);
  --accent-11: var(--plum-11);
  --accent-12: var(--plum-12);

  --accent-a1: var(--plum-a1);
  --accent-a2: var(--plum-a2);
  --accent-a3: var(--plum-a3);
  --accent-a4: var(--plum-a4);
  --accent-a5: var(--plum-a5);
  --accent-a6: var(--plum-a6);
  --accent-a7: var(--plum-a7);
  --accent-a8: var(--plum-a8);
  --accent-a9: var(--plum-a9);
  --accent-a10: var(--plum-a10);
  --accent-a11: var(--plum-a11);
  --accent-a12: var(--plum-a12);
}
[data-accent-color='purple'] {
  --color-surface-accent: var(--purple-surface);

  --accent-1: var(--purple-1);
  --accent-2: var(--purple-2);
  --accent-3: var(--purple-3);
  --accent-4: var(--purple-4);
  --accent-5: var(--purple-5);
  --accent-6: var(--purple-6);
  --accent-7: var(--purple-7);
  --accent-8: var(--purple-8);
  --accent-9: var(--purple-9);
  --accent-9-contrast: var(--purple-9-contrast);
  --accent-10: var(--purple-10);
  --accent-11: var(--purple-11);
  --accent-12: var(--purple-12);

  --accent-a1: var(--purple-a1);
  --accent-a2: var(--purple-a2);
  --accent-a3: var(--purple-a3);
  --accent-a4: var(--purple-a4);
  --accent-a5: var(--purple-a5);
  --accent-a6: var(--purple-a6);
  --accent-a7: var(--purple-a7);
  --accent-a8: var(--purple-a8);
  --accent-a9: var(--purple-a9);
  --accent-a10: var(--purple-a10);
  --accent-a11: var(--purple-a11);
  --accent-a12: var(--purple-a12);
}
[data-accent-color='violet'] {
  --color-surface-accent: var(--violet-surface);

  --accent-1: var(--violet-1);
  --accent-2: var(--violet-2);
  --accent-3: var(--violet-3);
  --accent-4: var(--violet-4);
  --accent-5: var(--violet-5);
  --accent-6: var(--violet-6);
  --accent-7: var(--violet-7);
  --accent-8: var(--violet-8);
  --accent-9: var(--violet-9);
  --accent-9-contrast: var(--violet-9-contrast);
  --accent-10: var(--violet-10);
  --accent-11: var(--violet-11);
  --accent-12: var(--violet-12);

  --accent-a1: var(--violet-a1);
  --accent-a2: var(--violet-a2);
  --accent-a3: var(--violet-a3);
  --accent-a4: var(--violet-a4);
  --accent-a5: var(--violet-a5);
  --accent-a6: var(--violet-a6);
  --accent-a7: var(--violet-a7);
  --accent-a8: var(--violet-a8);
  --accent-a9: var(--violet-a9);
  --accent-a10: var(--violet-a10);
  --accent-a11: var(--violet-a11);
  --accent-a12: var(--violet-a12);
}
[data-accent-color='indigo'] {
  --color-surface-accent: var(--indigo-surface);

  --accent-1: var(--indigo-1);
  --accent-2: var(--indigo-2);
  --accent-3: var(--indigo-3);
  --accent-4: var(--indigo-4);
  --accent-5: var(--indigo-5);
  --accent-6: var(--indigo-6);
  --accent-7: var(--indigo-7);
  --accent-8: var(--indigo-8);
  --accent-9: var(--indigo-9);
  --accent-9-contrast: var(--indigo-9-contrast);
  --accent-10: var(--indigo-10);
  --accent-11: var(--indigo-11);
  --accent-12: var(--indigo-12);

  --accent-a1: var(--indigo-a1);
  --accent-a2: var(--indigo-a2);
  --accent-a3: var(--indigo-a3);
  --accent-a4: var(--indigo-a4);
  --accent-a5: var(--indigo-a5);
  --accent-a6: var(--indigo-a6);
  --accent-a7: var(--indigo-a7);
  --accent-a8: var(--indigo-a8);
  --accent-a9: var(--indigo-a9);
  --accent-a10: var(--indigo-a10);
  --accent-a11: var(--indigo-a11);
  --accent-a12: var(--indigo-a12);
}
[data-accent-color='blue'] {
  --color-surface-accent: var(--blue-surface);

  --accent-1: var(--blue-1);
  --accent-2: var(--blue-2);
  --accent-3: var(--blue-3);
  --accent-4: var(--blue-4);
  --accent-5: var(--blue-5);
  --accent-6: var(--blue-6);
  --accent-7: var(--blue-7);
  --accent-8: var(--blue-8);
  --accent-9: var(--blue-9);
  --accent-9-contrast: var(--blue-9-contrast);
  --accent-10: var(--blue-10);
  --accent-11: var(--blue-11);
  --accent-12: var(--blue-12);

  --accent-a1: var(--blue-a1);
  --accent-a2: var(--blue-a2);
  --accent-a3: var(--blue-a3);
  --accent-a4: var(--blue-a4);
  --accent-a5: var(--blue-a5);
  --accent-a6: var(--blue-a6);
  --accent-a7: var(--blue-a7);
  --accent-a8: var(--blue-a8);
  --accent-a9: var(--blue-a9);
  --accent-a10: var(--blue-a10);
  --accent-a11: var(--blue-a11);
  --accent-a12: var(--blue-a12);
}
[data-accent-color='cyan'] {
  --color-surface-accent: var(--cyan-surface);

  --accent-1: var(--cyan-1);
  --accent-2: var(--cyan-2);
  --accent-3: var(--cyan-3);
  --accent-4: var(--cyan-4);
  --accent-5: var(--cyan-5);
  --accent-6: var(--cyan-6);
  --accent-7: var(--cyan-7);
  --accent-8: var(--cyan-8);
  --accent-9: var(--cyan-9);
  --accent-9-contrast: var(--cyan-9-contrast);
  --accent-10: var(--cyan-10);
  --accent-11: var(--cyan-11);
  --accent-12: var(--cyan-12);

  --accent-a1: var(--cyan-a1);
  --accent-a2: var(--cyan-a2);
  --accent-a3: var(--cyan-a3);
  --accent-a4: var(--cyan-a4);
  --accent-a5: var(--cyan-a5);
  --accent-a6: var(--cyan-a6);
  --accent-a7: var(--cyan-a7);
  --accent-a8: var(--cyan-a8);
  --accent-a9: var(--cyan-a9);
  --accent-a10: var(--cyan-a10);
  --accent-a11: var(--cyan-a11);
  --accent-a12: var(--cyan-a12);
}
[data-accent-color='teal'] {
  --color-surface-accent: var(--teal-surface);

  --accent-1: var(--teal-1);
  --accent-2: var(--teal-2);
  --accent-3: var(--teal-3);
  --accent-4: var(--teal-4);
  --accent-5: var(--teal-5);
  --accent-6: var(--teal-6);
  --accent-7: var(--teal-7);
  --accent-8: var(--teal-8);
  --accent-9: var(--teal-9);
  --accent-9-contrast: var(--teal-9-contrast);
  --accent-10: var(--teal-10);
  --accent-11: var(--teal-11);
  --accent-12: var(--teal-12);

  --accent-a1: var(--teal-a1);
  --accent-a2: var(--teal-a2);
  --accent-a3: var(--teal-a3);
  --accent-a4: var(--teal-a4);
  --accent-a5: var(--teal-a5);
  --accent-a6: var(--teal-a6);
  --accent-a7: var(--teal-a7);
  --accent-a8: var(--teal-a8);
  --accent-a9: var(--teal-a9);
  --accent-a10: var(--teal-a10);
  --accent-a11: var(--teal-a11);
  --accent-a12: var(--teal-a12);
}
[data-accent-color='green'] {
  --color-surface-accent: var(--green-surface);

  --accent-1: var(--green-1);
  --accent-2: var(--green-2);
  --accent-3: var(--green-3);
  --accent-4: var(--green-4);
  --accent-5: var(--green-5);
  --accent-6: var(--green-6);
  --accent-7: var(--green-7);
  --accent-8: var(--green-8);
  --accent-9: var(--green-9);
  --accent-9-contrast: var(--green-9-contrast);
  --accent-10: var(--green-10);
  --accent-11: var(--green-11);
  --accent-12: var(--green-12);

  --accent-a1: var(--green-a1);
  --accent-a2: var(--green-a2);
  --accent-a3: var(--green-a3);
  --accent-a4: var(--green-a4);
  --accent-a5: var(--green-a5);
  --accent-a6: var(--green-a6);
  --accent-a7: var(--green-a7);
  --accent-a8: var(--green-a8);
  --accent-a9: var(--green-a9);
  --accent-a10: var(--green-a10);
  --accent-a11: var(--green-a11);
  --accent-a12: var(--green-a12);
}
[data-accent-color='grass'] {
  --color-surface-accent: var(--grass-surface);

  --accent-1: var(--grass-1);
  --accent-2: var(--grass-2);
  --accent-3: var(--grass-3);
  --accent-4: var(--grass-4);
  --accent-5: var(--grass-5);
  --accent-6: var(--grass-6);
  --accent-7: var(--grass-7);
  --accent-8: var(--grass-8);
  --accent-9: var(--grass-9);
  --accent-9-contrast: var(--grass-9-contrast);
  --accent-10: var(--grass-10);
  --accent-11: var(--grass-11);
  --accent-12: var(--grass-12);

  --accent-a1: var(--grass-a1);
  --accent-a2: var(--grass-a2);
  --accent-a3: var(--grass-a3);
  --accent-a4: var(--grass-a4);
  --accent-a5: var(--grass-a5);
  --accent-a6: var(--grass-a6);
  --accent-a7: var(--grass-a7);
  --accent-a8: var(--grass-a8);
  --accent-a9: var(--grass-a9);
  --accent-a10: var(--grass-a10);
  --accent-a11: var(--grass-a11);
  --accent-a12: var(--grass-a12);
}
[data-accent-color='orange'] {
  --color-surface-accent: var(--orange-surface);

  --accent-1: var(--orange-1);
  --accent-2: var(--orange-2);
  --accent-3: var(--orange-3);
  --accent-4: var(--orange-4);
  --accent-5: var(--orange-5);
  --accent-6: var(--orange-6);
  --accent-7: var(--orange-7);
  --accent-8: var(--orange-8);
  --accent-9: var(--orange-9);
  --accent-9-contrast: var(--orange-9-contrast);
  --accent-10: var(--orange-10);
  --accent-11: var(--orange-11);
  --accent-12: var(--orange-12);

  --accent-a1: var(--orange-a1);
  --accent-a2: var(--orange-a2);
  --accent-a3: var(--orange-a3);
  --accent-a4: var(--orange-a4);
  --accent-a5: var(--orange-a5);
  --accent-a6: var(--orange-a6);
  --accent-a7: var(--orange-a7);
  --accent-a8: var(--orange-a8);
  --accent-a9: var(--orange-a9);
  --accent-a10: var(--orange-a10);
  --accent-a11: var(--orange-a11);
  --accent-a12: var(--orange-a12);
}
[data-accent-color='brown'] {
  --color-surface-accent: var(--brown-surface);

  --accent-1: var(--brown-1);
  --accent-2: var(--brown-2);
  --accent-3: var(--brown-3);
  --accent-4: var(--brown-4);
  --accent-5: var(--brown-5);
  --accent-6: var(--brown-6);
  --accent-7: var(--brown-7);
  --accent-8: var(--brown-8);
  --accent-9: var(--brown-9);
  --accent-9-contrast: var(--brown-9-contrast);
  --accent-10: var(--brown-10);
  --accent-11: var(--brown-11);
  --accent-12: var(--brown-12);

  --accent-a1: var(--brown-a1);
  --accent-a2: var(--brown-a2);
  --accent-a3: var(--brown-a3);
  --accent-a4: var(--brown-a4);
  --accent-a5: var(--brown-a5);
  --accent-a6: var(--brown-a6);
  --accent-a7: var(--brown-a7);
  --accent-a8: var(--brown-a8);
  --accent-a9: var(--brown-a9);
  --accent-a10: var(--brown-a10);
  --accent-a11: var(--brown-a11);
  --accent-a12: var(--brown-a12);
}
[data-accent-color='sky'] {
  --color-surface-accent: var(--sky-surface);

  --accent-1: var(--sky-1);
  --accent-2: var(--sky-2);
  --accent-3: var(--sky-3);
  --accent-4: var(--sky-4);
  --accent-5: var(--sky-5);
  --accent-6: var(--sky-6);
  --accent-7: var(--sky-7);
  --accent-8: var(--sky-8);
  --accent-9: var(--sky-9);
  --accent-9-contrast: var(--sky-9-contrast);
  --accent-10: var(--sky-10);
  --accent-11: var(--sky-11);
  --accent-12: var(--sky-12);

  --accent-a1: var(--sky-a1);
  --accent-a2: var(--sky-a2);
  --accent-a3: var(--sky-a3);
  --accent-a4: var(--sky-a4);
  --accent-a5: var(--sky-a5);
  --accent-a6: var(--sky-a6);
  --accent-a7: var(--sky-a7);
  --accent-a8: var(--sky-a8);
  --accent-a9: var(--sky-a9);
  --accent-a10: var(--sky-a10);
  --accent-a11: var(--sky-a11);
  --accent-a12: var(--sky-a12);
}
[data-accent-color='mint'] {
  --color-surface-accent: var(--mint-surface);

  --accent-1: var(--mint-1);
  --accent-2: var(--mint-2);
  --accent-3: var(--mint-3);
  --accent-4: var(--mint-4);
  --accent-5: var(--mint-5);
  --accent-6: var(--mint-6);
  --accent-7: var(--mint-7);
  --accent-8: var(--mint-8);
  --accent-9: var(--mint-9);
  --accent-9-contrast: var(--mint-9-contrast);
  --accent-10: var(--mint-10);
  --accent-11: var(--mint-11);
  --accent-12: var(--mint-12);

  --accent-a1: var(--mint-a1);
  --accent-a2: var(--mint-a2);
  --accent-a3: var(--mint-a3);
  --accent-a4: var(--mint-a4);
  --accent-a5: var(--mint-a5);
  --accent-a6: var(--mint-a6);
  --accent-a7: var(--mint-a7);
  --accent-a8: var(--mint-a8);
  --accent-a9: var(--mint-a9);
  --accent-a10: var(--mint-a10);
  --accent-a11: var(--mint-a11);
  --accent-a12: var(--mint-a12);
}
[data-accent-color='lime'] {
  --color-surface-accent: var(--lime-surface);

  --accent-1: var(--lime-1);
  --accent-2: var(--lime-2);
  --accent-3: var(--lime-3);
  --accent-4: var(--lime-4);
  --accent-5: var(--lime-5);
  --accent-6: var(--lime-6);
  --accent-7: var(--lime-7);
  --accent-8: var(--lime-8);
  --accent-9: var(--lime-9);
  --accent-9-contrast: var(--lime-9-contrast);
  --accent-10: var(--lime-10);
  --accent-11: var(--lime-11);
  --accent-12: var(--lime-12);

  --accent-a1: var(--lime-a1);
  --accent-a2: var(--lime-a2);
  --accent-a3: var(--lime-a3);
  --accent-a4: var(--lime-a4);
  --accent-a5: var(--lime-a5);
  --accent-a6: var(--lime-a6);
  --accent-a7: var(--lime-a7);
  --accent-a8: var(--lime-a8);
  --accent-a9: var(--lime-a9);
  --accent-a10: var(--lime-a10);
  --accent-a11: var(--lime-a11);
  --accent-a12: var(--lime-a12);
}
[data-accent-color='yellow'] {
  --color-surface-accent: var(--yellow-surface);

  --accent-1: var(--yellow-1);
  --accent-2: var(--yellow-2);
  --accent-3: var(--yellow-3);
  --accent-4: var(--yellow-4);
  --accent-5: var(--yellow-5);
  --accent-6: var(--yellow-6);
  --accent-7: var(--yellow-7);
  --accent-8: var(--yellow-8);
  --accent-9: var(--yellow-9);
  --accent-9-contrast: var(--yellow-9-contrast);
  --accent-10: var(--yellow-10);
  --accent-11: var(--yellow-11);
  --accent-12: var(--yellow-12);

  --accent-a1: var(--yellow-a1);
  --accent-a2: var(--yellow-a2);
  --accent-a3: var(--yellow-a3);
  --accent-a4: var(--yellow-a4);
  --accent-a5: var(--yellow-a5);
  --accent-a6: var(--yellow-a6);
  --accent-a7: var(--yellow-a7);
  --accent-a8: var(--yellow-a8);
  --accent-a9: var(--yellow-a9);
  --accent-a10: var(--yellow-a10);
  --accent-a11: var(--yellow-a11);
  --accent-a12: var(--yellow-a12);
}
[data-accent-color='amber'] {
  --color-surface-accent: var(--amber-surface);

  --accent-1: var(--amber-1);
  --accent-2: var(--amber-2);
  --accent-3: var(--amber-3);
  --accent-4: var(--amber-4);
  --accent-5: var(--amber-5);
  --accent-6: var(--amber-6);
  --accent-7: var(--amber-7);
  --accent-8: var(--amber-8);
  --accent-9: var(--amber-9);
  --accent-9-contrast: var(--amber-9-contrast);
  --accent-10: var(--amber-10);
  --accent-11: var(--amber-11);
  --accent-12: var(--amber-12);

  --accent-a1: var(--amber-a1);
  --accent-a2: var(--amber-a2);
  --accent-a3: var(--amber-a3);
  --accent-a4: var(--amber-a4);
  --accent-a5: var(--amber-a5);
  --accent-a6: var(--amber-a6);
  --accent-a7: var(--amber-a7);
  --accent-a8: var(--amber-a8);
  --accent-a9: var(--amber-a9);
  --accent-a10: var(--amber-a10);
  --accent-a11: var(--amber-a11);
  --accent-a12: var(--amber-a12);
}
[data-accent-color='gold'] {
  --color-surface-accent: var(--gold-surface);

  --accent-1: var(--gold-1);
  --accent-2: var(--gold-2);
  --accent-3: var(--gold-3);
  --accent-4: var(--gold-4);
  --accent-5: var(--gold-5);
  --accent-6: var(--gold-6);
  --accent-7: var(--gold-7);
  --accent-8: var(--gold-8);
  --accent-9: var(--gold-9);
  --accent-9-contrast: var(--gold-9-contrast);
  --accent-10: var(--gold-10);
  --accent-11: var(--gold-11);
  --accent-12: var(--gold-12);

  --accent-a1: var(--gold-a1);
  --accent-a2: var(--gold-a2);
  --accent-a3: var(--gold-a3);
  --accent-a4: var(--gold-a4);
  --accent-a5: var(--gold-a5);
  --accent-a6: var(--gold-a6);
  --accent-a7: var(--gold-a7);
  --accent-a8: var(--gold-a8);
  --accent-a9: var(--gold-a9);
  --accent-a10: var(--gold-a10);
  --accent-a11: var(--gold-a11);
  --accent-a12: var(--gold-a12);
}
[data-accent-color='bronze'] {
  --color-surface-accent: var(--bronze-surface);

  --accent-1: var(--bronze-1);
  --accent-2: var(--bronze-2);
  --accent-3: var(--bronze-3);
  --accent-4: var(--bronze-4);
  --accent-5: var(--bronze-5);
  --accent-6: var(--bronze-6);
  --accent-7: var(--bronze-7);
  --accent-8: var(--bronze-8);
  --accent-9: var(--bronze-9);
  --accent-9-contrast: var(--bronze-9-contrast);
  --accent-10: var(--bronze-10);
  --accent-11: var(--bronze-11);
  --accent-12: var(--bronze-12);

  --accent-a1: var(--bronze-a1);
  --accent-a2: var(--bronze-a2);
  --accent-a3: var(--bronze-a3);
  --accent-a4: var(--bronze-a4);
  --accent-a5: var(--bronze-a5);
  --accent-a6: var(--bronze-a6);
  --accent-a7: var(--bronze-a7);
  --accent-a8: var(--bronze-a8);
  --accent-a9: var(--bronze-a9);
  --accent-a10: var(--bronze-a10);
  --accent-a11: var(--bronze-a11);
  --accent-a12: var(--bronze-a12);
}
/* gray color */
[data-gray-color='mauve'] {
  --gray-1: var(--mauve-1);
  --gray-2: var(--mauve-2);
  --gray-2-translucent: var(--mauve-2-translucent);
  --gray-3: var(--mauve-3);
  --gray-4: var(--mauve-4);
  --gray-5: var(--mauve-5);
  --gray-6: var(--mauve-6);
  --gray-7: var(--mauve-7);
  --gray-8: var(--mauve-8);
  --gray-9: var(--mauve-9);
  --gray-10: var(--mauve-10);
  --gray-11: var(--mauve-11);
  --gray-12: var(--mauve-12);

  --gray-a1: var(--mauve-a1);
  --gray-a2: var(--mauve-a2);
  --gray-a3: var(--mauve-a3);
  --gray-a4: var(--mauve-a4);
  --gray-a5: var(--mauve-a5);
  --gray-a6: var(--mauve-a6);
  --gray-a7: var(--mauve-a7);
  --gray-a8: var(--mauve-a8);
  --gray-a9: var(--mauve-a9);
  --gray-a10: var(--mauve-a10);
  --gray-a11: var(--mauve-a11);
  --gray-a12: var(--mauve-a12);
}
[data-gray-color='slate'] {
  --gray-1: var(--slate-1);
  --gray-2: var(--slate-2);
  --gray-2-translucent: var(--slate-2-translucent);
  --gray-3: var(--slate-3);
  --gray-4: var(--slate-4);
  --gray-5: var(--slate-5);
  --gray-6: var(--slate-6);
  --gray-7: var(--slate-7);
  --gray-8: var(--slate-8);
  --gray-9: var(--slate-9);
  --gray-10: var(--slate-10);
  --gray-11: var(--slate-11);
  --gray-12: var(--slate-12);

  --gray-a1: var(--slate-a1);
  --gray-a2: var(--slate-a2);
  --gray-a3: var(--slate-a3);
  --gray-a4: var(--slate-a4);
  --gray-a5: var(--slate-a5);
  --gray-a6: var(--slate-a6);
  --gray-a7: var(--slate-a7);
  --gray-a8: var(--slate-a8);
  --gray-a9: var(--slate-a9);
  --gray-a10: var(--slate-a10);
  --gray-a11: var(--slate-a11);
  --gray-a12: var(--slate-a12);
}
[data-gray-color='sage'] {
  --gray-1: var(--sage-1);
  --gray-2: var(--sage-2);
  --gray-2-translucent: var(--sage-2-translucent);
  --gray-3: var(--sage-3);
  --gray-4: var(--sage-4);
  --gray-5: var(--sage-5);
  --gray-6: var(--sage-6);
  --gray-7: var(--sage-7);
  --gray-8: var(--sage-8);
  --gray-9: var(--sage-9);
  --gray-10: var(--sage-10);
  --gray-11: var(--sage-11);
  --gray-12: var(--sage-12);

  --gray-a1: var(--sage-a1);
  --gray-a2: var(--sage-a2);
  --gray-a3: var(--sage-a3);
  --gray-a4: var(--sage-a4);
  --gray-a5: var(--sage-a5);
  --gray-a6: var(--sage-a6);
  --gray-a7: var(--sage-a7);
  --gray-a8: var(--sage-a8);
  --gray-a9: var(--sage-a9);
  --gray-a10: var(--sage-a10);
  --gray-a11: var(--sage-a11);
  --gray-a12: var(--sage-a12);
}
[data-gray-color='olive'] {
  --gray-1: var(--olive-1);
  --gray-2: var(--olive-2);
  --gray-2-translucent: var(--olive-2-translucent);
  --gray-3: var(--olive-3);
  --gray-4: var(--olive-4);
  --gray-5: var(--olive-5);
  --gray-6: var(--olive-6);
  --gray-7: var(--olive-7);
  --gray-8: var(--olive-8);
  --gray-9: var(--olive-9);
  --gray-10: var(--olive-10);
  --gray-11: var(--olive-11);
  --gray-12: var(--olive-12);

  --gray-a1: var(--olive-a1);
  --gray-a2: var(--olive-a2);
  --gray-a3: var(--olive-a3);
  --gray-a4: var(--olive-a4);
  --gray-a5: var(--olive-a5);
  --gray-a6: var(--olive-a6);
  --gray-a7: var(--olive-a7);
  --gray-a8: var(--olive-a8);
  --gray-a9: var(--olive-a9);
  --gray-a10: var(--olive-a10);
  --gray-a11: var(--olive-a11);
  --gray-a12: var(--olive-a12);
}
[data-gray-color='sand'] {
  --gray-1: var(--sand-1);
  --gray-2: var(--sand-2);
  --gray-2-translucent: var(--sand-2-translucent);
  --gray-3: var(--sand-3);
  --gray-4: var(--sand-4);
  --gray-5: var(--sand-5);
  --gray-6: var(--sand-6);
  --gray-7: var(--sand-7);
  --gray-8: var(--sand-8);
  --gray-9: var(--sand-9);
  --gray-10: var(--sand-10);
  --gray-11: var(--sand-11);
  --gray-12: var(--sand-12);

  --gray-a1: var(--sand-a1);
  --gray-a2: var(--sand-a2);
  --gray-a3: var(--sand-a3);
  --gray-a4: var(--sand-a4);
  --gray-a5: var(--sand-a5);
  --gray-a6: var(--sand-a6);
  --gray-a7: var(--sand-a7);
  --gray-a8: var(--sand-a8);
  --gray-a9: var(--sand-a9);
  --gray-a10: var(--sand-a10);
  --gray-a11: var(--sand-a11);
  --gray-a12: var(--sand-a12);
}
/* gray accent color */
[data-accent-color='gray'] {
  --color-surface-accent: var(--gray-surface);

  --accent-1: var(--gray-1);
  --accent-2: var(--gray-2);
  --accent-3: var(--gray-3);
  --accent-4: var(--gray-4);
  --accent-5: var(--gray-5);
  --accent-6: var(--gray-6);
  --accent-7: var(--gray-7);
  --accent-8: var(--gray-8);
  --accent-9: var(--gray-9);
  --accent-9-contrast: var(--gray-9-contrast);
  --accent-10: var(--gray-10);
  --accent-11: var(--gray-11);
  --accent-12: var(--gray-12);

  --accent-a1: var(--gray-a1);
  --accent-a2: var(--gray-a2);
  --accent-a3: var(--gray-a3);
  --accent-a4: var(--gray-a4);
  --accent-a5: var(--gray-a5);
  --accent-a6: var(--gray-a6);
  --accent-a7: var(--gray-a7);
  --accent-a8: var(--gray-a8);
  --accent-a9: var(--gray-a9);
  --accent-a10: var(--gray-a10);
  --accent-a11: var(--gray-a11);
  --accent-a12: var(--gray-a12);
}
/* nested `Theme` background color */
.radix-themes {
  --color-background: white;
}
:is(.dark, .dark-theme),
:is(.dark, .dark-theme) .radix-themes:not(.light, .light-theme) {
  --color-background: var(--gray-1);
}
.radix-themes:where([data-has-background='true']) {
  background-color: var(--color-background);
}
/* panel background */
.radix-themes:where([data-panel-background='solid']) {
    --color-panel: var(--color-panel-solid);
  }
.radix-themes:where([data-panel-background='translucent']) {
    --color-panel: var(--color-panel-translucent);
  }
/* prettier-ignore */
.radix-themes {
  --shadow-1:
    inset 0 0 0 1px var(--gray-a5),
    inset 0 1.5px 2px 0 var(--black-a6);

  --shadow-2:
    0 0 0 1px var(--gray-a3),
    0 0 0 0.5px var(--gray-a3),
    0px 1px 1px 0px var(--gray-a3),
    0px 2px 1px -1px var(--gray-a3),
    0px 1px 3px 0px var(--black-a3);

  --shadow-3:
    0 0 0 1px var(--gray-a3),
    0px 2px 3px -2px var(--gray-a3),
    0px 3px 12px -4px var(--black-a3),
    0px 4px 16px -8px var(--black-a4);

  --shadow-4:
    0 0 0 1px var(--gray-a3),
    0px 8px 40px var(--gray-a3),
    0px 12px 32px -16px var(--black-a3);

  --shadow-5:
    0 0 0 1px var(--gray-a3),
    0px 12px 60px var(--gray-a6),
    0px 12px 32px -16px var(--black-a6);

  --shadow-6:
    0 0 0 1px var(--gray-a3),
    0px 16px 64px var(--gray-a7),
    0px 16px 36px -20px var(--gray-a7);
}
/* prettier-ignore */
:is(.dark, .dark-theme),
:is(.dark, .dark-theme) .radix-themes:not(.light, .light-theme) {
  --shadow-1:
    inset 0 1px var(--gray-a4),
    inset 0 0 0.5px var(--gray-a3),
    inset 0 -1px 0px var(--gray-a3),
    inset 0 0 0 1px var(--gray-a6),
    inset 0 1px 3px 0 var(--black-a10),
    inset 0 1px 3px 0 var(--black-a12);

  --shadow-2:
    0 0 0 1px var(--gray-5),
    0 0 0 0.5px var(--black-a4),
    0px 2px 1px -1px var(--black-a9),
    0px 1px 1px 0px var(--black-a9),
    0px 1px 3px 0px var(--black-a9);

  --shadow-3:
    0 0 0 1px var(--gray-5),
    0px 2px 3px -2px var(--black-a5),
    0px 3px 8px -2px var(--black-a8),
    0px 4px 12px -4px var(--black-a9);

  --shadow-4:
    0 0 0 1px var(--gray-5),
    0px 8px 40px var(--black-a7),
    0px 12px 32px -16px var(--black-a8);

  --shadow-5:
    0 0 0 1px var(--gray-5),
    0px 12px 60px var(--black-a8),
    0px 12px 32px -16px var(--black-a10);

  --shadow-6:
    0 0 0 1px var(--gray-5),
    0px 16px 64px var(--black-a11),
    0px 16px 36px -20px var(--black-a12);
}
.radix-themes {
  --space-1: calc(4px * var(--scaling));
  --space-2: calc(8px * var(--scaling));
  --space-3: calc(12px * var(--scaling));
  --space-4: calc(16px * var(--scaling));
  --space-5: calc(24px * var(--scaling));
  --space-6: calc(32px * var(--scaling));
  --space-7: calc(40px * var(--scaling));
  --space-8: calc(48px * var(--scaling));
  --space-9: calc(64px * var(--scaling));
}
.radix-themes {
  /* default: medium */
  --radius-factor: 1;
  --radius-full: 0px;
}
.radix-themes:where([data-radius]),
  .radix-themes [data-radius] {
    --radius-1: calc(3px * var(--scaling) * var(--radius-factor));
    --radius-2: calc(4px * var(--scaling) * var(--radius-factor));
    --radius-3: calc(6px * var(--scaling) * var(--radius-factor));
    --radius-4: calc(8px * var(--scaling) * var(--radius-factor));
    --radius-5: calc(12px * var(--scaling) * var(--radius-factor));
    --radius-6: calc(16px * var(--scaling) * var(--radius-factor));
  }
.radix-themes:where([data-radius='none']),
  .radix-themes [data-radius='none'] {
    --radius-factor: 0;
    --radius-full: 0px;
  }
.radix-themes:where([data-radius='small']),
  .radix-themes [data-radius='small'] {
    --radius-factor: 0.5;
    --radius-full: 0px;
  }
.radix-themes:where([data-radius='medium']),
  .radix-themes [data-radius='medium'] {
    --radius-factor: 1;
    --radius-full: 0px;
  }
.radix-themes:where([data-radius='large']),
  .radix-themes [data-radius='large'] {
    --radius-factor: 1.5;
    --radius-full: 0px;
  }
.radix-themes:where([data-radius='full']),
  .radix-themes [data-radius='full'] {
    --radius-factor: 2;
    --radius-full: 9999px;
  }
/* scaling */
.radix-themes {
  /* default: regular */
  --scaling: 1;
}
.radix-themes:where([data-scaling='90%']) {
    --scaling: 0.9;
  }
.radix-themes:where([data-scaling='95%']) {
    --scaling: 0.95;
  }
.radix-themes:where([data-scaling='100%']) {
    --scaling: 1;
  }
.radix-themes:where([data-scaling='105%']) {
    --scaling: 1.05;
  }
.radix-themes:where([data-scaling='110%']) {
    --scaling: 1.1;
  }
@media (prefers-reduced-motion: no-preference) {
  @keyframes slideUpAndFadeIn {
    from {
      opacity: 0;
      transform: translateY(4px) scale(0.97);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  @keyframes slideUpAndFadeOut {
    from {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
    to {
      opacity: 0;
      transform: translateY(-4px) scale(0.97);
    }
  }

  @keyframes slideDownAndFadeIn {
    from {
      opacity: 0;
      transform: translateY(-4px) scale(0.97);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  @keyframes slideDownAndFadeOut {
    from {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
    to {
      opacity: 0;
      transform: translateY(4px) scale(0.97);
    }
  }

  @keyframes slideLeftAndFadeIn {
    from {
      opacity: 0;
      transform: translateX(4px) scale(0.97);
    }
    to {
      opacity: 1;
      transform: translateX(0) scale(1);
    }
  }

  @keyframes slideLeftAndFadeOut {
    from {
      opacity: 1;
      transform: translateX(0) scale(1);
    }
    to {
      opacity: 0;
      transform: translateX(-4px) scale(0.97);
    }
  }

  @keyframes slideRightAndFadeIn {
    from {
      opacity: 0;
      transform: translateX(-4px) scale(0.97);
    }
    to {
      opacity: 1;
      transform: translateX(0) scale(1);
    }
  }

  @keyframes slideRightAndFadeOut {
    from {
      opacity: 1;
      transform: translateX(0) scale(1);
    }
    to {
      opacity: 0;
      transform: translateX(4px) scale(0.97);
    }
  }

  .rt-PopperContent {
    animation-duration: 300ms;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  }
      .rt-PopperContent[data-state='open'][data-side='top'] {
        animation-name: slideUpAndFadeIn;
      }
      .rt-PopperContent[data-state='open'][data-side='bottom'] {
        animation-name: slideDownAndFadeIn;
      }
      .rt-PopperContent[data-state='open'][data-side='left'] {
        animation-name: slideLeftAndFadeIn;
      }
      .rt-PopperContent[data-state='open'][data-side='right'] {
        animation-name: slideRightAndFadeIn;
      }

    .rt-PopperContent[data-state='closed'] {
      animation-duration: 150ms;
    }

      .rt-PopperContent[data-state='closed'][data-side='top'] {
        animation-name: slideDownAndFadeOut;
      }
      .rt-PopperContent[data-state='closed'][data-side='bottom'] {
        animation-name: slideUpAndFadeOut;
      }
      .rt-PopperContent[data-state='closed'][data-side='left'] {
        animation-name: slideRightAndFadeOut;
      }
      .rt-PopperContent[data-state='closed'][data-side='right'] {
        animation-name: slideRightAndFadeOut;
      }

  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  @keyframes fadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
}
.rt-AlertDialogOverlay {
}
.rt-AlertDialogContent {
}
.rt-AvatarRoot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: var(--avatar-size);
  height: var(--avatar-size);
  flex-shrink: 0;
}
.rt-AvatarImage {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.rt-AvatarFallback {
  z-index: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: inherit;
}
.rt-AvatarFallback svg {
    width: var(--avatar-font-size-one-letter);
    height: var(--avatar-font-size-one-letter);
  }
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-AvatarFallback {
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
}
.rt-AvatarFallback.rt-one-letter {
    font-size: var(--avatar-font-size-one-letter);
  }
.rt-AvatarFallback.rt-two-letters {
    font-size: var(--avatar-font-size-two-letters, var(--avatar-font-size-one-letter));
  }
@media all {
    .rt-AvatarRoot.rt-r-size-1 {
      --avatar-size: var(--space-5);
      border-radius: max(var(--radius-2), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-2);
      --avatar-font-size-two-letters: var(--font-size-1);
      letter-spacing: var(--letter-spacing-1);
    }
    .rt-AvatarRoot.rt-r-size-2 {
      --avatar-size: var(--space-6);
      border-radius: max(var(--radius-2), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-3);
      --avatar-font-size-two-letters: var(--font-size-2);
      letter-spacing: var(--letter-spacing-2);
    }
    .rt-AvatarRoot.rt-r-size-3 {
      --avatar-size: var(--space-7);
      border-radius: max(var(--radius-3), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-4);
      --avatar-font-size-two-letters: var(--font-size-3);
      letter-spacing: var(--letter-spacing-3);
    }
    .rt-AvatarRoot.rt-r-size-4 {
      --avatar-size: var(--space-8);
      border-radius: max(var(--radius-3), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-5);
      --avatar-font-size-two-letters: var(--font-size-4);
      letter-spacing: var(--letter-spacing-4);
    }
    .rt-AvatarRoot.rt-r-size-5 {
      --avatar-size: var(--space-9);
      border-radius: max(var(--radius-4), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-6);
      letter-spacing: var(--letter-spacing-6);
    }
    .rt-AvatarRoot.rt-r-size-6 {
      --avatar-size: 80px;
      border-radius: max(var(--radius-5), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-7);
      letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot.rt-r-size-7 {
      --avatar-size: 96px;
      border-radius: max(var(--radius-5), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-7);
      letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot.rt-r-size-8 {
      --avatar-size: 128px;
      border-radius: max(var(--radius-6), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-8);
      letter-spacing: var(--letter-spacing-8);
    }
    .rt-AvatarRoot.rt-r-size-9 {
      --avatar-size: 160px;
      border-radius: max(var(--radius-6), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-9);
      letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 520px) {
    .rt-AvatarRoot.xs\:rt-r-size-1 {
      --avatar-size: var(--space-5);
      border-radius: max(var(--radius-2), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-2);
      --avatar-font-size-two-letters: var(--font-size-1);
      letter-spacing: var(--letter-spacing-1);
    }
    .rt-AvatarRoot.xs\:rt-r-size-2 {
      --avatar-size: var(--space-6);
      border-radius: max(var(--radius-2), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-3);
      --avatar-font-size-two-letters: var(--font-size-2);
      letter-spacing: var(--letter-spacing-2);
    }
    .rt-AvatarRoot.xs\:rt-r-size-3 {
      --avatar-size: var(--space-7);
      border-radius: max(var(--radius-3), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-4);
      --avatar-font-size-two-letters: var(--font-size-3);
      letter-spacing: var(--letter-spacing-3);
    }
    .rt-AvatarRoot.xs\:rt-r-size-4 {
      --avatar-size: var(--space-8);
      border-radius: max(var(--radius-3), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-5);
      --avatar-font-size-two-letters: var(--font-size-4);
      letter-spacing: var(--letter-spacing-4);
    }
    .rt-AvatarRoot.xs\:rt-r-size-5 {
      --avatar-size: var(--space-9);
      border-radius: max(var(--radius-4), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-6);
      letter-spacing: var(--letter-spacing-6);
    }
    .rt-AvatarRoot.xs\:rt-r-size-6 {
      --avatar-size: 80px;
      border-radius: max(var(--radius-5), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-7);
      letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot.xs\:rt-r-size-7 {
      --avatar-size: 96px;
      border-radius: max(var(--radius-5), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-7);
      letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot.xs\:rt-r-size-8 {
      --avatar-size: 128px;
      border-radius: max(var(--radius-6), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-8);
      letter-spacing: var(--letter-spacing-8);
    }
    .rt-AvatarRoot.xs\:rt-r-size-9 {
      --avatar-size: 160px;
      border-radius: max(var(--radius-6), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-9);
      letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 768px) {
    .rt-AvatarRoot.sm\:rt-r-size-1 {
      --avatar-size: var(--space-5);
      border-radius: max(var(--radius-2), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-2);
      --avatar-font-size-two-letters: var(--font-size-1);
      letter-spacing: var(--letter-spacing-1);
    }
    .rt-AvatarRoot.sm\:rt-r-size-2 {
      --avatar-size: var(--space-6);
      border-radius: max(var(--radius-2), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-3);
      --avatar-font-size-two-letters: var(--font-size-2);
      letter-spacing: var(--letter-spacing-2);
    }
    .rt-AvatarRoot.sm\:rt-r-size-3 {
      --avatar-size: var(--space-7);
      border-radius: max(var(--radius-3), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-4);
      --avatar-font-size-two-letters: var(--font-size-3);
      letter-spacing: var(--letter-spacing-3);
    }
    .rt-AvatarRoot.sm\:rt-r-size-4 {
      --avatar-size: var(--space-8);
      border-radius: max(var(--radius-3), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-5);
      --avatar-font-size-two-letters: var(--font-size-4);
      letter-spacing: var(--letter-spacing-4);
    }
    .rt-AvatarRoot.sm\:rt-r-size-5 {
      --avatar-size: var(--space-9);
      border-radius: max(var(--radius-4), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-6);
      letter-spacing: var(--letter-spacing-6);
    }
    .rt-AvatarRoot.sm\:rt-r-size-6 {
      --avatar-size: 80px;
      border-radius: max(var(--radius-5), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-7);
      letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot.sm\:rt-r-size-7 {
      --avatar-size: 96px;
      border-radius: max(var(--radius-5), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-7);
      letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot.sm\:rt-r-size-8 {
      --avatar-size: 128px;
      border-radius: max(var(--radius-6), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-8);
      letter-spacing: var(--letter-spacing-8);
    }
    .rt-AvatarRoot.sm\:rt-r-size-9 {
      --avatar-size: 160px;
      border-radius: max(var(--radius-6), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-9);
      letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1024px) {
    .rt-AvatarRoot.md\:rt-r-size-1 {
      --avatar-size: var(--space-5);
      border-radius: max(var(--radius-2), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-2);
      --avatar-font-size-two-letters: var(--font-size-1);
      letter-spacing: var(--letter-spacing-1);
    }
    .rt-AvatarRoot.md\:rt-r-size-2 {
      --avatar-size: var(--space-6);
      border-radius: max(var(--radius-2), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-3);
      --avatar-font-size-two-letters: var(--font-size-2);
      letter-spacing: var(--letter-spacing-2);
    }
    .rt-AvatarRoot.md\:rt-r-size-3 {
      --avatar-size: var(--space-7);
      border-radius: max(var(--radius-3), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-4);
      --avatar-font-size-two-letters: var(--font-size-3);
      letter-spacing: var(--letter-spacing-3);
    }
    .rt-AvatarRoot.md\:rt-r-size-4 {
      --avatar-size: var(--space-8);
      border-radius: max(var(--radius-3), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-5);
      --avatar-font-size-two-letters: var(--font-size-4);
      letter-spacing: var(--letter-spacing-4);
    }
    .rt-AvatarRoot.md\:rt-r-size-5 {
      --avatar-size: var(--space-9);
      border-radius: max(var(--radius-4), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-6);
      letter-spacing: var(--letter-spacing-6);
    }
    .rt-AvatarRoot.md\:rt-r-size-6 {
      --avatar-size: 80px;
      border-radius: max(var(--radius-5), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-7);
      letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot.md\:rt-r-size-7 {
      --avatar-size: 96px;
      border-radius: max(var(--radius-5), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-7);
      letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot.md\:rt-r-size-8 {
      --avatar-size: 128px;
      border-radius: max(var(--radius-6), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-8);
      letter-spacing: var(--letter-spacing-8);
    }
    .rt-AvatarRoot.md\:rt-r-size-9 {
      --avatar-size: 160px;
      border-radius: max(var(--radius-6), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-9);
      letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1280px) {
    .rt-AvatarRoot.lg\:rt-r-size-1 {
      --avatar-size: var(--space-5);
      border-radius: max(var(--radius-2), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-2);
      --avatar-font-size-two-letters: var(--font-size-1);
      letter-spacing: var(--letter-spacing-1);
    }
    .rt-AvatarRoot.lg\:rt-r-size-2 {
      --avatar-size: var(--space-6);
      border-radius: max(var(--radius-2), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-3);
      --avatar-font-size-two-letters: var(--font-size-2);
      letter-spacing: var(--letter-spacing-2);
    }
    .rt-AvatarRoot.lg\:rt-r-size-3 {
      --avatar-size: var(--space-7);
      border-radius: max(var(--radius-3), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-4);
      --avatar-font-size-two-letters: var(--font-size-3);
      letter-spacing: var(--letter-spacing-3);
    }
    .rt-AvatarRoot.lg\:rt-r-size-4 {
      --avatar-size: var(--space-8);
      border-radius: max(var(--radius-3), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-5);
      --avatar-font-size-two-letters: var(--font-size-4);
      letter-spacing: var(--letter-spacing-4);
    }
    .rt-AvatarRoot.lg\:rt-r-size-5 {
      --avatar-size: var(--space-9);
      border-radius: max(var(--radius-4), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-6);
      letter-spacing: var(--letter-spacing-6);
    }
    .rt-AvatarRoot.lg\:rt-r-size-6 {
      --avatar-size: 80px;
      border-radius: max(var(--radius-5), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-7);
      letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot.lg\:rt-r-size-7 {
      --avatar-size: 96px;
      border-radius: max(var(--radius-5), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-7);
      letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot.lg\:rt-r-size-8 {
      --avatar-size: 128px;
      border-radius: max(var(--radius-6), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-8);
      letter-spacing: var(--letter-spacing-8);
    }
    .rt-AvatarRoot.lg\:rt-r-size-9 {
      --avatar-size: 160px;
      border-radius: max(var(--radius-6), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-9);
      letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1640px) {
    .rt-AvatarRoot.xl\:rt-r-size-1 {
      --avatar-size: var(--space-5);
      border-radius: max(var(--radius-2), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-2);
      --avatar-font-size-two-letters: var(--font-size-1);
      letter-spacing: var(--letter-spacing-1);
    }
    .rt-AvatarRoot.xl\:rt-r-size-2 {
      --avatar-size: var(--space-6);
      border-radius: max(var(--radius-2), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-3);
      --avatar-font-size-two-letters: var(--font-size-2);
      letter-spacing: var(--letter-spacing-2);
    }
    .rt-AvatarRoot.xl\:rt-r-size-3 {
      --avatar-size: var(--space-7);
      border-radius: max(var(--radius-3), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-4);
      --avatar-font-size-two-letters: var(--font-size-3);
      letter-spacing: var(--letter-spacing-3);
    }
    .rt-AvatarRoot.xl\:rt-r-size-4 {
      --avatar-size: var(--space-8);
      border-radius: max(var(--radius-3), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-5);
      --avatar-font-size-two-letters: var(--font-size-4);
      letter-spacing: var(--letter-spacing-4);
    }
    .rt-AvatarRoot.xl\:rt-r-size-5 {
      --avatar-size: var(--space-9);
      border-radius: max(var(--radius-4), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-6);
      letter-spacing: var(--letter-spacing-6);
    }
    .rt-AvatarRoot.xl\:rt-r-size-6 {
      --avatar-size: 80px;
      border-radius: max(var(--radius-5), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-7);
      letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot.xl\:rt-r-size-7 {
      --avatar-size: 96px;
      border-radius: max(var(--radius-5), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-7);
      letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot.xl\:rt-r-size-8 {
      --avatar-size: 128px;
      border-radius: max(var(--radius-6), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-8);
      letter-spacing: var(--letter-spacing-8);
    }
    .rt-AvatarRoot.xl\:rt-r-size-9 {
      --avatar-size: 160px;
      border-radius: max(var(--radius-6), var(--radius-full));
      --avatar-font-size-one-letter: var(--font-size-9);
      letter-spacing: var(--letter-spacing-9);
    }
}
/***************************************************************************************************
 *                                                                                                 *
 * VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
/* solid */
.rt-AvatarRoot.rt-variant-solid .rt-AvatarFallback {
    background-color: var(--accent-9);
    color: var(--accent-9-contrast);
  }
.rt-AvatarRoot.rt-variant-solid:where(.rt-high-contrast) .rt-AvatarFallback {
    background-color: var(--accent-12);
    color: var(--accent-1);
  }
/* soft */
.rt-AvatarRoot.rt-variant-soft .rt-AvatarFallback {
    background-color: var(--accent-a3);
    color: var(--accent-a11);
  }
.rt-AvatarRoot.rt-variant-soft:where(.rt-high-contrast) .rt-AvatarFallback {
    color: var(--accent-12);
  }
.rt-Badge {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  white-space: nowrap;
  font-weight: var(--font-weight-medium);
  flex-shrink: 0;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
}
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-Badge.rt-r-size-1 {
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      padding: calc(var(--space-1) / 2) var(--space-2);
      gap: var(--space-1);
      border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-Badge.rt-r-size-2 {
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      padding: calc(var(--space-1) * 1.5) var(--space-4);
      gap: var(--space-2);
      border-radius: max(var(--radius-2), var(--radius-full));
    }
}
@media (min-width: 520px) {
    .rt-Badge.xs\:rt-r-size-1 {
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      padding: calc(var(--space-1) / 2) var(--space-2);
      gap: var(--space-1);
      border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-Badge.xs\:rt-r-size-2 {
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      padding: calc(var(--space-1) * 1.5) var(--space-4);
      gap: var(--space-2);
      border-radius: max(var(--radius-2), var(--radius-full));
    }
}
@media (min-width: 768px) {
    .rt-Badge.sm\:rt-r-size-1 {
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      padding: calc(var(--space-1) / 2) var(--space-2);
      gap: var(--space-1);
      border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-Badge.sm\:rt-r-size-2 {
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      padding: calc(var(--space-1) * 1.5) var(--space-4);
      gap: var(--space-2);
      border-radius: max(var(--radius-2), var(--radius-full));
    }
}
@media (min-width: 1024px) {
    .rt-Badge.md\:rt-r-size-1 {
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      padding: calc(var(--space-1) / 2) var(--space-2);
      gap: var(--space-1);
      border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-Badge.md\:rt-r-size-2 {
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      padding: calc(var(--space-1) * 1.5) var(--space-4);
      gap: var(--space-2);
      border-radius: max(var(--radius-2), var(--radius-full));
    }
}
@media (min-width: 1280px) {
    .rt-Badge.lg\:rt-r-size-1 {
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      padding: calc(var(--space-1) / 2) var(--space-2);
      gap: var(--space-1);
      border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-Badge.lg\:rt-r-size-2 {
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      padding: calc(var(--space-1) * 1.5) var(--space-4);
      gap: var(--space-2);
      border-radius: max(var(--radius-2), var(--radius-full));
    }
}
@media (min-width: 1640px) {
    .rt-Badge.xl\:rt-r-size-1 {
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      padding: calc(var(--space-1) / 2) var(--space-2);
      gap: var(--space-1);
      border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-Badge.xl\:rt-r-size-2 {
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      padding: calc(var(--space-1) * 1.5) var(--space-4);
      gap: var(--space-2);
      border-radius: max(var(--radius-2), var(--radius-full));
    }
}
/***************************************************************************************************
 *                                                                                                 *
 * VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
/* solid */
.rt-Badge.rt-variant-solid {
  background-color: var(--accent-9);
  color: var(--accent-9-contrast);
}
.rt-Badge.rt-variant-solid:where(.rt-high-contrast) {
    background-color: var(--accent-12);
    color: var(--accent-1);
  }
/* surface */
.rt-Badge.rt-variant-surface {
  background-color: var(--color-surface-accent);
  box-shadow: inset 0 0 0 1px var(--accent-a7);
  color: var(--accent-a11);
}
.rt-Badge.rt-variant-surface:where(.rt-high-contrast) {
    color: var(--accent-12);
  }
/* soft */
.rt-Badge.rt-variant-soft {
  background-color: var(--accent-a3);
  color: var(--accent-a11);
}
.rt-Badge.rt-variant-soft:where(.rt-high-contrast) {
    color: var(--accent-12);
  }
/* outline */
.rt-Badge.rt-variant-outline {
  box-shadow: inset 0 0 0 1px var(--accent-a8);
  color: var(--accent-a11);
}
.rt-Badge.rt-variant-outline:where(.rt-high-contrast) {
    box-shadow: inset 0 0 0 1px var(--accent-a7), inset 0 0 0 1px var(--gray-a11);
    color: var(--accent-12);
  }
.rt-Blockquote {
  border-left: max(var(--space-1), 0.25em) solid var(--accent-a6);
  padding-left: min(var(--space-5), max(var(--space-3), 0.5em));
}
.rt-Box {
  box-sizing: border-box;
}
.rt-BaseButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: top;
}
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-BaseButton:where(:not(.rt-variant-ghost)) {
    height: var(--base-button-height);
  }
.rt-BaseButton:where(.rt-variant-ghost) {
    box-sizing: content-box;
    height: -moz-fit-content;
    height: fit-content;
  }
@media all {
    .rt-BaseButton.rt-r-size-1 {
      --base-button__classic-active__offset-override: 1px;
      --base-button-height: var(--space-5);
      border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-BaseButton.rt-r-size-2 {
      --base-button-height: var(--space-6);
      border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-BaseButton.rt-r-size-3 {
      --base-button-height: var(--space-7);
      border-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-BaseButton.rt-r-size-4 {
      --base-button-height: var(--space-8);
      border-radius: max(var(--radius-4), var(--radius-full));
    }
}
@media (min-width: 520px) {
    .rt-BaseButton.xs\:rt-r-size-1 {
      --base-button__classic-active__offset-override: 1px;
      --base-button-height: var(--space-5);
      border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-BaseButton.xs\:rt-r-size-2 {
      --base-button-height: var(--space-6);
      border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-BaseButton.xs\:rt-r-size-3 {
      --base-button-height: var(--space-7);
      border-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-BaseButton.xs\:rt-r-size-4 {
      --base-button-height: var(--space-8);
      border-radius: max(var(--radius-4), var(--radius-full));
    }
}
@media (min-width: 768px) {
    .rt-BaseButton.sm\:rt-r-size-1 {
      --base-button__classic-active__offset-override: 1px;
      --base-button-height: var(--space-5);
      border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-BaseButton.sm\:rt-r-size-2 {
      --base-button-height: var(--space-6);
      border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-BaseButton.sm\:rt-r-size-3 {
      --base-button-height: var(--space-7);
      border-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-BaseButton.sm\:rt-r-size-4 {
      --base-button-height: var(--space-8);
      border-radius: max(var(--radius-4), var(--radius-full));
    }
}
@media (min-width: 1024px) {
    .rt-BaseButton.md\:rt-r-size-1 {
      --base-button__classic-active__offset-override: 1px;
      --base-button-height: var(--space-5);
      border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-BaseButton.md\:rt-r-size-2 {
      --base-button-height: var(--space-6);
      border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-BaseButton.md\:rt-r-size-3 {
      --base-button-height: var(--space-7);
      border-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-BaseButton.md\:rt-r-size-4 {
      --base-button-height: var(--space-8);
      border-radius: max(var(--radius-4), var(--radius-full));
    }
}
@media (min-width: 1280px) {
    .rt-BaseButton.lg\:rt-r-size-1 {
      --base-button__classic-active__offset-override: 1px;
      --base-button-height: var(--space-5);
      border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-BaseButton.lg\:rt-r-size-2 {
      --base-button-height: var(--space-6);
      border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-BaseButton.lg\:rt-r-size-3 {
      --base-button-height: var(--space-7);
      border-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-BaseButton.lg\:rt-r-size-4 {
      --base-button-height: var(--space-8);
      border-radius: max(var(--radius-4), var(--radius-full));
    }
}
@media (min-width: 1640px) {
    .rt-BaseButton.xl\:rt-r-size-1 {
      --base-button__classic-active__offset-override: 1px;
      --base-button-height: var(--space-5);
      border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-BaseButton.xl\:rt-r-size-2 {
      --base-button-height: var(--space-6);
      border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-BaseButton.xl\:rt-r-size-3 {
      --base-button-height: var(--space-7);
      border-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-BaseButton.xl\:rt-r-size-4 {
      --base-button-height: var(--space-8);
      border-radius: max(var(--radius-4), var(--radius-full));
    }
}
/***************************************************************************************************
 *                                                                                                 *
 * VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
/* classic */
.radix-themes {
  --button__classic__pseudo-inset: 1px;
  --button__classic__border: initial;
  --button__classic-hover-high-contrast__overlay-color: var(--black-a7);

  /* prettier-ignore */
  --button__classic__shadows:
		/* top sharp inner-shine */
		inset 0 1px 0 1px var(--white-a10),
		/* top soft inner-shine */
		inset 0 6px 4px -4px var(--white-a8),
		/* bottom inner-shadow */
		inset 0 -1px 0.5px 1px var(--black-a8)
	;

  /* prettier-ignore */
  --button__classic-active__shadows:
		/* top sharp inner-shadow */
		inset 0 1px 0 1px var(--black-a4),
		/* top soft inner-shadow */
		inset 0 6px 4px -4px var(--black-a8),
		/* bottom soft inner-shine */
		inset 0 -1px 0 1px var(--white-a3),
		/* bottom soft inner-shine */
		inset 0 -6px 4px -4px var(--white-a6)
	;
}
:is(.dark, .dark-theme),
:is(.dark, .dark-theme) .radix-themes:not(.light, .light-theme) {
  --button__classic__pseudo-inset: 0px;
  --button__classic__border: 0 0 0 1px var(--black-a8);
  --button__classic-hover-high-contrast__overlay-color: var(--black-a4);

  /* prettier-ignore */
  --button__classic__shadows:
		/* top sharp inner-shine */
		inset 0 1px 0 0 var(--white-a8),
		/* top soft inner-shine */
		inset 0 5px 3px -3px var(--white-a8),
		/* bottom inner-shadow */
		inset 0 -1px 0.5px 0 var(--black-a10)
	;

  /* prettier-ignore */
  --button__classic-active__shadows:
		/* top sharp inner-shadow */
		inset 0 1px 0 0 var(--black-a5),
		/* top soft inner-shadow */
		inset 0 5px 3px -3px var(--black-a8),
		/* bottom soft inner-shine */
		inset 0 -1px 0 0 var(--white-a3),
		/* bottom soft inner-shine */
		inset 0 -5px 3px -3px var(--white-a6)
	;
}
.rt-BaseButton.rt-variant-classic {
  background-color: var(--accent-9);
  background-image: linear-gradient(var(--black-a2), transparent 50%);
  color: var(--accent-9-contrast);

  /* prettier-ignore */
  --button__classic__box-shadow:
		/* border */
		var(--button__classic__border, inset 0 0 0 1px var(--black-a5), inset 0 0 0 1px var(--accent-10)),
		var(--button__classic__shadows)
	;

  box-shadow: var(--button__classic__box-shadow);

  position: relative;
  z-index: 0;
}
@media (hover: hover) {
    .rt-BaseButton.rt-variant-classic:where(:hover) {
      background-image: linear-gradient(var(--black-a4), transparent);
    }

      .rt-BaseButton.rt-variant-classic:where(:hover):where(.rt-high-contrast) {
        background-image: linear-gradient(
          var(--button__classic-hover-high-contrast__overlay-color),
          var(--button__classic-hover-high-contrast__overlay-color)
        );
      }
  }
.rt-BaseButton.rt-variant-classic:where([data-state='open']) {
    background-image: linear-gradient(var(--black-a4), transparent);
  }
.rt-BaseButton.rt-variant-classic:where([data-state='open']):where(.rt-high-contrast) {
      background-image: linear-gradient(
        var(--button__classic-hover-high-contrast__overlay-color),
        var(--button__classic-hover-high-contrast__overlay-color)
      );
    }
.rt-BaseButton.rt-variant-classic:where(:active:not([data-state='open'], :disabled)) {
    background-image: linear-gradient(var(--black-a6), transparent);
    padding-top: var(--base-button__classic-active__offset-override, 2px);

    /* prettier-ignore */
    --button__classic__box-shadow:
			/* border */
			var(--button__classic__border, inset 0 0 0 1px var(--black-a10), inset 0 0 0 1px var(--accent-10)),
			var(--button__classic-active__shadows)
		;
  }
.rt-BaseButton.rt-variant-classic:where(:active:not([data-state='open'], :disabled))::after {
      opacity: 0;
    }
.rt-BaseButton.rt-variant-classic::before,
  .rt-BaseButton.rt-variant-classic::after {
    content: '';
    position: absolute;
    inset: var(--button__classic__pseudo-inset);
    border-radius: inherit;
    pointer-events: none;
  }
.rt-BaseButton.rt-variant-classic::before {
    z-index: 1;
    background-image: linear-gradient(var(--accent-a4), transparent 50%);
    mix-blend-mode: darken;
  }
.rt-BaseButton.rt-variant-classic::after {
    z-index: 2;
    background-image: linear-gradient(transparent 50%, var(--white-a8));
    mix-blend-mode: soft-light;
  }
.rt-BaseButton.rt-variant-classic:where(:focus-visible) {
    box-shadow: 0 0 0 2px var(--accent-3), 0 0 0 4px var(--accent-a8),
      var(--button__classic__box-shadow);
  }
.rt-BaseButton.rt-variant-classic:where(.rt-high-contrast) {
    background-color: var(--accent-12);
    color: var(--gray-1);

    /* prettier-ignore */
    --button__classic__box-shadow:
			/* border */
			var(--button__classic__border, inset 0 0 0 1px var(--black-a8), inset 0 0 0 1px var(--accent-12)),
			var(--button__classic__shadows)
		;
  }
.rt-BaseButton.rt-variant-classic:where(.rt-high-contrast):active:not([data-state='open']) {
      /* prettier-ignore */
      --button__classic__box-shadow:
				/* border */
				var(--button__classic__border, inset 0 0 0 1px var(--black-a10), inset 0 0 0 1px var(--accent-12)),
				var(--button__classic-active__shadows)
			;
    }
/* solid */
.radix-themes {
  --button-filter__solid-active: brightness(0.92) saturate(1.1);

  --button-filter__solid-high-contrast-hover: contrast(0.88) saturate(1.1) brightness(1.1);
  --button-filter__solid-high-contrast-active: contrast(0.82) saturate(1.2) brightness(1.16);
}
:is(.dark, .dark-theme),
:is(.dark, .dark-theme) .radix-themes:not(.light, .light-theme) {
  --button-filter__solid-active: brightness(1.08);

  --button-filter__solid-high-contrast-hover: brightness(0.95) saturate(1.1);
  --button-filter__solid-high-contrast-active: brightness(0.9) saturate(1.2);
}
.rt-BaseButton.rt-variant-solid {
  background-color: var(--accent-9);
  color: var(--accent-9-contrast);
}
@media (hover: hover) {
    .rt-BaseButton.rt-variant-solid:where(:hover) {
      background-color: var(--accent-10);
    }
  }
.rt-BaseButton.rt-variant-solid:where([data-state='open']) {
    background-color: var(--accent-10);
  }
.rt-BaseButton.rt-variant-solid:where(:active:not([data-state='open'])) {
    background-color: var(--accent-10);
    filter: var(--button-filter__solid-active);
  }
.rt-BaseButton.rt-variant-solid:where(:focus-visible) {
    box-shadow: 0 0 0 2px var(--accent-3), 0 0 0 4px var(--accent-a8);
  }
.rt-BaseButton.rt-variant-solid:where(.rt-high-contrast) {
    background-color: var(--accent-12);
    color: var(--gray-1);
  }
@media (hover: hover) {
      .rt-BaseButton.rt-variant-solid:where(.rt-high-contrast):where(:hover) {
        background-color: var(--accent-12);
        filter: var(--button-filter__solid-high-contrast-hover);
      }
    }
.rt-BaseButton.rt-variant-solid:where(.rt-high-contrast):where([data-state='open']) {
      background-color: var(--accent-12);
      filter: var(--button-filter__solid-high-contrast-hover);
    }
.rt-BaseButton.rt-variant-solid:where(.rt-high-contrast):where(:active:not([data-state='open'])) {
      background-color: var(--accent-12);
      filter: var(--button-filter__solid-high-contrast-active);
    }
/* soft / ghost */
.rt-BaseButton.rt-variant-soft,
.rt-BaseButton.rt-variant-ghost {
  color: var(--accent-a11);
}
.rt-BaseButton.rt-variant-soft:where(:focus-visible), .rt-BaseButton.rt-variant-ghost:where(:focus-visible) {
    box-shadow: inset 0 0 0 1px var(--accent-8), 0 0 0 1px var(--accent-a8);
  }
.rt-BaseButton.rt-variant-soft:where(.rt-high-contrast), .rt-BaseButton.rt-variant-ghost:where(.rt-high-contrast) {
    color: var(--accent-12);
  }
.rt-BaseButton.rt-variant-soft {
  background-color: var(--accent-a3);
}
@media (hover: hover) {
    .rt-BaseButton.rt-variant-soft:where(:hover) {
      background-color: var(--accent-a4);
    }
  }
.rt-BaseButton.rt-variant-soft:where([data-state='open']) {
    background-color: var(--accent-a4);
  }
.rt-BaseButton.rt-variant-soft:where(:active:not([data-state='open'])) {
    background-color: var(--accent-a5);
  }
@media (hover: hover) {
    .rt-BaseButton.rt-variant-ghost:where(:hover) {
      background-color: var(--accent-a3);
    }
  }
.rt-BaseButton.rt-variant-ghost:where([data-state='open']) {
    background-color: var(--accent-a3);
  }
.rt-BaseButton.rt-variant-ghost:where(:active:not([data-state='open'])) {
    background-color: var(--accent-a4);
  }
/* outline */
.rt-BaseButton.rt-variant-outline {
  box-shadow: inset 0 0 0 1px var(--accent-a8);
  color: var(--accent-a11);
}
@media (hover: hover) {
    .rt-BaseButton.rt-variant-outline:where(:hover) {
      background-color: var(--accent-a2);
    }
  }
.rt-BaseButton.rt-variant-outline:where([data-state='open']) {
    background-color: var(--accent-a2);
  }
.rt-BaseButton.rt-variant-outline:where(:active:not([data-state='open'])) {
    background-color: var(--accent-a3);
  }
.rt-BaseButton.rt-variant-outline:where(:focus-visible) {
    box-shadow: inset 0 0 0 1px var(--accent-a8), 0 0 0 1px var(--accent-a8);
  }
.rt-BaseButton.rt-variant-outline:where(.rt-high-contrast) {
    box-shadow: inset 0 0 0 1px var(--accent-a7), inset 0 0 0 1px var(--gray-a11);
    color: var(--accent-12);
  }
.rt-BaseButton.rt-variant-outline:where(.rt-high-contrast):where(:focus-visible) {
      box-shadow: inset 0 0 0 1px var(--accent-a7), inset 0 0 0 1px var(--gray-a12),
        0 0 0 1px var(--accent-a7), 0 0 0 1px var(--gray-a12);
    }
/* surface */
.rt-BaseButton.rt-variant-surface {
  background-color: var(--color-surface-accent);
  box-shadow: inset 0 0 0 1px var(--accent-a7);
  color: var(--accent-a11);
}
@media (hover: hover) {
    .rt-BaseButton.rt-variant-surface:where(:hover) {
      box-shadow: inset 0 0 0 1px var(--accent-a8);
    }
  }
.rt-BaseButton.rt-variant-surface:where([data-state='open']) {
    box-shadow: inset 0 0 0 1px var(--accent-a8);
  }
.rt-BaseButton.rt-variant-surface:where(:active:not([data-state='open'])) {
    background-color: var(--accent-a3);
    box-shadow: inset 0 0 0 1px var(--accent-a8);
  }
.rt-BaseButton.rt-variant-surface:where(:focus-visible) {
    box-shadow: inset 0 0 0 1px var(--accent-8), 0 0 0 1px var(--accent-a8);
  }
.rt-BaseButton.rt-variant-surface:where(.rt-high-contrast) {
    color: var(--accent-12);
  }
/* all disabled buttons */
.rt-BaseButton:disabled {
  color: var(--gray-a8);
  cursor: not-allowed;
  box-shadow: none;
  filter: none;
  background-color: transparent;
  background-image: none;
}
.rt-BaseButton:disabled:where(:not(.rt-variant-ghost)) {
    background-color: var(--gray-a3);
  }
.rt-BaseButton:disabled::before,
  .rt-BaseButton:disabled::after {
    display: none;
  }
.rt-Button:where(:not(.rt-variant-ghost)) svg {
      opacity: 0.9;
    }
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-Button:where(.rt-variant-ghost) {
    padding: var(--button-ghost-padding-y) var(--button-ghost-padding-x);
    /* If a margin IS defined on the component itself, the utility class will win and reset it */
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;

    /* Define the overrides to incorporate the negative margins */
    --margin-top-override: calc(var(--margin-top, 0px) - var(--button-ghost-padding-y));
    --margin-right-override: calc(var(--margin-right, 0px) - var(--button-ghost-padding-x));
    --margin-bottom-override: calc(var(--margin-bottom, 0px) - var(--button-ghost-padding-y));
    --margin-left-override: calc(var(--margin-left, 0px) - var(--button-ghost-padding-x));

    margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override)
      var(--margin-left-override);

    /* We reset the defined margin variables to avoid inheriting them from a higher component */

    /* Reset the overrides on direct children */
  }
:where(.rt-Button:where(.rt-variant-ghost)) > * {
      --margin-top-override: initial;
      --margin-right-override: initial;
      --margin-bottom-override: initial;
      --margin-left-override: initial;
    }
@media all {
    .rt-Button.rt-r-size-1 {
      gap: var(--space-1);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
    }

      .rt-Button.rt-r-size-1:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
      }
      .rt-Button.rt-r-size-1:where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
      }
    .rt-Button.rt-r-size-2 {
      gap: var(--space-2);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
    }

      .rt-Button.rt-r-size-2:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
      }
      .rt-Button.rt-r-size-2:where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
      }
    .rt-Button.rt-r-size-3 {
      gap: var(--space-3);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
    }

      .rt-Button.rt-r-size-3:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
      }
      .rt-Button.rt-r-size-3:where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-3);
        --button-ghost-padding-y: calc(var(--space-1) * 1.5);
      }
    .rt-Button.rt-r-size-4 {
      gap: var(--space-3);
      font-size: var(--font-size-4);
      line-height: var(--line-height-4);
      letter-spacing: var(--letter-spacing-4);
    }

      .rt-Button.rt-r-size-4:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
      }
      .rt-Button.rt-r-size-4:where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-4);
        --button-ghost-padding-y: var(--space-2);
      }
}
@media (min-width: 520px) {
    .rt-Button.xs\:rt-r-size-1 {
      gap: var(--space-1);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
    }

      .rt-Button.xs\:rt-r-size-1:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
      }
      .rt-Button.xs\:rt-r-size-1:where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
      }
    .rt-Button.xs\:rt-r-size-2 {
      gap: var(--space-2);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
    }

      .rt-Button.xs\:rt-r-size-2:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
      }
      .rt-Button.xs\:rt-r-size-2:where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
      }
    .rt-Button.xs\:rt-r-size-3 {
      gap: var(--space-3);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
    }

      .rt-Button.xs\:rt-r-size-3:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
      }
      .rt-Button.xs\:rt-r-size-3:where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-3);
        --button-ghost-padding-y: calc(var(--space-1) * 1.5);
      }
    .rt-Button.xs\:rt-r-size-4 {
      gap: var(--space-3);
      font-size: var(--font-size-4);
      line-height: var(--line-height-4);
      letter-spacing: var(--letter-spacing-4);
    }

      .rt-Button.xs\:rt-r-size-4:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
      }
      .rt-Button.xs\:rt-r-size-4:where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-4);
        --button-ghost-padding-y: var(--space-2);
      }
}
@media (min-width: 768px) {
    .rt-Button.sm\:rt-r-size-1 {
      gap: var(--space-1);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
    }

      .rt-Button.sm\:rt-r-size-1:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
      }
      .rt-Button.sm\:rt-r-size-1:where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
      }
    .rt-Button.sm\:rt-r-size-2 {
      gap: var(--space-2);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
    }

      .rt-Button.sm\:rt-r-size-2:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
      }
      .rt-Button.sm\:rt-r-size-2:where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
      }
    .rt-Button.sm\:rt-r-size-3 {
      gap: var(--space-3);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
    }

      .rt-Button.sm\:rt-r-size-3:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
      }
      .rt-Button.sm\:rt-r-size-3:where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-3);
        --button-ghost-padding-y: calc(var(--space-1) * 1.5);
      }
    .rt-Button.sm\:rt-r-size-4 {
      gap: var(--space-3);
      font-size: var(--font-size-4);
      line-height: var(--line-height-4);
      letter-spacing: var(--letter-spacing-4);
    }

      .rt-Button.sm\:rt-r-size-4:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
      }
      .rt-Button.sm\:rt-r-size-4:where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-4);
        --button-ghost-padding-y: var(--space-2);
      }
}
@media (min-width: 1024px) {
    .rt-Button.md\:rt-r-size-1 {
      gap: var(--space-1);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
    }

      .rt-Button.md\:rt-r-size-1:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
      }
      .rt-Button.md\:rt-r-size-1:where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
      }
    .rt-Button.md\:rt-r-size-2 {
      gap: var(--space-2);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
    }

      .rt-Button.md\:rt-r-size-2:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
      }
      .rt-Button.md\:rt-r-size-2:where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
      }
    .rt-Button.md\:rt-r-size-3 {
      gap: var(--space-3);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
    }

      .rt-Button.md\:rt-r-size-3:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
      }
      .rt-Button.md\:rt-r-size-3:where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-3);
        --button-ghost-padding-y: calc(var(--space-1) * 1.5);
      }
    .rt-Button.md\:rt-r-size-4 {
      gap: var(--space-3);
      font-size: var(--font-size-4);
      line-height: var(--line-height-4);
      letter-spacing: var(--letter-spacing-4);
    }

      .rt-Button.md\:rt-r-size-4:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
      }
      .rt-Button.md\:rt-r-size-4:where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-4);
        --button-ghost-padding-y: var(--space-2);
      }
}
@media (min-width: 1280px) {
    .rt-Button.lg\:rt-r-size-1 {
      gap: var(--space-1);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
    }

      .rt-Button.lg\:rt-r-size-1:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
      }
      .rt-Button.lg\:rt-r-size-1:where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
      }
    .rt-Button.lg\:rt-r-size-2 {
      gap: var(--space-2);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
    }

      .rt-Button.lg\:rt-r-size-2:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
      }
      .rt-Button.lg\:rt-r-size-2:where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
      }
    .rt-Button.lg\:rt-r-size-3 {
      gap: var(--space-3);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
    }

      .rt-Button.lg\:rt-r-size-3:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
      }
      .rt-Button.lg\:rt-r-size-3:where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-3);
        --button-ghost-padding-y: calc(var(--space-1) * 1.5);
      }
    .rt-Button.lg\:rt-r-size-4 {
      gap: var(--space-3);
      font-size: var(--font-size-4);
      line-height: var(--line-height-4);
      letter-spacing: var(--letter-spacing-4);
    }

      .rt-Button.lg\:rt-r-size-4:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
      }
      .rt-Button.lg\:rt-r-size-4:where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-4);
        --button-ghost-padding-y: var(--space-2);
      }
}
@media (min-width: 1640px) {
    .rt-Button.xl\:rt-r-size-1 {
      gap: var(--space-1);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
    }

      .rt-Button.xl\:rt-r-size-1:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
      }
      .rt-Button.xl\:rt-r-size-1:where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
      }
    .rt-Button.xl\:rt-r-size-2 {
      gap: var(--space-2);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
    }

      .rt-Button.xl\:rt-r-size-2:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
      }
      .rt-Button.xl\:rt-r-size-2:where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
      }
    .rt-Button.xl\:rt-r-size-3 {
      gap: var(--space-3);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
    }

      .rt-Button.xl\:rt-r-size-3:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
      }
      .rt-Button.xl\:rt-r-size-3:where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-3);
        --button-ghost-padding-y: calc(var(--space-1) * 1.5);
      }
    .rt-Button.xl\:rt-r-size-4 {
      gap: var(--space-3);
      font-size: var(--font-size-4);
      line-height: var(--line-height-4);
      letter-spacing: var(--letter-spacing-4);
    }

      .rt-Button.xl\:rt-r-size-4:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
      }
      .rt-Button.xl\:rt-r-size-4:where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-4);
        --button-ghost-padding-y: var(--space-2);
      }
}
/***************************************************************************************************
 *                                                                                                 *
 * VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-Button:where(:not(.rt-variant-ghost)) {
  font-weight: var(--font-weight-medium);
}
.rt-CalloutRoot {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  text-align: left;
}
.rt-CalloutIcon {
  display: inline-flex;
  align-items: center;
  vertical-align: bottom;
  flex-shrink: 0;

  height: var(--line-height);
}
.rt-CalloutIcon > svg {
    display: block;
  }
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-CalloutRoot.rt-r-size-1 {
      gap: var(--space-2);
      padding: var(--space-3);
      border-radius: var(--radius-3);
    }
    .rt-CalloutRoot.rt-r-size-2 {
      gap: var(--space-3);
      padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-CalloutRoot.rt-r-size-3 {
      gap: var(--space-4);
      padding: var(--space-5);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 520px) {
    .rt-CalloutRoot.xs\:rt-r-size-1 {
      gap: var(--space-2);
      padding: var(--space-3);
      border-radius: var(--radius-3);
    }
    .rt-CalloutRoot.xs\:rt-r-size-2 {
      gap: var(--space-3);
      padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-CalloutRoot.xs\:rt-r-size-3 {
      gap: var(--space-4);
      padding: var(--space-5);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 768px) {
    .rt-CalloutRoot.sm\:rt-r-size-1 {
      gap: var(--space-2);
      padding: var(--space-3);
      border-radius: var(--radius-3);
    }
    .rt-CalloutRoot.sm\:rt-r-size-2 {
      gap: var(--space-3);
      padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-CalloutRoot.sm\:rt-r-size-3 {
      gap: var(--space-4);
      padding: var(--space-5);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 1024px) {
    .rt-CalloutRoot.md\:rt-r-size-1 {
      gap: var(--space-2);
      padding: var(--space-3);
      border-radius: var(--radius-3);
    }
    .rt-CalloutRoot.md\:rt-r-size-2 {
      gap: var(--space-3);
      padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-CalloutRoot.md\:rt-r-size-3 {
      gap: var(--space-4);
      padding: var(--space-5);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 1280px) {
    .rt-CalloutRoot.lg\:rt-r-size-1 {
      gap: var(--space-2);
      padding: var(--space-3);
      border-radius: var(--radius-3);
    }
    .rt-CalloutRoot.lg\:rt-r-size-2 {
      gap: var(--space-3);
      padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-CalloutRoot.lg\:rt-r-size-3 {
      gap: var(--space-4);
      padding: var(--space-5);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 1640px) {
    .rt-CalloutRoot.xl\:rt-r-size-1 {
      gap: var(--space-2);
      padding: var(--space-3);
      border-radius: var(--radius-3);
    }
    .rt-CalloutRoot.xl\:rt-r-size-2 {
      gap: var(--space-3);
      padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-CalloutRoot.xl\:rt-r-size-3 {
      gap: var(--space-4);
      padding: var(--space-5);
      border-radius: var(--radius-5);
    }
}
/***************************************************************************************************
 *                                                                                                 *
 * VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
/* soft */
.rt-CalloutRoot.rt-variant-soft {
  background-color: var(--accent-a3);
}
/* outline / surface */
.rt-CalloutRoot.rt-variant-outline,
.rt-CalloutRoot.rt-variant-surface {
  box-shadow: inset 0 0 0 1px var(--accent-a6);
}
.rt-CalloutRoot.rt-variant-surface {
  background-color: var(--color-surface-accent);
}
.rt-Card {
  position: relative;
}
.rt-Card:where(button, a) {
    display: block;
  }
.rt-Card::after {
    inset: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit;
    content: '';
  }
.rt-CardInner {
  position: relative;
  box-sizing: border-box;
  border-radius: inherit;
  overflow: hidden;
  height: 100%;

  /* used by Inset */
  --inset-padding: var(--card-padding);
  padding: var(--inset-padding);
}
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-Card:where(.rt-variant-ghost) {
    /* If a margin IS defined on the component itself, the utility class will win and reset it */
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;

    /* Define the overrides to incorporate the negative margins */
    --margin-top-override: calc(var(--margin-top, 0px) - var(--card-padding));
    --margin-right-override: calc(var(--margin-right, 0px) - var(--card-padding));
    --margin-bottom-override: calc(var(--margin-bottom, 0px) - var(--card-padding));
    --margin-left-override: calc(var(--margin-left, 0px) - var(--card-padding));

    margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override)
      var(--margin-left-override);
    /* We reset the defined margin variables to avoid inheriting them from a higher component */

    /* Reset the overrides on direct children */
  }
:where(.rt-Card:where(.rt-variant-ghost)) > * {
      --margin-top-override: initial;
      --margin-right-override: initial;
      --margin-bottom-override: initial;
      --margin-left-override: initial;
    }
@media all {
    .rt-Card.rt-r-size-1 {
      --card-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-Card.rt-r-size-2 {
      --card-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-Card.rt-r-size-3 {
      --card-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-Card.rt-r-size-4 {
      --card-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
    .rt-Card.rt-r-size-5 {
      --card-padding: var(--space-8);
      border-radius: var(--radius-6);
    }
}
@media (min-width: 520px) {
    .rt-Card.xs\:rt-r-size-1 {
      --card-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-Card.xs\:rt-r-size-2 {
      --card-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-Card.xs\:rt-r-size-3 {
      --card-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-Card.xs\:rt-r-size-4 {
      --card-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
    .rt-Card.xs\:rt-r-size-5 {
      --card-padding: var(--space-8);
      border-radius: var(--radius-6);
    }
}
@media (min-width: 768px) {
    .rt-Card.sm\:rt-r-size-1 {
      --card-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-Card.sm\:rt-r-size-2 {
      --card-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-Card.sm\:rt-r-size-3 {
      --card-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-Card.sm\:rt-r-size-4 {
      --card-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
    .rt-Card.sm\:rt-r-size-5 {
      --card-padding: var(--space-8);
      border-radius: var(--radius-6);
    }
}
@media (min-width: 1024px) {
    .rt-Card.md\:rt-r-size-1 {
      --card-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-Card.md\:rt-r-size-2 {
      --card-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-Card.md\:rt-r-size-3 {
      --card-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-Card.md\:rt-r-size-4 {
      --card-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
    .rt-Card.md\:rt-r-size-5 {
      --card-padding: var(--space-8);
      border-radius: var(--radius-6);
    }
}
@media (min-width: 1280px) {
    .rt-Card.lg\:rt-r-size-1 {
      --card-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-Card.lg\:rt-r-size-2 {
      --card-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-Card.lg\:rt-r-size-3 {
      --card-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-Card.lg\:rt-r-size-4 {
      --card-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
    .rt-Card.lg\:rt-r-size-5 {
      --card-padding: var(--space-8);
      border-radius: var(--radius-6);
    }
}
@media (min-width: 1640px) {
    .rt-Card.xl\:rt-r-size-1 {
      --card-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-Card.xl\:rt-r-size-2 {
      --card-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-Card.xl\:rt-r-size-3 {
      --card-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-Card.xl\:rt-r-size-4 {
      --card-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
    .rt-Card.xl\:rt-r-size-5 {
      --card-padding: var(--space-8);
      border-radius: var(--radius-6);
    }
}
/***************************************************************************************************
 *                                                                                                 *
 * VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
/* surface */
.rt-Card.rt-variant-surface {
  background-color: var(--color-panel);
}
.rt-Card.rt-variant-surface::after {
    box-shadow: inset 0 0 0 1px var(--gray-a6);
  }
@media (hover: hover) {
      .rt-Card.rt-variant-surface:where(button, [href]):hover::after {
        box-shadow: inset 0 0 0 1px var(--gray-a8);
      }
    }
.rt-Card.rt-variant-surface:where(button, [href]):active::after {
      box-shadow: inset 0 0 0 1px var(--gray-a8), inset 0 0 0 1px var(--gray-a6);
    }
.rt-Card.rt-variant-surface:where(button, [href]):focus-visible::after {
      box-shadow: 0 0 0 2px var(--accent-a8);
    }
/* classic */
.rt-Card.rt-variant-classic {
  background-color: var(--color-panel);
}
.rt-Card.rt-variant-classic::before {
    inset: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: var(--shadow-2);
    transition: box-shadow 180ms;
    content: '';
  }
@media (hover: hover) {
      .rt-Card.rt-variant-classic:where(button, [href]):hover::before {
        transition-duration: 40ms;
        box-shadow: var(--shadow-3), var(--shadow-2);
      }
    }
.rt-Card.rt-variant-classic:where(button, [href]):active::before {
      transition-duration: 40ms;
      box-shadow: var(--shadow-2), var(--shadow-2);
    }
.rt-Card.rt-variant-classic:where(button, [href]):focus-visible::after {
      box-shadow: 0 0 0 2px var(--accent-a8);
    }
/* ghost */
@media (hover: hover) {
      .rt-Card.rt-variant-ghost:where(button, [href]):hover {
        background-color: var(--gray-a3);
      }
    }
.rt-Card.rt-variant-ghost:where(button, [href]):focus-visible::after {
      box-shadow: inset 0 0 0 1px var(--accent-8), 0 0 0 1px var(--accent-a8);
    }
.rt-CheckboxRoot {
  display: inline-flex;
  align-items: center;
  vertical-align: bottom;
  flex-shrink: 0;

  /* Match Text size 2 line-height */
  height: var(--line-height-2);
}
.rt-CheckboxButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: var(--checkbox-size);
  width: var(--checkbox-size);
}
.rt-CheckboxIndicator {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--checkbox-size);
  width: var(--checkbox-size);
}
.rt-CheckboxIndicator svg {
    width: 56.25%;
    height: 56.25%;
  }
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-CheckboxRoot.rt-r-size-1 {
      --checkbox-size: var(--space-4);
    }
      .rt-CheckboxRoot.rt-r-size-1 .rt-CheckboxButton {
        border-radius: var(--radius-1);
      }
    .rt-CheckboxRoot.rt-r-size-2 {
      --checkbox-size: var(--space-5);
    }
      .rt-CheckboxRoot.rt-r-size-2 .rt-CheckboxButton {
        border-radius: var(--radius-2);
      }
}
@media (min-width: 520px) {
    .rt-CheckboxRoot.xs\:rt-r-size-1 {
      --checkbox-size: var(--space-4);
    }
      .rt-CheckboxRoot.xs\:rt-r-size-1 .rt-CheckboxButton {
        border-radius: var(--radius-1);
      }
    .rt-CheckboxRoot.xs\:rt-r-size-2 {
      --checkbox-size: var(--space-5);
    }
      .rt-CheckboxRoot.xs\:rt-r-size-2 .rt-CheckboxButton {
        border-radius: var(--radius-2);
      }
}
@media (min-width: 768px) {
    .rt-CheckboxRoot.sm\:rt-r-size-1 {
      --checkbox-size: var(--space-4);
    }
      .rt-CheckboxRoot.sm\:rt-r-size-1 .rt-CheckboxButton {
        border-radius: var(--radius-1);
      }
    .rt-CheckboxRoot.sm\:rt-r-size-2 {
      --checkbox-size: var(--space-5);
    }
      .rt-CheckboxRoot.sm\:rt-r-size-2 .rt-CheckboxButton {
        border-radius: var(--radius-2);
      }
}
@media (min-width: 1024px) {
    .rt-CheckboxRoot.md\:rt-r-size-1 {
      --checkbox-size: var(--space-4);
    }
      .rt-CheckboxRoot.md\:rt-r-size-1 .rt-CheckboxButton {
        border-radius: var(--radius-1);
      }
    .rt-CheckboxRoot.md\:rt-r-size-2 {
      --checkbox-size: var(--space-5);
    }
      .rt-CheckboxRoot.md\:rt-r-size-2 .rt-CheckboxButton {
        border-radius: var(--radius-2);
      }
}
@media (min-width: 1280px) {
    .rt-CheckboxRoot.lg\:rt-r-size-1 {
      --checkbox-size: var(--space-4);
    }
      .rt-CheckboxRoot.lg\:rt-r-size-1 .rt-CheckboxButton {
        border-radius: var(--radius-1);
      }
    .rt-CheckboxRoot.lg\:rt-r-size-2 {
      --checkbox-size: var(--space-5);
    }
      .rt-CheckboxRoot.lg\:rt-r-size-2 .rt-CheckboxButton {
        border-radius: var(--radius-2);
      }
}
@media (min-width: 1640px) {
    .rt-CheckboxRoot.xl\:rt-r-size-1 {
      --checkbox-size: var(--space-4);
    }
      .rt-CheckboxRoot.xl\:rt-r-size-1 .rt-CheckboxButton {
        border-radius: var(--radius-1);
      }
    .rt-CheckboxRoot.xl\:rt-r-size-2 {
      --checkbox-size: var(--space-5);
    }
      .rt-CheckboxRoot.xl\:rt-r-size-2 .rt-CheckboxButton {
        border-radius: var(--radius-2);
      }
}
/***************************************************************************************************
 *                                                                                                 *
 * VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
/* surface */
.rt-CheckboxButton.rt-variant-surface:where([data-state='unchecked']) {
    background-color: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--gray-a7);
  }
.rt-CheckboxButton.rt-variant-surface:where(:focus-visible) {
    box-shadow: inset 0 0 0 1px var(--gray-a7), 0 0 0 2px var(--accent-3),
      0 0 0 4px var(--accent-a8);
  }
.rt-CheckboxButton.rt-variant-surface:where([data-state='checked']) {
    background-color: var(--accent-9);
    color: var(--accent-9-contrast);
  }
.rt-CheckboxButton.rt-variant-surface:where([data-state='checked']):where(:focus-visible) {
      box-shadow: 0 0 0 2px var(--accent-3), 0 0 0 4px var(--accent-a8);
    }
.rt-CheckboxButton.rt-variant-surface:where([data-state='checked']):where(.rt-high-contrast) {
      background-color: var(--accent-12);
      color: var(--accent-1);
    }
/* classic */
.rt-CheckboxButton.rt-variant-classic:where([data-state='unchecked']) {
    background-color: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--gray-a3), var(--shadow-1);
  }
.rt-CheckboxButton.rt-variant-classic:where(:focus-visible) {
    box-shadow: inset 0 0 0 1px var(--gray-a3), var(--shadow-1), 0 0 0 2px var(--accent-3),
      0 0 0 4px var(--accent-a8);
  }
.rt-CheckboxButton.rt-variant-classic:where([data-state='checked']) {
    background-color: var(--accent-9);
    color: var(--accent-9-contrast);
  }
.rt-CheckboxButton.rt-variant-classic:where([data-state='checked']):where(:focus-visible) {
      box-shadow: 0 0 0 2px var(--accent-3), 0 0 0 4px var(--accent-a8);
    }
.rt-CheckboxButton.rt-variant-classic:where([data-state='checked']):where(.rt-high-contrast) {
      background-color: var(--accent-12);
      color: var(--accent-1);
    }
/* soft */
.rt-CheckboxButton.rt-variant-soft {
  background-color: var(--accent-a5);
}
.rt-CheckboxButton.rt-variant-soft:where(:focus-visible) {
    box-shadow: 0 0 0 2px var(--accent-1), 0 0 0 4px var(--accent-a8);
  }
.rt-CheckboxButton.rt-variant-soft:where([data-state='checked']) {
    color: var(--accent-11);
  }
.rt-CheckboxButton.rt-variant-soft:where([data-state='checked']):where(.rt-high-contrast) {
      color: var(--accent-12);
    }
/* all disabled checkboxes */
.rt-CheckboxButton[data-disabled] {
  box-shadow: inset 0 0 0 1px var(--gray-a6);
  background-color: var(--gray-a3);
  cursor: not-allowed;
  color: var(--gray-a8);
}
.rt-Code {
  box-sizing: border-box;
  font-family: var(--code-font-family);
  font-size: calc(var(--code-font-size-adjust) * 1em);
  font-style: var(--code-font-style);
  font-weight: var(--code-font-weight);
  line-height: 1.25;
  letter-spacing: calc(
    var(--code-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing))
  );
  border-radius: calc((0.5px + 0.2em) * var(--radius-factor));
}
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-Code.rt-r-size-1 {
      font-size: calc(var(--font-size-1) * var(--code-font-size-adjust));
      line-height: var(--line-height-1);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Code.rt-r-size-2 {
      font-size: calc(var(--font-size-2) * var(--code-font-size-adjust));
      line-height: var(--line-height-2);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Code.rt-r-size-3 {
      font-size: calc(var(--font-size-3) * var(--code-font-size-adjust));
      line-height: var(--line-height-3);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Code.rt-r-size-4 {
      font-size: calc(var(--font-size-4) * var(--code-font-size-adjust));
      line-height: var(--line-height-4);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Code.rt-r-size-5 {
      font-size: calc(var(--font-size-5) * var(--code-font-size-adjust));
      line-height: var(--line-height-5);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Code.rt-r-size-6 {
      font-size: calc(var(--font-size-6) * var(--code-font-size-adjust));
      line-height: var(--line-height-6);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Code.rt-r-size-7 {
      font-size: calc(var(--font-size-7) * var(--code-font-size-adjust));
      line-height: var(--line-height-7);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Code.rt-r-size-8 {
      font-size: calc(var(--font-size-8) * var(--code-font-size-adjust));
      line-height: var(--line-height-8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Code.rt-r-size-9 {
      font-size: calc(var(--font-size-9) * var(--code-font-size-adjust));
      line-height: var(--line-height-9);
      --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 520px) {
    .rt-Code.xs\:rt-r-size-1 {
      font-size: calc(var(--font-size-1) * var(--code-font-size-adjust));
      line-height: var(--line-height-1);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Code.xs\:rt-r-size-2 {
      font-size: calc(var(--font-size-2) * var(--code-font-size-adjust));
      line-height: var(--line-height-2);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Code.xs\:rt-r-size-3 {
      font-size: calc(var(--font-size-3) * var(--code-font-size-adjust));
      line-height: var(--line-height-3);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Code.xs\:rt-r-size-4 {
      font-size: calc(var(--font-size-4) * var(--code-font-size-adjust));
      line-height: var(--line-height-4);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Code.xs\:rt-r-size-5 {
      font-size: calc(var(--font-size-5) * var(--code-font-size-adjust));
      line-height: var(--line-height-5);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Code.xs\:rt-r-size-6 {
      font-size: calc(var(--font-size-6) * var(--code-font-size-adjust));
      line-height: var(--line-height-6);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Code.xs\:rt-r-size-7 {
      font-size: calc(var(--font-size-7) * var(--code-font-size-adjust));
      line-height: var(--line-height-7);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Code.xs\:rt-r-size-8 {
      font-size: calc(var(--font-size-8) * var(--code-font-size-adjust));
      line-height: var(--line-height-8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Code.xs\:rt-r-size-9 {
      font-size: calc(var(--font-size-9) * var(--code-font-size-adjust));
      line-height: var(--line-height-9);
      --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 768px) {
    .rt-Code.sm\:rt-r-size-1 {
      font-size: calc(var(--font-size-1) * var(--code-font-size-adjust));
      line-height: var(--line-height-1);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Code.sm\:rt-r-size-2 {
      font-size: calc(var(--font-size-2) * var(--code-font-size-adjust));
      line-height: var(--line-height-2);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Code.sm\:rt-r-size-3 {
      font-size: calc(var(--font-size-3) * var(--code-font-size-adjust));
      line-height: var(--line-height-3);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Code.sm\:rt-r-size-4 {
      font-size: calc(var(--font-size-4) * var(--code-font-size-adjust));
      line-height: var(--line-height-4);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Code.sm\:rt-r-size-5 {
      font-size: calc(var(--font-size-5) * var(--code-font-size-adjust));
      line-height: var(--line-height-5);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Code.sm\:rt-r-size-6 {
      font-size: calc(var(--font-size-6) * var(--code-font-size-adjust));
      line-height: var(--line-height-6);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Code.sm\:rt-r-size-7 {
      font-size: calc(var(--font-size-7) * var(--code-font-size-adjust));
      line-height: var(--line-height-7);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Code.sm\:rt-r-size-8 {
      font-size: calc(var(--font-size-8) * var(--code-font-size-adjust));
      line-height: var(--line-height-8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Code.sm\:rt-r-size-9 {
      font-size: calc(var(--font-size-9) * var(--code-font-size-adjust));
      line-height: var(--line-height-9);
      --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1024px) {
    .rt-Code.md\:rt-r-size-1 {
      font-size: calc(var(--font-size-1) * var(--code-font-size-adjust));
      line-height: var(--line-height-1);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Code.md\:rt-r-size-2 {
      font-size: calc(var(--font-size-2) * var(--code-font-size-adjust));
      line-height: var(--line-height-2);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Code.md\:rt-r-size-3 {
      font-size: calc(var(--font-size-3) * var(--code-font-size-adjust));
      line-height: var(--line-height-3);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Code.md\:rt-r-size-4 {
      font-size: calc(var(--font-size-4) * var(--code-font-size-adjust));
      line-height: var(--line-height-4);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Code.md\:rt-r-size-5 {
      font-size: calc(var(--font-size-5) * var(--code-font-size-adjust));
      line-height: var(--line-height-5);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Code.md\:rt-r-size-6 {
      font-size: calc(var(--font-size-6) * var(--code-font-size-adjust));
      line-height: var(--line-height-6);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Code.md\:rt-r-size-7 {
      font-size: calc(var(--font-size-7) * var(--code-font-size-adjust));
      line-height: var(--line-height-7);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Code.md\:rt-r-size-8 {
      font-size: calc(var(--font-size-8) * var(--code-font-size-adjust));
      line-height: var(--line-height-8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Code.md\:rt-r-size-9 {
      font-size: calc(var(--font-size-9) * var(--code-font-size-adjust));
      line-height: var(--line-height-9);
      --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1280px) {
    .rt-Code.lg\:rt-r-size-1 {
      font-size: calc(var(--font-size-1) * var(--code-font-size-adjust));
      line-height: var(--line-height-1);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Code.lg\:rt-r-size-2 {
      font-size: calc(var(--font-size-2) * var(--code-font-size-adjust));
      line-height: var(--line-height-2);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Code.lg\:rt-r-size-3 {
      font-size: calc(var(--font-size-3) * var(--code-font-size-adjust));
      line-height: var(--line-height-3);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Code.lg\:rt-r-size-4 {
      font-size: calc(var(--font-size-4) * var(--code-font-size-adjust));
      line-height: var(--line-height-4);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Code.lg\:rt-r-size-5 {
      font-size: calc(var(--font-size-5) * var(--code-font-size-adjust));
      line-height: var(--line-height-5);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Code.lg\:rt-r-size-6 {
      font-size: calc(var(--font-size-6) * var(--code-font-size-adjust));
      line-height: var(--line-height-6);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Code.lg\:rt-r-size-7 {
      font-size: calc(var(--font-size-7) * var(--code-font-size-adjust));
      line-height: var(--line-height-7);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Code.lg\:rt-r-size-8 {
      font-size: calc(var(--font-size-8) * var(--code-font-size-adjust));
      line-height: var(--line-height-8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Code.lg\:rt-r-size-9 {
      font-size: calc(var(--font-size-9) * var(--code-font-size-adjust));
      line-height: var(--line-height-9);
      --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1640px) {
    .rt-Code.xl\:rt-r-size-1 {
      font-size: calc(var(--font-size-1) * var(--code-font-size-adjust));
      line-height: var(--line-height-1);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Code.xl\:rt-r-size-2 {
      font-size: calc(var(--font-size-2) * var(--code-font-size-adjust));
      line-height: var(--line-height-2);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Code.xl\:rt-r-size-3 {
      font-size: calc(var(--font-size-3) * var(--code-font-size-adjust));
      line-height: var(--line-height-3);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Code.xl\:rt-r-size-4 {
      font-size: calc(var(--font-size-4) * var(--code-font-size-adjust));
      line-height: var(--line-height-4);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Code.xl\:rt-r-size-5 {
      font-size: calc(var(--font-size-5) * var(--code-font-size-adjust));
      line-height: var(--line-height-5);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Code.xl\:rt-r-size-6 {
      font-size: calc(var(--font-size-6) * var(--code-font-size-adjust));
      line-height: var(--line-height-6);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Code.xl\:rt-r-size-7 {
      font-size: calc(var(--font-size-7) * var(--code-font-size-adjust));
      line-height: var(--line-height-7);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Code.xl\:rt-r-size-8 {
      font-size: calc(var(--font-size-8) * var(--code-font-size-adjust));
      line-height: var(--line-height-8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Code.xl\:rt-r-size-9 {
      font-size: calc(var(--font-size-9) * var(--code-font-size-adjust));
      line-height: var(--line-height-9);
      --letter-spacing: var(--letter-spacing-9);
    }
}
/***************************************************************************************************
 *                                                                                                 *
 * VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-Code:where(:not(.rt-variant-ghost)) {
  padding: 0.1em 0.25em;
  font-size: calc(95% * var(--code-font-size-adjust));
}
/* ghost */
.rt-Code.rt-variant-ghost {
  color: var(--accent-a11);
}
.rt-Code.rt-variant-ghost:where(.rt-high-contrast) {
    color: var(--accent-12);
  }
/* solid */
.rt-Code.rt-variant-solid {
  background-color: var(--accent-a9);
  color: var(--accent-9-contrast);
}
.rt-Code.rt-variant-solid:where(.rt-high-contrast) {
    background-color: var(--accent-12);
    color: var(--accent-1);
  }
/* soft */
.rt-Code.rt-variant-soft {
  background-color: var(--accent-a3);
  color: var(--accent-a11);
}
.rt-Code.rt-variant-soft:where(.rt-high-contrast) {
    background-color: var(--accent-a4);
    color: var(--accent-12);
  }
/* outline */
.rt-Code.rt-variant-outline {
  box-shadow: inset 0 0 0 1px var(--accent-a8);
  color: var(--accent-a11);
}
.rt-Code.rt-variant-outline:where(.rt-high-contrast) {
    box-shadow: inset 0 0 0 1px var(--accent-a7), inset 0 0 0 1px var(--gray-a11);
    color: var(--accent-12);
  }
.radix-themes {
  --container-1: 448px;
  --container-2: 688px;
  --container-3: 880px;
  --container-4: 1136px;
}
.rt-Container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 1;
}
.rt-ContainerInner {
  width: 100%;
}
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-Container.rt-r-size-1 .rt-ContainerInner {
      max-width: var(--container-1);
    }
    .rt-Container.rt-r-size-2 .rt-ContainerInner {
      max-width: var(--container-2);
    }
    .rt-Container.rt-r-size-3 .rt-ContainerInner {
      max-width: var(--container-3);
    }
    .rt-Container.rt-r-size-4 .rt-ContainerInner {
      max-width: var(--container-4);
    }
}
@media (min-width: 520px) {
    .rt-Container.xs\:rt-r-size-1 .rt-ContainerInner {
      max-width: var(--container-1);
    }
    .rt-Container.xs\:rt-r-size-2 .rt-ContainerInner {
      max-width: var(--container-2);
    }
    .rt-Container.xs\:rt-r-size-3 .rt-ContainerInner {
      max-width: var(--container-3);
    }
    .rt-Container.xs\:rt-r-size-4 .rt-ContainerInner {
      max-width: var(--container-4);
    }
}
@media (min-width: 768px) {
    .rt-Container.sm\:rt-r-size-1 .rt-ContainerInner {
      max-width: var(--container-1);
    }
    .rt-Container.sm\:rt-r-size-2 .rt-ContainerInner {
      max-width: var(--container-2);
    }
    .rt-Container.sm\:rt-r-size-3 .rt-ContainerInner {
      max-width: var(--container-3);
    }
    .rt-Container.sm\:rt-r-size-4 .rt-ContainerInner {
      max-width: var(--container-4);
    }
}
@media (min-width: 1024px) {
    .rt-Container.md\:rt-r-size-1 .rt-ContainerInner {
      max-width: var(--container-1);
    }
    .rt-Container.md\:rt-r-size-2 .rt-ContainerInner {
      max-width: var(--container-2);
    }
    .rt-Container.md\:rt-r-size-3 .rt-ContainerInner {
      max-width: var(--container-3);
    }
    .rt-Container.md\:rt-r-size-4 .rt-ContainerInner {
      max-width: var(--container-4);
    }
}
@media (min-width: 1280px) {
    .rt-Container.lg\:rt-r-size-1 .rt-ContainerInner {
      max-width: var(--container-1);
    }
    .rt-Container.lg\:rt-r-size-2 .rt-ContainerInner {
      max-width: var(--container-2);
    }
    .rt-Container.lg\:rt-r-size-3 .rt-ContainerInner {
      max-width: var(--container-3);
    }
    .rt-Container.lg\:rt-r-size-4 .rt-ContainerInner {
      max-width: var(--container-4);
    }
}
@media (min-width: 1640px) {
    .rt-Container.xl\:rt-r-size-1 .rt-ContainerInner {
      max-width: var(--container-1);
    }
    .rt-Container.xl\:rt-r-size-2 .rt-ContainerInner {
      max-width: var(--container-2);
    }
    .rt-Container.xl\:rt-r-size-3 .rt-ContainerInner {
      max-width: var(--container-3);
    }
    .rt-Container.xl\:rt-r-size-4 .rt-ContainerInner {
      max-width: var(--container-4);
    }
}
.rt-BaseMenuContent {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;

  background-color: var(--base-menu-bg);
  --base-menu-radius: min(
    (var(--base-menu-item-height) / 2 + var(--base-menu-padding)),
    max(var(--radius-3), var(--radius-full))
  );
  border-radius: var(--base-menu-radius);
}
.rt-BaseMenuContent .rt-ScrollAreaScrollbar {
    --base-menu-scrollbar-margin: max(
      calc(var(--base-menu-radius) / 1.5),
      var(--base-menu-padding)
    );
    margin-top: var(--base-menu-scrollbar-margin);
    margin-bottom: var(--base-menu-scrollbar-margin);
  }
.rt-BaseMenuViewport {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: var(--base-menu-padding);
}
.rt-BaseMenuContent:has(.rt-ScrollAreaScrollbar[data-orientation='vertical']) .rt-BaseMenuViewport {
    padding-right: 12px;
  }
.rt-BaseMenuItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: max(var(--radius-2), var(--radius-full));
  height: var(--base-menu-item-height);
  padding-left: var(--space-5);
  padding-right: var(--space-3);
  position: relative;
  box-sizing: border-box;
  outline: none;
  cursor: default;

  scroll-margin: var(--base-menu-padding) 0;

  /* Fix sticky text highlighting after selection in Firefox */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.rt-BaseMenuItem[data-disabled] {
    pointer-events: none;
  }
/* reset with :not:has so we still support browsers without :has */
.rt-BaseMenuContent:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) .rt-BaseMenuItem {
    padding-left: var(--space-3);
  }
.rt-BaseMenuContent:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem) .rt-BaseMenuItem {
    padding-left: var(--space-5);
  }
.rt-BaseMenuShortcut {
  display: flex;
  align-items: center;
  margin-left: var(--space-5);
}
.rt-BaseMenuShortcut svg {
    margin-right: calc(-2px * var(--scaling));
  }
.rt-BaseMenuItemIndicator {
  position: absolute;
  left: 0;
  width: var(--space-5);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.rt-BaseMenuSeparator {
  height: 1px;
  margin: var(--space-2) var(--space-3);
}
.rt-BaseMenuLabel {
  display: flex;
  align-items: center;
  height: var(--base-menu-item-height);
  padding-left: var(--space-5);
  padding-right: var(--space-3);
  font-size: var(--font-size-1);
  line-height: var(--line-height-1);
  letter-spacing: var(--letter-spacing-1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
}
.rt-BaseMenuLabel:not(:first-child) {
    margin-top: var(--space-2);
  }
/* reset with :not:has so we still support browsers without :has */
.rt-BaseMenuContent:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) .rt-BaseMenuLabel {
    padding-left: var(--space-3);
  }
.rt-BaseMenuContent:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem) .rt-BaseMenuLabel {
    padding-left: var(--space-5);
  }
.rt-BaseMenuArrow {
  fill: var(--base-menu-bg);
}
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-BaseMenuContent.rt-r-size-1 {
      --base-menu-padding: var(--space-1);
      --base-menu-item-height: var(--space-5);
    }

      .rt-BaseMenuContent.rt-r-size-1 .rt-BaseMenuItem {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
      }

    .rt-BaseMenuContent.rt-r-size-2 {
      --base-menu-padding: var(--space-2);
      --base-menu-item-height: var(--space-6);
    }

      .rt-BaseMenuContent.rt-r-size-2 .rt-BaseMenuItem {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }
}
@media (min-width: 520px) {
    .rt-BaseMenuContent.xs\:rt-r-size-1 {
      --base-menu-padding: var(--space-1);
      --base-menu-item-height: var(--space-5);
    }

      .rt-BaseMenuContent.xs\:rt-r-size-1 .rt-BaseMenuItem {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
      }

    .rt-BaseMenuContent.xs\:rt-r-size-2 {
      --base-menu-padding: var(--space-2);
      --base-menu-item-height: var(--space-6);
    }

      .rt-BaseMenuContent.xs\:rt-r-size-2 .rt-BaseMenuItem {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }
}
@media (min-width: 768px) {
    .rt-BaseMenuContent.sm\:rt-r-size-1 {
      --base-menu-padding: var(--space-1);
      --base-menu-item-height: var(--space-5);
    }

      .rt-BaseMenuContent.sm\:rt-r-size-1 .rt-BaseMenuItem {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
      }

    .rt-BaseMenuContent.sm\:rt-r-size-2 {
      --base-menu-padding: var(--space-2);
      --base-menu-item-height: var(--space-6);
    }

      .rt-BaseMenuContent.sm\:rt-r-size-2 .rt-BaseMenuItem {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }
}
@media (min-width: 1024px) {
    .rt-BaseMenuContent.md\:rt-r-size-1 {
      --base-menu-padding: var(--space-1);
      --base-menu-item-height: var(--space-5);
    }

      .rt-BaseMenuContent.md\:rt-r-size-1 .rt-BaseMenuItem {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
      }

    .rt-BaseMenuContent.md\:rt-r-size-2 {
      --base-menu-padding: var(--space-2);
      --base-menu-item-height: var(--space-6);
    }

      .rt-BaseMenuContent.md\:rt-r-size-2 .rt-BaseMenuItem {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }
}
@media (min-width: 1280px) {
    .rt-BaseMenuContent.lg\:rt-r-size-1 {
      --base-menu-padding: var(--space-1);
      --base-menu-item-height: var(--space-5);
    }

      .rt-BaseMenuContent.lg\:rt-r-size-1 .rt-BaseMenuItem {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
      }

    .rt-BaseMenuContent.lg\:rt-r-size-2 {
      --base-menu-padding: var(--space-2);
      --base-menu-item-height: var(--space-6);
    }

      .rt-BaseMenuContent.lg\:rt-r-size-2 .rt-BaseMenuItem {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }
}
@media (min-width: 1640px) {
    .rt-BaseMenuContent.xl\:rt-r-size-1 {
      --base-menu-padding: var(--space-1);
      --base-menu-item-height: var(--space-5);
    }

      .rt-BaseMenuContent.xl\:rt-r-size-1 .rt-BaseMenuItem {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
      }

    .rt-BaseMenuContent.xl\:rt-r-size-2 {
      --base-menu-padding: var(--space-2);
      --base-menu-item-height: var(--space-6);
    }

      .rt-BaseMenuContent.xl\:rt-r-size-2 .rt-BaseMenuItem {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }
}
/***************************************************************************************************
 *                                                                                                 *
 * VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-BaseMenuContent {
  --base-menu-bg: var(--color-panel-solid);
  box-shadow: var(--shadow-5);
}
.rt-BaseMenuItem[data-accent-color] {
  color: var(--accent-a11);
}
.rt-BaseMenuItem[data-disabled] {
  color: var(--gray-a8);
}
.rt-BaseMenuShortcut {
  color: var(--gray-a11);
}
.rt-BaseMenuItem[data-disabled] .rt-BaseMenuShortcut,
.rt-BaseMenuItem[data-highlighted] .rt-BaseMenuShortcut,
.rt-BaseMenuSubTrigger[data-state='open'] .rt-BaseMenuShortcut {
  color: inherit;
}
.rt-BaseMenuLabel {
  color: var(--gray-a11);
}
.rt-BaseMenuSeparator {
  background-color: var(--gray-a6);
}
/* solid */
.rt-BaseMenuContent.rt-variant-solid .rt-BaseMenuSubTrigger[data-state='open'] {
    background-color: var(--gray-a3);
  }
.rt-BaseMenuContent.rt-variant-solid .rt-BaseMenuSubTriggerIcon {
    color: var(--gray-12);
  }
.rt-BaseMenuContent.rt-variant-solid .rt-BaseMenuItem[data-highlighted] {
    background-color: var(--accent-9);
    color: var(--accent-9-contrast);
  }
.rt-BaseMenuContent.rt-variant-solid .rt-BaseMenuItem[data-highlighted] .rt-BaseMenuSubTriggerIcon {
      color: var(--accent-9-contrast);
    }
.rt-BaseMenuContent.rt-variant-solid:where(.rt-high-contrast) .rt-BaseMenuItem[data-highlighted] {
      background-color: var(--accent-12);
      color: var(--accent-1);
    }
.rt-BaseMenuContent.rt-variant-solid:where(.rt-high-contrast) .rt-BaseMenuItem[data-highlighted] .rt-BaseMenuSubTriggerIcon {
        color: var(--accent-1);
      }
.rt-BaseMenuContent.rt-variant-solid:where(.rt-high-contrast) .rt-BaseMenuItem[data-highlighted][data-accent-color] {
        background-color: var(--accent-9);
        color: var(--accent-9-contrast);
      }
/* soft */
.rt-BaseMenuContent.rt-variant-soft .rt-BaseMenuSubTrigger[data-state='open'] {
    background-color: var(--accent-a3);
  }
.rt-BaseMenuContent.rt-variant-soft .rt-BaseMenuSubTriggerIcon {
    color: var(--gray-12);
  }
.rt-BaseMenuContent.rt-variant-soft .rt-BaseMenuItem[data-highlighted] {
    background-color: var(--accent-a5);
  }
.rt-BaseMenuContent.rt-variant-soft .rt-BaseMenuItem[data-highlighted][data-accent-color] {
      color: var(--accent-12);
    }
.rt-ContextMenuContent {
  max-height: var(--radix-context-menu-content-available-height);
  transform-origin: var(--radix-context-menu-content-transform-origin);
}
.rt-DialogOverlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  padding-bottom: 5vh;
}
.rt-DialogOverlay::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--color-overlay);
    filter: saturate(0.5);
  }
.rt-DialogContent {
  width: 100%;
  max-height: 90vh;
  max-width: 580px;
  outline: none;
  overflow: auto;
  background-color: var(--color-panel-solid);
  box-shadow: var(--shadow-6);
  box-sizing: border-box;
  z-index: 1;

  /* used by Inset */
  --inset-padding: var(--dialog-padding);
  padding: var(--inset-padding);
}
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-DialogContent.rt-r-size-1 {
      --dialog-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-DialogContent.rt-r-size-2 {
      --dialog-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-DialogContent.rt-r-size-3 {
      --dialog-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-DialogContent.rt-r-size-4 {
      --dialog-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 520px) {
    .rt-DialogContent.xs\:rt-r-size-1 {
      --dialog-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-DialogContent.xs\:rt-r-size-2 {
      --dialog-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-DialogContent.xs\:rt-r-size-3 {
      --dialog-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-DialogContent.xs\:rt-r-size-4 {
      --dialog-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 768px) {
    .rt-DialogContent.sm\:rt-r-size-1 {
      --dialog-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-DialogContent.sm\:rt-r-size-2 {
      --dialog-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-DialogContent.sm\:rt-r-size-3 {
      --dialog-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-DialogContent.sm\:rt-r-size-4 {
      --dialog-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 1024px) {
    .rt-DialogContent.md\:rt-r-size-1 {
      --dialog-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-DialogContent.md\:rt-r-size-2 {
      --dialog-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-DialogContent.md\:rt-r-size-3 {
      --dialog-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-DialogContent.md\:rt-r-size-4 {
      --dialog-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 1280px) {
    .rt-DialogContent.lg\:rt-r-size-1 {
      --dialog-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-DialogContent.lg\:rt-r-size-2 {
      --dialog-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-DialogContent.lg\:rt-r-size-3 {
      --dialog-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-DialogContent.lg\:rt-r-size-4 {
      --dialog-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 1640px) {
    .rt-DialogContent.xl\:rt-r-size-1 {
      --dialog-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-DialogContent.xl\:rt-r-size-2 {
      --dialog-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-DialogContent.xl\:rt-r-size-3 {
      --dialog-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-DialogContent.xl\:rt-r-size-4 {
      --dialog-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
}
@media (prefers-reduced-motion: no-preference) {
  @keyframes DialogOverlayNoop {
    from {
      opacity: 1;
    }
    to {
      opacity: 1;
    }
  }

  @keyframes DialogOverlayShow {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  @keyframes DialogOverlayHide {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }

  @keyframes DialogContentShow {
    from {
      opacity: 0;
      transform: translateY(5px) scale(0.97);
    }
    to {
      opacity: 1;
      transform: translateY(0px) scale(1);
    }
  }

  @keyframes DialogContentHide {
    from {
      opacity: 1;
      transform: translateY(0px) scale(1);
    }
    to {
      opacity: 0;
      transform: translateY(5px) scale(0.99);
    }
  }
    /* Keep the overlay mounted until the children have animated */
    .rt-DialogOverlay[data-state='closed'] {
      animation: DialogOverlayNoop 250ms cubic-bezier(0.16, 1, 0.3, 1);
    }

    .rt-DialogOverlay[data-state='open']::after {
      animation: DialogOverlayShow 400ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    .rt-DialogOverlay[data-state='closed']::after {
      animation: DialogOverlayHide 250ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    .rt-DialogContent[data-state='open'] {
      animation: DialogContentShow 200ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    .rt-DialogContent[data-state='closed'] {
      animation: DialogContentHide 150ms cubic-bezier(0.16, 1, 0.3, 1);
    }
}
.rt-DropdownMenuContent {
  max-height: var(--radix-dropdown-menu-content-available-height);
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.rt-Em {
  box-sizing: border-box;
  font-family: var(--em-font-family);
  font-size: calc(var(--em-font-size-adjust) * 1em);
  font-style: var(--em-font-style);
  font-weight: var(--em-font-weight);
  line-height: 1.25;
  letter-spacing: calc(
    var(--em-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing))
  );
  color: inherit;
}
.rt-Flex {
  box-sizing: border-box;

  /* Default values to provide the initial styles in the object syntax, e.g. `<Flex display={{ md: 'none' }} />` */
  display: flex;
  justify-content: flex-start;
}
.rt-Grid {
  box-sizing: border-box;

  /* Default values to provide the initial styles in the object syntax, e.g. `<Grid columns={{ md: '2' }} />` */
  display: grid;
  align-items: stretch;
  justify-content: flex-start;
  grid-template-columns: var(--grid-template-columns);
  grid-template-rows: var(--grid-template-rows);
  --grid-template-columns: var(--grid-template-columns-initial, 1fr);
  --grid-template-rows: var(--grid-template-rows-initial, none);
}
/* prettier-ignore */
@media (min-width: 520px) {
  .rt-Grid {
    --grid-template-columns: var(
      --grid-template-columns-xs, var(
      --grid-template-columns-initial, 1fr
    ));

    --grid-template-rows: var(
      --grid-template-rows-xs, var(
      --grid-template-rows-initial, none
    ));
  }
}
/* prettier-ignore */
@media (min-width: 768px) {
  .rt-Grid {
    --grid-template-columns: var(
      --grid-template-columns-sm, var(
      --grid-template-columns-xs, var(
      --grid-template-columns-initial, 1fr
    )));

    --grid-template-rows: var(
      --grid-template-rows-sm, var(
      --grid-template-rows-xs, var(
      --grid-template-rows-initial, none
    )));
  }
}
/* prettier-ignore */
@media (min-width: 1024px) {
  .rt-Grid {
    --grid-template-columns: var(
      --grid-template-columns-md, var(
      --grid-template-columns-sm, var(
      --grid-template-columns-xs, var(
      --grid-template-columns-initial, 1fr
    ))));

    --grid-template-rows: var(
      --grid-template-rows-md, var(
      --grid-template-rows-sm, var(
      --grid-template-rows-xs, var(
      --grid-template-rows-initial, none
    ))));
  }
}
/* prettier-ignore */
@media (min-width: 1280px) {
  .rt-Grid {
    --grid-template-columns: var(
      --grid-template-columns-lg, var(
      --grid-template-columns-md, var(
      --grid-template-columns-sm, var(
      --grid-template-columns-xs, var(
      --grid-template-columns-initial, 1fr
    )))));

    --grid-template-rows: var(
      --grid-template-rows-lg, var(
      --grid-template-rows-md, var(
      --grid-template-rows-sm, var(
      --grid-template-rows-xs, var(
      --grid-template-rows-initial, none
    )))));
  }
}
/* prettier-ignore */
@media (min-width: 1640px) {
  .rt-Grid {
    --grid-template-columns: var(
      --grid-template-columns-xl, var(
      --grid-template-columns-lg, var(
      --grid-template-columns-md, var(
      --grid-template-columns-sm, var(
      --grid-template-columns-xs, var(
      --grid-template-columns-initial, 1fr
    ))))));

    --grid-template-rows: var(
      --grid-template-rows-xl, var(
      --grid-template-rows-lg, var(
      --grid-template-rows-md, var(
      --grid-template-rows-sm, var(
      --grid-template-rows-xs, var(
      --grid-template-rows-initial, none
    ))))));
  }
}
.rt-Heading {
  margin: 0;
  font-family: var(--heading-font-family);
  font-style: var(--heading-font-style);
  --leading-trim-start: var(--heading-leading-trim-start);
  --leading-trim-end: var(--heading-leading-trim-end);
  line-height: var(--line-height);
}
.rt-Heading:where([data-accent-color]) {
    color: var(--accent-a11);
  }
.rt-Heading:where([data-accent-color]):where(.rt-high-contrast),
    .rt-Heading:where([data-accent-color]) .rt-Text:where(.rt-high-contrast) {
      color: var(--accent-a12);
    }
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-Heading.rt-r-size-1 {
      font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-1);
      letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
    }
    .rt-Heading.rt-r-size-2 {
      font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-2);
      letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
    }
    .rt-Heading.rt-r-size-3 {
      font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-3);
      letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
    }
    .rt-Heading.rt-r-size-4 {
      font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-4);
      letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
    }
    .rt-Heading.rt-r-size-5 {
      font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-5);
      letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
    }
    .rt-Heading.rt-r-size-6 {
      font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-6);
      letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
    }
    .rt-Heading.rt-r-size-7 {
      font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-7);
      letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
    }
    .rt-Heading.rt-r-size-8 {
      font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-8);
      letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
    }
    .rt-Heading.rt-r-size-9 {
      font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-9);
      letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
    }
}
@media (min-width: 520px) {
    .rt-Heading.xs\:rt-r-size-1 {
      font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-1);
      letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
    }
    .rt-Heading.xs\:rt-r-size-2 {
      font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-2);
      letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
    }
    .rt-Heading.xs\:rt-r-size-3 {
      font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-3);
      letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
    }
    .rt-Heading.xs\:rt-r-size-4 {
      font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-4);
      letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
    }
    .rt-Heading.xs\:rt-r-size-5 {
      font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-5);
      letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
    }
    .rt-Heading.xs\:rt-r-size-6 {
      font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-6);
      letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
    }
    .rt-Heading.xs\:rt-r-size-7 {
      font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-7);
      letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
    }
    .rt-Heading.xs\:rt-r-size-8 {
      font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-8);
      letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
    }
    .rt-Heading.xs\:rt-r-size-9 {
      font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-9);
      letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
    }
}
@media (min-width: 768px) {
    .rt-Heading.sm\:rt-r-size-1 {
      font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-1);
      letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
    }
    .rt-Heading.sm\:rt-r-size-2 {
      font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-2);
      letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
    }
    .rt-Heading.sm\:rt-r-size-3 {
      font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-3);
      letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
    }
    .rt-Heading.sm\:rt-r-size-4 {
      font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-4);
      letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
    }
    .rt-Heading.sm\:rt-r-size-5 {
      font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-5);
      letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
    }
    .rt-Heading.sm\:rt-r-size-6 {
      font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-6);
      letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
    }
    .rt-Heading.sm\:rt-r-size-7 {
      font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-7);
      letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
    }
    .rt-Heading.sm\:rt-r-size-8 {
      font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-8);
      letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
    }
    .rt-Heading.sm\:rt-r-size-9 {
      font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-9);
      letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
    }
}
@media (min-width: 1024px) {
    .rt-Heading.md\:rt-r-size-1 {
      font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-1);
      letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
    }
    .rt-Heading.md\:rt-r-size-2 {
      font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-2);
      letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
    }
    .rt-Heading.md\:rt-r-size-3 {
      font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-3);
      letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
    }
    .rt-Heading.md\:rt-r-size-4 {
      font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-4);
      letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
    }
    .rt-Heading.md\:rt-r-size-5 {
      font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-5);
      letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
    }
    .rt-Heading.md\:rt-r-size-6 {
      font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-6);
      letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
    }
    .rt-Heading.md\:rt-r-size-7 {
      font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-7);
      letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
    }
    .rt-Heading.md\:rt-r-size-8 {
      font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-8);
      letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
    }
    .rt-Heading.md\:rt-r-size-9 {
      font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-9);
      letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
    }
}
@media (min-width: 1280px) {
    .rt-Heading.lg\:rt-r-size-1 {
      font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-1);
      letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
    }
    .rt-Heading.lg\:rt-r-size-2 {
      font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-2);
      letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
    }
    .rt-Heading.lg\:rt-r-size-3 {
      font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-3);
      letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
    }
    .rt-Heading.lg\:rt-r-size-4 {
      font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-4);
      letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
    }
    .rt-Heading.lg\:rt-r-size-5 {
      font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-5);
      letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
    }
    .rt-Heading.lg\:rt-r-size-6 {
      font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-6);
      letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
    }
    .rt-Heading.lg\:rt-r-size-7 {
      font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-7);
      letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
    }
    .rt-Heading.lg\:rt-r-size-8 {
      font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-8);
      letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
    }
    .rt-Heading.lg\:rt-r-size-9 {
      font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-9);
      letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
    }
}
@media (min-width: 1640px) {
    .rt-Heading.xl\:rt-r-size-1 {
      font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-1);
      letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
    }
    .rt-Heading.xl\:rt-r-size-2 {
      font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-2);
      letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
    }
    .rt-Heading.xl\:rt-r-size-3 {
      font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-3);
      letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
    }
    .rt-Heading.xl\:rt-r-size-4 {
      font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-4);
      letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
    }
    .rt-Heading.xl\:rt-r-size-5 {
      font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-5);
      letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
    }
    .rt-Heading.xl\:rt-r-size-6 {
      font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-6);
      letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
    }
    .rt-Heading.xl\:rt-r-size-7 {
      font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-7);
      letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
    }
    .rt-Heading.xl\:rt-r-size-8 {
      font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-8);
      letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
    }
    .rt-Heading.xl\:rt-r-size-9 {
      font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
      --line-height: var(--heading-line-height-9);
      letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
    }
}
.rt-HoverCardContent {
  background-color: var(--color-panel-solid);
  box-shadow: var(--shadow-4);
  overflow: auto;

  /* used by Inset */
  --inset-padding: var(--hover-card-padding);
  padding: var(--inset-padding);

  transform-origin: var(--radix-hover-card-content-transform-origin);
}
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-HoverCardContent.rt-r-size-1 {
      --hover-card-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-HoverCardContent.rt-r-size-2 {
      --hover-card-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-HoverCardContent.rt-r-size-3 {
      --hover-card-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 520px) {
    .rt-HoverCardContent.xs\:rt-r-size-1 {
      --hover-card-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-HoverCardContent.xs\:rt-r-size-2 {
      --hover-card-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-HoverCardContent.xs\:rt-r-size-3 {
      --hover-card-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 768px) {
    .rt-HoverCardContent.sm\:rt-r-size-1 {
      --hover-card-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-HoverCardContent.sm\:rt-r-size-2 {
      --hover-card-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-HoverCardContent.sm\:rt-r-size-3 {
      --hover-card-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 1024px) {
    .rt-HoverCardContent.md\:rt-r-size-1 {
      --hover-card-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-HoverCardContent.md\:rt-r-size-2 {
      --hover-card-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-HoverCardContent.md\:rt-r-size-3 {
      --hover-card-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 1280px) {
    .rt-HoverCardContent.lg\:rt-r-size-1 {
      --hover-card-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-HoverCardContent.lg\:rt-r-size-2 {
      --hover-card-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-HoverCardContent.lg\:rt-r-size-3 {
      --hover-card-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 1640px) {
    .rt-HoverCardContent.xl\:rt-r-size-1 {
      --hover-card-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-HoverCardContent.xl\:rt-r-size-2 {
      --hover-card-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-HoverCardContent.xl\:rt-r-size-3 {
      --hover-card-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
}
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-IconButton:where(:not(.rt-variant-ghost)) {
    height: var(--base-button-height);
    width: var(--base-button-height);
  }
.rt-IconButton:where(.rt-variant-ghost) {
    padding: var(--icon-button-ghost-padding);
    /* If a margin IS defined on the component itself, the utility class will win and reset it */
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;

    /* Define the overrides to incorporate the negative margins */
    --margin-top-override: calc(var(--margin-top, 0px) - var(--icon-button-ghost-padding));
    --margin-right-override: calc(var(--margin-right, 0px) - var(--icon-button-ghost-padding));
    --margin-bottom-override: calc(var(--margin-bottom, 0px) - var(--icon-button-ghost-padding));
    --margin-left-override: calc(var(--margin-left, 0px) - var(--icon-button-ghost-padding));

    margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override)
      var(--margin-left-override);

    /* We reset the defined margin variables to avoid inheriting them from a higher component */

    /* Reset the overrides on direct children */
  }
:where(.rt-IconButton:where(.rt-variant-ghost)) > * {
      --margin-top-override: initial;
      --margin-right-override: initial;
      --margin-bottom-override: initial;
      --margin-left-override: initial;
    }
@media all {
    .rt-IconButton.rt-r-size-1:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-1);
    }
    .rt-IconButton.rt-r-size-2:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
    }
    .rt-IconButton.rt-r-size-3:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-2);
    }
    .rt-IconButton.rt-r-size-4:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-3);
    }
}
@media (min-width: 520px) {
    .rt-IconButton.xs\:rt-r-size-1:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-1);
    }
    .rt-IconButton.xs\:rt-r-size-2:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
    }
    .rt-IconButton.xs\:rt-r-size-3:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-2);
    }
    .rt-IconButton.xs\:rt-r-size-4:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-3);
    }
}
@media (min-width: 768px) {
    .rt-IconButton.sm\:rt-r-size-1:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-1);
    }
    .rt-IconButton.sm\:rt-r-size-2:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
    }
    .rt-IconButton.sm\:rt-r-size-3:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-2);
    }
    .rt-IconButton.sm\:rt-r-size-4:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-3);
    }
}
@media (min-width: 1024px) {
    .rt-IconButton.md\:rt-r-size-1:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-1);
    }
    .rt-IconButton.md\:rt-r-size-2:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
    }
    .rt-IconButton.md\:rt-r-size-3:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-2);
    }
    .rt-IconButton.md\:rt-r-size-4:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-3);
    }
}
@media (min-width: 1280px) {
    .rt-IconButton.lg\:rt-r-size-1:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-1);
    }
    .rt-IconButton.lg\:rt-r-size-2:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
    }
    .rt-IconButton.lg\:rt-r-size-3:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-2);
    }
    .rt-IconButton.lg\:rt-r-size-4:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-3);
    }
}
@media (min-width: 1640px) {
    .rt-IconButton.xl\:rt-r-size-1:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-1);
    }
    .rt-IconButton.xl\:rt-r-size-2:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
    }
    .rt-IconButton.xl\:rt-r-size-3:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-2);
    }
    .rt-IconButton.xl\:rt-r-size-4:where(.rt-variant-ghost) {
      --icon-button-ghost-padding: var(--space-3);
    }
}
.rt-Inset {
  /* If a margin IS defined on the component itself, the utility class will win and reset it */
  --margin-top: 0px;
  --margin-right: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  /* We reset the defined margin variables to avoid inheriting them from a higher component */

  /* Reset the overrides on direct children */
}
:where(.rt-Inset) > * {
    --margin-top-override: initial;
    --margin-right-override: initial;
    --margin-bottom-override: initial;
    --margin-left-override: initial;
  }
@media all {
    .rt-Inset.rt-r-side-top {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.rt-r-side-bottom {
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
      margin-bottom: var(--margin-bottom-override);
    }
    .rt-Inset.rt-r-side-left {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
      margin-left: var(--margin-left-override);
    }
    .rt-Inset.rt-r-side-right {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.rt-r-side-x {
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.rt-r-side-y {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
    }
    .rt-Inset.rt-r-side-all {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override)
        var(--margin-left-override);
    }
}
@media (min-width: 520px) {
    .rt-Inset.xs\:rt-r-side-top {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.xs\:rt-r-side-bottom {
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
      margin-bottom: var(--margin-bottom-override);
    }
    .rt-Inset.xs\:rt-r-side-left {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
      margin-left: var(--margin-left-override);
    }
    .rt-Inset.xs\:rt-r-side-right {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.xs\:rt-r-side-x {
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.xs\:rt-r-side-y {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
    }
    .rt-Inset.xs\:rt-r-side-all {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override)
        var(--margin-left-override);
    }
}
@media (min-width: 768px) {
    .rt-Inset.sm\:rt-r-side-top {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.sm\:rt-r-side-bottom {
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
      margin-bottom: var(--margin-bottom-override);
    }
    .rt-Inset.sm\:rt-r-side-left {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
      margin-left: var(--margin-left-override);
    }
    .rt-Inset.sm\:rt-r-side-right {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.sm\:rt-r-side-x {
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.sm\:rt-r-side-y {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
    }
    .rt-Inset.sm\:rt-r-side-all {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override)
        var(--margin-left-override);
    }
}
@media (min-width: 1024px) {
    .rt-Inset.md\:rt-r-side-top {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.md\:rt-r-side-bottom {
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
      margin-bottom: var(--margin-bottom-override);
    }
    .rt-Inset.md\:rt-r-side-left {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
      margin-left: var(--margin-left-override);
    }
    .rt-Inset.md\:rt-r-side-right {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.md\:rt-r-side-x {
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.md\:rt-r-side-y {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
    }
    .rt-Inset.md\:rt-r-side-all {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override)
        var(--margin-left-override);
    }
}
@media (min-width: 1280px) {
    .rt-Inset.lg\:rt-r-side-top {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.lg\:rt-r-side-bottom {
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
      margin-bottom: var(--margin-bottom-override);
    }
    .rt-Inset.lg\:rt-r-side-left {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
      margin-left: var(--margin-left-override);
    }
    .rt-Inset.lg\:rt-r-side-right {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.lg\:rt-r-side-x {
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.lg\:rt-r-side-y {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
    }
    .rt-Inset.lg\:rt-r-side-all {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override)
        var(--margin-left-override);
    }
}
@media (min-width: 1640px) {
    .rt-Inset.xl\:rt-r-side-top {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.xl\:rt-r-side-bottom {
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
      margin-bottom: var(--margin-bottom-override);
    }
    .rt-Inset.xl\:rt-r-side-left {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
      margin-left: var(--margin-left-override);
    }
    .rt-Inset.xl\:rt-r-side-right {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.xl\:rt-r-side-x {
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      margin-left: var(--margin-left-override);
      margin-right: var(--margin-right-override);
    }
    .rt-Inset.xl\:rt-r-side-y {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      margin-top: var(--margin-top-override);
      margin-bottom: var(--margin-bottom-override);
    }
    .rt-Inset.xl\:rt-r-side-all {
      --margin-top-override: calc(var(--margin-top) - var(--inset-padding));
      --margin-right-override: calc(var(--margin-right) - var(--inset-padding));
      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding));
      --margin-left-override: calc(var(--margin-left) - var(--inset-padding));
      margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override)
        var(--margin-left-override);
    }
}
.radix-themes {
  /* prettier-ignore */
  --kbd-shadow:
    inset 0 0.05em var(--white-a12),
    inset 0 0.25em 0.5em var(--gray-a2),
    inset 0 -0.05em var(--gray-a6),
    0 0 0 0.05em var(--gray-a6),
    0 0.08em 0.17em var(--gray-a7);
}
:is(.dark, .dark-theme),
:is(.dark, .dark-theme) .radix-themes:not(.light, .light-theme) {
  /* prettier-ignore */
  --kbd-shadow:
    inset 0 0.05em var(--white-a9),
    inset 0 0.25em 0.5em var(--gray-a2),
    inset 0 -0.1em var(--black-a12),
    0 0 0 0.075em var(--gray-a8),
    0 0.08em 0.17em var(--black-a12);
}
.rt-Kbd {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-family: var(--default-font-family);
  font-weight: normal;
  vertical-align: text-top;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;

  position: relative;
  top: -0.05em;

  font-size: 0.75em;
  min-width: 1.75em;
  line-height: 1.7em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.05em;
  word-spacing: -0.1em;
  border-radius: calc(var(--radius-factor) * 0.35em);
  letter-spacing: var(--letter-spacing, var(--default-letter-spacing));

  color: var(--gray-12);
  background-color: var(--gray-1);
  box-shadow: var(--kbd-shadow);
}
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-Kbd.rt-r-size-1 {
      font-size: calc(var(--font-size-1) * 0.8);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Kbd.rt-r-size-2 {
      font-size: calc(var(--font-size-2) * 0.8);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Kbd.rt-r-size-3 {
      font-size: calc(var(--font-size-3) * 0.8);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Kbd.rt-r-size-4 {
      font-size: calc(var(--font-size-4) * 0.8);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Kbd.rt-r-size-5 {
      font-size: calc(var(--font-size-5) * 0.8);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Kbd.rt-r-size-6 {
      font-size: calc(var(--font-size-6) * 0.8);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Kbd.rt-r-size-7 {
      font-size: calc(var(--font-size-7) * 0.8);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Kbd.rt-r-size-8 {
      font-size: calc(var(--font-size-8) * 0.8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Kbd.rt-r-size-9 {
      font-size: calc(var(--font-size-9) * 0.8);
      --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 520px) {
    .rt-Kbd.xs\:rt-r-size-1 {
      font-size: calc(var(--font-size-1) * 0.8);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Kbd.xs\:rt-r-size-2 {
      font-size: calc(var(--font-size-2) * 0.8);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Kbd.xs\:rt-r-size-3 {
      font-size: calc(var(--font-size-3) * 0.8);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Kbd.xs\:rt-r-size-4 {
      font-size: calc(var(--font-size-4) * 0.8);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Kbd.xs\:rt-r-size-5 {
      font-size: calc(var(--font-size-5) * 0.8);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Kbd.xs\:rt-r-size-6 {
      font-size: calc(var(--font-size-6) * 0.8);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Kbd.xs\:rt-r-size-7 {
      font-size: calc(var(--font-size-7) * 0.8);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Kbd.xs\:rt-r-size-8 {
      font-size: calc(var(--font-size-8) * 0.8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Kbd.xs\:rt-r-size-9 {
      font-size: calc(var(--font-size-9) * 0.8);
      --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 768px) {
    .rt-Kbd.sm\:rt-r-size-1 {
      font-size: calc(var(--font-size-1) * 0.8);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Kbd.sm\:rt-r-size-2 {
      font-size: calc(var(--font-size-2) * 0.8);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Kbd.sm\:rt-r-size-3 {
      font-size: calc(var(--font-size-3) * 0.8);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Kbd.sm\:rt-r-size-4 {
      font-size: calc(var(--font-size-4) * 0.8);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Kbd.sm\:rt-r-size-5 {
      font-size: calc(var(--font-size-5) * 0.8);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Kbd.sm\:rt-r-size-6 {
      font-size: calc(var(--font-size-6) * 0.8);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Kbd.sm\:rt-r-size-7 {
      font-size: calc(var(--font-size-7) * 0.8);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Kbd.sm\:rt-r-size-8 {
      font-size: calc(var(--font-size-8) * 0.8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Kbd.sm\:rt-r-size-9 {
      font-size: calc(var(--font-size-9) * 0.8);
      --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1024px) {
    .rt-Kbd.md\:rt-r-size-1 {
      font-size: calc(var(--font-size-1) * 0.8);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Kbd.md\:rt-r-size-2 {
      font-size: calc(var(--font-size-2) * 0.8);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Kbd.md\:rt-r-size-3 {
      font-size: calc(var(--font-size-3) * 0.8);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Kbd.md\:rt-r-size-4 {
      font-size: calc(var(--font-size-4) * 0.8);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Kbd.md\:rt-r-size-5 {
      font-size: calc(var(--font-size-5) * 0.8);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Kbd.md\:rt-r-size-6 {
      font-size: calc(var(--font-size-6) * 0.8);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Kbd.md\:rt-r-size-7 {
      font-size: calc(var(--font-size-7) * 0.8);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Kbd.md\:rt-r-size-8 {
      font-size: calc(var(--font-size-8) * 0.8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Kbd.md\:rt-r-size-9 {
      font-size: calc(var(--font-size-9) * 0.8);
      --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1280px) {
    .rt-Kbd.lg\:rt-r-size-1 {
      font-size: calc(var(--font-size-1) * 0.8);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Kbd.lg\:rt-r-size-2 {
      font-size: calc(var(--font-size-2) * 0.8);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Kbd.lg\:rt-r-size-3 {
      font-size: calc(var(--font-size-3) * 0.8);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Kbd.lg\:rt-r-size-4 {
      font-size: calc(var(--font-size-4) * 0.8);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Kbd.lg\:rt-r-size-5 {
      font-size: calc(var(--font-size-5) * 0.8);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Kbd.lg\:rt-r-size-6 {
      font-size: calc(var(--font-size-6) * 0.8);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Kbd.lg\:rt-r-size-7 {
      font-size: calc(var(--font-size-7) * 0.8);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Kbd.lg\:rt-r-size-8 {
      font-size: calc(var(--font-size-8) * 0.8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Kbd.lg\:rt-r-size-9 {
      font-size: calc(var(--font-size-9) * 0.8);
      --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1640px) {
    .rt-Kbd.xl\:rt-r-size-1 {
      font-size: calc(var(--font-size-1) * 0.8);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Kbd.xl\:rt-r-size-2 {
      font-size: calc(var(--font-size-2) * 0.8);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Kbd.xl\:rt-r-size-3 {
      font-size: calc(var(--font-size-3) * 0.8);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Kbd.xl\:rt-r-size-4 {
      font-size: calc(var(--font-size-4) * 0.8);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Kbd.xl\:rt-r-size-5 {
      font-size: calc(var(--font-size-5) * 0.8);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Kbd.xl\:rt-r-size-6 {
      font-size: calc(var(--font-size-6) * 0.8);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Kbd.xl\:rt-r-size-7 {
      font-size: calc(var(--font-size-7) * 0.8);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Kbd.xl\:rt-r-size-8 {
      font-size: calc(var(--font-size-8) * 0.8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Kbd.xl\:rt-r-size-9 {
      font-size: calc(var(--font-size-9) * 0.8);
      --letter-spacing: var(--letter-spacing-9);
    }
}
.rt-Link {
  cursor: pointer;
  color: var(--accent-a11);
  border-radius: calc(0.07em * var(--radius-factor));
}
.rt-Link:focus-visible {
    outline-color: var(--accent-a8);
    outline-width: 2px;
    outline-style: solid;
    outline-offset: 2px;
  }
.rt-Link.rt-high-contrast,
  .rt-Text:where([data-accent-color]):not(.rt-high-contrast) .rt-Link {
    color: var(--accent-12);
  }
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-Link.rt-r-size-7,
    .rt-Link.rt-r-size-8,
    .rt-Link.rt-r-size-9 {
      text-decoration-thickness: 2px;
    }
}
@media (min-width: 520px) {
    .rt-Link.xs\:rt-r-size-7,
    .rt-Link.xs\:rt-r-size-8,
    .rt-Link.xs\:rt-r-size-9 {
      text-decoration-thickness: 2px;
    }
}
@media (min-width: 768px) {
    .rt-Link.sm\:rt-r-size-7,
    .rt-Link.sm\:rt-r-size-8,
    .rt-Link.sm\:rt-r-size-9 {
      text-decoration-thickness: 2px;
    }
}
@media (min-width: 1024px) {
    .rt-Link.md\:rt-r-size-7,
    .rt-Link.md\:rt-r-size-8,
    .rt-Link.md\:rt-r-size-9 {
      text-decoration-thickness: 2px;
    }
}
@media (min-width: 1280px) {
    .rt-Link.lg\:rt-r-size-7,
    .rt-Link.lg\:rt-r-size-8,
    .rt-Link.lg\:rt-r-size-9 {
      text-decoration-thickness: 2px;
    }
}
@media (min-width: 1640px) {
    .rt-Link.xl\:rt-r-size-7,
    .rt-Link.xl\:rt-r-size-8,
    .rt-Link.xl\:rt-r-size-9 {
      text-decoration-thickness: 2px;
    }
}
/***************************************************************************************************
 *                                                                                                 *
 * UNDERLINE                                                                                       *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-Link {
  text-decoration-line: none;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-underline-offset: calc(0.025em + 2px);
  text-decoration-color: var(--accent-a5);
}
@media (hover: hover) {
      .rt-Link:where(.rt-underline-auto):hover {
        text-decoration-line: underline;
      }
    }
.rt-Link.rt-high-contrast:where(.rt-underline-auto),
    :where(.rt-Text:where([data-accent-color])):not(.rt-high-contrast) .rt-Link:where(.rt-underline-auto) {
      text-decoration-line: underline;
      text-decoration-color: var(--accent-a6);
    }
@media (hover: hover) {
      .rt-Link:where(.rt-underline-hover):hover {
        text-decoration-line: underline;
      }
    }
.rt-Link:where(.rt-underline-always) {
    text-decoration-line: underline;
  }
/* all focused states underline */
.rt-Link:focus-visible {
  text-decoration-line: none;
}
.rt-PopoverContent {
  background-color: var(--color-panel-solid);
  box-shadow: var(--shadow-5);
  min-width: var(--radix-popover-trigger-width);
  outline: 0;
  overflow: auto;

  /* used by Inset */
  --inset-padding: var(--popover-padding);
  padding: var(--inset-padding);

  transform-origin: var(--radix-popover-content-transform-origin);
}
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-PopoverContent.rt-r-size-1 {
      --popover-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-PopoverContent.rt-r-size-2 {
      --popover-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-PopoverContent.rt-r-size-3 {
      --popover-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-PopoverContent.rt-r-size-4 {
      --popover-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 520px) {
    .rt-PopoverContent.xs\:rt-r-size-1 {
      --popover-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-PopoverContent.xs\:rt-r-size-2 {
      --popover-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-PopoverContent.xs\:rt-r-size-3 {
      --popover-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-PopoverContent.xs\:rt-r-size-4 {
      --popover-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 768px) {
    .rt-PopoverContent.sm\:rt-r-size-1 {
      --popover-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-PopoverContent.sm\:rt-r-size-2 {
      --popover-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-PopoverContent.sm\:rt-r-size-3 {
      --popover-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-PopoverContent.sm\:rt-r-size-4 {
      --popover-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 1024px) {
    .rt-PopoverContent.md\:rt-r-size-1 {
      --popover-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-PopoverContent.md\:rt-r-size-2 {
      --popover-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-PopoverContent.md\:rt-r-size-3 {
      --popover-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-PopoverContent.md\:rt-r-size-4 {
      --popover-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 1280px) {
    .rt-PopoverContent.lg\:rt-r-size-1 {
      --popover-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-PopoverContent.lg\:rt-r-size-2 {
      --popover-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-PopoverContent.lg\:rt-r-size-3 {
      --popover-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-PopoverContent.lg\:rt-r-size-4 {
      --popover-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
}
@media (min-width: 1640px) {
    .rt-PopoverContent.xl\:rt-r-size-1 {
      --popover-padding: var(--space-3);
      border-radius: var(--radius-4);
    }
    .rt-PopoverContent.xl\:rt-r-size-2 {
      --popover-padding: var(--space-4);
      border-radius: var(--radius-4);
    }
    .rt-PopoverContent.xl\:rt-r-size-3 {
      --popover-padding: var(--space-5);
      border-radius: var(--radius-5);
    }
    .rt-PopoverContent.xl\:rt-r-size-4 {
      --popover-padding: var(--space-6);
      border-radius: var(--radius-5);
    }
}
.rt-Quote {
  box-sizing: border-box;
  font-family: var(--quote-font-family);
  font-size: calc(var(--quote-font-size-adjust) * 1em);
  font-style: var(--quote-font-style);
  font-weight: var(--quote-font-weight);
  line-height: 1.25;
  letter-spacing: calc(
    var(--quote-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing))
  );
  color: inherit;
}
.rt-RadioGroupRoot {
}
.rt-RadioGroupItem {
  display: inline-flex;
  align-items: center;
  vertical-align: bottom;
  flex-shrink: 0;

  /* Match Text size 2 line-height */
  height: var(--line-height-2);
}
.rt-RadioGroupButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: var(--radio-group-item-size);
  width: var(--radio-group-item-size);
  border-radius: 100%;
}
.rt-RadioGroupIndicator {
  background-color: currentColor;
  height: var(--radio-group-indicator-size);
  width: var(--radio-group-indicator-size);
  border-radius: 100%;
}
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-RadioGroupRoot.rt-r-size-1 {
      --radio-group-item-size: var(--space-4);
      --radio-group-indicator-size: calc(6px * var(--scaling));
    }
    .rt-RadioGroupRoot.rt-r-size-2 {
      --radio-group-item-size: var(--space-5);
      --radio-group-indicator-size: calc(10px * var(--scaling));
    }
}
@media (min-width: 520px) {
    .rt-RadioGroupRoot.xs\:rt-r-size-1 {
      --radio-group-item-size: var(--space-4);
      --radio-group-indicator-size: calc(6px * var(--scaling));
    }
    .rt-RadioGroupRoot.xs\:rt-r-size-2 {
      --radio-group-item-size: var(--space-5);
      --radio-group-indicator-size: calc(10px * var(--scaling));
    }
}
@media (min-width: 768px) {
    .rt-RadioGroupRoot.sm\:rt-r-size-1 {
      --radio-group-item-size: var(--space-4);
      --radio-group-indicator-size: calc(6px * var(--scaling));
    }
    .rt-RadioGroupRoot.sm\:rt-r-size-2 {
      --radio-group-item-size: var(--space-5);
      --radio-group-indicator-size: calc(10px * var(--scaling));
    }
}
@media (min-width: 1024px) {
    .rt-RadioGroupRoot.md\:rt-r-size-1 {
      --radio-group-item-size: var(--space-4);
      --radio-group-indicator-size: calc(6px * var(--scaling));
    }
    .rt-RadioGroupRoot.md\:rt-r-size-2 {
      --radio-group-item-size: var(--space-5);
      --radio-group-indicator-size: calc(10px * var(--scaling));
    }
}
@media (min-width: 1280px) {
    .rt-RadioGroupRoot.lg\:rt-r-size-1 {
      --radio-group-item-size: var(--space-4);
      --radio-group-indicator-size: calc(6px * var(--scaling));
    }
    .rt-RadioGroupRoot.lg\:rt-r-size-2 {
      --radio-group-item-size: var(--space-5);
      --radio-group-indicator-size: calc(10px * var(--scaling));
    }
}
@media (min-width: 1640px) {
    .rt-RadioGroupRoot.xl\:rt-r-size-1 {
      --radio-group-item-size: var(--space-4);
      --radio-group-indicator-size: calc(6px * var(--scaling));
    }
    .rt-RadioGroupRoot.xl\:rt-r-size-2 {
      --radio-group-item-size: var(--space-5);
      --radio-group-indicator-size: calc(10px * var(--scaling));
    }
}
/***************************************************************************************************
 *                                                                                                 *
 * VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
/* surface */
.rt-RadioGroupRoot.rt-variant-surface .rt-RadioGroupButton:where([data-state='unchecked']) {
    background-color: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--gray-a7);
  }
.rt-RadioGroupRoot.rt-variant-surface .rt-RadioGroupButton:where(:focus-visible) {
    box-shadow: inset 0 0 0 1px var(--gray-a7), 0 0 0 2px var(--accent-3),
      0 0 0 4px var(--accent-a8);
  }
.rt-RadioGroupRoot.rt-variant-surface .rt-RadioGroupButton:where([data-state='checked']) {
    background-color: var(--accent-9);
    color: var(--accent-9-contrast);
  }
.rt-RadioGroupRoot.rt-variant-surface:where(.rt-high-contrast) .rt-RadioGroupButton:where([data-state='checked']) {
    background-color: var(--accent-12);
    color: var(--accent-1);
  }
/* classic */
.rt-RadioGroupRoot.rt-variant-classic .rt-RadioGroupButton:where([data-state='unchecked']) {
    background-color: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--gray-a3), var(--shadow-1);
  }
.rt-RadioGroupRoot.rt-variant-classic .rt-RadioGroupButton:where(:focus-visible) {
    box-shadow: inset 0 0 0 1px var(--gray-a3), var(--shadow-1), 0 0 0 2px var(--accent-3),
      0 0 0 4px var(--accent-a8);
  }
.rt-RadioGroupRoot.rt-variant-classic .rt-RadioGroupButton:where([data-state='checked']) {
    background-color: var(--accent-9);
    color: var(--accent-9-contrast);
  }
.rt-RadioGroupRoot.rt-variant-classic:where(.rt-high-contrast) .rt-RadioGroupButton:where([data-state='checked']) {
    background-color: var(--accent-12);
    color: var(--accent-1);
  }
/* soft */
.rt-RadioGroupRoot.rt-variant-soft .rt-RadioGroupButton {
    background-color: var(--accent-a5);
  }
.rt-RadioGroupRoot.rt-variant-soft .rt-RadioGroupButton:where(:focus-visible) {
    box-shadow: 0 0 0 2px var(--accent-1), 0 0 0 4px var(--accent-a8);
  }
.rt-RadioGroupRoot.rt-variant-soft .rt-RadioGroupButton:where([data-state='checked']) {
    color: var(--accent-11);
  }
.rt-RadioGroupRoot.rt-variant-soft:where(.rt-high-contrast) .rt-RadioGroupButton:where([data-state='checked']) {
    color: var(--accent-12);
  }
/* all disabled radios */
.rt-RadioGroupRoot .rt-RadioGroupButton[data-disabled] {
  box-shadow: inset 0 0 0 1px var(--gray-a6);
  background-color: var(--gray-a3);
  cursor: not-allowed;
  color: var(--gray-a8);
}
.rt-ScrollAreaRoot {
  --scrollarea-scrollbar-margin-top: var(--space-1);
  --scrollarea-scrollbar-margin-bottom: var(--space-1);
  --scrollarea-scrollbar-margin-left: var(--space-1);
  --scrollarea-scrollbar-margin-right: var(--space-1);

  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.rt-ScrollAreaViewport {
  width: 100%;
  height: 100%;

  /* Stop Chrome back/forward two-finger swipe */
  overscroll-behavior-x: contain;
}
.rt-ScrollAreaViewport:focus-visible + .rt-ScrollAreaViewportFocusRing {
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 2px var(--accent-a8);
}
.rt-ScrollAreaScrollbar {
  display: flex;
  /* Ensures no selection */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  /* Disable browser handling of all panning and zooming gestures on touch devices */
  touch-action: none;
}
.rt-ScrollAreaScrollbar[data-orientation='vertical'] {
    flex-direction: column;
    width: var(--scrollarea-scrollbar-size);
  }
.rt-ScrollAreaScrollbar[data-orientation='horizontal'] {
    flex-direction: row;
    height: var(--scrollarea-scrollbar-size);
  }
.rt-ScrollAreaThumb {
  position: relative;
}
.rt-ScrollAreaThumb::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    min-width: 44px;
    min-height: 44px;
  }
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-ScrollAreaScrollbar.rt-r-size-1 {
      --scrollarea-scrollbar-size: var(--space-1);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar.rt-r-size-2 {
      --scrollarea-scrollbar-size: var(--space-2);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar.rt-r-size-3 {
      --scrollarea-scrollbar-size: var(--space-3);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
}
@media (min-width: 520px) {
    .rt-ScrollAreaScrollbar.xs\:rt-r-size-1 {
      --scrollarea-scrollbar-size: var(--space-1);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar.xs\:rt-r-size-2 {
      --scrollarea-scrollbar-size: var(--space-2);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar.xs\:rt-r-size-3 {
      --scrollarea-scrollbar-size: var(--space-3);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
}
@media (min-width: 768px) {
    .rt-ScrollAreaScrollbar.sm\:rt-r-size-1 {
      --scrollarea-scrollbar-size: var(--space-1);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar.sm\:rt-r-size-2 {
      --scrollarea-scrollbar-size: var(--space-2);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar.sm\:rt-r-size-3 {
      --scrollarea-scrollbar-size: var(--space-3);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
}
@media (min-width: 1024px) {
    .rt-ScrollAreaScrollbar.md\:rt-r-size-1 {
      --scrollarea-scrollbar-size: var(--space-1);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar.md\:rt-r-size-2 {
      --scrollarea-scrollbar-size: var(--space-2);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar.md\:rt-r-size-3 {
      --scrollarea-scrollbar-size: var(--space-3);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
}
@media (min-width: 1280px) {
    .rt-ScrollAreaScrollbar.lg\:rt-r-size-1 {
      --scrollarea-scrollbar-size: var(--space-1);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar.lg\:rt-r-size-2 {
      --scrollarea-scrollbar-size: var(--space-2);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar.lg\:rt-r-size-3 {
      --scrollarea-scrollbar-size: var(--space-3);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
}
@media (min-width: 1640px) {
    .rt-ScrollAreaScrollbar.xl\:rt-r-size-1 {
      --scrollarea-scrollbar-size: var(--space-1);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar.xl\:rt-r-size-2 {
      --scrollarea-scrollbar-size: var(--space-2);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar.xl\:rt-r-size-3 {
      --scrollarea-scrollbar-size: var(--space-3);
      --scrollarea-scrollbar-radius: max(var(--radius-1), var(--radius-full));
    }
}
/***************************************************************************************************
 *                                                                                                 *
 * VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-ScrollAreaScrollbar {
  background-color: var(--gray-a3);
  border-radius: var(--scrollarea-scrollbar-radius);
  margin-top: var(--scrollarea-scrollbar-margin-top);
  margin-bottom: var(--scrollarea-scrollbar-margin-bottom);
  margin-left: var(--scrollarea-scrollbar-margin-left);
  margin-right: var(--scrollarea-scrollbar-margin-right);

  animation-duration: 150ms;
  animation-timing-function: ease-out;
}
.rt-ScrollAreaScrollbar[data-state='visible'] {
    animation-name: fadeIn;
  }
.rt-ScrollAreaScrollbar[data-state='hidden'] {
    animation-name: fadeOut;
  }
.rt-ScrollAreaThumb {
  background-color: var(--gray-a8);
  border-radius: inherit;
  transition: background-color 100ms;
}
@media (hover: hover) {
    .rt-ScrollAreaThumb:hover {
      background-color: var(--gray-a9);
    }
  }
.rt-Section {
  box-sizing: border-box;
  flex-shrink: 0;
}
@media all {
    .rt-Section:where(.rt-r-size-1) {
      padding-top: var(--space-5);
      padding-bottom: var(--space-5);
    }
    .rt-Section:where(.rt-r-size-2) {
      padding-top: var(--space-7);
      padding-bottom: var(--space-7);
    }
    .rt-Section:where(.rt-r-size-3) {
      padding-top: 80px;
      padding-bottom: 80px;
    }
}
@media (min-width: 520px) {
    .rt-Section:where(.xs\:rt-r-size-1) {
      padding-top: var(--space-5);
      padding-bottom: var(--space-5);
    }
    .rt-Section:where(.xs\:rt-r-size-2) {
      padding-top: var(--space-7);
      padding-bottom: var(--space-7);
    }
    .rt-Section:where(.xs\:rt-r-size-3) {
      padding-top: 80px;
      padding-bottom: 80px;
    }
}
@media (min-width: 768px) {
    .rt-Section:where(.sm\:rt-r-size-1) {
      padding-top: var(--space-5);
      padding-bottom: var(--space-5);
    }
    .rt-Section:where(.sm\:rt-r-size-2) {
      padding-top: var(--space-7);
      padding-bottom: var(--space-7);
    }
    .rt-Section:where(.sm\:rt-r-size-3) {
      padding-top: 80px;
      padding-bottom: 80px;
    }
}
@media (min-width: 1024px) {
    .rt-Section:where(.md\:rt-r-size-1) {
      padding-top: var(--space-5);
      padding-bottom: var(--space-5);
    }
    .rt-Section:where(.md\:rt-r-size-2) {
      padding-top: var(--space-7);
      padding-bottom: var(--space-7);
    }
    .rt-Section:where(.md\:rt-r-size-3) {
      padding-top: 80px;
      padding-bottom: 80px;
    }
}
@media (min-width: 1280px) {
    .rt-Section:where(.lg\:rt-r-size-1) {
      padding-top: var(--space-5);
      padding-bottom: var(--space-5);
    }
    .rt-Section:where(.lg\:rt-r-size-2) {
      padding-top: var(--space-7);
      padding-bottom: var(--space-7);
    }
    .rt-Section:where(.lg\:rt-r-size-3) {
      padding-top: 80px;
      padding-bottom: 80px;
    }
}
@media (min-width: 1640px) {
    .rt-Section:where(.xl\:rt-r-size-1) {
      padding-top: var(--space-5);
      padding-bottom: var(--space-5);
    }
    .rt-Section:where(.xl\:rt-r-size-2) {
      padding-top: var(--space-7);
      padding-bottom: var(--space-7);
    }
    .rt-Section:where(.xl\:rt-r-size-3) {
      padding-top: 80px;
      padding-bottom: 80px;
    }
}
.rt-SelectTrigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: top;
  line-height: var(--height);
}
.rt-SelectIcon {
  flex-shrink: 0;
}
.rt-SelectTrigger:where(:not(.rt-variant-ghost)) .rt-SelectIcon {
    opacity: 0.9;
  }
.rt-SelectContent {
  overflow: hidden;

  background-color: var(--select-content-bg);
  --select-content-radius: min(
    (var(--select-item-height) / 2 + var(--select-content-padding)),
    max(var(--radius-3), var(--radius-full))
  );
  border-radius: var(--select-content-radius);
}
.rt-SelectContent[data-side] {
    min-width: var(--radix-select-trigger-width);
    max-height: var(--radix-select-content-available-height);
    transform-origin: var(--radix-select-content-transform-origin);
  }
.rt-SelectContent .rt-ScrollAreaScrollbar {
    --select-content-scrollbar-margin: max(
      calc(var(--select-content-radius) / 1.5),
      var(--select-content-padding)
    );
    margin-top: var(--select-content-scrollbar-margin);
    margin-bottom: var(--select-content-scrollbar-margin);
  }
.rt-SelectViewport {
  box-sizing: border-box;
  padding: var(--select-content-padding);
}
.rt-SelectContent:has(.rt-ScrollAreaScrollbar[data-orientation='vertical']) .rt-SelectViewport {
    padding-right: 12px;
  }
.rt-SelectItem {
  display: flex;
  align-items: center;
  height: var(--select-item-height);
  border-radius: max(var(--radius-2), var(--radius-full));
  padding-left: var(--space-5);
  padding-right: var(--space-5);
  position: relative;
  box-sizing: border-box;
  outline: none;
  cursor: default;

  scroll-margin: var(--select-content-padding) 0;

  /* Fix sticky text highlighting after selection in Firefox */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.rt-SelectItemIndicator {
  position: absolute;
  left: 0;
  width: var(--space-5);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.rt-SelectSeparator {
  height: 1px;
  margin: var(--space-2);
}
.rt-SelectLabel {
  display: flex;
  align-items: center;
  height: var(--select-item-height);
  padding-left: var(--space-5);
  padding-right: var(--space-5);
  font-size: var(--font-size-1);
  line-height: var(--line-height-1);
  letter-spacing: var(--letter-spacing-1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
}
.rt-SelectLabel:not(:first-child) {
    margin-top: var(--space-2);
  }
/***************************************************************************************************
 *                                                                                                 *
 * TRIGGER SIZES                                                                                   *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-SelectTrigger {
  color: var(--gray-12);
}
.rt-SelectTrigger:where(:not(.rt-variant-ghost)) {
    height: var(--select-trigger-height);
  }
.rt-SelectTrigger:where(.rt-variant-ghost) {
    box-sizing: content-box;
    height: -moz-fit-content;
    height: fit-content;
    padding: var(--select-trigger-ghost-padding-y) var(--select-trigger-ghost-padding-x);
    /* If a margin IS defined on the component itself, the utility class will win and reset it */
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;

    /* Define the overrides to incorporate the negative margins */
    --margin-top-override: calc(var(--margin-top, 0px) - var(--select-trigger-ghost-padding-y));
    --margin-right-override: calc(var(--margin-right, 0px) - var(--select-trigger-ghost-padding-x));
    --margin-bottom-override: calc(
      var(--margin-bottom, 0px) - var(--select-trigger-ghost-padding-y)
    );
    --margin-left-override: calc(var(--margin-left, 0px) - var(--select-trigger-ghost-padding-x));

    margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override)
      var(--margin-left-override);

    /* We reset the defined margin variables to avoid inheriting them from a higher component */

    /* Reset the overrides on direct children */
  }
:where(.rt-SelectTrigger:where(.rt-variant-ghost)) > * {
      --margin-top-override: initial;
      --margin-right-override: initial;
      --margin-bottom-override: initial;
      --margin-left-override: initial;
    }
@media all {
    .rt-SelectTrigger.rt-r-size-1 {
      --select-trigger-height: var(--space-5);
      gap: var(--space-1);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      border-radius: max(var(--radius-1), var(--radius-full));
    }

      .rt-SelectTrigger.rt-r-size-1:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
      }
      .rt-SelectTrigger.rt-r-size-1:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
      }
    .rt-SelectTrigger.rt-r-size-2 {
      --select-trigger-height: var(--space-6);
      gap: calc(var(--space-1) * 1.5);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      border-radius: max(var(--radius-2), var(--radius-full));
    }

      .rt-SelectTrigger.rt-r-size-2:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
      }
      .rt-SelectTrigger.rt-r-size-2:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
      }
    .rt-SelectTrigger.rt-r-size-3 {
      --select-trigger-height: var(--space-7);
      gap: var(--space-2);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
      border-radius: max(var(--radius-3), var(--radius-full));
    }

      .rt-SelectTrigger.rt-r-size-3:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
      }
      .rt-SelectTrigger.rt-r-size-3:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-3);
        --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
      }
      .rt-SelectTrigger.rt-r-size-3 .rt-SelectIcon {
        width: 11px;
        height: 11px;
      }
}
@media (min-width: 520px) {
    .rt-SelectTrigger.xs\:rt-r-size-1 {
      --select-trigger-height: var(--space-5);
      gap: var(--space-1);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      border-radius: max(var(--radius-1), var(--radius-full));
    }

      .rt-SelectTrigger.xs\:rt-r-size-1:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
      }
      .rt-SelectTrigger.xs\:rt-r-size-1:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
      }
    .rt-SelectTrigger.xs\:rt-r-size-2 {
      --select-trigger-height: var(--space-6);
      gap: calc(var(--space-1) * 1.5);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      border-radius: max(var(--radius-2), var(--radius-full));
    }

      .rt-SelectTrigger.xs\:rt-r-size-2:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
      }
      .rt-SelectTrigger.xs\:rt-r-size-2:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
      }
    .rt-SelectTrigger.xs\:rt-r-size-3 {
      --select-trigger-height: var(--space-7);
      gap: var(--space-2);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
      border-radius: max(var(--radius-3), var(--radius-full));
    }

      .rt-SelectTrigger.xs\:rt-r-size-3:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
      }
      .rt-SelectTrigger.xs\:rt-r-size-3:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-3);
        --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
      }
      .rt-SelectTrigger.xs\:rt-r-size-3 .rt-SelectIcon {
        width: 11px;
        height: 11px;
      }
}
@media (min-width: 768px) {
    .rt-SelectTrigger.sm\:rt-r-size-1 {
      --select-trigger-height: var(--space-5);
      gap: var(--space-1);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      border-radius: max(var(--radius-1), var(--radius-full));
    }

      .rt-SelectTrigger.sm\:rt-r-size-1:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
      }
      .rt-SelectTrigger.sm\:rt-r-size-1:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
      }
    .rt-SelectTrigger.sm\:rt-r-size-2 {
      --select-trigger-height: var(--space-6);
      gap: calc(var(--space-1) * 1.5);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      border-radius: max(var(--radius-2), var(--radius-full));
    }

      .rt-SelectTrigger.sm\:rt-r-size-2:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
      }
      .rt-SelectTrigger.sm\:rt-r-size-2:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
      }
    .rt-SelectTrigger.sm\:rt-r-size-3 {
      --select-trigger-height: var(--space-7);
      gap: var(--space-2);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
      border-radius: max(var(--radius-3), var(--radius-full));
    }

      .rt-SelectTrigger.sm\:rt-r-size-3:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
      }
      .rt-SelectTrigger.sm\:rt-r-size-3:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-3);
        --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
      }
      .rt-SelectTrigger.sm\:rt-r-size-3 .rt-SelectIcon {
        width: 11px;
        height: 11px;
      }
}
@media (min-width: 1024px) {
    .rt-SelectTrigger.md\:rt-r-size-1 {
      --select-trigger-height: var(--space-5);
      gap: var(--space-1);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      border-radius: max(var(--radius-1), var(--radius-full));
    }

      .rt-SelectTrigger.md\:rt-r-size-1:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
      }
      .rt-SelectTrigger.md\:rt-r-size-1:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
      }
    .rt-SelectTrigger.md\:rt-r-size-2 {
      --select-trigger-height: var(--space-6);
      gap: calc(var(--space-1) * 1.5);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      border-radius: max(var(--radius-2), var(--radius-full));
    }

      .rt-SelectTrigger.md\:rt-r-size-2:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
      }
      .rt-SelectTrigger.md\:rt-r-size-2:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
      }
    .rt-SelectTrigger.md\:rt-r-size-3 {
      --select-trigger-height: var(--space-7);
      gap: var(--space-2);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
      border-radius: max(var(--radius-3), var(--radius-full));
    }

      .rt-SelectTrigger.md\:rt-r-size-3:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
      }
      .rt-SelectTrigger.md\:rt-r-size-3:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-3);
        --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
      }
      .rt-SelectTrigger.md\:rt-r-size-3 .rt-SelectIcon {
        width: 11px;
        height: 11px;
      }
}
@media (min-width: 1280px) {
    .rt-SelectTrigger.lg\:rt-r-size-1 {
      --select-trigger-height: var(--space-5);
      gap: var(--space-1);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      border-radius: max(var(--radius-1), var(--radius-full));
    }

      .rt-SelectTrigger.lg\:rt-r-size-1:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
      }
      .rt-SelectTrigger.lg\:rt-r-size-1:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
      }
    .rt-SelectTrigger.lg\:rt-r-size-2 {
      --select-trigger-height: var(--space-6);
      gap: calc(var(--space-1) * 1.5);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      border-radius: max(var(--radius-2), var(--radius-full));
    }

      .rt-SelectTrigger.lg\:rt-r-size-2:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
      }
      .rt-SelectTrigger.lg\:rt-r-size-2:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
      }
    .rt-SelectTrigger.lg\:rt-r-size-3 {
      --select-trigger-height: var(--space-7);
      gap: var(--space-2);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
      border-radius: max(var(--radius-3), var(--radius-full));
    }

      .rt-SelectTrigger.lg\:rt-r-size-3:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
      }
      .rt-SelectTrigger.lg\:rt-r-size-3:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-3);
        --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
      }
      .rt-SelectTrigger.lg\:rt-r-size-3 .rt-SelectIcon {
        width: 11px;
        height: 11px;
      }
}
@media (min-width: 1640px) {
    .rt-SelectTrigger.xl\:rt-r-size-1 {
      --select-trigger-height: var(--space-5);
      gap: var(--space-1);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      border-radius: max(var(--radius-1), var(--radius-full));
    }

      .rt-SelectTrigger.xl\:rt-r-size-1:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
      }
      .rt-SelectTrigger.xl\:rt-r-size-1:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
      }
    .rt-SelectTrigger.xl\:rt-r-size-2 {
      --select-trigger-height: var(--space-6);
      gap: calc(var(--space-1) * 1.5);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      border-radius: max(var(--radius-2), var(--radius-full));
    }

      .rt-SelectTrigger.xl\:rt-r-size-2:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
      }
      .rt-SelectTrigger.xl\:rt-r-size-2:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
      }
    .rt-SelectTrigger.xl\:rt-r-size-3 {
      --select-trigger-height: var(--space-7);
      gap: var(--space-2);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
      border-radius: max(var(--radius-3), var(--radius-full));
    }

      .rt-SelectTrigger.xl\:rt-r-size-3:where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
      }
      .rt-SelectTrigger.xl\:rt-r-size-3:where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-3);
        --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
      }
      .rt-SelectTrigger.xl\:rt-r-size-3 .rt-SelectIcon {
        width: 11px;
        height: 11px;
      }
}
/***************************************************************************************************
 *                                                                                                 *
 * CONTENT SIZES                                                                                   *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-SelectContent.rt-r-size-1 {
      --select-content-padding: var(--space-1);
      --select-item-height: var(--space-5);
    }

      .rt-SelectContent.rt-r-size-1 .rt-SelectItem {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
      }
    .rt-SelectContent.rt-r-size-2 {
      --select-content-padding: var(--space-2);
      --select-item-height: var(--space-6);
    }

      .rt-SelectContent.rt-r-size-2 .rt-SelectItem {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }
    .rt-SelectContent.rt-r-size-3 {
      --select-content-padding: var(--space-2);
      --select-item-height: var(--space-7);
    }

      .rt-SelectContent.rt-r-size-3 .rt-SelectLabel {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }

      .rt-SelectContent.rt-r-size-3 .rt-SelectItem {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
      }
}
@media (min-width: 520px) {
    .rt-SelectContent.xs\:rt-r-size-1 {
      --select-content-padding: var(--space-1);
      --select-item-height: var(--space-5);
    }

      .rt-SelectContent.xs\:rt-r-size-1 .rt-SelectItem {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
      }
    .rt-SelectContent.xs\:rt-r-size-2 {
      --select-content-padding: var(--space-2);
      --select-item-height: var(--space-6);
    }

      .rt-SelectContent.xs\:rt-r-size-2 .rt-SelectItem {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }
    .rt-SelectContent.xs\:rt-r-size-3 {
      --select-content-padding: var(--space-2);
      --select-item-height: var(--space-7);
    }

      .rt-SelectContent.xs\:rt-r-size-3 .rt-SelectLabel {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }

      .rt-SelectContent.xs\:rt-r-size-3 .rt-SelectItem {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
      }
}
@media (min-width: 768px) {
    .rt-SelectContent.sm\:rt-r-size-1 {
      --select-content-padding: var(--space-1);
      --select-item-height: var(--space-5);
    }

      .rt-SelectContent.sm\:rt-r-size-1 .rt-SelectItem {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
      }
    .rt-SelectContent.sm\:rt-r-size-2 {
      --select-content-padding: var(--space-2);
      --select-item-height: var(--space-6);
    }

      .rt-SelectContent.sm\:rt-r-size-2 .rt-SelectItem {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }
    .rt-SelectContent.sm\:rt-r-size-3 {
      --select-content-padding: var(--space-2);
      --select-item-height: var(--space-7);
    }

      .rt-SelectContent.sm\:rt-r-size-3 .rt-SelectLabel {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }

      .rt-SelectContent.sm\:rt-r-size-3 .rt-SelectItem {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
      }
}
@media (min-width: 1024px) {
    .rt-SelectContent.md\:rt-r-size-1 {
      --select-content-padding: var(--space-1);
      --select-item-height: var(--space-5);
    }

      .rt-SelectContent.md\:rt-r-size-1 .rt-SelectItem {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
      }
    .rt-SelectContent.md\:rt-r-size-2 {
      --select-content-padding: var(--space-2);
      --select-item-height: var(--space-6);
    }

      .rt-SelectContent.md\:rt-r-size-2 .rt-SelectItem {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }
    .rt-SelectContent.md\:rt-r-size-3 {
      --select-content-padding: var(--space-2);
      --select-item-height: var(--space-7);
    }

      .rt-SelectContent.md\:rt-r-size-3 .rt-SelectLabel {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }

      .rt-SelectContent.md\:rt-r-size-3 .rt-SelectItem {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
      }
}
@media (min-width: 1280px) {
    .rt-SelectContent.lg\:rt-r-size-1 {
      --select-content-padding: var(--space-1);
      --select-item-height: var(--space-5);
    }

      .rt-SelectContent.lg\:rt-r-size-1 .rt-SelectItem {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
      }
    .rt-SelectContent.lg\:rt-r-size-2 {
      --select-content-padding: var(--space-2);
      --select-item-height: var(--space-6);
    }

      .rt-SelectContent.lg\:rt-r-size-2 .rt-SelectItem {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }
    .rt-SelectContent.lg\:rt-r-size-3 {
      --select-content-padding: var(--space-2);
      --select-item-height: var(--space-7);
    }

      .rt-SelectContent.lg\:rt-r-size-3 .rt-SelectLabel {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }

      .rt-SelectContent.lg\:rt-r-size-3 .rt-SelectItem {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
      }
}
@media (min-width: 1640px) {
    .rt-SelectContent.xl\:rt-r-size-1 {
      --select-content-padding: var(--space-1);
      --select-item-height: var(--space-5);
    }

      .rt-SelectContent.xl\:rt-r-size-1 .rt-SelectItem {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
      }
    .rt-SelectContent.xl\:rt-r-size-2 {
      --select-content-padding: var(--space-2);
      --select-item-height: var(--space-6);
    }

      .rt-SelectContent.xl\:rt-r-size-2 .rt-SelectItem {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }
    .rt-SelectContent.xl\:rt-r-size-3 {
      --select-content-padding: var(--space-2);
      --select-item-height: var(--space-7);
    }

      .rt-SelectContent.xl\:rt-r-size-3 .rt-SelectLabel {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
      }

      .rt-SelectContent.xl\:rt-r-size-3 .rt-SelectItem {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
      }
}
/***************************************************************************************************
 *                                                                                                 *
 * TRIGGER VARIANTS                                                                                *
 *                                                                                                 *
 ***************************************************************************************************/
/* target value */
.rt-SelectTrigger[data-placeholder] > span > span {
      color: var(--gray-a10);
    }
/* surface */
.rt-SelectTrigger:where(.rt-variant-surface) {
  color: var(--gray-12);
  background-color: var(--color-surface);
  box-shadow: inset 0 0 0 1px var(--gray-a7);
}
@media (hover: hover) {
    .rt-SelectTrigger:where(.rt-variant-surface):where(:hover) {
      box-shadow: inset 0 0 0 1px var(--gray-a8);
    }
  }
.rt-SelectTrigger:where(.rt-variant-surface):where([data-state='open']) {
    box-shadow: inset 0 0 0 1px var(--gray-a8);
  }
.rt-SelectTrigger:where(.rt-variant-surface):where(:focus-visible) {
    box-shadow: inset 0 0 0 1px var(--accent-8), 0 0 0 1px var(--accent-a8);
  }
/* classic */
.radix-themes {
  /* prettier-ignore */
  --select-trigger__classic__box-shadow:
		inset 0 0 0 1px var(--gray-a6),
		inset 0 2px 0 0 var(--white-a12),
		inset 0 -2px 0 0 var(--gray-a5)
	;
}
:is(.dark, .dark-theme),
:is(.dark, .dark-theme) .radix-themes:not(.light, .light-theme) {
  /* prettier-ignore */
  --select-trigger__classic__box-shadow:
    0 0 0 1px var(--white-a5),
    0 -1px 0 0 var(--white-a7),
    inset 0 -1px 0 0 var(--black-a11)
	;
}
.rt-SelectTrigger:where(.rt-variant-classic) {
  color: var(--gray-12);
  background-color: var(--color-surface);
  background-image: linear-gradient(var(--gray-a2), var(--gray-a1));
  box-shadow: var(--select-trigger__classic__box-shadow);

  position: relative;
  z-index: 0;
}
.rt-SelectTrigger:where(.rt-variant-classic)::before,
  .rt-SelectTrigger:where(.rt-variant-classic)::after {
    content: '';
    position: absolute;
    inset: 2px;
    border-radius: 2px;
    pointer-events: none;
  }
.rt-SelectTrigger:where(.rt-variant-classic)::before {
    z-index: 1;
    background-image: linear-gradient(var(--accent-a1), transparent 50%);
    mix-blend-mode: darken;
  }
.rt-SelectTrigger:where(.rt-variant-classic)::after {
    z-index: 2;
    background-image: linear-gradient(transparent 50%, var(--white-a2));
    mix-blend-mode: soft-light;
  }
@media (hover: hover) {
    .rt-SelectTrigger:where(.rt-variant-classic):where(:hover) {
      background-image: linear-gradient(var(--black-a3), var(--black-a2) 50%);
    }
  }
.rt-SelectTrigger:where(.rt-variant-classic):where([data-state='open']) {
    background-image: linear-gradient(var(--black-a3), var(--black-a2) 50%);
  }
.rt-SelectTrigger:where(.rt-variant-classic):where(:focus-visible) {
    box-shadow: inset 0 0 0 1px var(--accent-8), 0 0 0 1px var(--accent-a8);
  }
/* soft / ghost */
.rt-SelectTrigger:where(.rt-variant-soft),
.rt-SelectTrigger:where(.rt-variant-ghost) {
  color: var(--accent-12);
}
/* target value */
.rt-SelectTrigger[data-placeholder]:where(.rt-variant-soft) > span > span, .rt-SelectTrigger[data-placeholder]:where(.rt-variant-ghost) > span > span {
      color: var(--accent-12);
      opacity: 0.5;
    }
.rt-SelectTrigger:where(.rt-variant-soft):where(:focus-visible), .rt-SelectTrigger:where(.rt-variant-ghost):where(:focus-visible) {
    box-shadow: inset 0 0 0 1px var(--accent-8), 0 0 0 1px var(--accent-a8);
  }
.rt-SelectTrigger:where(.rt-variant-soft) {
  background-color: var(--accent-a3);
}
@media (hover: hover) {
    .rt-SelectTrigger:where(.rt-variant-soft):where(:hover) {
      background-color: var(--accent-a4);
    }
  }
.rt-SelectTrigger:where(.rt-variant-soft):where([data-state='open']) {
    background-color: var(--accent-a4);
  }
@media (hover: hover) {
    .rt-SelectTrigger:where(.rt-variant-ghost):where(:hover) {
      background-color: var(--accent-a3);
    }
  }
.rt-SelectTrigger:where(.rt-variant-ghost):where([data-state='open']) {
    background-color: var(--accent-a3);
  }
/* all disabled triggers */
.rt-SelectTrigger:disabled {
  color: var(--gray-a8);
  cursor: not-allowed;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
}
.rt-SelectTrigger:disabled::before,
  .rt-SelectTrigger:disabled::after {
    display: none;
  }
.rt-SelectTrigger:disabled:where(:not(.rt-variant-ghost)) {
    background-color: var(--gray-a3);
  }
/***************************************************************************************************
 *                                                                                                 *
 * MENU VARIANTS                                                                                   *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-SelectContent {
  --select-content-bg: var(--color-panel-solid);
  box-shadow: var(--shadow-5);
}
.rt-SelectItem[data-disabled] {
  color: var(--gray-a8);
}
.rt-SelectLabel {
  color: var(--gray-a11);
}
.rt-SelectSeparator {
  background-color: var(--gray-a6);
}
/* solid */
.rt-SelectContent.rt-variant-solid .rt-SelectItem[data-highlighted] {
    background-color: var(--accent-9);
    color: var(--accent-9-contrast);
  }
.rt-SelectContent.rt-variant-solid:where(.rt-high-contrast) .rt-SelectItem[data-highlighted] {
    background-color: var(--accent-12);
    color: var(--accent-1);
  }
/* soft */
.rt-SelectContent.rt-variant-soft .rt-SelectItem[data-highlighted] {
    background-color: var(--accent-a5);
  }
.rt-Separator {
  background-color: var(--accent-a6);
}
.rt-Separator[data-orientation='vertical'] {
    width: 1px;
    height: var(--separator-size);
  }
.rt-Separator[data-orientation='horizontal'] {
    width: var(--separator-size);
    height: 1px;
  }
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-Separator.rt-r-size-1 {
      --separator-size: var(--space-4);
    }
    .rt-Separator.rt-r-size-2 {
      --separator-size: var(--space-6);
    }
    .rt-Separator.rt-r-size-3 {
      --separator-size: var(--space-9);
    }
    .rt-Separator.rt-r-size-4 {
      --separator-size: 100%;
    }
}
@media (min-width: 520px) {
    .rt-Separator.xs\:rt-r-size-1 {
      --separator-size: var(--space-4);
    }
    .rt-Separator.xs\:rt-r-size-2 {
      --separator-size: var(--space-6);
    }
    .rt-Separator.xs\:rt-r-size-3 {
      --separator-size: var(--space-9);
    }
    .rt-Separator.xs\:rt-r-size-4 {
      --separator-size: 100%;
    }
}
@media (min-width: 768px) {
    .rt-Separator.sm\:rt-r-size-1 {
      --separator-size: var(--space-4);
    }
    .rt-Separator.sm\:rt-r-size-2 {
      --separator-size: var(--space-6);
    }
    .rt-Separator.sm\:rt-r-size-3 {
      --separator-size: var(--space-9);
    }
    .rt-Separator.sm\:rt-r-size-4 {
      --separator-size: 100%;
    }
}
@media (min-width: 1024px) {
    .rt-Separator.md\:rt-r-size-1 {
      --separator-size: var(--space-4);
    }
    .rt-Separator.md\:rt-r-size-2 {
      --separator-size: var(--space-6);
    }
    .rt-Separator.md\:rt-r-size-3 {
      --separator-size: var(--space-9);
    }
    .rt-Separator.md\:rt-r-size-4 {
      --separator-size: 100%;
    }
}
@media (min-width: 1280px) {
    .rt-Separator.lg\:rt-r-size-1 {
      --separator-size: var(--space-4);
    }
    .rt-Separator.lg\:rt-r-size-2 {
      --separator-size: var(--space-6);
    }
    .rt-Separator.lg\:rt-r-size-3 {
      --separator-size: var(--space-9);
    }
    .rt-Separator.lg\:rt-r-size-4 {
      --separator-size: 100%;
    }
}
@media (min-width: 1640px) {
    .rt-Separator.xl\:rt-r-size-1 {
      --separator-size: var(--space-4);
    }
    .rt-Separator.xl\:rt-r-size-2 {
      --separator-size: var(--space-6);
    }
    .rt-Separator.xl\:rt-r-size-3 {
      --separator-size: var(--space-9);
    }
    .rt-Separator.xl\:rt-r-size-4 {
      --separator-size: 100%;
    }
}
.rt-SliderRoot {
  --slider-thumb-size: calc(var(--slider-track-size) + var(--space-1));

  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;

  /* ensures no selection */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  /* disable browser handling of all panning and zooming gestures on touch devices */
  touch-action: none;
}
.rt-SliderRoot[data-orientation='horizontal'] {
    height: var(--slider-thumb-size);
  }
.rt-SliderRoot[data-orientation='vertical'] {
    height: 100%;
    flex-direction: column;
    width: var(--slider-thumb-size);
  }
.rt-SliderTrack {
  position: relative;
  flex-grow: 1;
  border-radius: var(--radius-1);
  overflow: hidden;
}
.rt-SliderTrack[data-orientation='horizontal'] {
    height: var(--slider-track-size);
  }
.rt-SliderTrack[data-orientation='vertical'] {
    width: var(--slider-track-size);
  }
.rt-SliderRange {
  position: absolute;
}
.rt-SliderRange[data-orientation='horizontal'] {
    height: 100%;
  }
.rt-SliderRange[data-orientation='vertical'] {
    width: 100%;
  }
.rt-SliderThumb {
  display: block;
  width: var(--slider-thumb-size);
  height: var(--slider-thumb-size);
  border-radius: var(--slider-thumb-radius);
}
.rt-SliderThumb::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 44px;
    height: 44px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
/* Larger visible thumb so that it slightly overshoots the range */
.rt-SliderThumb::after {
    content: '';
    position: absolute;
    inset: calc(-1 * var(--space-1) / 2);
    background-color: white;
    border-radius: var(--slider-thumb-radius);
    box-shadow: var(--slider-thumb-shadow);
  }
.rt-SliderThumb:where(:focus-visible)::after {
    box-shadow: var(--slider-thumb-shadow), 0 0 0 3px var(--accent-3), 0 0 0 5px var(--accent-8);
  }
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-SliderRoot.rt-r-size-1 {
      --slider-track-size: calc(var(--space-1) * 1.5);
      --slider-thumb-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-SliderRoot.rt-r-size-2 {
      --slider-track-size: var(--space-2);
      --slider-thumb-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-SliderRoot.rt-r-size-3 {
      --slider-track-size: var(--space-3);
      --slider-thumb-radius: max(var(--radius-3), var(--radius-full));
    }
}
@media (min-width: 520px) {
    .rt-SliderRoot.xs\:rt-r-size-1 {
      --slider-track-size: calc(var(--space-1) * 1.5);
      --slider-thumb-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-SliderRoot.xs\:rt-r-size-2 {
      --slider-track-size: var(--space-2);
      --slider-thumb-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-SliderRoot.xs\:rt-r-size-3 {
      --slider-track-size: var(--space-3);
      --slider-thumb-radius: max(var(--radius-3), var(--radius-full));
    }
}
@media (min-width: 768px) {
    .rt-SliderRoot.sm\:rt-r-size-1 {
      --slider-track-size: calc(var(--space-1) * 1.5);
      --slider-thumb-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-SliderRoot.sm\:rt-r-size-2 {
      --slider-track-size: var(--space-2);
      --slider-thumb-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-SliderRoot.sm\:rt-r-size-3 {
      --slider-track-size: var(--space-3);
      --slider-thumb-radius: max(var(--radius-3), var(--radius-full));
    }
}
@media (min-width: 1024px) {
    .rt-SliderRoot.md\:rt-r-size-1 {
      --slider-track-size: calc(var(--space-1) * 1.5);
      --slider-thumb-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-SliderRoot.md\:rt-r-size-2 {
      --slider-track-size: var(--space-2);
      --slider-thumb-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-SliderRoot.md\:rt-r-size-3 {
      --slider-track-size: var(--space-3);
      --slider-thumb-radius: max(var(--radius-3), var(--radius-full));
    }
}
@media (min-width: 1280px) {
    .rt-SliderRoot.lg\:rt-r-size-1 {
      --slider-track-size: calc(var(--space-1) * 1.5);
      --slider-thumb-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-SliderRoot.lg\:rt-r-size-2 {
      --slider-track-size: var(--space-2);
      --slider-thumb-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-SliderRoot.lg\:rt-r-size-3 {
      --slider-track-size: var(--space-3);
      --slider-thumb-radius: max(var(--radius-3), var(--radius-full));
    }
}
@media (min-width: 1640px) {
    .rt-SliderRoot.xl\:rt-r-size-1 {
      --slider-track-size: calc(var(--space-1) * 1.5);
      --slider-thumb-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-SliderRoot.xl\:rt-r-size-2 {
      --slider-track-size: var(--space-2);
      --slider-thumb-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-SliderRoot.xl\:rt-r-size-3 {
      --slider-track-size: var(--space-3);
      --slider-thumb-radius: max(var(--radius-3), var(--radius-full));
    }
}
/***************************************************************************************************
 *                                                                                                 *
 * VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
/* surface */
.rt-SliderRoot.rt-variant-surface .rt-SliderTrack {
    background-color: var(--gray-a3);
    box-shadow: inset 0 0 0 1px var(--gray-a5);
  }
.rt-SliderRoot.rt-variant-surface .rt-SliderRange {
    background-color: var(--accent-9);
    box-shadow: inset 0 0 0 1px var(--gray-a5);
  }
.rt-SliderRoot.rt-variant-surface .rt-SliderThumb {
    --slider-thumb-shadow: 0 0 0 1px var(--black-a7);
  }
/* classic */
.rt-SliderRoot.rt-variant-classic .rt-SliderTrack {
    background-color: var(--gray-a3);
    box-shadow: var(--shadow-1);
  }
.rt-SliderRoot.rt-variant-classic .rt-SliderRange {
    background-color: var(--accent-9);
    /* range shadow shouldn't change between light and dark mode because of the coloured fill */
    box-shadow: inset 0 0 0 1px var(--gray-a6), inset 0 1.5px 2px 0 var(--black-a7);
  }
.rt-SliderRoot.rt-variant-classic .rt-SliderThumb {
    --slider-thumb-shadow: 0 0 0 1px var(--black-a7), 0 1px 3px var(--black-a3),
      0 2px 4px -1px var(--black-a3);
  }
/* soft */
.rt-SliderRoot.rt-variant-soft .rt-SliderTrack {
    background-color: var(--gray-a3);

    /* blend gray with accent */
    background-image: linear-gradient(to right, var(--accent-a3), var(--accent-a3));
  }
.rt-SliderRoot.rt-variant-soft .rt-SliderRange {
    background-color: var(--accent-a7);
  }
.rt-SliderRoot.rt-variant-soft .rt-SliderThumb {
    --slider-thumb-shadow: 0 0 0 1px var(--black-a7), 0 0 0 1px var(--accent-a3),
      0 1px 2px var(--accent-a4), 0 1px 3px -0.5px var(--accent-a3);
  }
/* all high-contrast */
.radix-themes {
  --slider-range-background-image__high-contrast: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.62),
    rgba(0, 0, 0, 0.62)
  );
}
:is(.dark, .dark-theme),
:is(.dark, .dark-theme) .radix-themes:not(.light, .light-theme) {
  --slider-range-background-image__high-contrast: none;
}
.rt-SliderRoot.rt-high-contrast .rt-SliderRange {
    /* blend black and accent */
    background-image: var(--slider-range-background-image__high-contrast);
  }
/* all disabled Sliders */
.radix-themes {
  --slider-blend-mode__disabled: multiply;
}
:is(.dark, .dark-theme),
:is(.dark, .dark-theme) .radix-themes:not(.light, .light-theme) {
  --slider-blend-mode__disabled: screen;
}
.rt-SliderRoot[data-disabled] {
  cursor: not-allowed;
  mix-blend-mode: var(--slider-blend-mode__disabled);
}
.rt-SliderRoot[data-disabled] .rt-SliderTrack[data-disabled] {
    background-color: var(--gray-a3);
    background-image: none;
    box-shadow: inset 0 0 0 1px var(--gray-a5);
  }
.rt-SliderRoot[data-disabled] .rt-SliderRange[data-disabled] {
    background-color: transparent;
    box-shadow: none;
  }
.rt-SliderRoot[data-disabled] .rt-SliderThumb[data-disabled]::after {
    background-color: var(--gray-2);
    box-shadow: 0 0 0 1px var(--gray-6);
  }
.rt-Strong {
  font-family: var(--strong-font-family);
  font-size: calc(var(--strong-font-size-adjust) * 1em);
  font-style: var(--strong-font-style);
  font-weight: var(--strong-font-weight);
  letter-spacing: calc(
    var(--strong-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing))
  );
}
.rt-SwitchRoot {
  display: inline-flex;
  align-items: center;
  vertical-align: bottom;
  flex-shrink: 0;

  /* Match Text size 2 line-height */
  height: var(--line-height-2);

  --switch-padding: 1px;
  --switch-width: calc(var(--switch-height) * 1.75);
  --switch-thumb-size: calc(var(--switch-height) - var(--switch-padding) * 2);
  --switch-thumb-translate: calc(var(--switch-width) - var(--switch-height));
}
.rt-SwitchButton {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: var(--switch-width);
  height: var(--switch-height);
  padding: var(--switch-padding);
  border-radius: var(--switch-radius);

  /* A pseudo element for the background color */
}
.rt-SwitchButton::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    transition: background-position, background-color, box-shadow, filter;
    transition-timing-function: linear, ease-in-out, ease-in-out, ease-in-out;
    background-repeat: no-repeat;

    /*
     * Length of the gradient is: switch width for the checked part, plus switch
     * height for the thumb part, plus another switch width for the unchecked part
     */
    background-size: calc(var(--switch-width) * 2 + var(--switch-height)) 100%;
  }
.rt-SwitchButton:where([data-state='unchecked'])::before {
    transition-duration: 120ms, 140ms, 140ms, 140ms;
    background-position-x: 100%;
  }
.rt-SwitchButton:where([data-state='checked'])::before {
    transition-duration: 160ms, 140ms, 140ms, 140ms;
    background-position: 0%;
  }
.rt-SwitchButton:where(:active)::before {
    transition-duration: 30ms;
  }
/* A pseudo element for the focus outline */
.rt-SwitchButton:where(:focus-visible)::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: 0 0 0 2px var(--accent-3), 0 0 0 4px var(--accent-a8);
  }
.rt-SwitchThumb {
  background-color: white;
  position: relative;
  width: var(--switch-thumb-size);
  height: var(--switch-thumb-size);
  border-radius: calc(var(--switch-radius) - var(--switch-padding));
  transition: transform 140ms cubic-bezier(0.45, 0.05, 0.55, 0.95), box-shadow 140ms ease-in-out;
}
.rt-SwitchThumb:where([data-state='checked']) {
    transform: translateX(var(--switch-thumb-translate));
  }
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-SwitchRoot.rt-r-size-1 {
      --switch-height: var(--space-4);
      --switch-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-SwitchRoot.rt-r-size-2 {
      --switch-height: var(--space-5);
      --switch-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-SwitchRoot.rt-r-size-3 {
      --switch-height: var(--space-6);
      --switch-radius: max(var(--radius-4), var(--radius-full));
    }
}
@media (min-width: 520px) {
    .rt-SwitchRoot.xs\:rt-r-size-1 {
      --switch-height: var(--space-4);
      --switch-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-SwitchRoot.xs\:rt-r-size-2 {
      --switch-height: var(--space-5);
      --switch-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-SwitchRoot.xs\:rt-r-size-3 {
      --switch-height: var(--space-6);
      --switch-radius: max(var(--radius-4), var(--radius-full));
    }
}
@media (min-width: 768px) {
    .rt-SwitchRoot.sm\:rt-r-size-1 {
      --switch-height: var(--space-4);
      --switch-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-SwitchRoot.sm\:rt-r-size-2 {
      --switch-height: var(--space-5);
      --switch-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-SwitchRoot.sm\:rt-r-size-3 {
      --switch-height: var(--space-6);
      --switch-radius: max(var(--radius-4), var(--radius-full));
    }
}
@media (min-width: 1024px) {
    .rt-SwitchRoot.md\:rt-r-size-1 {
      --switch-height: var(--space-4);
      --switch-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-SwitchRoot.md\:rt-r-size-2 {
      --switch-height: var(--space-5);
      --switch-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-SwitchRoot.md\:rt-r-size-3 {
      --switch-height: var(--space-6);
      --switch-radius: max(var(--radius-4), var(--radius-full));
    }
}
@media (min-width: 1280px) {
    .rt-SwitchRoot.lg\:rt-r-size-1 {
      --switch-height: var(--space-4);
      --switch-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-SwitchRoot.lg\:rt-r-size-2 {
      --switch-height: var(--space-5);
      --switch-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-SwitchRoot.lg\:rt-r-size-3 {
      --switch-height: var(--space-6);
      --switch-radius: max(var(--radius-4), var(--radius-full));
    }
}
@media (min-width: 1640px) {
    .rt-SwitchRoot.xl\:rt-r-size-1 {
      --switch-height: var(--space-4);
      --switch-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-SwitchRoot.xl\:rt-r-size-2 {
      --switch-height: var(--space-5);
      --switch-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-SwitchRoot.xl\:rt-r-size-3 {
      --switch-height: var(--space-6);
      --switch-radius: max(var(--radius-4), var(--radius-full));
    }
}
/***************************************************************************************************
 *                                                                                                 *
 * VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
/* surface */
.radix-themes {
  --switch-button-filter__surface-checked-active: brightness(0.92) saturate(1.1);
}
:is(.dark, .dark-theme),
:is(.dark, .dark-theme) .radix-themes:not(.light, .light-theme) {
  --switch-button-filter__surface-checked-active: brightness(1.08);
}
.rt-SwitchRoot.rt-variant-surface .rt-SwitchButton::before {
      background-color: var(--gray-a3);
      background-image: linear-gradient(to right, var(--accent-9) 40%, transparent 60%);
      box-shadow: inset 0 0 0 1px var(--gray-a7);
    }
.rt-SwitchRoot.rt-variant-surface .rt-SwitchButton:where(:active)::before {
      background-color: var(--gray-a4);
    }
.rt-SwitchRoot.rt-variant-surface .rt-SwitchButton:where([data-state='checked']:active)::before {
      filter: var(--switch-button-filter__surface-checked-active);
    }
/* prettier-ignore */
.rt-SwitchRoot.rt-variant-surface:where(.rt-high-contrast) .rt-SwitchButton::before {
        background-image:
          linear-gradient(to right, var(--switch-button-overlay__high-contrast-checked) 40%, transparent 60%),
          linear-gradient(to right, var(--accent-9) 40%, transparent 60%);
      }
.rt-SwitchRoot.rt-variant-surface .rt-SwitchThumb:where([data-state='unchecked']) {
      box-shadow: 0 0 0 1px var(--gray-8), 0 1px 1px var(--black-a3), 0 2px 4px -1px var(--black-a3);
    }
.rt-SwitchRoot.rt-variant-surface .rt-SwitchThumb:where([data-state='checked']) {
      box-shadow: 0 0 0 1px var(--black-a5), 0 1px 1px var(--black-a3),
        0 2px 4px -1px var(--black-a3);
    }
/* classic */
.radix-themes {
  --switch-button-filter__surface-checked-active: brightness(0.92) saturate(1.1);
}
:is(.dark, .dark-theme),
:is(.dark, .dark-theme) .radix-themes:not(.light, .light-theme) {
  --switch-button-filter__surface-checked-active: brightness(1.08);
}
.rt-SwitchRoot.rt-variant-classic .rt-SwitchButton::before {
      background-image: linear-gradient(to right, var(--accent-9) 40%, transparent 60%);
      background-color: var(--gray-a4);
      box-shadow: var(--shadow-1);
    }
.rt-SwitchRoot.rt-variant-classic .rt-SwitchButton:where([data-state='unchecked']:active)::before {
      background-color: var(--gray-a6);
    }
.rt-SwitchRoot.rt-variant-classic .rt-SwitchButton:where([data-state='checked'])::before {
      /* checked shadow shouldn't change between light and dark mode because of the coloured fill */
      box-shadow: inset 0 0 0 1px var(--gray-a6), inset 0 1.5px 2px 0 var(--black-a7);
    }
.rt-SwitchRoot.rt-variant-classic .rt-SwitchButton:where([data-state='checked']:active)::before {
      filter: var(--switch-button-filter__surface-checked-active);
    }
/* prettier-ignore */
.rt-SwitchRoot.rt-variant-classic:where(.rt-high-contrast) .rt-SwitchButton::before {
        background-image:
          linear-gradient(to right, var(--switch-button-overlay__high-contrast-checked) 40%, transparent 60%),
          linear-gradient(to right, var(--accent-9) 40%, transparent 60%);
      }
.rt-SwitchRoot.rt-variant-classic .rt-SwitchThumb {
    box-shadow: 0 0 0 1px var(--black-a4), 0 1px 3px var(--black-a7), 0 2px 4px -1px var(--black-a3);
  }
/* soft */
.radix-themes {
  --switch-button-filter__soft-checked-active: contrast(1.2) brightness(0.75) saturate(1.1);
}
:is(.dark, .dark-theme),
:is(.dark, .dark-theme) .radix-themes:not(.light, .light-theme) {
  --switch-button-filter__soft-checked-active: brightness(1.08);
}
/* prettier-ignore */
.rt-SwitchRoot.rt-variant-soft .rt-SwitchButton::before {
      background-image:
        linear-gradient(to right, var(--accent-a8) 40%, transparent 60%),
        linear-gradient(to right, var(--accent-a3), var(--accent-a3));
    }
.rt-SwitchRoot.rt-variant-soft .rt-SwitchButton:where([data-state='unchecked'])::before {
      background-color: var(--gray-a5);
    }
.rt-SwitchRoot.rt-variant-soft .rt-SwitchButton:where([data-state='unchecked']:active)::before {
      background-color: var(--gray-a7);
    }
.rt-SwitchRoot.rt-variant-soft .rt-SwitchButton:where([data-state='checked']:active)::before {
      filter: var(--switch-button-filter__soft-checked-active);
    }
/* prettier-ignore */
.rt-SwitchRoot.rt-variant-soft:where(.rt-high-contrast) .rt-SwitchButton::before {
        background-image:
          linear-gradient(to right, var(--switch-button-overlay__high-contrast-checked) 40%, transparent 60%),
          linear-gradient(to right, var(--accent-a8) 40%, transparent 60%),
          linear-gradient(to right, var(--accent-a3), var(--accent-a3));
      }
.rt-SwitchRoot.rt-variant-soft .rt-SwitchThumb {
    box-shadow: 0 0 0 1px var(--accent-a3), 0 1px 3px var(--accent-a4),
      0 2px 4px -1px var(--accent-a3);
    filter: saturate(0.45);
  }
/* all high-contrast */
.radix-themes {
  --switch-button-overlay__high-contrast-checked: var(--black-a11);
  --switch-button-filter__high-contrast-checked-active: contrast(0.82) saturate(1.2)
    brightness(1.16);
}
:is(.dark, .dark-theme),
:is(.dark, .dark-theme) .radix-themes:not(.light, .light-theme) {
  --switch-button-overlay__high-contrast-checked: transparent;
  --switch-button-filter__high-contrast-checked-active: brightness(1.08);
}
.rt-SwitchRoot.rt-high-contrast .rt-SwitchButton:where([data-state='checked']:active)::before {
      filter: var(--switch-button-filter__high-contrast-checked-active);
    }
/* all disabled switches */
.radix-themes {
  --switch-thumb-shadow__disabled: 0 0 0 1px var(--gray-6);
  --switch-blend-mode__disabled: multiply;
}
:is(.dark, .dark-theme),
:is(.dark, .dark-theme) .radix-themes:not(.light, .light-theme) {
  --switch-thumb-shadow__disabled: 0 0 0 1px var(--gray-5);
  --switch-blend-mode__disabled: screen;
}
.rt-SwitchRoot .rt-SwitchButton[data-disabled] {
    cursor: not-allowed;
    mix-blend-mode: var(--switch-blend-mode__disabled);
  }
.rt-SwitchRoot .rt-SwitchButton[data-disabled]::before {
      background-image: none;
      background-color: var(--gray-a3);
      box-shadow: inset 0 0 0 1px var(--gray-a5);
    }
.rt-SwitchRoot .rt-SwitchThumb[data-disabled] {
    background-color: var(--gray-2);
    box-shadow: var(--switch-thumb-shadow__disabled);
  }
.rt-TabsList {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;

  scrollbar-width: none;
}
.rt-TabsList::-webkit-scrollbar {
    display: none;
  }
.rt-TabsTrigger {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex-shrink: 0;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.rt-TabsTriggerInner,
.rt-TabsTriggerInnerHidden {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rt-TabsTriggerInner {
  position: absolute;
}
.rt-TabsTrigger[data-state='active'] .rt-TabsTriggerInner {
    font-weight: var(--font-weight-medium);
    letter-spacing: -0.01em;
  }
.rt-TabsTriggerInnerHidden {
  visibility: hidden;
  font-weight: var(--font-weight-medium);
}
.rt-TabsContent {
  position: relative;
  outline: 0;
}
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-TabsTrigger {
  padding-left: var(--tabs-trigger-padding-x);
  padding-right: var(--tabs-trigger-padding-x);
}
.rt-TabsTriggerInner,
.rt-TabsTriggerInnerHidden {
  padding: var(--tabs-trigger-inner-padding-y) var(--tabs-trigger-inner-padding-x);
  border-radius: var(--tabs-trigger-inner-radius);
}
@media all {
    .rt-TabsList.rt-r-size-1 {
      height: var(--space-6);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      --tabs-trigger-padding-x: var(--space-1);
      --tabs-trigger-inner-padding-x: var(--space-1);
      --tabs-trigger-inner-padding-y: calc(var(--space-1) * 0.5);
      --tabs-trigger-inner-radius: var(--radius-1);
    }
    .rt-TabsList.rt-r-size-2 {
      height: var(--space-7);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      --tabs-trigger-padding-x: var(--space-2);
      --tabs-trigger-inner-padding-x: var(--space-2);
      --tabs-trigger-inner-padding-y: var(--space-1);
      --tabs-trigger-inner-radius: var(--radius-2);
    }
}
@media (min-width: 520px) {
    .rt-TabsList.xs\:rt-r-size-1 {
      height: var(--space-6);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      --tabs-trigger-padding-x: var(--space-1);
      --tabs-trigger-inner-padding-x: var(--space-1);
      --tabs-trigger-inner-padding-y: calc(var(--space-1) * 0.5);
      --tabs-trigger-inner-radius: var(--radius-1);
    }
    .rt-TabsList.xs\:rt-r-size-2 {
      height: var(--space-7);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      --tabs-trigger-padding-x: var(--space-2);
      --tabs-trigger-inner-padding-x: var(--space-2);
      --tabs-trigger-inner-padding-y: var(--space-1);
      --tabs-trigger-inner-radius: var(--radius-2);
    }
}
@media (min-width: 768px) {
    .rt-TabsList.sm\:rt-r-size-1 {
      height: var(--space-6);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      --tabs-trigger-padding-x: var(--space-1);
      --tabs-trigger-inner-padding-x: var(--space-1);
      --tabs-trigger-inner-padding-y: calc(var(--space-1) * 0.5);
      --tabs-trigger-inner-radius: var(--radius-1);
    }
    .rt-TabsList.sm\:rt-r-size-2 {
      height: var(--space-7);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      --tabs-trigger-padding-x: var(--space-2);
      --tabs-trigger-inner-padding-x: var(--space-2);
      --tabs-trigger-inner-padding-y: var(--space-1);
      --tabs-trigger-inner-radius: var(--radius-2);
    }
}
@media (min-width: 1024px) {
    .rt-TabsList.md\:rt-r-size-1 {
      height: var(--space-6);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      --tabs-trigger-padding-x: var(--space-1);
      --tabs-trigger-inner-padding-x: var(--space-1);
      --tabs-trigger-inner-padding-y: calc(var(--space-1) * 0.5);
      --tabs-trigger-inner-radius: var(--radius-1);
    }
    .rt-TabsList.md\:rt-r-size-2 {
      height: var(--space-7);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      --tabs-trigger-padding-x: var(--space-2);
      --tabs-trigger-inner-padding-x: var(--space-2);
      --tabs-trigger-inner-padding-y: var(--space-1);
      --tabs-trigger-inner-radius: var(--radius-2);
    }
}
@media (min-width: 1280px) {
    .rt-TabsList.lg\:rt-r-size-1 {
      height: var(--space-6);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      --tabs-trigger-padding-x: var(--space-1);
      --tabs-trigger-inner-padding-x: var(--space-1);
      --tabs-trigger-inner-padding-y: calc(var(--space-1) * 0.5);
      --tabs-trigger-inner-radius: var(--radius-1);
    }
    .rt-TabsList.lg\:rt-r-size-2 {
      height: var(--space-7);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      --tabs-trigger-padding-x: var(--space-2);
      --tabs-trigger-inner-padding-x: var(--space-2);
      --tabs-trigger-inner-padding-y: var(--space-1);
      --tabs-trigger-inner-radius: var(--radius-2);
    }
}
@media (min-width: 1640px) {
    .rt-TabsList.xl\:rt-r-size-1 {
      height: var(--space-6);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
      --tabs-trigger-padding-x: var(--space-1);
      --tabs-trigger-inner-padding-x: var(--space-1);
      --tabs-trigger-inner-padding-y: calc(var(--space-1) * 0.5);
      --tabs-trigger-inner-radius: var(--radius-1);
    }
    .rt-TabsList.xl\:rt-r-size-2 {
      height: var(--space-7);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
      --tabs-trigger-padding-x: var(--space-2);
      --tabs-trigger-inner-padding-x: var(--space-2);
      --tabs-trigger-inner-padding-y: var(--space-1);
      --tabs-trigger-inner-radius: var(--radius-2);
    }
}
/***************************************************************************************************
 *                                                                                                 *
 * VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-TabsList {
  box-shadow: inset 0 -1px 0 0 var(--gray-a5);
}
.rt-TabsTrigger {
  color: var(--gray-a11);
}
@media (hover: hover) {
    .rt-TabsTrigger:hover {
      color: var(--gray-12);
    }
    .rt-TabsTrigger:hover .rt-TabsTriggerInner {
      background-color: var(--gray-a3);
    }
    .rt-TabsTrigger:focus-visible:hover .rt-TabsTriggerInner {
      background-color: var(--accent-a3);
    }
  }
.rt-TabsTrigger[data-state='active'] {
    color: var(--gray-12);
  }
.rt-TabsTrigger:focus-visible .rt-TabsTriggerInner {
    box-shadow: 0 0 0 2px var(--accent-a8);
  }
.rt-TabsTrigger[data-state='active']::before {
    box-sizing: border-box;
    content: '';
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--accent-10);
  }
.rt-TabsContent:focus-visible {
  box-shadow: 0 0 0 2px var(--accent-a8);
}
.rt-TableRootTable {
  --table-row-background: transparent;
  --table-row-border-bottom: inset 0 -1px var(--gray-a5);

  width: 100%;
  text-align: left;
  vertical-align: top;
  border-collapse: collapse;
  border-radius: calc(var(--table-border-radius) - 1px);
  border-spacing: 0;
  box-sizing: border-box;

  /* Makes "height: 100%" work on content inside cells */
  height: 0;
}
.rt-TableHeader {
  vertical-align: inherit;
}
.rt-TableBody {
  vertical-align: inherit;
}
.rt-TableRow {
  vertical-align: inherit;
  color: var(--gray-12);
}
.rt-TableCell {
  background-color: var(--table-row-background);
  box-shadow: var(--table-row-border-bottom);
  box-sizing: border-box;
  vertical-align: inherit;
  padding: var(--table-cell-padding);
  /* Works as min-height */
  height: var(--table-cell-min-height);
}
.rt-TableColumnHeaderCell {
  font-weight: bold;
}
.rt-TableRowHeaderCell {
  font-weight: normal;
}
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-TableRoot.rt-r-size-1 {
      --table-border-radius: var(--radius-3);
      --table-cell-padding: var(--space-2);
      --table-cell-min-height: calc(36px * var(--scaling));
    }

      .rt-TableRoot.rt-r-size-1 .rt-TableRootTable {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
      }
    .rt-TableRoot.rt-r-size-2 {
      --table-border-radius: var(--radius-4);
      --table-cell-padding: var(--space-3);
      --table-cell-min-height: calc(44px * var(--scaling));
    }

      .rt-TableRoot.rt-r-size-2 .rt-TableRootTable {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
      }
    .rt-TableRoot.rt-r-size-3 {
      --table-border-radius: var(--radius-4);
      --table-cell-padding: var(--space-3) var(--space-4);
      --table-cell-min-height: calc(48px * var(--scaling));
    }

      .rt-TableRoot.rt-r-size-3 .rt-TableRootTable {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
      }
}
@media (min-width: 520px) {
    .rt-TableRoot.xs\:rt-r-size-1 {
      --table-border-radius: var(--radius-3);
      --table-cell-padding: var(--space-2);
      --table-cell-min-height: calc(36px * var(--scaling));
    }

      .rt-TableRoot.xs\:rt-r-size-1 .rt-TableRootTable {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
      }
    .rt-TableRoot.xs\:rt-r-size-2 {
      --table-border-radius: var(--radius-4);
      --table-cell-padding: var(--space-3);
      --table-cell-min-height: calc(44px * var(--scaling));
    }

      .rt-TableRoot.xs\:rt-r-size-2 .rt-TableRootTable {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
      }
    .rt-TableRoot.xs\:rt-r-size-3 {
      --table-border-radius: var(--radius-4);
      --table-cell-padding: var(--space-3) var(--space-4);
      --table-cell-min-height: calc(48px * var(--scaling));
    }

      .rt-TableRoot.xs\:rt-r-size-3 .rt-TableRootTable {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
      }
}
@media (min-width: 768px) {
    .rt-TableRoot.sm\:rt-r-size-1 {
      --table-border-radius: var(--radius-3);
      --table-cell-padding: var(--space-2);
      --table-cell-min-height: calc(36px * var(--scaling));
    }

      .rt-TableRoot.sm\:rt-r-size-1 .rt-TableRootTable {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
      }
    .rt-TableRoot.sm\:rt-r-size-2 {
      --table-border-radius: var(--radius-4);
      --table-cell-padding: var(--space-3);
      --table-cell-min-height: calc(44px * var(--scaling));
    }

      .rt-TableRoot.sm\:rt-r-size-2 .rt-TableRootTable {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
      }
    .rt-TableRoot.sm\:rt-r-size-3 {
      --table-border-radius: var(--radius-4);
      --table-cell-padding: var(--space-3) var(--space-4);
      --table-cell-min-height: calc(48px * var(--scaling));
    }

      .rt-TableRoot.sm\:rt-r-size-3 .rt-TableRootTable {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
      }
}
@media (min-width: 1024px) {
    .rt-TableRoot.md\:rt-r-size-1 {
      --table-border-radius: var(--radius-3);
      --table-cell-padding: var(--space-2);
      --table-cell-min-height: calc(36px * var(--scaling));
    }

      .rt-TableRoot.md\:rt-r-size-1 .rt-TableRootTable {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
      }
    .rt-TableRoot.md\:rt-r-size-2 {
      --table-border-radius: var(--radius-4);
      --table-cell-padding: var(--space-3);
      --table-cell-min-height: calc(44px * var(--scaling));
    }

      .rt-TableRoot.md\:rt-r-size-2 .rt-TableRootTable {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
      }
    .rt-TableRoot.md\:rt-r-size-3 {
      --table-border-radius: var(--radius-4);
      --table-cell-padding: var(--space-3) var(--space-4);
      --table-cell-min-height: calc(48px * var(--scaling));
    }

      .rt-TableRoot.md\:rt-r-size-3 .rt-TableRootTable {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
      }
}
@media (min-width: 1280px) {
    .rt-TableRoot.lg\:rt-r-size-1 {
      --table-border-radius: var(--radius-3);
      --table-cell-padding: var(--space-2);
      --table-cell-min-height: calc(36px * var(--scaling));
    }

      .rt-TableRoot.lg\:rt-r-size-1 .rt-TableRootTable {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
      }
    .rt-TableRoot.lg\:rt-r-size-2 {
      --table-border-radius: var(--radius-4);
      --table-cell-padding: var(--space-3);
      --table-cell-min-height: calc(44px * var(--scaling));
    }

      .rt-TableRoot.lg\:rt-r-size-2 .rt-TableRootTable {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
      }
    .rt-TableRoot.lg\:rt-r-size-3 {
      --table-border-radius: var(--radius-4);
      --table-cell-padding: var(--space-3) var(--space-4);
      --table-cell-min-height: calc(48px * var(--scaling));
    }

      .rt-TableRoot.lg\:rt-r-size-3 .rt-TableRootTable {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
      }
}
@media (min-width: 1640px) {
    .rt-TableRoot.xl\:rt-r-size-1 {
      --table-border-radius: var(--radius-3);
      --table-cell-padding: var(--space-2);
      --table-cell-min-height: calc(36px * var(--scaling));
    }

      .rt-TableRoot.xl\:rt-r-size-1 .rt-TableRootTable {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
      }
    .rt-TableRoot.xl\:rt-r-size-2 {
      --table-border-radius: var(--radius-4);
      --table-cell-padding: var(--space-3);
      --table-cell-min-height: calc(44px * var(--scaling));
    }

      .rt-TableRoot.xl\:rt-r-size-2 .rt-TableRootTable {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
      }
    .rt-TableRoot.xl\:rt-r-size-3 {
      --table-border-radius: var(--radius-4);
      --table-cell-padding: var(--space-3) var(--space-4);
      --table-cell-min-height: calc(48px * var(--scaling));
    }

      .rt-TableRoot.xl\:rt-r-size-3 .rt-TableRootTable {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
      }
}
/***************************************************************************************************
 *                                                                                                 *
 * VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
/* surface */
.rt-TableRoot.rt-variant-surface {
  border: 1px solid var(--gray-a5);
  border-radius: var(--table-border-radius);
  background-color: var(--color-panel);
  position: relative;
}
.rt-TableRoot.rt-variant-surface .rt-TableRootTable {
    overflow: hidden;
  }
.rt-TableRoot.rt-variant-surface .rt-TableRootTable :where(.rt-TableHeader) {
      --table-row-background: var(--gray-a2);
    }
.rt-TableRoot.rt-variant-surface .rt-TableRootTable :where(.rt-TableBody .rt-TableRow:last-child) {
      --table-row-border-bottom: none;
    }
/* ghost */
.rt-TableRoot.rt-variant-ghost .rt-ScrollAreaScrollbar[data-orientation='horizontal'] {
    --scrollarea-scrollbar-margin-left: 0;
    --scrollarea-scrollbar-margin-right: 0;
  }
/***************************************************************************************************
 *                                                                                                 *
 * Inset > Table                                                                                   *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-Inset > .rt-TableRootTable .rt-TableCell:first-child {
  padding-left: var(--inset-padding);
}
.rt-Inset > .rt-TableRootTable .rt-TableCell:last-child {
  padding-right: var(--inset-padding);
}
.rt-TextArea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 0;
  font-family: inherit;
  -webkit-tap-highlight-color: transparent;
  outline: none;

  box-sizing: border-box;
  display: block;
  width: 100%;
  flex-shrink: 0;
  flex-grow: 1;

  resize: none;

  /* scrollbar */
}
.rt-TextArea {
    /* Arrow mouse cursor over the scrollbar */
    cursor: auto;
    scrollbar-width: thin;
  }
.rt-TextArea::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }
.rt-TextArea::-webkit-scrollbar-track,
  .rt-TextArea::-webkit-scrollbar-thumb {
    background-clip: content-box;
    border: 4px solid transparent;
    border-radius: 12px;
  }
.rt-TextArea::-webkit-scrollbar-track {
    background-color: var(--gray-a3);
  }
.rt-TextArea::-webkit-scrollbar-thumb {
    background-color: var(--gray-a8);
  }
@media (hover: hover) {
    .rt-TextArea:not(:disabled)::-webkit-scrollbar-thumb:hover {
      background-color: var(--gray-a9);
    }
  }
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-TextArea.rt-r-size-1 {
      min-height: var(--space-8);
      padding: var(--space-1);
      border-radius: var(--radius-2);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
    }
    .rt-TextArea.rt-r-size-2 {
      min-height: var(--space-9);
      padding: var(--space-2);
      border-radius: var(--radius-2);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
    }
    .rt-TextArea.rt-r-size-3 {
      min-height: 80px;
      padding: var(--space-2) var(--space-3);
      border-radius: var(--radius-3);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
    }
}
@media (min-width: 520px) {
    .rt-TextArea.xs\:rt-r-size-1 {
      min-height: var(--space-8);
      padding: var(--space-1);
      border-radius: var(--radius-2);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
    }
    .rt-TextArea.xs\:rt-r-size-2 {
      min-height: var(--space-9);
      padding: var(--space-2);
      border-radius: var(--radius-2);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
    }
    .rt-TextArea.xs\:rt-r-size-3 {
      min-height: 80px;
      padding: var(--space-2) var(--space-3);
      border-radius: var(--radius-3);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
    }
}
@media (min-width: 768px) {
    .rt-TextArea.sm\:rt-r-size-1 {
      min-height: var(--space-8);
      padding: var(--space-1);
      border-radius: var(--radius-2);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
    }
    .rt-TextArea.sm\:rt-r-size-2 {
      min-height: var(--space-9);
      padding: var(--space-2);
      border-radius: var(--radius-2);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
    }
    .rt-TextArea.sm\:rt-r-size-3 {
      min-height: 80px;
      padding: var(--space-2) var(--space-3);
      border-radius: var(--radius-3);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
    }
}
@media (min-width: 1024px) {
    .rt-TextArea.md\:rt-r-size-1 {
      min-height: var(--space-8);
      padding: var(--space-1);
      border-radius: var(--radius-2);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
    }
    .rt-TextArea.md\:rt-r-size-2 {
      min-height: var(--space-9);
      padding: var(--space-2);
      border-radius: var(--radius-2);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
    }
    .rt-TextArea.md\:rt-r-size-3 {
      min-height: 80px;
      padding: var(--space-2) var(--space-3);
      border-radius: var(--radius-3);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
    }
}
@media (min-width: 1280px) {
    .rt-TextArea.lg\:rt-r-size-1 {
      min-height: var(--space-8);
      padding: var(--space-1);
      border-radius: var(--radius-2);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
    }
    .rt-TextArea.lg\:rt-r-size-2 {
      min-height: var(--space-9);
      padding: var(--space-2);
      border-radius: var(--radius-2);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
    }
    .rt-TextArea.lg\:rt-r-size-3 {
      min-height: 80px;
      padding: var(--space-2) var(--space-3);
      border-radius: var(--radius-3);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
    }
}
@media (min-width: 1640px) {
    .rt-TextArea.xl\:rt-r-size-1 {
      min-height: var(--space-8);
      padding: var(--space-1);
      border-radius: var(--radius-2);
      font-size: var(--font-size-1);
      line-height: var(--line-height-1);
      letter-spacing: var(--letter-spacing-1);
    }
    .rt-TextArea.xl\:rt-r-size-2 {
      min-height: var(--space-9);
      padding: var(--space-2);
      border-radius: var(--radius-2);
      font-size: var(--font-size-2);
      line-height: var(--line-height-2);
      letter-spacing: var(--letter-spacing-2);
    }
    .rt-TextArea.xl\:rt-r-size-3 {
      min-height: 80px;
      padding: var(--space-2) var(--space-3);
      border-radius: var(--radius-3);
      font-size: var(--font-size-3);
      line-height: var(--line-height-3);
      letter-spacing: var(--letter-spacing-3);
    }
}
/***************************************************************************************************
 *                                                                                                 *
 * VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-TextArea::-moz-placeholder {
    color: var(--gray-a10);
    /* Firefox */
    opacity: 1;
  }
.rt-TextArea::placeholder {
    color: var(--gray-a10);
    /* Firefox */
    opacity: 1;
  }
.rt-TextArea:-webkit-autofill {
    -webkit-text-fill-color: var(--gray-12);
    box-shadow: var(--shadow-1), inset 0 0 0 100px var(--accent-3);
  }
.rt-TextArea:autofill {
    -webkit-text-fill-color: var(--gray-12);
    box-shadow: var(--shadow-1), inset 0 0 0 100px var(--accent-3);
  }
.rt-TextArea:-webkit-autofill:focus {
      box-shadow: inset 0 0 0 1px var(--accent-8), 0 0 0 1px var(--accent-a8),
        inset 0 0 0 100px var(--accent-3);
    }
.rt-TextArea:autofill:focus {
      box-shadow: inset 0 0 0 1px var(--accent-8), 0 0 0 1px var(--accent-a8),
        inset 0 0 0 100px var(--accent-3);
    }
.rt-TextArea:read-only::-moz-placeholder {
      color: var(--gray-a7);
    }
.rt-TextArea:-moz-read-only::placeholder {
      color: var(--gray-a7);
    }
.rt-TextArea:read-only::placeholder {
      color: var(--gray-a7);
    }
.rt-TextArea:read-only::-moz-selection {
      background-color: var(--gray-a5);
    }
.rt-TextArea:-moz-read-only::selection {
      background-color: var(--gray-a5);
    }
.rt-TextArea:read-only::selection {
      background-color: var(--gray-a5);
    }
/* surface */
.rt-TextArea.rt-variant-surface {
  color: var(--gray-12);
  background-color: var(--color-surface);
  box-shadow: inset 0 0 0 1px var(--gray-a7);
}
.rt-TextArea.rt-variant-surface:focus {
    box-shadow: inset 0 0 0 1px var(--accent-8), 0 0 0 1px var(--accent-a8);
  }
/* classic */
.rt-TextArea.rt-variant-classic {
  color: var(--gray-12);
  background-color: var(--color-surface);
  box-shadow: var(--shadow-1);
}
.rt-TextArea.rt-variant-classic:focus {
    box-shadow: inset 0 0 0 1px var(--accent-8), 0 0 0 1px var(--accent-a8), var(--shadow-1);
  }
/* soft */
.rt-TextArea.rt-variant-soft {
  color: var(--accent-12);
  background-color: var(--accent-a3);
}
.rt-TextArea.rt-variant-soft:focus {
    box-shadow: inset 0 0 0 1px var(--accent-8), 0 0 0 1px var(--accent-a8);
  }
.rt-TextArea.rt-variant-soft:-moz-read-only {
    color: var(--gray-12);
  }
.rt-TextArea.rt-variant-soft:read-only {
    color: var(--gray-12);
  }
.rt-TextArea.rt-variant-soft::-moz-placeholder {
    color: var(--accent-12);
    opacity: 0.5;
  }
.rt-TextArea.rt-variant-soft::placeholder {
    color: var(--accent-12);
    opacity: 0.5;
  }
.rt-TextArea.rt-variant-soft::-moz-selection {
    background-color: var(--accent-a5);
  }
.rt-TextArea.rt-variant-soft::selection {
    background-color: var(--accent-a5);
  }
/* all disabled textareas */
.rt-TextArea:disabled {
  color: var(--gray-a9);
  box-shadow: inset 0 0 0 1px var(--gray-a6);
  background-color: var(--gray-a3);
  cursor: not-allowed;
}
/* all readonly textareas */
.rt-TextArea:-moz-read-only {
  background-color: var(--gray-a3);
}
.rt-TextArea:read-only {
  background-color: var(--gray-a3);
}
.rt-TextArea:-moz-read-only:not(:focus) {
    box-shadow: inset 0 0 0 1px var(--gray-a6);
  }
.rt-TextArea:read-only:not(:focus) {
    box-shadow: inset 0 0 0 1px var(--gray-a6);
  }
.rt-TextArea:-moz-read-only:focus {
    box-shadow: inset 0 0 0 1px var(--gray-8), 0 0 0 1px var(--gray-a8);
  }
.rt-TextArea:read-only:focus {
    box-shadow: inset 0 0 0 1px var(--gray-8), 0 0 0 1px var(--gray-a8);
  }
.rt-TextFieldRoot {
  position: relative;
  cursor: text;
}
.rt-TextFieldInput {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 0;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  font-family: inherit;
  text-overflow: ellipsis;
  background-color: transparent;

  position: relative;
  z-index: 1;
}
.rt-TextFieldChrome {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.rt-TextFieldSlot {
  position: relative;
  z-index: 1;
  color: var(--gray-a11);
}
.rt-TextFieldSlot[data-accent-color] {
    color: var(--accent-a11);
  }
.rt-TextFieldSlot:empty {
    display: none;
  }
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-TextFieldRoot {
  display: flex;
  box-sizing: border-box;
  /* width: 100%; */
}
.rt-TextFieldSlot {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.rt-TextFieldInput {
  display: block;
  box-sizing: border-box;
  padding: 0;
  width: 100%;
}
/* Ensure no padding on input when there's a slot before it */
.rt-TextFieldRoot .rt-TextFieldSlot + .rt-TextFieldInput {
  padding-left: 0;
}
@media all {
    .rt-TextFieldSlot:where(.rt-r-size-1) {
      gap: var(--space-2);
      padding-left: var(--space-1);
      padding-right: var(--space-1);
    }
    .rt-TextFieldSlot:where(.rt-r-size-2) {
      gap: var(--space-2);
      padding-left: var(--space-2);
      padding-right: var(--space-2);
    }
    .rt-TextFieldSlot:where(.rt-r-size-3) {
      gap: var(--space-3);
      padding-left: var(--space-3);
      padding-right: var(--space-3);
    }
    .rt-TextFieldInput:where(.rt-r-size-1) {
      height: var(--space-5);
      padding-top: 0.5px;
      padding-bottom: 1px;
      padding-left: var(--space-1);
      font-size: var(--font-size-1);
      letter-spacing: var(--letter-spacing-1);
    }

      .rt-TextFieldInput:where(.rt-r-size-1) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-2), var(--radius-full));
      }
    .rt-TextFieldInput:where(.rt-r-size-2) {
      height: var(--space-6);
      padding-top: 0px;
      padding-bottom: 1px;
      padding-left: var(--space-2);
      font-size: var(--font-size-2);
      letter-spacing: var(--letter-spacing-2);
    }

      .rt-TextFieldInput:where(.rt-r-size-2) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-2), var(--radius-full));
      }
    .rt-TextFieldInput:where(.rt-r-size-3) {
      height: var(--space-7);
      padding-top: 0.5px;
      padding-bottom: 1px;
      padding-left: var(--space-3);
      font-size: var(--font-size-3);
      letter-spacing: var(--letter-spacing-3);
    }

      .rt-TextFieldInput:where(.rt-r-size-3) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-3), var(--radius-full));
      }
}
@media (min-width: 520px) {
    .rt-TextFieldSlot:where(.xs\:rt-r-size-1) {
      gap: var(--space-2);
      padding-left: var(--space-1);
      padding-right: var(--space-1);
    }
    .rt-TextFieldSlot:where(.xs\:rt-r-size-2) {
      gap: var(--space-2);
      padding-left: var(--space-2);
      padding-right: var(--space-2);
    }
    .rt-TextFieldSlot:where(.xs\:rt-r-size-3) {
      gap: var(--space-3);
      padding-left: var(--space-3);
      padding-right: var(--space-3);
    }
    .rt-TextFieldInput:where(.xs\:rt-r-size-1) {
      height: var(--space-5);
      padding-top: 0.5px;
      padding-bottom: 1px;
      padding-left: var(--space-1);
      font-size: var(--font-size-1);
      letter-spacing: var(--letter-spacing-1);
    }

      .rt-TextFieldInput:where(.xs\:rt-r-size-1) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-2), var(--radius-full));
      }
    .rt-TextFieldInput:where(.xs\:rt-r-size-2) {
      height: var(--space-6);
      padding-top: 0px;
      padding-bottom: 1px;
      padding-left: var(--space-2);
      font-size: var(--font-size-2);
      letter-spacing: var(--letter-spacing-2);
    }

      .rt-TextFieldInput:where(.xs\:rt-r-size-2) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-2), var(--radius-full));
      }
    .rt-TextFieldInput:where(.xs\:rt-r-size-3) {
      height: var(--space-7);
      padding-top: 0.5px;
      padding-bottom: 1px;
      padding-left: var(--space-3);
      font-size: var(--font-size-3);
      letter-spacing: var(--letter-spacing-3);
    }

      .rt-TextFieldInput:where(.xs\:rt-r-size-3) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-3), var(--radius-full));
      }
}
@media (min-width: 768px) {
    .rt-TextFieldSlot:where(.sm\:rt-r-size-1) {
      gap: var(--space-2);
      padding-left: var(--space-1);
      padding-right: var(--space-1);
    }
    .rt-TextFieldSlot:where(.sm\:rt-r-size-2) {
      gap: var(--space-2);
      padding-left: var(--space-2);
      padding-right: var(--space-2);
    }
    .rt-TextFieldSlot:where(.sm\:rt-r-size-3) {
      gap: var(--space-3);
      padding-left: var(--space-3);
      padding-right: var(--space-3);
    }
    .rt-TextFieldInput:where(.sm\:rt-r-size-1) {
      height: var(--space-5);
      padding-top: 0.5px;
      padding-bottom: 1px;
      padding-left: var(--space-1);
      font-size: var(--font-size-1);
      letter-spacing: var(--letter-spacing-1);
    }

      .rt-TextFieldInput:where(.sm\:rt-r-size-1) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-2), var(--radius-full));
      }
    .rt-TextFieldInput:where(.sm\:rt-r-size-2) {
      height: var(--space-6);
      padding-top: 0px;
      padding-bottom: 1px;
      padding-left: var(--space-2);
      font-size: var(--font-size-2);
      letter-spacing: var(--letter-spacing-2);
    }

      .rt-TextFieldInput:where(.sm\:rt-r-size-2) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-2), var(--radius-full));
      }
    .rt-TextFieldInput:where(.sm\:rt-r-size-3) {
      height: var(--space-7);
      padding-top: 0.5px;
      padding-bottom: 1px;
      padding-left: var(--space-3);
      font-size: var(--font-size-3);
      letter-spacing: var(--letter-spacing-3);
    }

      .rt-TextFieldInput:where(.sm\:rt-r-size-3) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-3), var(--radius-full));
      }
}
@media (min-width: 1024px) {
    .rt-TextFieldSlot:where(.md\:rt-r-size-1) {
      gap: var(--space-2);
      padding-left: var(--space-1);
      padding-right: var(--space-1);
    }
    .rt-TextFieldSlot:where(.md\:rt-r-size-2) {
      gap: var(--space-2);
      padding-left: var(--space-2);
      padding-right: var(--space-2);
    }
    .rt-TextFieldSlot:where(.md\:rt-r-size-3) {
      gap: var(--space-3);
      padding-left: var(--space-3);
      padding-right: var(--space-3);
    }
    .rt-TextFieldInput:where(.md\:rt-r-size-1) {
      height: var(--space-5);
      padding-top: 0.5px;
      padding-bottom: 1px;
      padding-left: var(--space-1);
      font-size: var(--font-size-1);
      letter-spacing: var(--letter-spacing-1);
    }

      .rt-TextFieldInput:where(.md\:rt-r-size-1) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-2), var(--radius-full));
      }
    .rt-TextFieldInput:where(.md\:rt-r-size-2) {
      height: var(--space-6);
      padding-top: 0px;
      padding-bottom: 1px;
      padding-left: var(--space-2);
      font-size: var(--font-size-2);
      letter-spacing: var(--letter-spacing-2);
    }

      .rt-TextFieldInput:where(.md\:rt-r-size-2) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-2), var(--radius-full));
      }
    .rt-TextFieldInput:where(.md\:rt-r-size-3) {
      height: var(--space-7);
      padding-top: 0.5px;
      padding-bottom: 1px;
      padding-left: var(--space-3);
      font-size: var(--font-size-3);
      letter-spacing: var(--letter-spacing-3);
    }

      .rt-TextFieldInput:where(.md\:rt-r-size-3) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-3), var(--radius-full));
      }
}
@media (min-width: 1280px) {
    .rt-TextFieldSlot:where(.lg\:rt-r-size-1) {
      gap: var(--space-2);
      padding-left: var(--space-1);
      padding-right: var(--space-1);
    }
    .rt-TextFieldSlot:where(.lg\:rt-r-size-2) {
      gap: var(--space-2);
      padding-left: var(--space-2);
      padding-right: var(--space-2);
    }
    .rt-TextFieldSlot:where(.lg\:rt-r-size-3) {
      gap: var(--space-3);
      padding-left: var(--space-3);
      padding-right: var(--space-3);
    }
    .rt-TextFieldInput:where(.lg\:rt-r-size-1) {
      height: var(--space-5);
      padding-top: 0.5px;
      padding-bottom: 1px;
      padding-left: var(--space-1);
      font-size: var(--font-size-1);
      letter-spacing: var(--letter-spacing-1);
    }

      .rt-TextFieldInput:where(.lg\:rt-r-size-1) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-2), var(--radius-full));
      }
    .rt-TextFieldInput:where(.lg\:rt-r-size-2) {
      height: var(--space-6);
      padding-top: 0px;
      padding-bottom: 1px;
      padding-left: var(--space-2);
      font-size: var(--font-size-2);
      letter-spacing: var(--letter-spacing-2);
    }

      .rt-TextFieldInput:where(.lg\:rt-r-size-2) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-2), var(--radius-full));
      }
    .rt-TextFieldInput:where(.lg\:rt-r-size-3) {
      height: var(--space-7);
      padding-top: 0.5px;
      padding-bottom: 1px;
      padding-left: var(--space-3);
      font-size: var(--font-size-3);
      letter-spacing: var(--letter-spacing-3);
    }

      .rt-TextFieldInput:where(.lg\:rt-r-size-3) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-3), var(--radius-full));
      }
}
@media (min-width: 1640px) {
    .rt-TextFieldSlot:where(.xl\:rt-r-size-1) {
      gap: var(--space-2);
      padding-left: var(--space-1);
      padding-right: var(--space-1);
    }
    .rt-TextFieldSlot:where(.xl\:rt-r-size-2) {
      gap: var(--space-2);
      padding-left: var(--space-2);
      padding-right: var(--space-2);
    }
    .rt-TextFieldSlot:where(.xl\:rt-r-size-3) {
      gap: var(--space-3);
      padding-left: var(--space-3);
      padding-right: var(--space-3);
    }
    .rt-TextFieldInput:where(.xl\:rt-r-size-1) {
      height: var(--space-5);
      padding-top: 0.5px;
      padding-bottom: 1px;
      padding-left: var(--space-1);
      font-size: var(--font-size-1);
      letter-spacing: var(--letter-spacing-1);
    }

      .rt-TextFieldInput:where(.xl\:rt-r-size-1) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-2), var(--radius-full));
      }
    .rt-TextFieldInput:where(.xl\:rt-r-size-2) {
      height: var(--space-6);
      padding-top: 0px;
      padding-bottom: 1px;
      padding-left: var(--space-2);
      font-size: var(--font-size-2);
      letter-spacing: var(--letter-spacing-2);
    }

      .rt-TextFieldInput:where(.xl\:rt-r-size-2) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-2), var(--radius-full));
      }
    .rt-TextFieldInput:where(.xl\:rt-r-size-3) {
      height: var(--space-7);
      padding-top: 0.5px;
      padding-bottom: 1px;
      padding-left: var(--space-3);
      font-size: var(--font-size-3);
      letter-spacing: var(--letter-spacing-3);
    }

      .rt-TextFieldInput:where(.xl\:rt-r-size-3) + .rt-TextFieldChrome {
        border-radius: max(var(--radius-3), var(--radius-full));
      }
}
/***************************************************************************************************
	*                                                                                                 *
	* VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-TextFieldInput::-moz-placeholder {
    color: var(--gray-a10);
    /* Firefox */
    opacity: 1;
  }
.rt-TextFieldInput::placeholder {
    color: var(--gray-a10);
    /* Firefox */
    opacity: 1;
  }
.rt-TextFieldInput:-webkit-autofill + .rt-TextFieldChrome {
      -webkit-text-fill-color: var(--gray-12);
      box-shadow: var(--shadow-1), inset 0 0 0 100px var(--accent-3);
    }
.rt-TextFieldInput:autofill + .rt-TextFieldChrome {
      -webkit-text-fill-color: var(--gray-12);
      box-shadow: var(--shadow-1), inset 0 0 0 100px var(--accent-3);
    }
.rt-TextFieldInput:-webkit-autofill:focus + .rt-TextFieldChrome {
      box-shadow: inset 0 0 0 1px var(--accent-8), 0 0 0 1px var(--accent-a8),
        inset 0 0 0 100px var(--accent-3);
    }
.rt-TextFieldInput:autofill:focus + .rt-TextFieldChrome {
      box-shadow: inset 0 0 0 1px var(--accent-8), 0 0 0 1px var(--accent-a8),
        inset 0 0 0 100px var(--accent-3);
    }
.rt-TextFieldInput:read-only::-moz-placeholder {
      color: var(--gray-a7);
    }
.rt-TextFieldInput:-moz-read-only::placeholder {
      color: var(--gray-a7);
    }
.rt-TextFieldInput:read-only::placeholder {
      color: var(--gray-a7);
    }
.rt-TextFieldInput:read-only::-moz-selection {
      background-color: var(--gray-a5);
    }
.rt-TextFieldInput:-moz-read-only::selection {
      background-color: var(--gray-a5);
    }
.rt-TextFieldInput:read-only::selection {
      background-color: var(--gray-a5);
    }
/* surface */
.rt-TextFieldInput:where(.rt-variant-surface) {
  color: var(--gray-12);
}
.rt-TextFieldInput:where(.rt-variant-surface) + .rt-TextFieldChrome {
    background-color: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--gray-a7);
  }
.rt-TextFieldInput:where(.rt-variant-surface):focus + .rt-TextFieldChrome {
    box-shadow: inset 0 0 0 1px var(--accent-8), 0 0 0 1px var(--accent-a8);
  }
/* classic */
.rt-TextFieldInput:where(.rt-variant-classic) {
  color: var(--gray-12);
}
.rt-TextFieldInput:where(.rt-variant-classic) + .rt-TextFieldChrome {
    background-color: var(--color-surface);
    box-shadow: var(--shadow-1);
  }
.rt-TextFieldInput:where(.rt-variant-classic):focus + .rt-TextFieldChrome {
    box-shadow: inset 0 0 0 1px var(--accent-8), 0 0 0 1px var(--accent-a8), var(--shadow-1);
  }
/* soft */
.rt-TextFieldInput:where(.rt-variant-soft) {
  color: var(--accent-12);
}
.rt-TextFieldInput:where(.rt-variant-soft) + .rt-TextFieldChrome {
    background-color: var(--accent-a3);
  }
.rt-TextFieldInput:where(.rt-variant-soft):focus + .rt-TextFieldChrome {
    box-shadow: inset 0 0 0 1px var(--accent-8), 0 0 0 1px var(--accent-a8);
  }
.rt-TextFieldInput:where(.rt-variant-soft):-moz-read-only {
    color: var(--gray-12);
  }
.rt-TextFieldInput:where(.rt-variant-soft):read-only {
    color: var(--gray-12);
  }
.rt-TextFieldInput:where(.rt-variant-soft)::-moz-placeholder {
    color: var(--accent-12);
    opacity: 0.5;
  }
.rt-TextFieldInput:where(.rt-variant-soft)::placeholder {
    color: var(--accent-12);
    opacity: 0.5;
  }
.rt-TextFieldInput:where(.rt-variant-soft)::-moz-selection {
    background-color: var(--accent-a5);
  }
.rt-TextFieldInput:where(.rt-variant-soft)::selection {
    background-color: var(--accent-a5);
  }
/* all disabled text fields */
.rt-TextFieldInput:disabled {
  color: var(--gray-a9);
  cursor: not-allowed;
}
.rt-TextFieldInput:disabled + .rt-TextFieldChrome {
    box-shadow: inset 0 0 0 1px var(--gray-a6);
    background-color: var(--gray-a3);
    cursor: not-allowed;
  }
/* enhancement */
.rt-TextFieldRoot:has(.rt-TextFieldInput:disabled) {
    cursor: not-allowed;
  }
/* all readonly text fields */
.rt-TextFieldInput:-moz-read-only + .rt-TextFieldChrome {
    background-color: var(--gray-a3);
  }
.rt-TextFieldInput:read-only + .rt-TextFieldChrome {
    background-color: var(--gray-a3);
  }
.rt-TextFieldInput:-moz-read-only:not(:focus) + .rt-TextFieldChrome {
    box-shadow: inset 0 0 0 1px var(--gray-a6);
  }
.rt-TextFieldInput:read-only:not(:focus) + .rt-TextFieldChrome {
    box-shadow: inset 0 0 0 1px var(--gray-a6);
  }
.rt-TextFieldInput:-moz-read-only:focus + .rt-TextFieldChrome {
    box-shadow: inset 0 0 0 1px var(--gray-8), 0 0 0 1px var(--gray-a8);
  }
.rt-TextFieldInput:read-only:focus + .rt-TextFieldChrome {
    box-shadow: inset 0 0 0 1px var(--gray-8), 0 0 0 1px var(--gray-a8);
  }
.rt-Text {
  margin: 0;
  line-height: var(--line-height, var(--default-line-height));
  letter-spacing: var(--letter-spacing, inherit);
}
.rt-Text:where([data-accent-color]) {
    color: var(--accent-a11);
  }
.rt-Text:where([data-accent-color]):where(.rt-high-contrast),
    .rt-Text:where([data-accent-color]) .rt-Text:where(.rt-high-contrast) {
      color: var(--accent-a12);
    }
/***************************************************************************************************
 *                                                                                                 *
 * SIZES                                                                                           *
 *                                                                                                 *
 ***************************************************************************************************/
@media all {
    .rt-Text.rt-r-size-1 {
      font-size: var(--font-size-1);
      --line-height: var(--line-height-1);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Text.rt-r-size-2 {
      font-size: var(--font-size-2);
      --line-height: var(--line-height-2);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Text.rt-r-size-3 {
      font-size: var(--font-size-3);
      --line-height: var(--line-height-3);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Text.rt-r-size-4 {
      font-size: var(--font-size-4);
      --line-height: var(--line-height-4);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Text.rt-r-size-5 {
      font-size: var(--font-size-5);
      --line-height: var(--line-height-5);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Text.rt-r-size-6 {
      font-size: var(--font-size-6);
      --line-height: var(--line-height-6);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Text.rt-r-size-7 {
      font-size: var(--font-size-7);
      --line-height: var(--line-height-7);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Text.rt-r-size-8 {
      font-size: var(--font-size-8);
      --line-height: var(--line-height-8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Text.rt-r-size-9 {
      font-size: var(--font-size-9);
      --line-height: var(--line-height-9);
      --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 520px) {
    .rt-Text.xs\:rt-r-size-1 {
      font-size: var(--font-size-1);
      --line-height: var(--line-height-1);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Text.xs\:rt-r-size-2 {
      font-size: var(--font-size-2);
      --line-height: var(--line-height-2);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Text.xs\:rt-r-size-3 {
      font-size: var(--font-size-3);
      --line-height: var(--line-height-3);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Text.xs\:rt-r-size-4 {
      font-size: var(--font-size-4);
      --line-height: var(--line-height-4);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Text.xs\:rt-r-size-5 {
      font-size: var(--font-size-5);
      --line-height: var(--line-height-5);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Text.xs\:rt-r-size-6 {
      font-size: var(--font-size-6);
      --line-height: var(--line-height-6);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Text.xs\:rt-r-size-7 {
      font-size: var(--font-size-7);
      --line-height: var(--line-height-7);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Text.xs\:rt-r-size-8 {
      font-size: var(--font-size-8);
      --line-height: var(--line-height-8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Text.xs\:rt-r-size-9 {
      font-size: var(--font-size-9);
      --line-height: var(--line-height-9);
      --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 768px) {
    .rt-Text.sm\:rt-r-size-1 {
      font-size: var(--font-size-1);
      --line-height: var(--line-height-1);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Text.sm\:rt-r-size-2 {
      font-size: var(--font-size-2);
      --line-height: var(--line-height-2);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Text.sm\:rt-r-size-3 {
      font-size: var(--font-size-3);
      --line-height: var(--line-height-3);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Text.sm\:rt-r-size-4 {
      font-size: var(--font-size-4);
      --line-height: var(--line-height-4);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Text.sm\:rt-r-size-5 {
      font-size: var(--font-size-5);
      --line-height: var(--line-height-5);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Text.sm\:rt-r-size-6 {
      font-size: var(--font-size-6);
      --line-height: var(--line-height-6);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Text.sm\:rt-r-size-7 {
      font-size: var(--font-size-7);
      --line-height: var(--line-height-7);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Text.sm\:rt-r-size-8 {
      font-size: var(--font-size-8);
      --line-height: var(--line-height-8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Text.sm\:rt-r-size-9 {
      font-size: var(--font-size-9);
      --line-height: var(--line-height-9);
      --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1024px) {
    .rt-Text.md\:rt-r-size-1 {
      font-size: var(--font-size-1);
      --line-height: var(--line-height-1);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Text.md\:rt-r-size-2 {
      font-size: var(--font-size-2);
      --line-height: var(--line-height-2);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Text.md\:rt-r-size-3 {
      font-size: var(--font-size-3);
      --line-height: var(--line-height-3);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Text.md\:rt-r-size-4 {
      font-size: var(--font-size-4);
      --line-height: var(--line-height-4);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Text.md\:rt-r-size-5 {
      font-size: var(--font-size-5);
      --line-height: var(--line-height-5);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Text.md\:rt-r-size-6 {
      font-size: var(--font-size-6);
      --line-height: var(--line-height-6);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Text.md\:rt-r-size-7 {
      font-size: var(--font-size-7);
      --line-height: var(--line-height-7);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Text.md\:rt-r-size-8 {
      font-size: var(--font-size-8);
      --line-height: var(--line-height-8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Text.md\:rt-r-size-9 {
      font-size: var(--font-size-9);
      --line-height: var(--line-height-9);
      --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1280px) {
    .rt-Text.lg\:rt-r-size-1 {
      font-size: var(--font-size-1);
      --line-height: var(--line-height-1);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Text.lg\:rt-r-size-2 {
      font-size: var(--font-size-2);
      --line-height: var(--line-height-2);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Text.lg\:rt-r-size-3 {
      font-size: var(--font-size-3);
      --line-height: var(--line-height-3);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Text.lg\:rt-r-size-4 {
      font-size: var(--font-size-4);
      --line-height: var(--line-height-4);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Text.lg\:rt-r-size-5 {
      font-size: var(--font-size-5);
      --line-height: var(--line-height-5);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Text.lg\:rt-r-size-6 {
      font-size: var(--font-size-6);
      --line-height: var(--line-height-6);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Text.lg\:rt-r-size-7 {
      font-size: var(--font-size-7);
      --line-height: var(--line-height-7);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Text.lg\:rt-r-size-8 {
      font-size: var(--font-size-8);
      --line-height: var(--line-height-8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Text.lg\:rt-r-size-9 {
      font-size: var(--font-size-9);
      --line-height: var(--line-height-9);
      --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1640px) {
    .rt-Text.xl\:rt-r-size-1 {
      font-size: var(--font-size-1);
      --line-height: var(--line-height-1);
      --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Text.xl\:rt-r-size-2 {
      font-size: var(--font-size-2);
      --line-height: var(--line-height-2);
      --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Text.xl\:rt-r-size-3 {
      font-size: var(--font-size-3);
      --line-height: var(--line-height-3);
      --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Text.xl\:rt-r-size-4 {
      font-size: var(--font-size-4);
      --line-height: var(--line-height-4);
      --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Text.xl\:rt-r-size-5 {
      font-size: var(--font-size-5);
      --line-height: var(--line-height-5);
      --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Text.xl\:rt-r-size-6 {
      font-size: var(--font-size-6);
      --line-height: var(--line-height-6);
      --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Text.xl\:rt-r-size-7 {
      font-size: var(--font-size-7);
      --line-height: var(--line-height-7);
      --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Text.xl\:rt-r-size-8 {
      font-size: var(--font-size-8);
      --line-height: var(--line-height-8);
      --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Text.xl\:rt-r-size-9 {
      font-size: var(--font-size-9);
      --line-height: var(--line-height-9);
      --letter-spacing: var(--letter-spacing-9);
    }
}
.rt-TooltipContent {
  padding: var(--space-1) var(--space-2);
  --tooltip-bg: var(--gray-12);
  background-color: var(--tooltip-bg);
  border-radius: max(var(--radius-2), var(--radius-full));

  transform-origin: var(--radix-tooltip-content-transform-origin);

  animation-duration: 200ms;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
.rt-TooltipContent[data-state='delayed-open'][data-side='top'] {
      animation-name: slideUpAndFadeIn;
    }
.rt-TooltipContent[data-state='delayed-open'][data-side='bottom'] {
      animation-name: slideDownAndFadeIn;
    }
.rt-TooltipContent[data-state='delayed-open'][data-side='left'] {
      animation-name: slideLeftAndFadeIn;
    }
.rt-TooltipContent[data-state='delayed-open'][data-side='right'] {
      animation-name: slideRightAndFadeIn;
    }
.rt-TooltipText {
  color: var(--gray-1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
}
.rt-TooltipArrow {
  fill: var(--tooltip-bg);
}
/***************************************************************************************************
 *                                                                                                 *
 * VARIANTS                                                                                        *
 *                                                                                                 *
 ***************************************************************************************************/
.rt-TooltipContent.rt-multiline {
  max-width: 250px;
  border-radius: var(--radius-2);
}
.rt-TooltipContent.rt-multiline .rt-TooltipText {
    line-height: var(--default-line-height);
  }
@media all {
  .rt-r-ai-start {
    align-items: flex-start;
  }

  .rt-r-ai-center {
    align-items: center;
  }

  .rt-r-ai-end {
    align-items: flex-end;
  }

  .rt-r-ai-baseline {
    align-items: baseline;
  }

  .rt-r-ai-stretch {
    align-items: stretch;
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-ai-start {
    align-items: flex-start;
  }

  .xs\:rt-r-ai-center {
    align-items: center;
  }

  .xs\:rt-r-ai-end {
    align-items: flex-end;
  }

  .xs\:rt-r-ai-baseline {
    align-items: baseline;
  }

  .xs\:rt-r-ai-stretch {
    align-items: stretch;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-ai-start {
    align-items: flex-start;
  }

  .sm\:rt-r-ai-center {
    align-items: center;
  }

  .sm\:rt-r-ai-end {
    align-items: flex-end;
  }

  .sm\:rt-r-ai-baseline {
    align-items: baseline;
  }

  .sm\:rt-r-ai-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-ai-start {
    align-items: flex-start;
  }

  .md\:rt-r-ai-center {
    align-items: center;
  }

  .md\:rt-r-ai-end {
    align-items: flex-end;
  }

  .md\:rt-r-ai-baseline {
    align-items: baseline;
  }

  .md\:rt-r-ai-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-ai-start {
    align-items: flex-start;
  }

  .lg\:rt-r-ai-center {
    align-items: center;
  }

  .lg\:rt-r-ai-end {
    align-items: flex-end;
  }

  .lg\:rt-r-ai-baseline {
    align-items: baseline;
  }

  .lg\:rt-r-ai-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-ai-start {
    align-items: flex-start;
  }

  .xl\:rt-r-ai-center {
    align-items: center;
  }

  .xl\:rt-r-ai-end {
    align-items: flex-end;
  }

  .xl\:rt-r-ai-baseline {
    align-items: baseline;
  }

  .xl\:rt-r-ai-stretch {
    align-items: stretch;
  }
}
@media all {
  .rt-r-as-start {
    align-self: flex-start;
  }

  .rt-r-as-center {
    align-self: center;
  }

  .rt-r-as-end {
    align-self: flex-end;
  }

  .rt-r-as-baseline {
    align-self: baseline;
  }

  .rt-r-as-stretch {
    align-self: stretch;
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-as-start {
    align-self: flex-start;
  }

  .xs\:rt-r-as-center {
    align-self: center;
  }

  .xs\:rt-r-as-end {
    align-self: flex-end;
  }

  .xs\:rt-r-as-baseline {
    align-self: baseline;
  }

  .xs\:rt-r-as-stretch {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-as-start {
    align-self: flex-start;
  }

  .sm\:rt-r-as-center {
    align-self: center;
  }

  .sm\:rt-r-as-end {
    align-self: flex-end;
  }

  .sm\:rt-r-as-baseline {
    align-self: baseline;
  }

  .sm\:rt-r-as-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-as-start {
    align-self: flex-start;
  }

  .md\:rt-r-as-center {
    align-self: center;
  }

  .md\:rt-r-as-end {
    align-self: flex-end;
  }

  .md\:rt-r-as-baseline {
    align-self: baseline;
  }

  .md\:rt-r-as-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-as-start {
    align-self: flex-start;
  }

  .lg\:rt-r-as-center {
    align-self: center;
  }

  .lg\:rt-r-as-end {
    align-self: flex-end;
  }

  .lg\:rt-r-as-baseline {
    align-self: baseline;
  }

  .lg\:rt-r-as-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-as-start {
    align-self: flex-start;
  }

  .xl\:rt-r-as-center {
    align-self: center;
  }

  .xl\:rt-r-as-end {
    align-self: flex-end;
  }

  .xl\:rt-r-as-baseline {
    align-self: baseline;
  }

  .xl\:rt-r-as-stretch {
    align-self: stretch;
  }
}
@media all {
  .rt-r-display-block {
    display: block;
  }

  .rt-r-display-inline {
    display: inline;
  }

  .rt-r-display-inline-block {
    display: inline-block;
  }

  .rt-r-display-flex {
    display: flex;
  }

  .rt-r-display-inline-flex {
    display: inline-flex;
  }

  .rt-r-display-grid {
    display: grid;
  }

  .rt-r-display-inline-grid {
    display: inline-grid;
  }

  .rt-r-display-none {
    display: none;
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-display-block {
    display: block;
  }

  .xs\:rt-r-display-inline {
    display: inline;
  }

  .xs\:rt-r-display-inline-block {
    display: inline-block;
  }

  .xs\:rt-r-display-flex {
    display: flex;
  }

  .xs\:rt-r-display-inline-flex {
    display: inline-flex;
  }

  .xs\:rt-r-display-grid {
    display: grid;
  }

  .xs\:rt-r-display-inline-grid {
    display: inline-grid;
  }

  .xs\:rt-r-display-none {
    display: none;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-display-block {
    display: block;
  }

  .sm\:rt-r-display-inline {
    display: inline;
  }

  .sm\:rt-r-display-inline-block {
    display: inline-block;
  }

  .sm\:rt-r-display-flex {
    display: flex;
  }

  .sm\:rt-r-display-inline-flex {
    display: inline-flex;
  }

  .sm\:rt-r-display-grid {
    display: grid;
  }

  .sm\:rt-r-display-inline-grid {
    display: inline-grid;
  }

  .sm\:rt-r-display-none {
    display: none;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-display-block {
    display: block;
  }

  .md\:rt-r-display-inline {
    display: inline;
  }

  .md\:rt-r-display-inline-block {
    display: inline-block;
  }

  .md\:rt-r-display-flex {
    display: flex;
  }

  .md\:rt-r-display-inline-flex {
    display: inline-flex;
  }

  .md\:rt-r-display-grid {
    display: grid;
  }

  .md\:rt-r-display-inline-grid {
    display: inline-grid;
  }

  .md\:rt-r-display-none {
    display: none;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-display-block {
    display: block;
  }

  .lg\:rt-r-display-inline {
    display: inline;
  }

  .lg\:rt-r-display-inline-block {
    display: inline-block;
  }

  .lg\:rt-r-display-flex {
    display: flex;
  }

  .lg\:rt-r-display-inline-flex {
    display: inline-flex;
  }

  .lg\:rt-r-display-grid {
    display: grid;
  }

  .lg\:rt-r-display-inline-grid {
    display: inline-grid;
  }

  .lg\:rt-r-display-none {
    display: none;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-display-block {
    display: block;
  }

  .xl\:rt-r-display-inline {
    display: inline;
  }

  .xl\:rt-r-display-inline-block {
    display: inline-block;
  }

  .xl\:rt-r-display-flex {
    display: flex;
  }

  .xl\:rt-r-display-inline-flex {
    display: inline-flex;
  }

  .xl\:rt-r-display-grid {
    display: grid;
  }

  .xl\:rt-r-display-inline-grid {
    display: inline-grid;
  }

  .xl\:rt-r-display-none {
    display: none;
  }
}
@media all {
  .rt-r-fd-row {
    flex-direction: row;
  }

  .rt-r-fd-column {
    flex-direction: column;
  }

  .rt-r-fd-row-reverse {
    flex-direction: row-reverse;
  }

  .rt-r-fd-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-fd-row {
    flex-direction: row;
  }

  .xs\:rt-r-fd-column {
    flex-direction: column;
  }

  .xs\:rt-r-fd-row-reverse {
    flex-direction: row-reverse;
  }

  .xs\:rt-r-fd-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-fd-row {
    flex-direction: row;
  }

  .sm\:rt-r-fd-column {
    flex-direction: column;
  }

  .sm\:rt-r-fd-row-reverse {
    flex-direction: row-reverse;
  }

  .sm\:rt-r-fd-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-fd-row {
    flex-direction: row;
  }

  .md\:rt-r-fd-column {
    flex-direction: column;
  }

  .md\:rt-r-fd-row-reverse {
    flex-direction: row-reverse;
  }

  .md\:rt-r-fd-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-fd-row {
    flex-direction: row;
  }

  .lg\:rt-r-fd-column {
    flex-direction: column;
  }

  .lg\:rt-r-fd-row-reverse {
    flex-direction: row-reverse;
  }

  .lg\:rt-r-fd-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-fd-row {
    flex-direction: row;
  }

  .xl\:rt-r-fd-column {
    flex-direction: column;
  }

  .xl\:rt-r-fd-row-reverse {
    flex-direction: row-reverse;
  }

  .xl\:rt-r-fd-column-reverse {
    flex-direction: column-reverse;
  }
}
@media all {
  .rt-r-fg-0 {
    flex-grow: 0;
  }

  .rt-r-fg-1 {
    flex-grow: 1;
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-fg-0 {
    flex-grow: 0;
  }

  .xs\:rt-r-fg-1 {
    flex-grow: 1;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-fg-0 {
    flex-grow: 0;
  }

  .sm\:rt-r-fg-1 {
    flex-grow: 1;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-fg-0 {
    flex-grow: 0;
  }

  .md\:rt-r-fg-1 {
    flex-grow: 1;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-fg-0 {
    flex-grow: 0;
  }

  .lg\:rt-r-fg-1 {
    flex-grow: 1;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-fg-0 {
    flex-grow: 0;
  }

  .xl\:rt-r-fg-1 {
    flex-grow: 1;
  }
}
@media all {
  .rt-r-fs-0 {
    flex-shrink: 0;
  }

  .rt-r-fs-1 {
    flex-shrink: 1;
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-fs-0 {
    flex-shrink: 0;
  }

  .xs\:rt-r-fs-1 {
    flex-shrink: 1;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-fs-0 {
    flex-shrink: 0;
  }

  .sm\:rt-r-fs-1 {
    flex-shrink: 1;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-fs-0 {
    flex-shrink: 0;
  }

  .md\:rt-r-fs-1 {
    flex-shrink: 1;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-fs-0 {
    flex-shrink: 0;
  }

  .lg\:rt-r-fs-1 {
    flex-shrink: 1;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-fs-0 {
    flex-shrink: 0;
  }

  .xl\:rt-r-fs-1 {
    flex-shrink: 1;
  }
}
@media all {
  .rt-r-fw-nowrap {
    flex-wrap: nowrap;
  }

  .rt-r-fw-wrap {
    flex-wrap: wrap;
  }

  .rt-r-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-fw-nowrap {
    flex-wrap: nowrap;
  }

  .xs\:rt-r-fw-wrap {
    flex-wrap: wrap;
  }

  .xs\:rt-r-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-fw-nowrap {
    flex-wrap: nowrap;
  }

  .sm\:rt-r-fw-wrap {
    flex-wrap: wrap;
  }

  .sm\:rt-r-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-fw-nowrap {
    flex-wrap: nowrap;
  }

  .md\:rt-r-fw-wrap {
    flex-wrap: wrap;
  }

  .md\:rt-r-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-fw-nowrap {
    flex-wrap: nowrap;
  }

  .lg\:rt-r-fw-wrap {
    flex-wrap: wrap;
  }

  .lg\:rt-r-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-fw-nowrap {
    flex-wrap: nowrap;
  }

  .xl\:rt-r-fw-wrap {
    flex-wrap: wrap;
  }

  .xl\:rt-r-fw-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media all {
  .rt-r-weight-light {
    font-weight: var(--font-weight-light);
  }

  .rt-r-weight-regular {
    font-weight: var(--font-weight-regular);
  }

  .rt-r-weight-medium {
    font-weight: var(--font-weight-medium);
  }

  .rt-r-weight-bold {
    font-weight: var(--font-weight-bold);
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-weight-light {
    font-weight: var(--font-weight-light);
  }

  .xs\:rt-r-weight-regular {
    font-weight: var(--font-weight-regular);
  }

  .xs\:rt-r-weight-medium {
    font-weight: var(--font-weight-medium);
  }

  .xs\:rt-r-weight-bold {
    font-weight: var(--font-weight-bold);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-weight-light {
    font-weight: var(--font-weight-light);
  }

  .sm\:rt-r-weight-regular {
    font-weight: var(--font-weight-regular);
  }

  .sm\:rt-r-weight-medium {
    font-weight: var(--font-weight-medium);
  }

  .sm\:rt-r-weight-bold {
    font-weight: var(--font-weight-bold);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-weight-light {
    font-weight: var(--font-weight-light);
  }

  .md\:rt-r-weight-regular {
    font-weight: var(--font-weight-regular);
  }

  .md\:rt-r-weight-medium {
    font-weight: var(--font-weight-medium);
  }

  .md\:rt-r-weight-bold {
    font-weight: var(--font-weight-bold);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-weight-light {
    font-weight: var(--font-weight-light);
  }

  .lg\:rt-r-weight-regular {
    font-weight: var(--font-weight-regular);
  }

  .lg\:rt-r-weight-medium {
    font-weight: var(--font-weight-medium);
  }

  .lg\:rt-r-weight-bold {
    font-weight: var(--font-weight-bold);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-weight-light {
    font-weight: var(--font-weight-light);
  }

  .xl\:rt-r-weight-regular {
    font-weight: var(--font-weight-regular);
  }

  .xl\:rt-r-weight-medium {
    font-weight: var(--font-weight-medium);
  }

  .xl\:rt-r-weight-bold {
    font-weight: var(--font-weight-bold);
  }
}
@media all {
  .rt-r-gap-0 {
    gap: 0;
  }

  .rt-r-gap-1 {
    gap: var(--space-1);
  }

  .rt-r-gap-2 {
    gap: var(--space-2);
  }

  .rt-r-gap-3 {
    gap: var(--space-3);
  }

  .rt-r-gap-4 {
    gap: var(--space-4);
  }

  .rt-r-gap-5 {
    gap: var(--space-5);
  }

  .rt-r-gap-6 {
    gap: var(--space-6);
  }

  .rt-r-gap-7 {
    gap: var(--space-7);
  }

  .rt-r-gap-8 {
    gap: var(--space-8);
  }

  .rt-r-gap-9 {
    gap: var(--space-9);
  }

  .rt-r-cg-0 {
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .rt-r-cg-1 {
    -moz-column-gap: var(--space-1);
         column-gap: var(--space-1);
  }

  .rt-r-cg-2 {
    -moz-column-gap: var(--space-2);
         column-gap: var(--space-2);
  }

  .rt-r-cg-3 {
    -moz-column-gap: var(--space-3);
         column-gap: var(--space-3);
  }

  .rt-r-cg-4 {
    -moz-column-gap: var(--space-4);
         column-gap: var(--space-4);
  }

  .rt-r-cg-5 {
    -moz-column-gap: var(--space-5);
         column-gap: var(--space-5);
  }

  .rt-r-cg-6 {
    -moz-column-gap: var(--space-6);
         column-gap: var(--space-6);
  }

  .rt-r-cg-7 {
    -moz-column-gap: var(--space-7);
         column-gap: var(--space-7);
  }

  .rt-r-cg-8 {
    -moz-column-gap: var(--space-8);
         column-gap: var(--space-8);
  }

  .rt-r-cg-9 {
    -moz-column-gap: var(--space-9);
         column-gap: var(--space-9);
  }

  .rt-r-rg-0 {
    row-gap: 0;
  }

  .rt-r-rg-1 {
    row-gap: var(--space-1);
  }

  .rt-r-rg-2 {
    row-gap: var(--space-2);
  }

  .rt-r-rg-3 {
    row-gap: var(--space-3);
  }

  .rt-r-rg-4 {
    row-gap: var(--space-4);
  }

  .rt-r-rg-5 {
    row-gap: var(--space-5);
  }

  .rt-r-rg-6 {
    row-gap: var(--space-6);
  }

  .rt-r-rg-7 {
    row-gap: var(--space-7);
  }

  .rt-r-rg-8 {
    row-gap: var(--space-8);
  }

  .rt-r-rg-9 {
    row-gap: var(--space-9);
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-gap-0 {
    gap: 0;
  }

  .xs\:rt-r-gap-1 {
    gap: var(--space-1);
  }

  .xs\:rt-r-gap-2 {
    gap: var(--space-2);
  }

  .xs\:rt-r-gap-3 {
    gap: var(--space-3);
  }

  .xs\:rt-r-gap-4 {
    gap: var(--space-4);
  }

  .xs\:rt-r-gap-5 {
    gap: var(--space-5);
  }

  .xs\:rt-r-gap-6 {
    gap: var(--space-6);
  }

  .xs\:rt-r-gap-7 {
    gap: var(--space-7);
  }

  .xs\:rt-r-gap-8 {
    gap: var(--space-8);
  }

  .xs\:rt-r-gap-9 {
    gap: var(--space-9);
  }

  .xs\:rt-r-cg-0 {
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .xs\:rt-r-cg-1 {
    -moz-column-gap: var(--space-1);
         column-gap: var(--space-1);
  }

  .xs\:rt-r-cg-2 {
    -moz-column-gap: var(--space-2);
         column-gap: var(--space-2);
  }

  .xs\:rt-r-cg-3 {
    -moz-column-gap: var(--space-3);
         column-gap: var(--space-3);
  }

  .xs\:rt-r-cg-4 {
    -moz-column-gap: var(--space-4);
         column-gap: var(--space-4);
  }

  .xs\:rt-r-cg-5 {
    -moz-column-gap: var(--space-5);
         column-gap: var(--space-5);
  }

  .xs\:rt-r-cg-6 {
    -moz-column-gap: var(--space-6);
         column-gap: var(--space-6);
  }

  .xs\:rt-r-cg-7 {
    -moz-column-gap: var(--space-7);
         column-gap: var(--space-7);
  }

  .xs\:rt-r-cg-8 {
    -moz-column-gap: var(--space-8);
         column-gap: var(--space-8);
  }

  .xs\:rt-r-cg-9 {
    -moz-column-gap: var(--space-9);
         column-gap: var(--space-9);
  }

  .xs\:rt-r-rg-0 {
    row-gap: 0;
  }

  .xs\:rt-r-rg-1 {
    row-gap: var(--space-1);
  }

  .xs\:rt-r-rg-2 {
    row-gap: var(--space-2);
  }

  .xs\:rt-r-rg-3 {
    row-gap: var(--space-3);
  }

  .xs\:rt-r-rg-4 {
    row-gap: var(--space-4);
  }

  .xs\:rt-r-rg-5 {
    row-gap: var(--space-5);
  }

  .xs\:rt-r-rg-6 {
    row-gap: var(--space-6);
  }

  .xs\:rt-r-rg-7 {
    row-gap: var(--space-7);
  }

  .xs\:rt-r-rg-8 {
    row-gap: var(--space-8);
  }

  .xs\:rt-r-rg-9 {
    row-gap: var(--space-9);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-gap-0 {
    gap: 0;
  }

  .sm\:rt-r-gap-1 {
    gap: var(--space-1);
  }

  .sm\:rt-r-gap-2 {
    gap: var(--space-2);
  }

  .sm\:rt-r-gap-3 {
    gap: var(--space-3);
  }

  .sm\:rt-r-gap-4 {
    gap: var(--space-4);
  }

  .sm\:rt-r-gap-5 {
    gap: var(--space-5);
  }

  .sm\:rt-r-gap-6 {
    gap: var(--space-6);
  }

  .sm\:rt-r-gap-7 {
    gap: var(--space-7);
  }

  .sm\:rt-r-gap-8 {
    gap: var(--space-8);
  }

  .sm\:rt-r-gap-9 {
    gap: var(--space-9);
  }

  .sm\:rt-r-cg-0 {
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .sm\:rt-r-cg-1 {
    -moz-column-gap: var(--space-1);
         column-gap: var(--space-1);
  }

  .sm\:rt-r-cg-2 {
    -moz-column-gap: var(--space-2);
         column-gap: var(--space-2);
  }

  .sm\:rt-r-cg-3 {
    -moz-column-gap: var(--space-3);
         column-gap: var(--space-3);
  }

  .sm\:rt-r-cg-4 {
    -moz-column-gap: var(--space-4);
         column-gap: var(--space-4);
  }

  .sm\:rt-r-cg-5 {
    -moz-column-gap: var(--space-5);
         column-gap: var(--space-5);
  }

  .sm\:rt-r-cg-6 {
    -moz-column-gap: var(--space-6);
         column-gap: var(--space-6);
  }

  .sm\:rt-r-cg-7 {
    -moz-column-gap: var(--space-7);
         column-gap: var(--space-7);
  }

  .sm\:rt-r-cg-8 {
    -moz-column-gap: var(--space-8);
         column-gap: var(--space-8);
  }

  .sm\:rt-r-cg-9 {
    -moz-column-gap: var(--space-9);
         column-gap: var(--space-9);
  }

  .sm\:rt-r-rg-0 {
    row-gap: 0;
  }

  .sm\:rt-r-rg-1 {
    row-gap: var(--space-1);
  }

  .sm\:rt-r-rg-2 {
    row-gap: var(--space-2);
  }

  .sm\:rt-r-rg-3 {
    row-gap: var(--space-3);
  }

  .sm\:rt-r-rg-4 {
    row-gap: var(--space-4);
  }

  .sm\:rt-r-rg-5 {
    row-gap: var(--space-5);
  }

  .sm\:rt-r-rg-6 {
    row-gap: var(--space-6);
  }

  .sm\:rt-r-rg-7 {
    row-gap: var(--space-7);
  }

  .sm\:rt-r-rg-8 {
    row-gap: var(--space-8);
  }

  .sm\:rt-r-rg-9 {
    row-gap: var(--space-9);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-gap-0 {
    gap: 0;
  }

  .md\:rt-r-gap-1 {
    gap: var(--space-1);
  }

  .md\:rt-r-gap-2 {
    gap: var(--space-2);
  }

  .md\:rt-r-gap-3 {
    gap: var(--space-3);
  }

  .md\:rt-r-gap-4 {
    gap: var(--space-4);
  }

  .md\:rt-r-gap-5 {
    gap: var(--space-5);
  }

  .md\:rt-r-gap-6 {
    gap: var(--space-6);
  }

  .md\:rt-r-gap-7 {
    gap: var(--space-7);
  }

  .md\:rt-r-gap-8 {
    gap: var(--space-8);
  }

  .md\:rt-r-gap-9 {
    gap: var(--space-9);
  }

  .md\:rt-r-cg-0 {
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .md\:rt-r-cg-1 {
    -moz-column-gap: var(--space-1);
         column-gap: var(--space-1);
  }

  .md\:rt-r-cg-2 {
    -moz-column-gap: var(--space-2);
         column-gap: var(--space-2);
  }

  .md\:rt-r-cg-3 {
    -moz-column-gap: var(--space-3);
         column-gap: var(--space-3);
  }

  .md\:rt-r-cg-4 {
    -moz-column-gap: var(--space-4);
         column-gap: var(--space-4);
  }

  .md\:rt-r-cg-5 {
    -moz-column-gap: var(--space-5);
         column-gap: var(--space-5);
  }

  .md\:rt-r-cg-6 {
    -moz-column-gap: var(--space-6);
         column-gap: var(--space-6);
  }

  .md\:rt-r-cg-7 {
    -moz-column-gap: var(--space-7);
         column-gap: var(--space-7);
  }

  .md\:rt-r-cg-8 {
    -moz-column-gap: var(--space-8);
         column-gap: var(--space-8);
  }

  .md\:rt-r-cg-9 {
    -moz-column-gap: var(--space-9);
         column-gap: var(--space-9);
  }

  .md\:rt-r-rg-0 {
    row-gap: 0;
  }

  .md\:rt-r-rg-1 {
    row-gap: var(--space-1);
  }

  .md\:rt-r-rg-2 {
    row-gap: var(--space-2);
  }

  .md\:rt-r-rg-3 {
    row-gap: var(--space-3);
  }

  .md\:rt-r-rg-4 {
    row-gap: var(--space-4);
  }

  .md\:rt-r-rg-5 {
    row-gap: var(--space-5);
  }

  .md\:rt-r-rg-6 {
    row-gap: var(--space-6);
  }

  .md\:rt-r-rg-7 {
    row-gap: var(--space-7);
  }

  .md\:rt-r-rg-8 {
    row-gap: var(--space-8);
  }

  .md\:rt-r-rg-9 {
    row-gap: var(--space-9);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-gap-0 {
    gap: 0;
  }

  .lg\:rt-r-gap-1 {
    gap: var(--space-1);
  }

  .lg\:rt-r-gap-2 {
    gap: var(--space-2);
  }

  .lg\:rt-r-gap-3 {
    gap: var(--space-3);
  }

  .lg\:rt-r-gap-4 {
    gap: var(--space-4);
  }

  .lg\:rt-r-gap-5 {
    gap: var(--space-5);
  }

  .lg\:rt-r-gap-6 {
    gap: var(--space-6);
  }

  .lg\:rt-r-gap-7 {
    gap: var(--space-7);
  }

  .lg\:rt-r-gap-8 {
    gap: var(--space-8);
  }

  .lg\:rt-r-gap-9 {
    gap: var(--space-9);
  }

  .lg\:rt-r-cg-0 {
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .lg\:rt-r-cg-1 {
    -moz-column-gap: var(--space-1);
         column-gap: var(--space-1);
  }

  .lg\:rt-r-cg-2 {
    -moz-column-gap: var(--space-2);
         column-gap: var(--space-2);
  }

  .lg\:rt-r-cg-3 {
    -moz-column-gap: var(--space-3);
         column-gap: var(--space-3);
  }

  .lg\:rt-r-cg-4 {
    -moz-column-gap: var(--space-4);
         column-gap: var(--space-4);
  }

  .lg\:rt-r-cg-5 {
    -moz-column-gap: var(--space-5);
         column-gap: var(--space-5);
  }

  .lg\:rt-r-cg-6 {
    -moz-column-gap: var(--space-6);
         column-gap: var(--space-6);
  }

  .lg\:rt-r-cg-7 {
    -moz-column-gap: var(--space-7);
         column-gap: var(--space-7);
  }

  .lg\:rt-r-cg-8 {
    -moz-column-gap: var(--space-8);
         column-gap: var(--space-8);
  }

  .lg\:rt-r-cg-9 {
    -moz-column-gap: var(--space-9);
         column-gap: var(--space-9);
  }

  .lg\:rt-r-rg-0 {
    row-gap: 0;
  }

  .lg\:rt-r-rg-1 {
    row-gap: var(--space-1);
  }

  .lg\:rt-r-rg-2 {
    row-gap: var(--space-2);
  }

  .lg\:rt-r-rg-3 {
    row-gap: var(--space-3);
  }

  .lg\:rt-r-rg-4 {
    row-gap: var(--space-4);
  }

  .lg\:rt-r-rg-5 {
    row-gap: var(--space-5);
  }

  .lg\:rt-r-rg-6 {
    row-gap: var(--space-6);
  }

  .lg\:rt-r-rg-7 {
    row-gap: var(--space-7);
  }

  .lg\:rt-r-rg-8 {
    row-gap: var(--space-8);
  }

  .lg\:rt-r-rg-9 {
    row-gap: var(--space-9);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-gap-0 {
    gap: 0;
  }

  .xl\:rt-r-gap-1 {
    gap: var(--space-1);
  }

  .xl\:rt-r-gap-2 {
    gap: var(--space-2);
  }

  .xl\:rt-r-gap-3 {
    gap: var(--space-3);
  }

  .xl\:rt-r-gap-4 {
    gap: var(--space-4);
  }

  .xl\:rt-r-gap-5 {
    gap: var(--space-5);
  }

  .xl\:rt-r-gap-6 {
    gap: var(--space-6);
  }

  .xl\:rt-r-gap-7 {
    gap: var(--space-7);
  }

  .xl\:rt-r-gap-8 {
    gap: var(--space-8);
  }

  .xl\:rt-r-gap-9 {
    gap: var(--space-9);
  }

  .xl\:rt-r-cg-0 {
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .xl\:rt-r-cg-1 {
    -moz-column-gap: var(--space-1);
         column-gap: var(--space-1);
  }

  .xl\:rt-r-cg-2 {
    -moz-column-gap: var(--space-2);
         column-gap: var(--space-2);
  }

  .xl\:rt-r-cg-3 {
    -moz-column-gap: var(--space-3);
         column-gap: var(--space-3);
  }

  .xl\:rt-r-cg-4 {
    -moz-column-gap: var(--space-4);
         column-gap: var(--space-4);
  }

  .xl\:rt-r-cg-5 {
    -moz-column-gap: var(--space-5);
         column-gap: var(--space-5);
  }

  .xl\:rt-r-cg-6 {
    -moz-column-gap: var(--space-6);
         column-gap: var(--space-6);
  }

  .xl\:rt-r-cg-7 {
    -moz-column-gap: var(--space-7);
         column-gap: var(--space-7);
  }

  .xl\:rt-r-cg-8 {
    -moz-column-gap: var(--space-8);
         column-gap: var(--space-8);
  }

  .xl\:rt-r-cg-9 {
    -moz-column-gap: var(--space-9);
         column-gap: var(--space-9);
  }

  .xl\:rt-r-rg-0 {
    row-gap: 0;
  }

  .xl\:rt-r-rg-1 {
    row-gap: var(--space-1);
  }

  .xl\:rt-r-rg-2 {
    row-gap: var(--space-2);
  }

  .xl\:rt-r-rg-3 {
    row-gap: var(--space-3);
  }

  .xl\:rt-r-rg-4 {
    row-gap: var(--space-4);
  }

  .xl\:rt-r-rg-5 {
    row-gap: var(--space-5);
  }

  .xl\:rt-r-rg-6 {
    row-gap: var(--space-6);
  }

  .xl\:rt-r-rg-7 {
    row-gap: var(--space-7);
  }

  .xl\:rt-r-rg-8 {
    row-gap: var(--space-8);
  }

  .xl\:rt-r-rg-9 {
    row-gap: var(--space-9);
  }
}
@media all {
  .rt-r-gaf-row {
    grid-auto-flow: row;
  }

  .rt-r-gaf-column {
    grid-auto-flow: column;
  }

  .rt-r-gaf-dense {
    grid-auto-flow: dense;
  }

  .rt-r-gaf-row-dense {
    grid-auto-flow: row dense;
  }

  .rt-r-gaf-column-dense {
    grid-auto-flow: column dense;
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-gaf-row {
    grid-auto-flow: row;
  }

  .xs\:rt-r-gaf-column {
    grid-auto-flow: column;
  }

  .xs\:rt-r-gaf-dense {
    grid-auto-flow: dense;
  }

  .xs\:rt-r-gaf-row-dense {
    grid-auto-flow: row dense;
  }

  .xs\:rt-r-gaf-column-dense {
    grid-auto-flow: column dense;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-gaf-row {
    grid-auto-flow: row;
  }

  .sm\:rt-r-gaf-column {
    grid-auto-flow: column;
  }

  .sm\:rt-r-gaf-dense {
    grid-auto-flow: dense;
  }

  .sm\:rt-r-gaf-row-dense {
    grid-auto-flow: row dense;
  }

  .sm\:rt-r-gaf-column-dense {
    grid-auto-flow: column dense;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-gaf-row {
    grid-auto-flow: row;
  }

  .md\:rt-r-gaf-column {
    grid-auto-flow: column;
  }

  .md\:rt-r-gaf-dense {
    grid-auto-flow: dense;
  }

  .md\:rt-r-gaf-row-dense {
    grid-auto-flow: row dense;
  }

  .md\:rt-r-gaf-column-dense {
    grid-auto-flow: column dense;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-gaf-row {
    grid-auto-flow: row;
  }

  .lg\:rt-r-gaf-column {
    grid-auto-flow: column;
  }

  .lg\:rt-r-gaf-dense {
    grid-auto-flow: dense;
  }

  .lg\:rt-r-gaf-row-dense {
    grid-auto-flow: row dense;
  }

  .lg\:rt-r-gaf-column-dense {
    grid-auto-flow: column dense;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-gaf-row {
    grid-auto-flow: row;
  }

  .xl\:rt-r-gaf-column {
    grid-auto-flow: column;
  }

  .xl\:rt-r-gaf-dense {
    grid-auto-flow: dense;
  }

  .xl\:rt-r-gaf-row-dense {
    grid-auto-flow: row dense;
  }

  .xl\:rt-r-gaf-column-dense {
    grid-auto-flow: column dense;
  }
}
@media all {
  .rt-r-h-auto {
    height: auto;
  }

  .rt-r-h-max-content {
    height: -moz-max-content;
    height: max-content;
  }

  .rt-r-h-min-content {
    height: -moz-min-content;
    height: min-content;
  }

  .rt-r-h-0 {
    height: 0;
  }

  .rt-r-h-1 {
    height: var(--space-1);
  }

  .rt-r-h-2 {
    height: var(--space-2);
  }

  .rt-r-h-3 {
    height: var(--space-3);
  }

  .rt-r-h-4 {
    height: var(--space-4);
  }

  .rt-r-h-5 {
    height: var(--space-5);
  }

  .rt-r-h-6 {
    height: var(--space-6);
  }

  .rt-r-h-7 {
    height: var(--space-7);
  }

  .rt-r-h-8 {
    height: var(--space-8);
  }

  .rt-r-h-9 {
    height: var(--space-9);
  }

  .rt-r-h-50\% {
    height: 50%;
  }

  .rt-r-h-100\% {
    height: 100%;
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-h-auto {
    height: auto;
  }

  .xs\:rt-r-h-max-content {
    height: -moz-max-content;
    height: max-content;
  }

  .xs\:rt-r-h-min-content {
    height: -moz-min-content;
    height: min-content;
  }

  .xs\:rt-r-h-0 {
    height: 0;
  }

  .xs\:rt-r-h-1 {
    height: var(--space-1);
  }

  .xs\:rt-r-h-2 {
    height: var(--space-2);
  }

  .xs\:rt-r-h-3 {
    height: var(--space-3);
  }

  .xs\:rt-r-h-4 {
    height: var(--space-4);
  }

  .xs\:rt-r-h-5 {
    height: var(--space-5);
  }

  .xs\:rt-r-h-6 {
    height: var(--space-6);
  }

  .xs\:rt-r-h-7 {
    height: var(--space-7);
  }

  .xs\:rt-r-h-8 {
    height: var(--space-8);
  }

  .xs\:rt-r-h-9 {
    height: var(--space-9);
  }

  .xs\:rt-r-h-50\% {
    height: 50%;
  }

  .xs\:rt-r-h-100\% {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-h-auto {
    height: auto;
  }

  .sm\:rt-r-h-max-content {
    height: -moz-max-content;
    height: max-content;
  }

  .sm\:rt-r-h-min-content {
    height: -moz-min-content;
    height: min-content;
  }

  .sm\:rt-r-h-0 {
    height: 0;
  }

  .sm\:rt-r-h-1 {
    height: var(--space-1);
  }

  .sm\:rt-r-h-2 {
    height: var(--space-2);
  }

  .sm\:rt-r-h-3 {
    height: var(--space-3);
  }

  .sm\:rt-r-h-4 {
    height: var(--space-4);
  }

  .sm\:rt-r-h-5 {
    height: var(--space-5);
  }

  .sm\:rt-r-h-6 {
    height: var(--space-6);
  }

  .sm\:rt-r-h-7 {
    height: var(--space-7);
  }

  .sm\:rt-r-h-8 {
    height: var(--space-8);
  }

  .sm\:rt-r-h-9 {
    height: var(--space-9);
  }

  .sm\:rt-r-h-50\% {
    height: 50%;
  }

  .sm\:rt-r-h-100\% {
    height: 100%;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-h-auto {
    height: auto;
  }

  .md\:rt-r-h-max-content {
    height: -moz-max-content;
    height: max-content;
  }

  .md\:rt-r-h-min-content {
    height: -moz-min-content;
    height: min-content;
  }

  .md\:rt-r-h-0 {
    height: 0;
  }

  .md\:rt-r-h-1 {
    height: var(--space-1);
  }

  .md\:rt-r-h-2 {
    height: var(--space-2);
  }

  .md\:rt-r-h-3 {
    height: var(--space-3);
  }

  .md\:rt-r-h-4 {
    height: var(--space-4);
  }

  .md\:rt-r-h-5 {
    height: var(--space-5);
  }

  .md\:rt-r-h-6 {
    height: var(--space-6);
  }

  .md\:rt-r-h-7 {
    height: var(--space-7);
  }

  .md\:rt-r-h-8 {
    height: var(--space-8);
  }

  .md\:rt-r-h-9 {
    height: var(--space-9);
  }

  .md\:rt-r-h-50\% {
    height: 50%;
  }

  .md\:rt-r-h-100\% {
    height: 100%;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-h-auto {
    height: auto;
  }

  .lg\:rt-r-h-max-content {
    height: -moz-max-content;
    height: max-content;
  }

  .lg\:rt-r-h-min-content {
    height: -moz-min-content;
    height: min-content;
  }

  .lg\:rt-r-h-0 {
    height: 0;
  }

  .lg\:rt-r-h-1 {
    height: var(--space-1);
  }

  .lg\:rt-r-h-2 {
    height: var(--space-2);
  }

  .lg\:rt-r-h-3 {
    height: var(--space-3);
  }

  .lg\:rt-r-h-4 {
    height: var(--space-4);
  }

  .lg\:rt-r-h-5 {
    height: var(--space-5);
  }

  .lg\:rt-r-h-6 {
    height: var(--space-6);
  }

  .lg\:rt-r-h-7 {
    height: var(--space-7);
  }

  .lg\:rt-r-h-8 {
    height: var(--space-8);
  }

  .lg\:rt-r-h-9 {
    height: var(--space-9);
  }

  .lg\:rt-r-h-50\% {
    height: 50%;
  }

  .lg\:rt-r-h-100\% {
    height: 100%;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-h-auto {
    height: auto;
  }

  .xl\:rt-r-h-max-content {
    height: -moz-max-content;
    height: max-content;
  }

  .xl\:rt-r-h-min-content {
    height: -moz-min-content;
    height: min-content;
  }

  .xl\:rt-r-h-0 {
    height: 0;
  }

  .xl\:rt-r-h-1 {
    height: var(--space-1);
  }

  .xl\:rt-r-h-2 {
    height: var(--space-2);
  }

  .xl\:rt-r-h-3 {
    height: var(--space-3);
  }

  .xl\:rt-r-h-4 {
    height: var(--space-4);
  }

  .xl\:rt-r-h-5 {
    height: var(--space-5);
  }

  .xl\:rt-r-h-6 {
    height: var(--space-6);
  }

  .xl\:rt-r-h-7 {
    height: var(--space-7);
  }

  .xl\:rt-r-h-8 {
    height: var(--space-8);
  }

  .xl\:rt-r-h-9 {
    height: var(--space-9);
  }

  .xl\:rt-r-h-50\% {
    height: 50%;
  }

  .xl\:rt-r-h-100\% {
    height: 100%;
  }
}
@media all {
  .rt-r-inset-auto {
    inset: auto;
  }

  .rt-r-top-auto {
    top: auto;
  }

  .rt-r-right-auto {
    right: auto;
  }

  .rt-r-bottom-auto {
    bottom: auto;
  }

  .rt-r-left-auto {
    left: auto;
  }

  .rt-r-inset-0 {
    inset: 0;
  }

  .rt-r-top-0 {
    top: 0;
  }

  .rt-r-right-0 {
    right: 0;
  }

  .rt-r-bottom-0 {
    bottom: 0;
  }

  .rt-r-left-0 {
    left: 0;
  }

  .rt-r-inset-50\% {
    inset: 50%;
  }

  .rt-r-top-50\% {
    top: 50%;
  }

  .rt-r-right-50\% {
    right: 50%;
  }

  .rt-r-bottom-50\% {
    bottom: 50%;
  }

  .rt-r-left-50\% {
    left: 50%;
  }

  .rt-r-inset-100\% {
    inset: 100%;
  }

  .rt-r-top-100\% {
    top: 100%;
  }

  .rt-r-right-100\% {
    right: 100%;
  }

  .rt-r-bottom-100\% {
    bottom: 100%;
  }

  .rt-r-left-100\% {
    left: 100%;
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-inset-auto {
    inset: auto;
  }

  .xs\:rt-r-top-auto {
    top: auto;
  }

  .xs\:rt-r-right-auto {
    right: auto;
  }

  .xs\:rt-r-bottom-auto {
    bottom: auto;
  }

  .xs\:rt-r-left-auto {
    left: auto;
  }

  .xs\:rt-r-inset-0 {
    inset: 0;
  }

  .xs\:rt-r-top-0 {
    top: 0;
  }

  .xs\:rt-r-right-0 {
    right: 0;
  }

  .xs\:rt-r-bottom-0 {
    bottom: 0;
  }

  .xs\:rt-r-left-0 {
    left: 0;
  }

  .xs\:rt-r-inset-50\% {
    inset: 50%;
  }

  .xs\:rt-r-top-50\% {
    top: 50%;
  }

  .xs\:rt-r-right-50\% {
    right: 50%;
  }

  .xs\:rt-r-bottom-50\% {
    bottom: 50%;
  }

  .xs\:rt-r-left-50\% {
    left: 50%;
  }

  .xs\:rt-r-inset-100\% {
    inset: 100%;
  }

  .xs\:rt-r-top-100\% {
    top: 100%;
  }

  .xs\:rt-r-right-100\% {
    right: 100%;
  }

  .xs\:rt-r-bottom-100\% {
    bottom: 100%;
  }

  .xs\:rt-r-left-100\% {
    left: 100%;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-inset-auto {
    inset: auto;
  }

  .sm\:rt-r-top-auto {
    top: auto;
  }

  .sm\:rt-r-right-auto {
    right: auto;
  }

  .sm\:rt-r-bottom-auto {
    bottom: auto;
  }

  .sm\:rt-r-left-auto {
    left: auto;
  }

  .sm\:rt-r-inset-0 {
    inset: 0;
  }

  .sm\:rt-r-top-0 {
    top: 0;
  }

  .sm\:rt-r-right-0 {
    right: 0;
  }

  .sm\:rt-r-bottom-0 {
    bottom: 0;
  }

  .sm\:rt-r-left-0 {
    left: 0;
  }

  .sm\:rt-r-inset-50\% {
    inset: 50%;
  }

  .sm\:rt-r-top-50\% {
    top: 50%;
  }

  .sm\:rt-r-right-50\% {
    right: 50%;
  }

  .sm\:rt-r-bottom-50\% {
    bottom: 50%;
  }

  .sm\:rt-r-left-50\% {
    left: 50%;
  }

  .sm\:rt-r-inset-100\% {
    inset: 100%;
  }

  .sm\:rt-r-top-100\% {
    top: 100%;
  }

  .sm\:rt-r-right-100\% {
    right: 100%;
  }

  .sm\:rt-r-bottom-100\% {
    bottom: 100%;
  }

  .sm\:rt-r-left-100\% {
    left: 100%;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-inset-auto {
    inset: auto;
  }

  .md\:rt-r-top-auto {
    top: auto;
  }

  .md\:rt-r-right-auto {
    right: auto;
  }

  .md\:rt-r-bottom-auto {
    bottom: auto;
  }

  .md\:rt-r-left-auto {
    left: auto;
  }

  .md\:rt-r-inset-0 {
    inset: 0;
  }

  .md\:rt-r-top-0 {
    top: 0;
  }

  .md\:rt-r-right-0 {
    right: 0;
  }

  .md\:rt-r-bottom-0 {
    bottom: 0;
  }

  .md\:rt-r-left-0 {
    left: 0;
  }

  .md\:rt-r-inset-50\% {
    inset: 50%;
  }

  .md\:rt-r-top-50\% {
    top: 50%;
  }

  .md\:rt-r-right-50\% {
    right: 50%;
  }

  .md\:rt-r-bottom-50\% {
    bottom: 50%;
  }

  .md\:rt-r-left-50\% {
    left: 50%;
  }

  .md\:rt-r-inset-100\% {
    inset: 100%;
  }

  .md\:rt-r-top-100\% {
    top: 100%;
  }

  .md\:rt-r-right-100\% {
    right: 100%;
  }

  .md\:rt-r-bottom-100\% {
    bottom: 100%;
  }

  .md\:rt-r-left-100\% {
    left: 100%;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-inset-auto {
    inset: auto;
  }

  .lg\:rt-r-top-auto {
    top: auto;
  }

  .lg\:rt-r-right-auto {
    right: auto;
  }

  .lg\:rt-r-bottom-auto {
    bottom: auto;
  }

  .lg\:rt-r-left-auto {
    left: auto;
  }

  .lg\:rt-r-inset-0 {
    inset: 0;
  }

  .lg\:rt-r-top-0 {
    top: 0;
  }

  .lg\:rt-r-right-0 {
    right: 0;
  }

  .lg\:rt-r-bottom-0 {
    bottom: 0;
  }

  .lg\:rt-r-left-0 {
    left: 0;
  }

  .lg\:rt-r-inset-50\% {
    inset: 50%;
  }

  .lg\:rt-r-top-50\% {
    top: 50%;
  }

  .lg\:rt-r-right-50\% {
    right: 50%;
  }

  .lg\:rt-r-bottom-50\% {
    bottom: 50%;
  }

  .lg\:rt-r-left-50\% {
    left: 50%;
  }

  .lg\:rt-r-inset-100\% {
    inset: 100%;
  }

  .lg\:rt-r-top-100\% {
    top: 100%;
  }

  .lg\:rt-r-right-100\% {
    right: 100%;
  }

  .lg\:rt-r-bottom-100\% {
    bottom: 100%;
  }

  .lg\:rt-r-left-100\% {
    left: 100%;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-inset-auto {
    inset: auto;
  }

  .xl\:rt-r-top-auto {
    top: auto;
  }

  .xl\:rt-r-right-auto {
    right: auto;
  }

  .xl\:rt-r-bottom-auto {
    bottom: auto;
  }

  .xl\:rt-r-left-auto {
    left: auto;
  }

  .xl\:rt-r-inset-0 {
    inset: 0;
  }

  .xl\:rt-r-top-0 {
    top: 0;
  }

  .xl\:rt-r-right-0 {
    right: 0;
  }

  .xl\:rt-r-bottom-0 {
    bottom: 0;
  }

  .xl\:rt-r-left-0 {
    left: 0;
  }

  .xl\:rt-r-inset-50\% {
    inset: 50%;
  }

  .xl\:rt-r-top-50\% {
    top: 50%;
  }

  .xl\:rt-r-right-50\% {
    right: 50%;
  }

  .xl\:rt-r-bottom-50\% {
    bottom: 50%;
  }

  .xl\:rt-r-left-50\% {
    left: 50%;
  }

  .xl\:rt-r-inset-100\% {
    inset: 100%;
  }

  .xl\:rt-r-top-100\% {
    top: 100%;
  }

  .xl\:rt-r-right-100\% {
    right: 100%;
  }

  .xl\:rt-r-bottom-100\% {
    bottom: 100%;
  }

  .xl\:rt-r-left-100\% {
    left: 100%;
  }
}
@media all {
  .rt-r-jc-start {
    justify-content: flex-start;
  }

  .rt-r-jc-center {
    justify-content: center;
  }

  .rt-r-jc-end {
    justify-content: flex-end;
  }

  .rt-r-jc-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-jc-start {
    justify-content: flex-start;
  }

  .xs\:rt-r-jc-center {
    justify-content: center;
  }

  .xs\:rt-r-jc-end {
    justify-content: flex-end;
  }

  .xs\:rt-r-jc-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-jc-start {
    justify-content: flex-start;
  }

  .sm\:rt-r-jc-center {
    justify-content: center;
  }

  .sm\:rt-r-jc-end {
    justify-content: flex-end;
  }

  .sm\:rt-r-jc-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-jc-start {
    justify-content: flex-start;
  }

  .md\:rt-r-jc-center {
    justify-content: center;
  }

  .md\:rt-r-jc-end {
    justify-content: flex-end;
  }

  .md\:rt-r-jc-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-jc-start {
    justify-content: flex-start;
  }

  .lg\:rt-r-jc-center {
    justify-content: center;
  }

  .lg\:rt-r-jc-end {
    justify-content: flex-end;
  }

  .lg\:rt-r-jc-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-jc-start {
    justify-content: flex-start;
  }

  .xl\:rt-r-jc-center {
    justify-content: center;
  }

  .xl\:rt-r-jc-end {
    justify-content: flex-end;
  }

  .xl\:rt-r-jc-space-between {
    justify-content: space-between;
  }
}
@media all {
  .rt-r-lt-normal::before,
  .rt-r-lt-end::before,
  .rt-r-lt-normal::after,
  .rt-r-lt-start::after {
    content: none;
  }

  .rt-r-lt-start::before,
  .rt-r-lt-both::before,
  .rt-r-lt-end::after,
  .rt-r-lt-both::after {
    content: '';
    display: table;
  }

  .rt-r-lt-start::before,
  .rt-r-lt-both::before {
    margin-bottom: calc(
      var(--leading-trim-start, var(--default-leading-trim-start)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }

  .rt-r-lt-end::after,
  .rt-r-lt-both::after {
    margin-top: calc(
      var(--leading-trim-end, var(--default-leading-trim-end)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-lt-normal::before,
  .xs\:rt-r-lt-end::before,
  .xs\:rt-r-lt-normal::after,
  .xs\:rt-r-lt-start::after {
    content: none;
  }

  .xs\:rt-r-lt-start::before,
  .xs\:rt-r-lt-both::before,
  .xs\:rt-r-lt-end::after,
  .xs\:rt-r-lt-both::after {
    content: '';
    display: table;
  }

  .xs\:rt-r-lt-start::before,
  .xs\:rt-r-lt-both::before {
    margin-bottom: calc(
      var(--leading-trim-start, var(--default-leading-trim-start)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }

  .xs\:rt-r-lt-end::after,
  .xs\:rt-r-lt-both::after {
    margin-top: calc(
      var(--leading-trim-end, var(--default-leading-trim-end)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-lt-normal::before,
  .sm\:rt-r-lt-end::before,
  .sm\:rt-r-lt-normal::after,
  .sm\:rt-r-lt-start::after {
    content: none;
  }

  .sm\:rt-r-lt-start::before,
  .sm\:rt-r-lt-both::before,
  .sm\:rt-r-lt-end::after,
  .sm\:rt-r-lt-both::after {
    content: '';
    display: table;
  }

  .sm\:rt-r-lt-start::before,
  .sm\:rt-r-lt-both::before {
    margin-bottom: calc(
      var(--leading-trim-start, var(--default-leading-trim-start)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }

  .sm\:rt-r-lt-end::after,
  .sm\:rt-r-lt-both::after {
    margin-top: calc(
      var(--leading-trim-end, var(--default-leading-trim-end)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-lt-normal::before,
  .md\:rt-r-lt-end::before,
  .md\:rt-r-lt-normal::after,
  .md\:rt-r-lt-start::after {
    content: none;
  }

  .md\:rt-r-lt-start::before,
  .md\:rt-r-lt-both::before,
  .md\:rt-r-lt-end::after,
  .md\:rt-r-lt-both::after {
    content: '';
    display: table;
  }

  .md\:rt-r-lt-start::before,
  .md\:rt-r-lt-both::before {
    margin-bottom: calc(
      var(--leading-trim-start, var(--default-leading-trim-start)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }

  .md\:rt-r-lt-end::after,
  .md\:rt-r-lt-both::after {
    margin-top: calc(
      var(--leading-trim-end, var(--default-leading-trim-end)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-lt-normal::before,
  .lg\:rt-r-lt-end::before,
  .lg\:rt-r-lt-normal::after,
  .lg\:rt-r-lt-start::after {
    content: none;
  }

  .lg\:rt-r-lt-start::before,
  .lg\:rt-r-lt-both::before,
  .lg\:rt-r-lt-end::after,
  .lg\:rt-r-lt-both::after {
    content: '';
    display: table;
  }

  .lg\:rt-r-lt-start::before,
  .lg\:rt-r-lt-both::before {
    margin-bottom: calc(
      var(--leading-trim-start, var(--default-leading-trim-start)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }

  .lg\:rt-r-lt-end::after,
  .lg\:rt-r-lt-both::after {
    margin-top: calc(
      var(--leading-trim-end, var(--default-leading-trim-end)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-lt-normal::before,
  .xl\:rt-r-lt-end::before,
  .xl\:rt-r-lt-normal::after,
  .xl\:rt-r-lt-start::after {
    content: none;
  }

  .xl\:rt-r-lt-start::before,
  .xl\:rt-r-lt-both::before,
  .xl\:rt-r-lt-end::after,
  .xl\:rt-r-lt-both::after {
    content: '';
    display: table;
  }

  .xl\:rt-r-lt-start::before,
  .xl\:rt-r-lt-both::before {
    margin-bottom: calc(
      var(--leading-trim-start, var(--default-leading-trim-start)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }

  .xl\:rt-r-lt-end::after,
  .xl\:rt-r-lt-both::after {
    margin-top: calc(
      var(--leading-trim-end, var(--default-leading-trim-end)) -
        var(--line-height, calc(1em * var(--default-line-height))) / 2
    );
  }
}
@media all {
  .rt-r-m-auto {
    margin: auto;
  }

  .rt-r-m-0 {
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .rt-r-m-1 {
    --margin-top: var(--space-1);
    --margin-right: var(--space-1);
    --margin-bottom: var(--space-1);
    --margin-left: var(--space-1);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .rt-r-m-2 {
    --margin-top: var(--space-2);
    --margin-right: var(--space-2);
    --margin-bottom: var(--space-2);
    --margin-left: var(--space-2);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .rt-r-m-3 {
    --margin-top: var(--space-3);
    --margin-right: var(--space-3);
    --margin-bottom: var(--space-3);
    --margin-left: var(--space-3);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .rt-r-m-4 {
    --margin-top: var(--space-4);
    --margin-right: var(--space-4);
    --margin-bottom: var(--space-4);
    --margin-left: var(--space-4);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .rt-r-m-5 {
    --margin-top: var(--space-5);
    --margin-right: var(--space-5);
    --margin-bottom: var(--space-5);
    --margin-left: var(--space-5);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .rt-r-m-6 {
    --margin-top: var(--space-6);
    --margin-right: var(--space-6);
    --margin-bottom: var(--space-6);
    --margin-left: var(--space-6);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .rt-r-m-7 {
    --margin-top: var(--space-7);
    --margin-right: var(--space-7);
    --margin-bottom: var(--space-7);
    --margin-left: var(--space-7);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .rt-r-m-8 {
    --margin-top: var(--space-8);
    --margin-right: var(--space-8);
    --margin-bottom: var(--space-8);
    --margin-left: var(--space-8);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .rt-r-m-9 {
    --margin-top: var(--space-9);
    --margin-right: var(--space-9);
    --margin-bottom: var(--space-9);
    --margin-left: var(--space-9);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-m-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
    --margin-left: calc(-1 * var(--space-1));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-m-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
    --margin-left: calc(-1 * var(--space-2));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-m-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
    --margin-left: calc(-1 * var(--space-3));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-m-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
    --margin-left: calc(-1 * var(--space-4));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-m-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
    --margin-left: calc(-1 * var(--space-5));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-m-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
    --margin-left: calc(-1 * var(--space-6));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-m-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
    --margin-left: calc(-1 * var(--space-7));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-m-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
    --margin-left: calc(-1 * var(--space-8));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-m-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
    --margin-left: calc(-1 * var(--space-9));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .rt-r-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .rt-r-mx-0 {
    --margin-left: 0px;
    --margin-right: 0px;
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mx-1 {
    --margin-left: var(--space-1);
    --margin-right: var(--space-1);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mx-2 {
    --margin-left: var(--space-2);
    --margin-right: var(--space-2);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mx-3 {
    --margin-left: var(--space-3);
    --margin-right: var(--space-3);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mx-4 {
    --margin-left: var(--space-4);
    --margin-right: var(--space-4);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mx-5 {
    --margin-left: var(--space-5);
    --margin-right: var(--space-5);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mx-6 {
    --margin-left: var(--space-6);
    --margin-right: var(--space-6);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mx-7 {
    --margin-left: var(--space-7);
    --margin-right: var(--space-7);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mx-8 {
    --margin-left: var(--space-8);
    --margin-right: var(--space-8);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mx-9 {
    --margin-left: var(--space-9);
    --margin-right: var(--space-9);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mx-1 {
    --margin-left: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mx-2 {
    --margin-left: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mx-3 {
    --margin-left: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mx-4 {
    --margin-left: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mx-5 {
    --margin-left: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mx-6 {
    --margin-left: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mx-7 {
    --margin-left: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mx-8 {
    --margin-left: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mx-9 {
    --margin-left: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .rt-r-my-0 {
    --margin-top: 0px;
    --margin-bottom: 0px;
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-my-1 {
    --margin-top: var(--space-1);
    --margin-bottom: var(--space-1);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-my-2 {
    --margin-top: var(--space-2);
    --margin-bottom: var(--space-2);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-my-3 {
    --margin-top: var(--space-3);
    --margin-bottom: var(--space-3);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-my-4 {
    --margin-top: var(--space-4);
    --margin-bottom: var(--space-4);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-my-5 {
    --margin-top: var(--space-5);
    --margin-bottom: var(--space-5);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-my-6 {
    --margin-top: var(--space-6);
    --margin-bottom: var(--space-6);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-my-7 {
    --margin-top: var(--space-7);
    --margin-bottom: var(--space-7);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-my-8 {
    --margin-top: var(--space-8);
    --margin-bottom: var(--space-8);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-my-9 {
    --margin-top: var(--space-9);
    --margin-bottom: var(--space-9);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-my-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-my-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-my-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-my-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-my-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-my-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-my-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-my-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-my-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-mt-auto {
    margin-top: auto;
  }

  .rt-r-mt-0 {
    --margin-top: 0px;
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .rt-r-mt-1 {
    --margin-top: var(--space-1);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .rt-r-mt-2 {
    --margin-top: var(--space-2);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .rt-r-mt-3 {
    --margin-top: var(--space-3);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .rt-r-mt-4 {
    --margin-top: var(--space-4);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .rt-r-mt-5 {
    --margin-top: var(--space-5);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .rt-r-mt-6 {
    --margin-top: var(--space-6);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .rt-r-mt-7 {
    --margin-top: var(--space-7);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .rt-r-mt-8 {
    --margin-top: var(--space-8);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .rt-r-mt-9 {
    --margin-top: var(--space-9);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .-rt-r-mt-1 {
    --margin-top: calc(-1 * var(--space-1));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .-rt-r-mt-2 {
    --margin-top: calc(-1 * var(--space-2));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .-rt-r-mt-3 {
    --margin-top: calc(-1 * var(--space-3));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .-rt-r-mt-4 {
    --margin-top: calc(-1 * var(--space-4));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .-rt-r-mt-5 {
    --margin-top: calc(-1 * var(--space-5));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .-rt-r-mt-6 {
    --margin-top: calc(-1 * var(--space-6));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .-rt-r-mt-7 {
    --margin-top: calc(-1 * var(--space-7));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .-rt-r-mt-8 {
    --margin-top: calc(-1 * var(--space-8));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .-rt-r-mt-9 {
    --margin-top: calc(-1 * var(--space-9));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .rt-r-mr-auto {
    margin-right: auto;
  }

  .rt-r-mr-0 {
    --margin-right: 0px;
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mr-1 {
    --margin-right: var(--space-1);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mr-2 {
    --margin-right: var(--space-2);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mr-3 {
    --margin-right: var(--space-3);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mr-4 {
    --margin-right: var(--space-4);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mr-5 {
    --margin-right: var(--space-5);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mr-6 {
    --margin-right: var(--space-6);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mr-7 {
    --margin-right: var(--space-7);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mr-8 {
    --margin-right: var(--space-8);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mr-9 {
    --margin-right: var(--space-9);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mr-1 {
    --margin-right: calc(-1 * var(--space-1));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mr-2 {
    --margin-right: calc(-1 * var(--space-2));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mr-3 {
    --margin-right: calc(-1 * var(--space-3));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mr-4 {
    --margin-right: calc(-1 * var(--space-4));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mr-5 {
    --margin-right: calc(-1 * var(--space-5));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mr-6 {
    --margin-right: calc(-1 * var(--space-6));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mr-7 {
    --margin-right: calc(-1 * var(--space-7));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mr-8 {
    --margin-right: calc(-1 * var(--space-8));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .-rt-r-mr-9 {
    --margin-right: calc(-1 * var(--space-9));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .rt-r-mb-auto {
    margin-bottom: auto;
  }

  .rt-r-mb-0 {
    --margin-bottom: 0px;
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-mb-1 {
    --margin-bottom: var(--space-1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-mb-2 {
    --margin-bottom: var(--space-2);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-mb-3 {
    --margin-bottom: var(--space-3);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-mb-4 {
    --margin-bottom: var(--space-4);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-mb-5 {
    --margin-bottom: var(--space-5);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-mb-6 {
    --margin-bottom: var(--space-6);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-mb-7 {
    --margin-bottom: var(--space-7);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-mb-8 {
    --margin-bottom: var(--space-8);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-mb-9 {
    --margin-bottom: var(--space-9);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-mb-1 {
    --margin-bottom: calc(-1 * var(--space-1));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-mb-2 {
    --margin-bottom: calc(-1 * var(--space-2));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-mb-3 {
    --margin-bottom: calc(-1 * var(--space-3));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-mb-4 {
    --margin-bottom: calc(-1 * var(--space-4));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-mb-5 {
    --margin-bottom: calc(-1 * var(--space-5));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-mb-6 {
    --margin-bottom: calc(-1 * var(--space-6));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-mb-7 {
    --margin-bottom: calc(-1 * var(--space-7));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-mb-8 {
    --margin-bottom: calc(-1 * var(--space-8));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .-rt-r-mb-9 {
    --margin-bottom: calc(-1 * var(--space-9));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .rt-r-ml-auto {
    margin-left: auto;
  }

  .rt-r-ml-0 {
    --margin-left: 0px;
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .rt-r-ml-1 {
    --margin-left: var(--space-1);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .rt-r-ml-2 {
    --margin-left: var(--space-2);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .rt-r-ml-3 {
    --margin-left: var(--space-3);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .rt-r-ml-4 {
    --margin-left: var(--space-4);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .rt-r-ml-5 {
    --margin-left: var(--space-5);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .rt-r-ml-6 {
    --margin-left: var(--space-6);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .rt-r-ml-7 {
    --margin-left: var(--space-7);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .rt-r-ml-8 {
    --margin-left: var(--space-8);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .rt-r-ml-9 {
    --margin-left: var(--space-9);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-ml-1 {
    --margin-left: calc(-1 * var(--space-1));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-ml-2 {
    --margin-left: calc(-1 * var(--space-2));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-ml-3 {
    --margin-left: calc(-1 * var(--space-3));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-ml-4 {
    --margin-left: calc(-1 * var(--space-4));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-ml-5 {
    --margin-left: calc(-1 * var(--space-5));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-ml-6 {
    --margin-left: calc(-1 * var(--space-6));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-ml-7 {
    --margin-left: calc(-1 * var(--space-7));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-ml-8 {
    --margin-left: calc(-1 * var(--space-8));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .-rt-r-ml-9 {
    --margin-left: calc(-1 * var(--space-9));
    margin-left: var(--margin-left-override, var(--margin-left));
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-m-auto {
    margin: auto;
  }

  .xs\:rt-r-m-0 {
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-m-1 {
    --margin-top: var(--space-1);
    --margin-right: var(--space-1);
    --margin-bottom: var(--space-1);
    --margin-left: var(--space-1);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-m-2 {
    --margin-top: var(--space-2);
    --margin-right: var(--space-2);
    --margin-bottom: var(--space-2);
    --margin-left: var(--space-2);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-m-3 {
    --margin-top: var(--space-3);
    --margin-right: var(--space-3);
    --margin-bottom: var(--space-3);
    --margin-left: var(--space-3);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-m-4 {
    --margin-top: var(--space-4);
    --margin-right: var(--space-4);
    --margin-bottom: var(--space-4);
    --margin-left: var(--space-4);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-m-5 {
    --margin-top: var(--space-5);
    --margin-right: var(--space-5);
    --margin-bottom: var(--space-5);
    --margin-left: var(--space-5);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-m-6 {
    --margin-top: var(--space-6);
    --margin-right: var(--space-6);
    --margin-bottom: var(--space-6);
    --margin-left: var(--space-6);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-m-7 {
    --margin-top: var(--space-7);
    --margin-right: var(--space-7);
    --margin-bottom: var(--space-7);
    --margin-left: var(--space-7);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-m-8 {
    --margin-top: var(--space-8);
    --margin-right: var(--space-8);
    --margin-bottom: var(--space-8);
    --margin-left: var(--space-8);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-m-9 {
    --margin-top: var(--space-9);
    --margin-right: var(--space-9);
    --margin-bottom: var(--space-9);
    --margin-left: var(--space-9);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-m-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
    --margin-left: calc(-1 * var(--space-1));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-m-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
    --margin-left: calc(-1 * var(--space-2));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-m-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
    --margin-left: calc(-1 * var(--space-3));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-m-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
    --margin-left: calc(-1 * var(--space-4));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-m-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
    --margin-left: calc(-1 * var(--space-5));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-m-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
    --margin-left: calc(-1 * var(--space-6));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-m-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
    --margin-left: calc(-1 * var(--space-7));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-m-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
    --margin-left: calc(-1 * var(--space-8));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-m-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
    --margin-left: calc(-1 * var(--space-9));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xs\:rt-r-mx-0 {
    --margin-left: 0px;
    --margin-right: 0px;
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mx-1 {
    --margin-left: var(--space-1);
    --margin-right: var(--space-1);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mx-2 {
    --margin-left: var(--space-2);
    --margin-right: var(--space-2);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mx-3 {
    --margin-left: var(--space-3);
    --margin-right: var(--space-3);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mx-4 {
    --margin-left: var(--space-4);
    --margin-right: var(--space-4);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mx-5 {
    --margin-left: var(--space-5);
    --margin-right: var(--space-5);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mx-6 {
    --margin-left: var(--space-6);
    --margin-right: var(--space-6);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mx-7 {
    --margin-left: var(--space-7);
    --margin-right: var(--space-7);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mx-8 {
    --margin-left: var(--space-8);
    --margin-right: var(--space-8);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mx-9 {
    --margin-left: var(--space-9);
    --margin-right: var(--space-9);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mx-1 {
    --margin-left: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mx-2 {
    --margin-left: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mx-3 {
    --margin-left: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mx-4 {
    --margin-left: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mx-5 {
    --margin-left: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mx-6 {
    --margin-left: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mx-7 {
    --margin-left: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mx-8 {
    --margin-left: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mx-9 {
    --margin-left: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .xs\:rt-r-my-0 {
    --margin-top: 0px;
    --margin-bottom: 0px;
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-my-1 {
    --margin-top: var(--space-1);
    --margin-bottom: var(--space-1);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-my-2 {
    --margin-top: var(--space-2);
    --margin-bottom: var(--space-2);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-my-3 {
    --margin-top: var(--space-3);
    --margin-bottom: var(--space-3);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-my-4 {
    --margin-top: var(--space-4);
    --margin-bottom: var(--space-4);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-my-5 {
    --margin-top: var(--space-5);
    --margin-bottom: var(--space-5);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-my-6 {
    --margin-top: var(--space-6);
    --margin-bottom: var(--space-6);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-my-7 {
    --margin-top: var(--space-7);
    --margin-bottom: var(--space-7);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-my-8 {
    --margin-top: var(--space-8);
    --margin-bottom: var(--space-8);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-my-9 {
    --margin-top: var(--space-9);
    --margin-bottom: var(--space-9);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-my-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-my-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-my-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-my-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-my-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-my-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-my-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-my-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-my-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-mt-auto {
    margin-top: auto;
  }

  .xs\:rt-r-mt-0 {
    --margin-top: 0px;
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:rt-r-mt-1 {
    --margin-top: var(--space-1);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:rt-r-mt-2 {
    --margin-top: var(--space-2);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:rt-r-mt-3 {
    --margin-top: var(--space-3);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:rt-r-mt-4 {
    --margin-top: var(--space-4);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:rt-r-mt-5 {
    --margin-top: var(--space-5);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:rt-r-mt-6 {
    --margin-top: var(--space-6);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:rt-r-mt-7 {
    --margin-top: var(--space-7);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:rt-r-mt-8 {
    --margin-top: var(--space-8);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:rt-r-mt-9 {
    --margin-top: var(--space-9);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:-rt-r-mt-1 {
    --margin-top: calc(-1 * var(--space-1));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:-rt-r-mt-2 {
    --margin-top: calc(-1 * var(--space-2));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:-rt-r-mt-3 {
    --margin-top: calc(-1 * var(--space-3));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:-rt-r-mt-4 {
    --margin-top: calc(-1 * var(--space-4));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:-rt-r-mt-5 {
    --margin-top: calc(-1 * var(--space-5));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:-rt-r-mt-6 {
    --margin-top: calc(-1 * var(--space-6));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:-rt-r-mt-7 {
    --margin-top: calc(-1 * var(--space-7));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:-rt-r-mt-8 {
    --margin-top: calc(-1 * var(--space-8));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:-rt-r-mt-9 {
    --margin-top: calc(-1 * var(--space-9));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xs\:rt-r-mr-auto {
    margin-right: auto;
  }

  .xs\:rt-r-mr-0 {
    --margin-right: 0px;
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mr-1 {
    --margin-right: var(--space-1);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mr-2 {
    --margin-right: var(--space-2);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mr-3 {
    --margin-right: var(--space-3);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mr-4 {
    --margin-right: var(--space-4);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mr-5 {
    --margin-right: var(--space-5);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mr-6 {
    --margin-right: var(--space-6);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mr-7 {
    --margin-right: var(--space-7);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mr-8 {
    --margin-right: var(--space-8);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mr-9 {
    --margin-right: var(--space-9);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mr-1 {
    --margin-right: calc(-1 * var(--space-1));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mr-2 {
    --margin-right: calc(-1 * var(--space-2));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mr-3 {
    --margin-right: calc(-1 * var(--space-3));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mr-4 {
    --margin-right: calc(-1 * var(--space-4));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mr-5 {
    --margin-right: calc(-1 * var(--space-5));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mr-6 {
    --margin-right: calc(-1 * var(--space-6));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mr-7 {
    --margin-right: calc(-1 * var(--space-7));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mr-8 {
    --margin-right: calc(-1 * var(--space-8));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:-rt-r-mr-9 {
    --margin-right: calc(-1 * var(--space-9));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xs\:rt-r-mb-auto {
    margin-bottom: auto;
  }

  .xs\:rt-r-mb-0 {
    --margin-bottom: 0px;
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-mb-1 {
    --margin-bottom: var(--space-1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-mb-2 {
    --margin-bottom: var(--space-2);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-mb-3 {
    --margin-bottom: var(--space-3);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-mb-4 {
    --margin-bottom: var(--space-4);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-mb-5 {
    --margin-bottom: var(--space-5);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-mb-6 {
    --margin-bottom: var(--space-6);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-mb-7 {
    --margin-bottom: var(--space-7);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-mb-8 {
    --margin-bottom: var(--space-8);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-mb-9 {
    --margin-bottom: var(--space-9);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-mb-1 {
    --margin-bottom: calc(-1 * var(--space-1));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-mb-2 {
    --margin-bottom: calc(-1 * var(--space-2));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-mb-3 {
    --margin-bottom: calc(-1 * var(--space-3));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-mb-4 {
    --margin-bottom: calc(-1 * var(--space-4));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-mb-5 {
    --margin-bottom: calc(-1 * var(--space-5));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-mb-6 {
    --margin-bottom: calc(-1 * var(--space-6));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-mb-7 {
    --margin-bottom: calc(-1 * var(--space-7));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-mb-8 {
    --margin-bottom: calc(-1 * var(--space-8));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:-rt-r-mb-9 {
    --margin-bottom: calc(-1 * var(--space-9));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xs\:rt-r-ml-auto {
    margin-left: auto;
  }

  .xs\:rt-r-ml-0 {
    --margin-left: 0px;
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-ml-1 {
    --margin-left: var(--space-1);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-ml-2 {
    --margin-left: var(--space-2);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-ml-3 {
    --margin-left: var(--space-3);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-ml-4 {
    --margin-left: var(--space-4);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-ml-5 {
    --margin-left: var(--space-5);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-ml-6 {
    --margin-left: var(--space-6);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-ml-7 {
    --margin-left: var(--space-7);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-ml-8 {
    --margin-left: var(--space-8);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:rt-r-ml-9 {
    --margin-left: var(--space-9);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-ml-1 {
    --margin-left: calc(-1 * var(--space-1));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-ml-2 {
    --margin-left: calc(-1 * var(--space-2));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-ml-3 {
    --margin-left: calc(-1 * var(--space-3));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-ml-4 {
    --margin-left: calc(-1 * var(--space-4));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-ml-5 {
    --margin-left: calc(-1 * var(--space-5));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-ml-6 {
    --margin-left: calc(-1 * var(--space-6));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-ml-7 {
    --margin-left: calc(-1 * var(--space-7));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-ml-8 {
    --margin-left: calc(-1 * var(--space-8));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xs\:-rt-r-ml-9 {
    --margin-left: calc(-1 * var(--space-9));
    margin-left: var(--margin-left-override, var(--margin-left));
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-m-auto {
    margin: auto;
  }

  .sm\:rt-r-m-0 {
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-m-1 {
    --margin-top: var(--space-1);
    --margin-right: var(--space-1);
    --margin-bottom: var(--space-1);
    --margin-left: var(--space-1);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-m-2 {
    --margin-top: var(--space-2);
    --margin-right: var(--space-2);
    --margin-bottom: var(--space-2);
    --margin-left: var(--space-2);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-m-3 {
    --margin-top: var(--space-3);
    --margin-right: var(--space-3);
    --margin-bottom: var(--space-3);
    --margin-left: var(--space-3);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-m-4 {
    --margin-top: var(--space-4);
    --margin-right: var(--space-4);
    --margin-bottom: var(--space-4);
    --margin-left: var(--space-4);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-m-5 {
    --margin-top: var(--space-5);
    --margin-right: var(--space-5);
    --margin-bottom: var(--space-5);
    --margin-left: var(--space-5);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-m-6 {
    --margin-top: var(--space-6);
    --margin-right: var(--space-6);
    --margin-bottom: var(--space-6);
    --margin-left: var(--space-6);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-m-7 {
    --margin-top: var(--space-7);
    --margin-right: var(--space-7);
    --margin-bottom: var(--space-7);
    --margin-left: var(--space-7);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-m-8 {
    --margin-top: var(--space-8);
    --margin-right: var(--space-8);
    --margin-bottom: var(--space-8);
    --margin-left: var(--space-8);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-m-9 {
    --margin-top: var(--space-9);
    --margin-right: var(--space-9);
    --margin-bottom: var(--space-9);
    --margin-left: var(--space-9);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-m-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
    --margin-left: calc(-1 * var(--space-1));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-m-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
    --margin-left: calc(-1 * var(--space-2));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-m-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
    --margin-left: calc(-1 * var(--space-3));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-m-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
    --margin-left: calc(-1 * var(--space-4));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-m-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
    --margin-left: calc(-1 * var(--space-5));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-m-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
    --margin-left: calc(-1 * var(--space-6));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-m-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
    --margin-left: calc(-1 * var(--space-7));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-m-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
    --margin-left: calc(-1 * var(--space-8));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-m-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
    --margin-left: calc(-1 * var(--space-9));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:rt-r-mx-0 {
    --margin-left: 0px;
    --margin-right: 0px;
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mx-1 {
    --margin-left: var(--space-1);
    --margin-right: var(--space-1);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mx-2 {
    --margin-left: var(--space-2);
    --margin-right: var(--space-2);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mx-3 {
    --margin-left: var(--space-3);
    --margin-right: var(--space-3);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mx-4 {
    --margin-left: var(--space-4);
    --margin-right: var(--space-4);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mx-5 {
    --margin-left: var(--space-5);
    --margin-right: var(--space-5);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mx-6 {
    --margin-left: var(--space-6);
    --margin-right: var(--space-6);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mx-7 {
    --margin-left: var(--space-7);
    --margin-right: var(--space-7);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mx-8 {
    --margin-left: var(--space-8);
    --margin-right: var(--space-8);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mx-9 {
    --margin-left: var(--space-9);
    --margin-right: var(--space-9);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mx-1 {
    --margin-left: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mx-2 {
    --margin-left: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mx-3 {
    --margin-left: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mx-4 {
    --margin-left: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mx-5 {
    --margin-left: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mx-6 {
    --margin-left: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mx-7 {
    --margin-left: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mx-8 {
    --margin-left: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mx-9 {
    --margin-left: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .sm\:rt-r-my-0 {
    --margin-top: 0px;
    --margin-bottom: 0px;
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-my-1 {
    --margin-top: var(--space-1);
    --margin-bottom: var(--space-1);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-my-2 {
    --margin-top: var(--space-2);
    --margin-bottom: var(--space-2);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-my-3 {
    --margin-top: var(--space-3);
    --margin-bottom: var(--space-3);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-my-4 {
    --margin-top: var(--space-4);
    --margin-bottom: var(--space-4);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-my-5 {
    --margin-top: var(--space-5);
    --margin-bottom: var(--space-5);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-my-6 {
    --margin-top: var(--space-6);
    --margin-bottom: var(--space-6);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-my-7 {
    --margin-top: var(--space-7);
    --margin-bottom: var(--space-7);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-my-8 {
    --margin-top: var(--space-8);
    --margin-bottom: var(--space-8);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-my-9 {
    --margin-top: var(--space-9);
    --margin-bottom: var(--space-9);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-my-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-my-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-my-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-my-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-my-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-my-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-my-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-my-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-my-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-mt-auto {
    margin-top: auto;
  }

  .sm\:rt-r-mt-0 {
    --margin-top: 0px;
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:rt-r-mt-1 {
    --margin-top: var(--space-1);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:rt-r-mt-2 {
    --margin-top: var(--space-2);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:rt-r-mt-3 {
    --margin-top: var(--space-3);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:rt-r-mt-4 {
    --margin-top: var(--space-4);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:rt-r-mt-5 {
    --margin-top: var(--space-5);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:rt-r-mt-6 {
    --margin-top: var(--space-6);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:rt-r-mt-7 {
    --margin-top: var(--space-7);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:rt-r-mt-8 {
    --margin-top: var(--space-8);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:rt-r-mt-9 {
    --margin-top: var(--space-9);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:-rt-r-mt-1 {
    --margin-top: calc(-1 * var(--space-1));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:-rt-r-mt-2 {
    --margin-top: calc(-1 * var(--space-2));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:-rt-r-mt-3 {
    --margin-top: calc(-1 * var(--space-3));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:-rt-r-mt-4 {
    --margin-top: calc(-1 * var(--space-4));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:-rt-r-mt-5 {
    --margin-top: calc(-1 * var(--space-5));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:-rt-r-mt-6 {
    --margin-top: calc(-1 * var(--space-6));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:-rt-r-mt-7 {
    --margin-top: calc(-1 * var(--space-7));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:-rt-r-mt-8 {
    --margin-top: calc(-1 * var(--space-8));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:-rt-r-mt-9 {
    --margin-top: calc(-1 * var(--space-9));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .sm\:rt-r-mr-auto {
    margin-right: auto;
  }

  .sm\:rt-r-mr-0 {
    --margin-right: 0px;
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mr-1 {
    --margin-right: var(--space-1);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mr-2 {
    --margin-right: var(--space-2);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mr-3 {
    --margin-right: var(--space-3);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mr-4 {
    --margin-right: var(--space-4);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mr-5 {
    --margin-right: var(--space-5);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mr-6 {
    --margin-right: var(--space-6);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mr-7 {
    --margin-right: var(--space-7);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mr-8 {
    --margin-right: var(--space-8);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mr-9 {
    --margin-right: var(--space-9);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mr-1 {
    --margin-right: calc(-1 * var(--space-1));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mr-2 {
    --margin-right: calc(-1 * var(--space-2));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mr-3 {
    --margin-right: calc(-1 * var(--space-3));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mr-4 {
    --margin-right: calc(-1 * var(--space-4));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mr-5 {
    --margin-right: calc(-1 * var(--space-5));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mr-6 {
    --margin-right: calc(-1 * var(--space-6));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mr-7 {
    --margin-right: calc(-1 * var(--space-7));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mr-8 {
    --margin-right: calc(-1 * var(--space-8));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:-rt-r-mr-9 {
    --margin-right: calc(-1 * var(--space-9));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .sm\:rt-r-mb-auto {
    margin-bottom: auto;
  }

  .sm\:rt-r-mb-0 {
    --margin-bottom: 0px;
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-mb-1 {
    --margin-bottom: var(--space-1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-mb-2 {
    --margin-bottom: var(--space-2);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-mb-3 {
    --margin-bottom: var(--space-3);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-mb-4 {
    --margin-bottom: var(--space-4);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-mb-5 {
    --margin-bottom: var(--space-5);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-mb-6 {
    --margin-bottom: var(--space-6);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-mb-7 {
    --margin-bottom: var(--space-7);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-mb-8 {
    --margin-bottom: var(--space-8);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-mb-9 {
    --margin-bottom: var(--space-9);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-mb-1 {
    --margin-bottom: calc(-1 * var(--space-1));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-mb-2 {
    --margin-bottom: calc(-1 * var(--space-2));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-mb-3 {
    --margin-bottom: calc(-1 * var(--space-3));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-mb-4 {
    --margin-bottom: calc(-1 * var(--space-4));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-mb-5 {
    --margin-bottom: calc(-1 * var(--space-5));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-mb-6 {
    --margin-bottom: calc(-1 * var(--space-6));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-mb-7 {
    --margin-bottom: calc(-1 * var(--space-7));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-mb-8 {
    --margin-bottom: calc(-1 * var(--space-8));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:-rt-r-mb-9 {
    --margin-bottom: calc(-1 * var(--space-9));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .sm\:rt-r-ml-auto {
    margin-left: auto;
  }

  .sm\:rt-r-ml-0 {
    --margin-left: 0px;
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-ml-1 {
    --margin-left: var(--space-1);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-ml-2 {
    --margin-left: var(--space-2);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-ml-3 {
    --margin-left: var(--space-3);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-ml-4 {
    --margin-left: var(--space-4);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-ml-5 {
    --margin-left: var(--space-5);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-ml-6 {
    --margin-left: var(--space-6);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-ml-7 {
    --margin-left: var(--space-7);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-ml-8 {
    --margin-left: var(--space-8);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:rt-r-ml-9 {
    --margin-left: var(--space-9);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-ml-1 {
    --margin-left: calc(-1 * var(--space-1));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-ml-2 {
    --margin-left: calc(-1 * var(--space-2));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-ml-3 {
    --margin-left: calc(-1 * var(--space-3));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-ml-4 {
    --margin-left: calc(-1 * var(--space-4));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-ml-5 {
    --margin-left: calc(-1 * var(--space-5));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-ml-6 {
    --margin-left: calc(-1 * var(--space-6));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-ml-7 {
    --margin-left: calc(-1 * var(--space-7));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-ml-8 {
    --margin-left: calc(-1 * var(--space-8));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .sm\:-rt-r-ml-9 {
    --margin-left: calc(-1 * var(--space-9));
    margin-left: var(--margin-left-override, var(--margin-left));
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-m-auto {
    margin: auto;
  }

  .md\:rt-r-m-0 {
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-m-1 {
    --margin-top: var(--space-1);
    --margin-right: var(--space-1);
    --margin-bottom: var(--space-1);
    --margin-left: var(--space-1);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-m-2 {
    --margin-top: var(--space-2);
    --margin-right: var(--space-2);
    --margin-bottom: var(--space-2);
    --margin-left: var(--space-2);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-m-3 {
    --margin-top: var(--space-3);
    --margin-right: var(--space-3);
    --margin-bottom: var(--space-3);
    --margin-left: var(--space-3);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-m-4 {
    --margin-top: var(--space-4);
    --margin-right: var(--space-4);
    --margin-bottom: var(--space-4);
    --margin-left: var(--space-4);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-m-5 {
    --margin-top: var(--space-5);
    --margin-right: var(--space-5);
    --margin-bottom: var(--space-5);
    --margin-left: var(--space-5);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-m-6 {
    --margin-top: var(--space-6);
    --margin-right: var(--space-6);
    --margin-bottom: var(--space-6);
    --margin-left: var(--space-6);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-m-7 {
    --margin-top: var(--space-7);
    --margin-right: var(--space-7);
    --margin-bottom: var(--space-7);
    --margin-left: var(--space-7);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-m-8 {
    --margin-top: var(--space-8);
    --margin-right: var(--space-8);
    --margin-bottom: var(--space-8);
    --margin-left: var(--space-8);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-m-9 {
    --margin-top: var(--space-9);
    --margin-right: var(--space-9);
    --margin-bottom: var(--space-9);
    --margin-left: var(--space-9);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-m-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
    --margin-left: calc(-1 * var(--space-1));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-m-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
    --margin-left: calc(-1 * var(--space-2));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-m-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
    --margin-left: calc(-1 * var(--space-3));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-m-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
    --margin-left: calc(-1 * var(--space-4));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-m-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
    --margin-left: calc(-1 * var(--space-5));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-m-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
    --margin-left: calc(-1 * var(--space-6));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-m-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
    --margin-left: calc(-1 * var(--space-7));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-m-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
    --margin-left: calc(-1 * var(--space-8));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-m-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
    --margin-left: calc(-1 * var(--space-9));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:rt-r-mx-0 {
    --margin-left: 0px;
    --margin-right: 0px;
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mx-1 {
    --margin-left: var(--space-1);
    --margin-right: var(--space-1);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mx-2 {
    --margin-left: var(--space-2);
    --margin-right: var(--space-2);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mx-3 {
    --margin-left: var(--space-3);
    --margin-right: var(--space-3);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mx-4 {
    --margin-left: var(--space-4);
    --margin-right: var(--space-4);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mx-5 {
    --margin-left: var(--space-5);
    --margin-right: var(--space-5);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mx-6 {
    --margin-left: var(--space-6);
    --margin-right: var(--space-6);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mx-7 {
    --margin-left: var(--space-7);
    --margin-right: var(--space-7);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mx-8 {
    --margin-left: var(--space-8);
    --margin-right: var(--space-8);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mx-9 {
    --margin-left: var(--space-9);
    --margin-right: var(--space-9);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mx-1 {
    --margin-left: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mx-2 {
    --margin-left: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mx-3 {
    --margin-left: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mx-4 {
    --margin-left: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mx-5 {
    --margin-left: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mx-6 {
    --margin-left: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mx-7 {
    --margin-left: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mx-8 {
    --margin-left: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mx-9 {
    --margin-left: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .md\:rt-r-my-0 {
    --margin-top: 0px;
    --margin-bottom: 0px;
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-my-1 {
    --margin-top: var(--space-1);
    --margin-bottom: var(--space-1);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-my-2 {
    --margin-top: var(--space-2);
    --margin-bottom: var(--space-2);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-my-3 {
    --margin-top: var(--space-3);
    --margin-bottom: var(--space-3);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-my-4 {
    --margin-top: var(--space-4);
    --margin-bottom: var(--space-4);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-my-5 {
    --margin-top: var(--space-5);
    --margin-bottom: var(--space-5);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-my-6 {
    --margin-top: var(--space-6);
    --margin-bottom: var(--space-6);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-my-7 {
    --margin-top: var(--space-7);
    --margin-bottom: var(--space-7);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-my-8 {
    --margin-top: var(--space-8);
    --margin-bottom: var(--space-8);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-my-9 {
    --margin-top: var(--space-9);
    --margin-bottom: var(--space-9);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-my-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-my-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-my-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-my-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-my-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-my-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-my-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-my-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-my-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-mt-auto {
    margin-top: auto;
  }

  .md\:rt-r-mt-0 {
    --margin-top: 0px;
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:rt-r-mt-1 {
    --margin-top: var(--space-1);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:rt-r-mt-2 {
    --margin-top: var(--space-2);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:rt-r-mt-3 {
    --margin-top: var(--space-3);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:rt-r-mt-4 {
    --margin-top: var(--space-4);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:rt-r-mt-5 {
    --margin-top: var(--space-5);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:rt-r-mt-6 {
    --margin-top: var(--space-6);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:rt-r-mt-7 {
    --margin-top: var(--space-7);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:rt-r-mt-8 {
    --margin-top: var(--space-8);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:rt-r-mt-9 {
    --margin-top: var(--space-9);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:-rt-r-mt-1 {
    --margin-top: calc(-1 * var(--space-1));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:-rt-r-mt-2 {
    --margin-top: calc(-1 * var(--space-2));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:-rt-r-mt-3 {
    --margin-top: calc(-1 * var(--space-3));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:-rt-r-mt-4 {
    --margin-top: calc(-1 * var(--space-4));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:-rt-r-mt-5 {
    --margin-top: calc(-1 * var(--space-5));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:-rt-r-mt-6 {
    --margin-top: calc(-1 * var(--space-6));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:-rt-r-mt-7 {
    --margin-top: calc(-1 * var(--space-7));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:-rt-r-mt-8 {
    --margin-top: calc(-1 * var(--space-8));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:-rt-r-mt-9 {
    --margin-top: calc(-1 * var(--space-9));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .md\:rt-r-mr-auto {
    margin-right: auto;
  }

  .md\:rt-r-mr-0 {
    --margin-right: 0px;
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mr-1 {
    --margin-right: var(--space-1);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mr-2 {
    --margin-right: var(--space-2);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mr-3 {
    --margin-right: var(--space-3);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mr-4 {
    --margin-right: var(--space-4);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mr-5 {
    --margin-right: var(--space-5);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mr-6 {
    --margin-right: var(--space-6);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mr-7 {
    --margin-right: var(--space-7);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mr-8 {
    --margin-right: var(--space-8);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mr-9 {
    --margin-right: var(--space-9);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mr-1 {
    --margin-right: calc(-1 * var(--space-1));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mr-2 {
    --margin-right: calc(-1 * var(--space-2));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mr-3 {
    --margin-right: calc(-1 * var(--space-3));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mr-4 {
    --margin-right: calc(-1 * var(--space-4));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mr-5 {
    --margin-right: calc(-1 * var(--space-5));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mr-6 {
    --margin-right: calc(-1 * var(--space-6));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mr-7 {
    --margin-right: calc(-1 * var(--space-7));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mr-8 {
    --margin-right: calc(-1 * var(--space-8));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:-rt-r-mr-9 {
    --margin-right: calc(-1 * var(--space-9));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .md\:rt-r-mb-auto {
    margin-bottom: auto;
  }

  .md\:rt-r-mb-0 {
    --margin-bottom: 0px;
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-mb-1 {
    --margin-bottom: var(--space-1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-mb-2 {
    --margin-bottom: var(--space-2);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-mb-3 {
    --margin-bottom: var(--space-3);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-mb-4 {
    --margin-bottom: var(--space-4);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-mb-5 {
    --margin-bottom: var(--space-5);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-mb-6 {
    --margin-bottom: var(--space-6);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-mb-7 {
    --margin-bottom: var(--space-7);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-mb-8 {
    --margin-bottom: var(--space-8);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-mb-9 {
    --margin-bottom: var(--space-9);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-mb-1 {
    --margin-bottom: calc(-1 * var(--space-1));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-mb-2 {
    --margin-bottom: calc(-1 * var(--space-2));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-mb-3 {
    --margin-bottom: calc(-1 * var(--space-3));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-mb-4 {
    --margin-bottom: calc(-1 * var(--space-4));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-mb-5 {
    --margin-bottom: calc(-1 * var(--space-5));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-mb-6 {
    --margin-bottom: calc(-1 * var(--space-6));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-mb-7 {
    --margin-bottom: calc(-1 * var(--space-7));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-mb-8 {
    --margin-bottom: calc(-1 * var(--space-8));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:-rt-r-mb-9 {
    --margin-bottom: calc(-1 * var(--space-9));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .md\:rt-r-ml-auto {
    margin-left: auto;
  }

  .md\:rt-r-ml-0 {
    --margin-left: 0px;
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-ml-1 {
    --margin-left: var(--space-1);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-ml-2 {
    --margin-left: var(--space-2);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-ml-3 {
    --margin-left: var(--space-3);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-ml-4 {
    --margin-left: var(--space-4);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-ml-5 {
    --margin-left: var(--space-5);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-ml-6 {
    --margin-left: var(--space-6);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-ml-7 {
    --margin-left: var(--space-7);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-ml-8 {
    --margin-left: var(--space-8);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:rt-r-ml-9 {
    --margin-left: var(--space-9);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-ml-1 {
    --margin-left: calc(-1 * var(--space-1));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-ml-2 {
    --margin-left: calc(-1 * var(--space-2));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-ml-3 {
    --margin-left: calc(-1 * var(--space-3));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-ml-4 {
    --margin-left: calc(-1 * var(--space-4));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-ml-5 {
    --margin-left: calc(-1 * var(--space-5));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-ml-6 {
    --margin-left: calc(-1 * var(--space-6));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-ml-7 {
    --margin-left: calc(-1 * var(--space-7));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-ml-8 {
    --margin-left: calc(-1 * var(--space-8));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .md\:-rt-r-ml-9 {
    --margin-left: calc(-1 * var(--space-9));
    margin-left: var(--margin-left-override, var(--margin-left));
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-m-auto {
    margin: auto;
  }

  .lg\:rt-r-m-0 {
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-m-1 {
    --margin-top: var(--space-1);
    --margin-right: var(--space-1);
    --margin-bottom: var(--space-1);
    --margin-left: var(--space-1);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-m-2 {
    --margin-top: var(--space-2);
    --margin-right: var(--space-2);
    --margin-bottom: var(--space-2);
    --margin-left: var(--space-2);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-m-3 {
    --margin-top: var(--space-3);
    --margin-right: var(--space-3);
    --margin-bottom: var(--space-3);
    --margin-left: var(--space-3);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-m-4 {
    --margin-top: var(--space-4);
    --margin-right: var(--space-4);
    --margin-bottom: var(--space-4);
    --margin-left: var(--space-4);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-m-5 {
    --margin-top: var(--space-5);
    --margin-right: var(--space-5);
    --margin-bottom: var(--space-5);
    --margin-left: var(--space-5);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-m-6 {
    --margin-top: var(--space-6);
    --margin-right: var(--space-6);
    --margin-bottom: var(--space-6);
    --margin-left: var(--space-6);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-m-7 {
    --margin-top: var(--space-7);
    --margin-right: var(--space-7);
    --margin-bottom: var(--space-7);
    --margin-left: var(--space-7);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-m-8 {
    --margin-top: var(--space-8);
    --margin-right: var(--space-8);
    --margin-bottom: var(--space-8);
    --margin-left: var(--space-8);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-m-9 {
    --margin-top: var(--space-9);
    --margin-right: var(--space-9);
    --margin-bottom: var(--space-9);
    --margin-left: var(--space-9);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-m-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
    --margin-left: calc(-1 * var(--space-1));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-m-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
    --margin-left: calc(-1 * var(--space-2));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-m-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
    --margin-left: calc(-1 * var(--space-3));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-m-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
    --margin-left: calc(-1 * var(--space-4));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-m-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
    --margin-left: calc(-1 * var(--space-5));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-m-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
    --margin-left: calc(-1 * var(--space-6));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-m-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
    --margin-left: calc(-1 * var(--space-7));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-m-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
    --margin-left: calc(-1 * var(--space-8));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-m-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
    --margin-left: calc(-1 * var(--space-9));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:rt-r-mx-0 {
    --margin-left: 0px;
    --margin-right: 0px;
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mx-1 {
    --margin-left: var(--space-1);
    --margin-right: var(--space-1);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mx-2 {
    --margin-left: var(--space-2);
    --margin-right: var(--space-2);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mx-3 {
    --margin-left: var(--space-3);
    --margin-right: var(--space-3);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mx-4 {
    --margin-left: var(--space-4);
    --margin-right: var(--space-4);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mx-5 {
    --margin-left: var(--space-5);
    --margin-right: var(--space-5);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mx-6 {
    --margin-left: var(--space-6);
    --margin-right: var(--space-6);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mx-7 {
    --margin-left: var(--space-7);
    --margin-right: var(--space-7);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mx-8 {
    --margin-left: var(--space-8);
    --margin-right: var(--space-8);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mx-9 {
    --margin-left: var(--space-9);
    --margin-right: var(--space-9);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mx-1 {
    --margin-left: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mx-2 {
    --margin-left: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mx-3 {
    --margin-left: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mx-4 {
    --margin-left: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mx-5 {
    --margin-left: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mx-6 {
    --margin-left: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mx-7 {
    --margin-left: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mx-8 {
    --margin-left: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mx-9 {
    --margin-left: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .lg\:rt-r-my-0 {
    --margin-top: 0px;
    --margin-bottom: 0px;
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-my-1 {
    --margin-top: var(--space-1);
    --margin-bottom: var(--space-1);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-my-2 {
    --margin-top: var(--space-2);
    --margin-bottom: var(--space-2);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-my-3 {
    --margin-top: var(--space-3);
    --margin-bottom: var(--space-3);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-my-4 {
    --margin-top: var(--space-4);
    --margin-bottom: var(--space-4);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-my-5 {
    --margin-top: var(--space-5);
    --margin-bottom: var(--space-5);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-my-6 {
    --margin-top: var(--space-6);
    --margin-bottom: var(--space-6);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-my-7 {
    --margin-top: var(--space-7);
    --margin-bottom: var(--space-7);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-my-8 {
    --margin-top: var(--space-8);
    --margin-bottom: var(--space-8);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-my-9 {
    --margin-top: var(--space-9);
    --margin-bottom: var(--space-9);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-my-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-my-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-my-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-my-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-my-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-my-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-my-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-my-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-my-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-mt-auto {
    margin-top: auto;
  }

  .lg\:rt-r-mt-0 {
    --margin-top: 0px;
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:rt-r-mt-1 {
    --margin-top: var(--space-1);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:rt-r-mt-2 {
    --margin-top: var(--space-2);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:rt-r-mt-3 {
    --margin-top: var(--space-3);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:rt-r-mt-4 {
    --margin-top: var(--space-4);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:rt-r-mt-5 {
    --margin-top: var(--space-5);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:rt-r-mt-6 {
    --margin-top: var(--space-6);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:rt-r-mt-7 {
    --margin-top: var(--space-7);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:rt-r-mt-8 {
    --margin-top: var(--space-8);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:rt-r-mt-9 {
    --margin-top: var(--space-9);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:-rt-r-mt-1 {
    --margin-top: calc(-1 * var(--space-1));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:-rt-r-mt-2 {
    --margin-top: calc(-1 * var(--space-2));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:-rt-r-mt-3 {
    --margin-top: calc(-1 * var(--space-3));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:-rt-r-mt-4 {
    --margin-top: calc(-1 * var(--space-4));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:-rt-r-mt-5 {
    --margin-top: calc(-1 * var(--space-5));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:-rt-r-mt-6 {
    --margin-top: calc(-1 * var(--space-6));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:-rt-r-mt-7 {
    --margin-top: calc(-1 * var(--space-7));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:-rt-r-mt-8 {
    --margin-top: calc(-1 * var(--space-8));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:-rt-r-mt-9 {
    --margin-top: calc(-1 * var(--space-9));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .lg\:rt-r-mr-auto {
    margin-right: auto;
  }

  .lg\:rt-r-mr-0 {
    --margin-right: 0px;
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mr-1 {
    --margin-right: var(--space-1);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mr-2 {
    --margin-right: var(--space-2);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mr-3 {
    --margin-right: var(--space-3);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mr-4 {
    --margin-right: var(--space-4);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mr-5 {
    --margin-right: var(--space-5);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mr-6 {
    --margin-right: var(--space-6);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mr-7 {
    --margin-right: var(--space-7);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mr-8 {
    --margin-right: var(--space-8);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mr-9 {
    --margin-right: var(--space-9);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mr-1 {
    --margin-right: calc(-1 * var(--space-1));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mr-2 {
    --margin-right: calc(-1 * var(--space-2));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mr-3 {
    --margin-right: calc(-1 * var(--space-3));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mr-4 {
    --margin-right: calc(-1 * var(--space-4));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mr-5 {
    --margin-right: calc(-1 * var(--space-5));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mr-6 {
    --margin-right: calc(-1 * var(--space-6));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mr-7 {
    --margin-right: calc(-1 * var(--space-7));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mr-8 {
    --margin-right: calc(-1 * var(--space-8));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:-rt-r-mr-9 {
    --margin-right: calc(-1 * var(--space-9));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .lg\:rt-r-mb-auto {
    margin-bottom: auto;
  }

  .lg\:rt-r-mb-0 {
    --margin-bottom: 0px;
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-mb-1 {
    --margin-bottom: var(--space-1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-mb-2 {
    --margin-bottom: var(--space-2);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-mb-3 {
    --margin-bottom: var(--space-3);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-mb-4 {
    --margin-bottom: var(--space-4);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-mb-5 {
    --margin-bottom: var(--space-5);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-mb-6 {
    --margin-bottom: var(--space-6);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-mb-7 {
    --margin-bottom: var(--space-7);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-mb-8 {
    --margin-bottom: var(--space-8);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-mb-9 {
    --margin-bottom: var(--space-9);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-mb-1 {
    --margin-bottom: calc(-1 * var(--space-1));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-mb-2 {
    --margin-bottom: calc(-1 * var(--space-2));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-mb-3 {
    --margin-bottom: calc(-1 * var(--space-3));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-mb-4 {
    --margin-bottom: calc(-1 * var(--space-4));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-mb-5 {
    --margin-bottom: calc(-1 * var(--space-5));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-mb-6 {
    --margin-bottom: calc(-1 * var(--space-6));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-mb-7 {
    --margin-bottom: calc(-1 * var(--space-7));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-mb-8 {
    --margin-bottom: calc(-1 * var(--space-8));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:-rt-r-mb-9 {
    --margin-bottom: calc(-1 * var(--space-9));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .lg\:rt-r-ml-auto {
    margin-left: auto;
  }

  .lg\:rt-r-ml-0 {
    --margin-left: 0px;
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-ml-1 {
    --margin-left: var(--space-1);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-ml-2 {
    --margin-left: var(--space-2);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-ml-3 {
    --margin-left: var(--space-3);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-ml-4 {
    --margin-left: var(--space-4);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-ml-5 {
    --margin-left: var(--space-5);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-ml-6 {
    --margin-left: var(--space-6);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-ml-7 {
    --margin-left: var(--space-7);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-ml-8 {
    --margin-left: var(--space-8);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:rt-r-ml-9 {
    --margin-left: var(--space-9);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-ml-1 {
    --margin-left: calc(-1 * var(--space-1));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-ml-2 {
    --margin-left: calc(-1 * var(--space-2));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-ml-3 {
    --margin-left: calc(-1 * var(--space-3));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-ml-4 {
    --margin-left: calc(-1 * var(--space-4));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-ml-5 {
    --margin-left: calc(-1 * var(--space-5));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-ml-6 {
    --margin-left: calc(-1 * var(--space-6));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-ml-7 {
    --margin-left: calc(-1 * var(--space-7));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-ml-8 {
    --margin-left: calc(-1 * var(--space-8));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .lg\:-rt-r-ml-9 {
    --margin-left: calc(-1 * var(--space-9));
    margin-left: var(--margin-left-override, var(--margin-left));
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-m-auto {
    margin: auto;
  }

  .xl\:rt-r-m-0 {
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-m-1 {
    --margin-top: var(--space-1);
    --margin-right: var(--space-1);
    --margin-bottom: var(--space-1);
    --margin-left: var(--space-1);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-m-2 {
    --margin-top: var(--space-2);
    --margin-right: var(--space-2);
    --margin-bottom: var(--space-2);
    --margin-left: var(--space-2);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-m-3 {
    --margin-top: var(--space-3);
    --margin-right: var(--space-3);
    --margin-bottom: var(--space-3);
    --margin-left: var(--space-3);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-m-4 {
    --margin-top: var(--space-4);
    --margin-right: var(--space-4);
    --margin-bottom: var(--space-4);
    --margin-left: var(--space-4);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-m-5 {
    --margin-top: var(--space-5);
    --margin-right: var(--space-5);
    --margin-bottom: var(--space-5);
    --margin-left: var(--space-5);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-m-6 {
    --margin-top: var(--space-6);
    --margin-right: var(--space-6);
    --margin-bottom: var(--space-6);
    --margin-left: var(--space-6);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-m-7 {
    --margin-top: var(--space-7);
    --margin-right: var(--space-7);
    --margin-bottom: var(--space-7);
    --margin-left: var(--space-7);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-m-8 {
    --margin-top: var(--space-8);
    --margin-right: var(--space-8);
    --margin-bottom: var(--space-8);
    --margin-left: var(--space-8);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-m-9 {
    --margin-top: var(--space-9);
    --margin-right: var(--space-9);
    --margin-bottom: var(--space-9);
    --margin-left: var(--space-9);
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-m-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
    --margin-left: calc(-1 * var(--space-1));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-m-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
    --margin-left: calc(-1 * var(--space-2));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-m-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
    --margin-left: calc(-1 * var(--space-3));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-m-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
    --margin-left: calc(-1 * var(--space-4));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-m-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
    --margin-left: calc(-1 * var(--space-5));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-m-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
    --margin-left: calc(-1 * var(--space-6));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-m-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
    --margin-left: calc(-1 * var(--space-7));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-m-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
    --margin-left: calc(-1 * var(--space-8));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-m-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
    --margin-left: calc(-1 * var(--space-9));
    margin: var(--margin-top-override, var(--margin-top))
      var(--margin-right-override, var(--margin-right))
      var(--margin-bottom-override, var(--margin-bottom))
      var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xl\:rt-r-mx-0 {
    --margin-left: 0px;
    --margin-right: 0px;
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mx-1 {
    --margin-left: var(--space-1);
    --margin-right: var(--space-1);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mx-2 {
    --margin-left: var(--space-2);
    --margin-right: var(--space-2);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mx-3 {
    --margin-left: var(--space-3);
    --margin-right: var(--space-3);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mx-4 {
    --margin-left: var(--space-4);
    --margin-right: var(--space-4);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mx-5 {
    --margin-left: var(--space-5);
    --margin-right: var(--space-5);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mx-6 {
    --margin-left: var(--space-6);
    --margin-right: var(--space-6);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mx-7 {
    --margin-left: var(--space-7);
    --margin-right: var(--space-7);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mx-8 {
    --margin-left: var(--space-8);
    --margin-right: var(--space-8);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mx-9 {
    --margin-left: var(--space-9);
    --margin-right: var(--space-9);
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mx-1 {
    --margin-left: calc(-1 * var(--space-1));
    --margin-right: calc(-1 * var(--space-1));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mx-2 {
    --margin-left: calc(-1 * var(--space-2));
    --margin-right: calc(-1 * var(--space-2));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mx-3 {
    --margin-left: calc(-1 * var(--space-3));
    --margin-right: calc(-1 * var(--space-3));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mx-4 {
    --margin-left: calc(-1 * var(--space-4));
    --margin-right: calc(-1 * var(--space-4));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mx-5 {
    --margin-left: calc(-1 * var(--space-5));
    --margin-right: calc(-1 * var(--space-5));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mx-6 {
    --margin-left: calc(-1 * var(--space-6));
    --margin-right: calc(-1 * var(--space-6));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mx-7 {
    --margin-left: calc(-1 * var(--space-7));
    --margin-right: calc(-1 * var(--space-7));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mx-8 {
    --margin-left: calc(-1 * var(--space-8));
    --margin-right: calc(-1 * var(--space-8));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mx-9 {
    --margin-left: calc(-1 * var(--space-9));
    --margin-right: calc(-1 * var(--space-9));
    margin-left: var(--margin-left-override, var(--margin-left));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .xl\:rt-r-my-0 {
    --margin-top: 0px;
    --margin-bottom: 0px;
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-my-1 {
    --margin-top: var(--space-1);
    --margin-bottom: var(--space-1);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-my-2 {
    --margin-top: var(--space-2);
    --margin-bottom: var(--space-2);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-my-3 {
    --margin-top: var(--space-3);
    --margin-bottom: var(--space-3);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-my-4 {
    --margin-top: var(--space-4);
    --margin-bottom: var(--space-4);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-my-5 {
    --margin-top: var(--space-5);
    --margin-bottom: var(--space-5);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-my-6 {
    --margin-top: var(--space-6);
    --margin-bottom: var(--space-6);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-my-7 {
    --margin-top: var(--space-7);
    --margin-bottom: var(--space-7);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-my-8 {
    --margin-top: var(--space-8);
    --margin-bottom: var(--space-8);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-my-9 {
    --margin-top: var(--space-9);
    --margin-bottom: var(--space-9);
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-my-1 {
    --margin-top: calc(-1 * var(--space-1));
    --margin-bottom: calc(-1 * var(--space-1));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-my-2 {
    --margin-top: calc(-1 * var(--space-2));
    --margin-bottom: calc(-1 * var(--space-2));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-my-3 {
    --margin-top: calc(-1 * var(--space-3));
    --margin-bottom: calc(-1 * var(--space-3));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-my-4 {
    --margin-top: calc(-1 * var(--space-4));
    --margin-bottom: calc(-1 * var(--space-4));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-my-5 {
    --margin-top: calc(-1 * var(--space-5));
    --margin-bottom: calc(-1 * var(--space-5));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-my-6 {
    --margin-top: calc(-1 * var(--space-6));
    --margin-bottom: calc(-1 * var(--space-6));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-my-7 {
    --margin-top: calc(-1 * var(--space-7));
    --margin-bottom: calc(-1 * var(--space-7));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-my-8 {
    --margin-top: calc(-1 * var(--space-8));
    --margin-bottom: calc(-1 * var(--space-8));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-my-9 {
    --margin-top: calc(-1 * var(--space-9));
    --margin-bottom: calc(-1 * var(--space-9));
    margin-top: var(--margin-top-override, var(--margin-top));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-mt-auto {
    margin-top: auto;
  }

  .xl\:rt-r-mt-0 {
    --margin-top: 0px;
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:rt-r-mt-1 {
    --margin-top: var(--space-1);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:rt-r-mt-2 {
    --margin-top: var(--space-2);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:rt-r-mt-3 {
    --margin-top: var(--space-3);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:rt-r-mt-4 {
    --margin-top: var(--space-4);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:rt-r-mt-5 {
    --margin-top: var(--space-5);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:rt-r-mt-6 {
    --margin-top: var(--space-6);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:rt-r-mt-7 {
    --margin-top: var(--space-7);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:rt-r-mt-8 {
    --margin-top: var(--space-8);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:rt-r-mt-9 {
    --margin-top: var(--space-9);
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:-rt-r-mt-1 {
    --margin-top: calc(-1 * var(--space-1));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:-rt-r-mt-2 {
    --margin-top: calc(-1 * var(--space-2));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:-rt-r-mt-3 {
    --margin-top: calc(-1 * var(--space-3));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:-rt-r-mt-4 {
    --margin-top: calc(-1 * var(--space-4));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:-rt-r-mt-5 {
    --margin-top: calc(-1 * var(--space-5));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:-rt-r-mt-6 {
    --margin-top: calc(-1 * var(--space-6));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:-rt-r-mt-7 {
    --margin-top: calc(-1 * var(--space-7));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:-rt-r-mt-8 {
    --margin-top: calc(-1 * var(--space-8));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:-rt-r-mt-9 {
    --margin-top: calc(-1 * var(--space-9));
    margin-top: var(--margin-top-override, var(--margin-top));
  }

  .xl\:rt-r-mr-auto {
    margin-right: auto;
  }

  .xl\:rt-r-mr-0 {
    --margin-right: 0px;
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mr-1 {
    --margin-right: var(--space-1);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mr-2 {
    --margin-right: var(--space-2);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mr-3 {
    --margin-right: var(--space-3);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mr-4 {
    --margin-right: var(--space-4);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mr-5 {
    --margin-right: var(--space-5);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mr-6 {
    --margin-right: var(--space-6);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mr-7 {
    --margin-right: var(--space-7);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mr-8 {
    --margin-right: var(--space-8);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mr-9 {
    --margin-right: var(--space-9);
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mr-1 {
    --margin-right: calc(-1 * var(--space-1));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mr-2 {
    --margin-right: calc(-1 * var(--space-2));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mr-3 {
    --margin-right: calc(-1 * var(--space-3));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mr-4 {
    --margin-right: calc(-1 * var(--space-4));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mr-5 {
    --margin-right: calc(-1 * var(--space-5));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mr-6 {
    --margin-right: calc(-1 * var(--space-6));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mr-7 {
    --margin-right: calc(-1 * var(--space-7));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mr-8 {
    --margin-right: calc(-1 * var(--space-8));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:-rt-r-mr-9 {
    --margin-right: calc(-1 * var(--space-9));
    margin-right: var(--margin-right-override, var(--margin-right));
  }

  .xl\:rt-r-mb-auto {
    margin-bottom: auto;
  }

  .xl\:rt-r-mb-0 {
    --margin-bottom: 0px;
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-mb-1 {
    --margin-bottom: var(--space-1);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-mb-2 {
    --margin-bottom: var(--space-2);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-mb-3 {
    --margin-bottom: var(--space-3);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-mb-4 {
    --margin-bottom: var(--space-4);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-mb-5 {
    --margin-bottom: var(--space-5);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-mb-6 {
    --margin-bottom: var(--space-6);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-mb-7 {
    --margin-bottom: var(--space-7);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-mb-8 {
    --margin-bottom: var(--space-8);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-mb-9 {
    --margin-bottom: var(--space-9);
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-mb-1 {
    --margin-bottom: calc(-1 * var(--space-1));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-mb-2 {
    --margin-bottom: calc(-1 * var(--space-2));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-mb-3 {
    --margin-bottom: calc(-1 * var(--space-3));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-mb-4 {
    --margin-bottom: calc(-1 * var(--space-4));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-mb-5 {
    --margin-bottom: calc(-1 * var(--space-5));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-mb-6 {
    --margin-bottom: calc(-1 * var(--space-6));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-mb-7 {
    --margin-bottom: calc(-1 * var(--space-7));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-mb-8 {
    --margin-bottom: calc(-1 * var(--space-8));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:-rt-r-mb-9 {
    --margin-bottom: calc(-1 * var(--space-9));
    margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
  }

  .xl\:rt-r-ml-auto {
    margin-left: auto;
  }

  .xl\:rt-r-ml-0 {
    --margin-left: 0px;
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-ml-1 {
    --margin-left: var(--space-1);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-ml-2 {
    --margin-left: var(--space-2);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-ml-3 {
    --margin-left: var(--space-3);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-ml-4 {
    --margin-left: var(--space-4);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-ml-5 {
    --margin-left: var(--space-5);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-ml-6 {
    --margin-left: var(--space-6);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-ml-7 {
    --margin-left: var(--space-7);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-ml-8 {
    --margin-left: var(--space-8);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:rt-r-ml-9 {
    --margin-left: var(--space-9);
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-ml-1 {
    --margin-left: calc(-1 * var(--space-1));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-ml-2 {
    --margin-left: calc(-1 * var(--space-2));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-ml-3 {
    --margin-left: calc(-1 * var(--space-3));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-ml-4 {
    --margin-left: calc(-1 * var(--space-4));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-ml-5 {
    --margin-left: calc(-1 * var(--space-5));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-ml-6 {
    --margin-left: calc(-1 * var(--space-6));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-ml-7 {
    --margin-left: calc(-1 * var(--space-7));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-ml-8 {
    --margin-left: calc(-1 * var(--space-8));
    margin-left: var(--margin-left-override, var(--margin-left));
  }

  .xl\:-rt-r-ml-9 {
    --margin-left: calc(-1 * var(--space-9));
    margin-left: var(--margin-left-override, var(--margin-left));
  }
}
@media all {
  .rt-r-p-0 {
    padding: 0;
  }

  .rt-r-p-1 {
    padding: var(--space-1);
  }

  .rt-r-p-2 {
    padding: var(--space-2);
  }

  .rt-r-p-3 {
    padding: var(--space-3);
  }

  .rt-r-p-4 {
    padding: var(--space-4);
  }

  .rt-r-p-5 {
    padding: var(--space-5);
  }

  .rt-r-p-6 {
    padding: var(--space-6);
  }

  .rt-r-p-7 {
    padding: var(--space-7);
  }

  .rt-r-p-8 {
    padding: var(--space-8);
  }

  .rt-r-p-9 {
    padding: var(--space-9);
  }

  .rt-r-p-current {
    padding: var(--inset-padding);
  }

  .rt-r-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .rt-r-px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }

  .rt-r-px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }

  .rt-r-px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }

  .rt-r-px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }

  .rt-r-px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }

  .rt-r-px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }

  .rt-r-px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }

  .rt-r-px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }

  .rt-r-px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
  }

  .rt-r-px-current {
    padding-left: var(--inset-padding);
    padding-right: var(--inset-padding);
  }

  .rt-r-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .rt-r-py-1 {
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
  }

  .rt-r-py-2 {
    padding-top: var(--space-2);
    padding-bottom: var(--space-2);
  }

  .rt-r-py-3 {
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
  }

  .rt-r-py-4 {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
  }

  .rt-r-py-5 {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
  }

  .rt-r-py-6 {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
  }

  .rt-r-py-7 {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }

  .rt-r-py-8 {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
  }

  .rt-r-py-9 {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
  }

  .rt-r-py-current {
    padding-top: var(--inset-padding);
    padding-bottom: var(--inset-padding);
  }

  .rt-r-pt-0 {
    padding-top: 0;
  }

  .rt-r-pt-1 {
    padding-top: var(--space-1);
  }

  .rt-r-pt-2 {
    padding-top: var(--space-2);
  }

  .rt-r-pt-3 {
    padding-top: var(--space-3);
  }

  .rt-r-pt-4 {
    padding-top: var(--space-4);
  }

  .rt-r-pt-5 {
    padding-top: var(--space-5);
  }

  .rt-r-pt-6 {
    padding-top: var(--space-6);
  }

  .rt-r-pt-7 {
    padding-top: var(--space-7);
  }

  .rt-r-pt-8 {
    padding-top: var(--space-8);
  }

  .rt-r-pt-9 {
    padding-top: var(--space-9);
  }

  .rt-r-pt-current {
    padding-top: var(--inset-padding);
  }

  .rt-r-pr-0 {
    padding-right: 0;
  }

  .rt-r-pr-1 {
    padding-right: var(--space-1);
  }

  .rt-r-pr-2 {
    padding-right: var(--space-2);
  }

  .rt-r-pr-3 {
    padding-right: var(--space-3);
  }

  .rt-r-pr-4 {
    padding-right: var(--space-4);
  }

  .rt-r-pr-5 {
    padding-right: var(--space-5);
  }

  .rt-r-pr-6 {
    padding-right: var(--space-6);
  }

  .rt-r-pr-7 {
    padding-right: var(--space-7);
  }

  .rt-r-pr-8 {
    padding-right: var(--space-8);
  }

  .rt-r-pr-9 {
    padding-right: var(--space-9);
  }

  .rt-r-pr-current {
    padding-right: var(--inset-padding);
  }

  .rt-r-pb-0 {
    padding-bottom: 0;
  }

  .rt-r-pb-1 {
    padding-bottom: var(--space-1);
  }

  .rt-r-pb-2 {
    padding-bottom: var(--space-2);
  }

  .rt-r-pb-3 {
    padding-bottom: var(--space-3);
  }

  .rt-r-pb-4 {
    padding-bottom: var(--space-4);
  }

  .rt-r-pb-5 {
    padding-bottom: var(--space-5);
  }

  .rt-r-pb-6 {
    padding-bottom: var(--space-6);
  }

  .rt-r-pb-7 {
    padding-bottom: var(--space-7);
  }

  .rt-r-pb-8 {
    padding-bottom: var(--space-8);
  }

  .rt-r-pb-9 {
    padding-bottom: var(--space-9);
  }

  .rt-r-pb-current {
    padding-bottom: var(--inset-padding);
  }

  .rt-r-pl-0 {
    padding-left: 0;
  }

  .rt-r-pl-1 {
    padding-left: var(--space-1);
  }

  .rt-r-pl-2 {
    padding-left: var(--space-2);
  }

  .rt-r-pl-3 {
    padding-left: var(--space-3);
  }

  .rt-r-pl-4 {
    padding-left: var(--space-4);
  }

  .rt-r-pl-5 {
    padding-left: var(--space-5);
  }

  .rt-r-pl-6 {
    padding-left: var(--space-6);
  }

  .rt-r-pl-7 {
    padding-left: var(--space-7);
  }

  .rt-r-pl-8 {
    padding-left: var(--space-8);
  }

  .rt-r-pl-9 {
    padding-left: var(--space-9);
  }

  .rt-r-pl-current {
    padding-left: var(--inset-padding);
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-p-0 {
    padding: 0;
  }

  .xs\:rt-r-p-1 {
    padding: var(--space-1);
  }

  .xs\:rt-r-p-2 {
    padding: var(--space-2);
  }

  .xs\:rt-r-p-3 {
    padding: var(--space-3);
  }

  .xs\:rt-r-p-4 {
    padding: var(--space-4);
  }

  .xs\:rt-r-p-5 {
    padding: var(--space-5);
  }

  .xs\:rt-r-p-6 {
    padding: var(--space-6);
  }

  .xs\:rt-r-p-7 {
    padding: var(--space-7);
  }

  .xs\:rt-r-p-8 {
    padding: var(--space-8);
  }

  .xs\:rt-r-p-9 {
    padding: var(--space-9);
  }

  .xs\:rt-r-p-current {
    padding: var(--inset-padding);
  }

  .xs\:rt-r-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .xs\:rt-r-px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }

  .xs\:rt-r-px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }

  .xs\:rt-r-px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }

  .xs\:rt-r-px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }

  .xs\:rt-r-px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }

  .xs\:rt-r-px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }

  .xs\:rt-r-px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }

  .xs\:rt-r-px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }

  .xs\:rt-r-px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
  }

  .xs\:rt-r-px-current {
    padding-left: var(--inset-padding);
    padding-right: var(--inset-padding);
  }

  .xs\:rt-r-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .xs\:rt-r-py-1 {
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
  }

  .xs\:rt-r-py-2 {
    padding-top: var(--space-2);
    padding-bottom: var(--space-2);
  }

  .xs\:rt-r-py-3 {
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
  }

  .xs\:rt-r-py-4 {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
  }

  .xs\:rt-r-py-5 {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
  }

  .xs\:rt-r-py-6 {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
  }

  .xs\:rt-r-py-7 {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }

  .xs\:rt-r-py-8 {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
  }

  .xs\:rt-r-py-9 {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
  }

  .xs\:rt-r-py-current {
    padding-top: var(--inset-padding);
    padding-bottom: var(--inset-padding);
  }

  .xs\:rt-r-pt-0 {
    padding-top: 0;
  }

  .xs\:rt-r-pt-1 {
    padding-top: var(--space-1);
  }

  .xs\:rt-r-pt-2 {
    padding-top: var(--space-2);
  }

  .xs\:rt-r-pt-3 {
    padding-top: var(--space-3);
  }

  .xs\:rt-r-pt-4 {
    padding-top: var(--space-4);
  }

  .xs\:rt-r-pt-5 {
    padding-top: var(--space-5);
  }

  .xs\:rt-r-pt-6 {
    padding-top: var(--space-6);
  }

  .xs\:rt-r-pt-7 {
    padding-top: var(--space-7);
  }

  .xs\:rt-r-pt-8 {
    padding-top: var(--space-8);
  }

  .xs\:rt-r-pt-9 {
    padding-top: var(--space-9);
  }

  .xs\:rt-r-pt-current {
    padding-top: var(--inset-padding);
  }

  .xs\:rt-r-pr-0 {
    padding-right: 0;
  }

  .xs\:rt-r-pr-1 {
    padding-right: var(--space-1);
  }

  .xs\:rt-r-pr-2 {
    padding-right: var(--space-2);
  }

  .xs\:rt-r-pr-3 {
    padding-right: var(--space-3);
  }

  .xs\:rt-r-pr-4 {
    padding-right: var(--space-4);
  }

  .xs\:rt-r-pr-5 {
    padding-right: var(--space-5);
  }

  .xs\:rt-r-pr-6 {
    padding-right: var(--space-6);
  }

  .xs\:rt-r-pr-7 {
    padding-right: var(--space-7);
  }

  .xs\:rt-r-pr-8 {
    padding-right: var(--space-8);
  }

  .xs\:rt-r-pr-9 {
    padding-right: var(--space-9);
  }

  .xs\:rt-r-pr-current {
    padding-right: var(--inset-padding);
  }

  .xs\:rt-r-pb-0 {
    padding-bottom: 0;
  }

  .xs\:rt-r-pb-1 {
    padding-bottom: var(--space-1);
  }

  .xs\:rt-r-pb-2 {
    padding-bottom: var(--space-2);
  }

  .xs\:rt-r-pb-3 {
    padding-bottom: var(--space-3);
  }

  .xs\:rt-r-pb-4 {
    padding-bottom: var(--space-4);
  }

  .xs\:rt-r-pb-5 {
    padding-bottom: var(--space-5);
  }

  .xs\:rt-r-pb-6 {
    padding-bottom: var(--space-6);
  }

  .xs\:rt-r-pb-7 {
    padding-bottom: var(--space-7);
  }

  .xs\:rt-r-pb-8 {
    padding-bottom: var(--space-8);
  }

  .xs\:rt-r-pb-9 {
    padding-bottom: var(--space-9);
  }

  .xs\:rt-r-pb-current {
    padding-bottom: var(--inset-padding);
  }

  .xs\:rt-r-pl-0 {
    padding-left: 0;
  }

  .xs\:rt-r-pl-1 {
    padding-left: var(--space-1);
  }

  .xs\:rt-r-pl-2 {
    padding-left: var(--space-2);
  }

  .xs\:rt-r-pl-3 {
    padding-left: var(--space-3);
  }

  .xs\:rt-r-pl-4 {
    padding-left: var(--space-4);
  }

  .xs\:rt-r-pl-5 {
    padding-left: var(--space-5);
  }

  .xs\:rt-r-pl-6 {
    padding-left: var(--space-6);
  }

  .xs\:rt-r-pl-7 {
    padding-left: var(--space-7);
  }

  .xs\:rt-r-pl-8 {
    padding-left: var(--space-8);
  }

  .xs\:rt-r-pl-9 {
    padding-left: var(--space-9);
  }

  .xs\:rt-r-pl-current {
    padding-left: var(--inset-padding);
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-p-0 {
    padding: 0;
  }

  .sm\:rt-r-p-1 {
    padding: var(--space-1);
  }

  .sm\:rt-r-p-2 {
    padding: var(--space-2);
  }

  .sm\:rt-r-p-3 {
    padding: var(--space-3);
  }

  .sm\:rt-r-p-4 {
    padding: var(--space-4);
  }

  .sm\:rt-r-p-5 {
    padding: var(--space-5);
  }

  .sm\:rt-r-p-6 {
    padding: var(--space-6);
  }

  .sm\:rt-r-p-7 {
    padding: var(--space-7);
  }

  .sm\:rt-r-p-8 {
    padding: var(--space-8);
  }

  .sm\:rt-r-p-9 {
    padding: var(--space-9);
  }

  .sm\:rt-r-p-current {
    padding: var(--inset-padding);
  }

  .sm\:rt-r-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .sm\:rt-r-px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }

  .sm\:rt-r-px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }

  .sm\:rt-r-px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }

  .sm\:rt-r-px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }

  .sm\:rt-r-px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }

  .sm\:rt-r-px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }

  .sm\:rt-r-px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }

  .sm\:rt-r-px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }

  .sm\:rt-r-px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
  }

  .sm\:rt-r-px-current {
    padding-left: var(--inset-padding);
    padding-right: var(--inset-padding);
  }

  .sm\:rt-r-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .sm\:rt-r-py-1 {
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
  }

  .sm\:rt-r-py-2 {
    padding-top: var(--space-2);
    padding-bottom: var(--space-2);
  }

  .sm\:rt-r-py-3 {
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
  }

  .sm\:rt-r-py-4 {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
  }

  .sm\:rt-r-py-5 {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
  }

  .sm\:rt-r-py-6 {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
  }

  .sm\:rt-r-py-7 {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }

  .sm\:rt-r-py-8 {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
  }

  .sm\:rt-r-py-9 {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
  }

  .sm\:rt-r-py-current {
    padding-top: var(--inset-padding);
    padding-bottom: var(--inset-padding);
  }

  .sm\:rt-r-pt-0 {
    padding-top: 0;
  }

  .sm\:rt-r-pt-1 {
    padding-top: var(--space-1);
  }

  .sm\:rt-r-pt-2 {
    padding-top: var(--space-2);
  }

  .sm\:rt-r-pt-3 {
    padding-top: var(--space-3);
  }

  .sm\:rt-r-pt-4 {
    padding-top: var(--space-4);
  }

  .sm\:rt-r-pt-5 {
    padding-top: var(--space-5);
  }

  .sm\:rt-r-pt-6 {
    padding-top: var(--space-6);
  }

  .sm\:rt-r-pt-7 {
    padding-top: var(--space-7);
  }

  .sm\:rt-r-pt-8 {
    padding-top: var(--space-8);
  }

  .sm\:rt-r-pt-9 {
    padding-top: var(--space-9);
  }

  .sm\:rt-r-pt-current {
    padding-top: var(--inset-padding);
  }

  .sm\:rt-r-pr-0 {
    padding-right: 0;
  }

  .sm\:rt-r-pr-1 {
    padding-right: var(--space-1);
  }

  .sm\:rt-r-pr-2 {
    padding-right: var(--space-2);
  }

  .sm\:rt-r-pr-3 {
    padding-right: var(--space-3);
  }

  .sm\:rt-r-pr-4 {
    padding-right: var(--space-4);
  }

  .sm\:rt-r-pr-5 {
    padding-right: var(--space-5);
  }

  .sm\:rt-r-pr-6 {
    padding-right: var(--space-6);
  }

  .sm\:rt-r-pr-7 {
    padding-right: var(--space-7);
  }

  .sm\:rt-r-pr-8 {
    padding-right: var(--space-8);
  }

  .sm\:rt-r-pr-9 {
    padding-right: var(--space-9);
  }

  .sm\:rt-r-pr-current {
    padding-right: var(--inset-padding);
  }

  .sm\:rt-r-pb-0 {
    padding-bottom: 0;
  }

  .sm\:rt-r-pb-1 {
    padding-bottom: var(--space-1);
  }

  .sm\:rt-r-pb-2 {
    padding-bottom: var(--space-2);
  }

  .sm\:rt-r-pb-3 {
    padding-bottom: var(--space-3);
  }

  .sm\:rt-r-pb-4 {
    padding-bottom: var(--space-4);
  }

  .sm\:rt-r-pb-5 {
    padding-bottom: var(--space-5);
  }

  .sm\:rt-r-pb-6 {
    padding-bottom: var(--space-6);
  }

  .sm\:rt-r-pb-7 {
    padding-bottom: var(--space-7);
  }

  .sm\:rt-r-pb-8 {
    padding-bottom: var(--space-8);
  }

  .sm\:rt-r-pb-9 {
    padding-bottom: var(--space-9);
  }

  .sm\:rt-r-pb-current {
    padding-bottom: var(--inset-padding);
  }

  .sm\:rt-r-pl-0 {
    padding-left: 0;
  }

  .sm\:rt-r-pl-1 {
    padding-left: var(--space-1);
  }

  .sm\:rt-r-pl-2 {
    padding-left: var(--space-2);
  }

  .sm\:rt-r-pl-3 {
    padding-left: var(--space-3);
  }

  .sm\:rt-r-pl-4 {
    padding-left: var(--space-4);
  }

  .sm\:rt-r-pl-5 {
    padding-left: var(--space-5);
  }

  .sm\:rt-r-pl-6 {
    padding-left: var(--space-6);
  }

  .sm\:rt-r-pl-7 {
    padding-left: var(--space-7);
  }

  .sm\:rt-r-pl-8 {
    padding-left: var(--space-8);
  }

  .sm\:rt-r-pl-9 {
    padding-left: var(--space-9);
  }

  .sm\:rt-r-pl-current {
    padding-left: var(--inset-padding);
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-p-0 {
    padding: 0;
  }

  .md\:rt-r-p-1 {
    padding: var(--space-1);
  }

  .md\:rt-r-p-2 {
    padding: var(--space-2);
  }

  .md\:rt-r-p-3 {
    padding: var(--space-3);
  }

  .md\:rt-r-p-4 {
    padding: var(--space-4);
  }

  .md\:rt-r-p-5 {
    padding: var(--space-5);
  }

  .md\:rt-r-p-6 {
    padding: var(--space-6);
  }

  .md\:rt-r-p-7 {
    padding: var(--space-7);
  }

  .md\:rt-r-p-8 {
    padding: var(--space-8);
  }

  .md\:rt-r-p-9 {
    padding: var(--space-9);
  }

  .md\:rt-r-p-current {
    padding: var(--inset-padding);
  }

  .md\:rt-r-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .md\:rt-r-px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }

  .md\:rt-r-px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }

  .md\:rt-r-px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }

  .md\:rt-r-px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }

  .md\:rt-r-px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }

  .md\:rt-r-px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }

  .md\:rt-r-px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }

  .md\:rt-r-px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }

  .md\:rt-r-px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
  }

  .md\:rt-r-px-current {
    padding-left: var(--inset-padding);
    padding-right: var(--inset-padding);
  }

  .md\:rt-r-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .md\:rt-r-py-1 {
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
  }

  .md\:rt-r-py-2 {
    padding-top: var(--space-2);
    padding-bottom: var(--space-2);
  }

  .md\:rt-r-py-3 {
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
  }

  .md\:rt-r-py-4 {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
  }

  .md\:rt-r-py-5 {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
  }

  .md\:rt-r-py-6 {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
  }

  .md\:rt-r-py-7 {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }

  .md\:rt-r-py-8 {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
  }

  .md\:rt-r-py-9 {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
  }

  .md\:rt-r-py-current {
    padding-top: var(--inset-padding);
    padding-bottom: var(--inset-padding);
  }

  .md\:rt-r-pt-0 {
    padding-top: 0;
  }

  .md\:rt-r-pt-1 {
    padding-top: var(--space-1);
  }

  .md\:rt-r-pt-2 {
    padding-top: var(--space-2);
  }

  .md\:rt-r-pt-3 {
    padding-top: var(--space-3);
  }

  .md\:rt-r-pt-4 {
    padding-top: var(--space-4);
  }

  .md\:rt-r-pt-5 {
    padding-top: var(--space-5);
  }

  .md\:rt-r-pt-6 {
    padding-top: var(--space-6);
  }

  .md\:rt-r-pt-7 {
    padding-top: var(--space-7);
  }

  .md\:rt-r-pt-8 {
    padding-top: var(--space-8);
  }

  .md\:rt-r-pt-9 {
    padding-top: var(--space-9);
  }

  .md\:rt-r-pt-current {
    padding-top: var(--inset-padding);
  }

  .md\:rt-r-pr-0 {
    padding-right: 0;
  }

  .md\:rt-r-pr-1 {
    padding-right: var(--space-1);
  }

  .md\:rt-r-pr-2 {
    padding-right: var(--space-2);
  }

  .md\:rt-r-pr-3 {
    padding-right: var(--space-3);
  }

  .md\:rt-r-pr-4 {
    padding-right: var(--space-4);
  }

  .md\:rt-r-pr-5 {
    padding-right: var(--space-5);
  }

  .md\:rt-r-pr-6 {
    padding-right: var(--space-6);
  }

  .md\:rt-r-pr-7 {
    padding-right: var(--space-7);
  }

  .md\:rt-r-pr-8 {
    padding-right: var(--space-8);
  }

  .md\:rt-r-pr-9 {
    padding-right: var(--space-9);
  }

  .md\:rt-r-pr-current {
    padding-right: var(--inset-padding);
  }

  .md\:rt-r-pb-0 {
    padding-bottom: 0;
  }

  .md\:rt-r-pb-1 {
    padding-bottom: var(--space-1);
  }

  .md\:rt-r-pb-2 {
    padding-bottom: var(--space-2);
  }

  .md\:rt-r-pb-3 {
    padding-bottom: var(--space-3);
  }

  .md\:rt-r-pb-4 {
    padding-bottom: var(--space-4);
  }

  .md\:rt-r-pb-5 {
    padding-bottom: var(--space-5);
  }

  .md\:rt-r-pb-6 {
    padding-bottom: var(--space-6);
  }

  .md\:rt-r-pb-7 {
    padding-bottom: var(--space-7);
  }

  .md\:rt-r-pb-8 {
    padding-bottom: var(--space-8);
  }

  .md\:rt-r-pb-9 {
    padding-bottom: var(--space-9);
  }

  .md\:rt-r-pb-current {
    padding-bottom: var(--inset-padding);
  }

  .md\:rt-r-pl-0 {
    padding-left: 0;
  }

  .md\:rt-r-pl-1 {
    padding-left: var(--space-1);
  }

  .md\:rt-r-pl-2 {
    padding-left: var(--space-2);
  }

  .md\:rt-r-pl-3 {
    padding-left: var(--space-3);
  }

  .md\:rt-r-pl-4 {
    padding-left: var(--space-4);
  }

  .md\:rt-r-pl-5 {
    padding-left: var(--space-5);
  }

  .md\:rt-r-pl-6 {
    padding-left: var(--space-6);
  }

  .md\:rt-r-pl-7 {
    padding-left: var(--space-7);
  }

  .md\:rt-r-pl-8 {
    padding-left: var(--space-8);
  }

  .md\:rt-r-pl-9 {
    padding-left: var(--space-9);
  }

  .md\:rt-r-pl-current {
    padding-left: var(--inset-padding);
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-p-0 {
    padding: 0;
  }

  .lg\:rt-r-p-1 {
    padding: var(--space-1);
  }

  .lg\:rt-r-p-2 {
    padding: var(--space-2);
  }

  .lg\:rt-r-p-3 {
    padding: var(--space-3);
  }

  .lg\:rt-r-p-4 {
    padding: var(--space-4);
  }

  .lg\:rt-r-p-5 {
    padding: var(--space-5);
  }

  .lg\:rt-r-p-6 {
    padding: var(--space-6);
  }

  .lg\:rt-r-p-7 {
    padding: var(--space-7);
  }

  .lg\:rt-r-p-8 {
    padding: var(--space-8);
  }

  .lg\:rt-r-p-9 {
    padding: var(--space-9);
  }

  .lg\:rt-r-p-current {
    padding: var(--inset-padding);
  }

  .lg\:rt-r-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .lg\:rt-r-px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }

  .lg\:rt-r-px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }

  .lg\:rt-r-px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }

  .lg\:rt-r-px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }

  .lg\:rt-r-px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }

  .lg\:rt-r-px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }

  .lg\:rt-r-px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }

  .lg\:rt-r-px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }

  .lg\:rt-r-px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
  }

  .lg\:rt-r-px-current {
    padding-left: var(--inset-padding);
    padding-right: var(--inset-padding);
  }

  .lg\:rt-r-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .lg\:rt-r-py-1 {
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
  }

  .lg\:rt-r-py-2 {
    padding-top: var(--space-2);
    padding-bottom: var(--space-2);
  }

  .lg\:rt-r-py-3 {
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
  }

  .lg\:rt-r-py-4 {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
  }

  .lg\:rt-r-py-5 {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
  }

  .lg\:rt-r-py-6 {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
  }

  .lg\:rt-r-py-7 {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }

  .lg\:rt-r-py-8 {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
  }

  .lg\:rt-r-py-9 {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
  }

  .lg\:rt-r-py-current {
    padding-top: var(--inset-padding);
    padding-bottom: var(--inset-padding);
  }

  .lg\:rt-r-pt-0 {
    padding-top: 0;
  }

  .lg\:rt-r-pt-1 {
    padding-top: var(--space-1);
  }

  .lg\:rt-r-pt-2 {
    padding-top: var(--space-2);
  }

  .lg\:rt-r-pt-3 {
    padding-top: var(--space-3);
  }

  .lg\:rt-r-pt-4 {
    padding-top: var(--space-4);
  }

  .lg\:rt-r-pt-5 {
    padding-top: var(--space-5);
  }

  .lg\:rt-r-pt-6 {
    padding-top: var(--space-6);
  }

  .lg\:rt-r-pt-7 {
    padding-top: var(--space-7);
  }

  .lg\:rt-r-pt-8 {
    padding-top: var(--space-8);
  }

  .lg\:rt-r-pt-9 {
    padding-top: var(--space-9);
  }

  .lg\:rt-r-pt-current {
    padding-top: var(--inset-padding);
  }

  .lg\:rt-r-pr-0 {
    padding-right: 0;
  }

  .lg\:rt-r-pr-1 {
    padding-right: var(--space-1);
  }

  .lg\:rt-r-pr-2 {
    padding-right: var(--space-2);
  }

  .lg\:rt-r-pr-3 {
    padding-right: var(--space-3);
  }

  .lg\:rt-r-pr-4 {
    padding-right: var(--space-4);
  }

  .lg\:rt-r-pr-5 {
    padding-right: var(--space-5);
  }

  .lg\:rt-r-pr-6 {
    padding-right: var(--space-6);
  }

  .lg\:rt-r-pr-7 {
    padding-right: var(--space-7);
  }

  .lg\:rt-r-pr-8 {
    padding-right: var(--space-8);
  }

  .lg\:rt-r-pr-9 {
    padding-right: var(--space-9);
  }

  .lg\:rt-r-pr-current {
    padding-right: var(--inset-padding);
  }

  .lg\:rt-r-pb-0 {
    padding-bottom: 0;
  }

  .lg\:rt-r-pb-1 {
    padding-bottom: var(--space-1);
  }

  .lg\:rt-r-pb-2 {
    padding-bottom: var(--space-2);
  }

  .lg\:rt-r-pb-3 {
    padding-bottom: var(--space-3);
  }

  .lg\:rt-r-pb-4 {
    padding-bottom: var(--space-4);
  }

  .lg\:rt-r-pb-5 {
    padding-bottom: var(--space-5);
  }

  .lg\:rt-r-pb-6 {
    padding-bottom: var(--space-6);
  }

  .lg\:rt-r-pb-7 {
    padding-bottom: var(--space-7);
  }

  .lg\:rt-r-pb-8 {
    padding-bottom: var(--space-8);
  }

  .lg\:rt-r-pb-9 {
    padding-bottom: var(--space-9);
  }

  .lg\:rt-r-pb-current {
    padding-bottom: var(--inset-padding);
  }

  .lg\:rt-r-pl-0 {
    padding-left: 0;
  }

  .lg\:rt-r-pl-1 {
    padding-left: var(--space-1);
  }

  .lg\:rt-r-pl-2 {
    padding-left: var(--space-2);
  }

  .lg\:rt-r-pl-3 {
    padding-left: var(--space-3);
  }

  .lg\:rt-r-pl-4 {
    padding-left: var(--space-4);
  }

  .lg\:rt-r-pl-5 {
    padding-left: var(--space-5);
  }

  .lg\:rt-r-pl-6 {
    padding-left: var(--space-6);
  }

  .lg\:rt-r-pl-7 {
    padding-left: var(--space-7);
  }

  .lg\:rt-r-pl-8 {
    padding-left: var(--space-8);
  }

  .lg\:rt-r-pl-9 {
    padding-left: var(--space-9);
  }

  .lg\:rt-r-pl-current {
    padding-left: var(--inset-padding);
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-p-0 {
    padding: 0;
  }

  .xl\:rt-r-p-1 {
    padding: var(--space-1);
  }

  .xl\:rt-r-p-2 {
    padding: var(--space-2);
  }

  .xl\:rt-r-p-3 {
    padding: var(--space-3);
  }

  .xl\:rt-r-p-4 {
    padding: var(--space-4);
  }

  .xl\:rt-r-p-5 {
    padding: var(--space-5);
  }

  .xl\:rt-r-p-6 {
    padding: var(--space-6);
  }

  .xl\:rt-r-p-7 {
    padding: var(--space-7);
  }

  .xl\:rt-r-p-8 {
    padding: var(--space-8);
  }

  .xl\:rt-r-p-9 {
    padding: var(--space-9);
  }

  .xl\:rt-r-p-current {
    padding: var(--inset-padding);
  }

  .xl\:rt-r-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .xl\:rt-r-px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }

  .xl\:rt-r-px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }

  .xl\:rt-r-px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }

  .xl\:rt-r-px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }

  .xl\:rt-r-px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }

  .xl\:rt-r-px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }

  .xl\:rt-r-px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
  }

  .xl\:rt-r-px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }

  .xl\:rt-r-px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
  }

  .xl\:rt-r-px-current {
    padding-left: var(--inset-padding);
    padding-right: var(--inset-padding);
  }

  .xl\:rt-r-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .xl\:rt-r-py-1 {
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
  }

  .xl\:rt-r-py-2 {
    padding-top: var(--space-2);
    padding-bottom: var(--space-2);
  }

  .xl\:rt-r-py-3 {
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
  }

  .xl\:rt-r-py-4 {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
  }

  .xl\:rt-r-py-5 {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
  }

  .xl\:rt-r-py-6 {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
  }

  .xl\:rt-r-py-7 {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }

  .xl\:rt-r-py-8 {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
  }

  .xl\:rt-r-py-9 {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
  }

  .xl\:rt-r-py-current {
    padding-top: var(--inset-padding);
    padding-bottom: var(--inset-padding);
  }

  .xl\:rt-r-pt-0 {
    padding-top: 0;
  }

  .xl\:rt-r-pt-1 {
    padding-top: var(--space-1);
  }

  .xl\:rt-r-pt-2 {
    padding-top: var(--space-2);
  }

  .xl\:rt-r-pt-3 {
    padding-top: var(--space-3);
  }

  .xl\:rt-r-pt-4 {
    padding-top: var(--space-4);
  }

  .xl\:rt-r-pt-5 {
    padding-top: var(--space-5);
  }

  .xl\:rt-r-pt-6 {
    padding-top: var(--space-6);
  }

  .xl\:rt-r-pt-7 {
    padding-top: var(--space-7);
  }

  .xl\:rt-r-pt-8 {
    padding-top: var(--space-8);
  }

  .xl\:rt-r-pt-9 {
    padding-top: var(--space-9);
  }

  .xl\:rt-r-pt-current {
    padding-top: var(--inset-padding);
  }

  .xl\:rt-r-pr-0 {
    padding-right: 0;
  }

  .xl\:rt-r-pr-1 {
    padding-right: var(--space-1);
  }

  .xl\:rt-r-pr-2 {
    padding-right: var(--space-2);
  }

  .xl\:rt-r-pr-3 {
    padding-right: var(--space-3);
  }

  .xl\:rt-r-pr-4 {
    padding-right: var(--space-4);
  }

  .xl\:rt-r-pr-5 {
    padding-right: var(--space-5);
  }

  .xl\:rt-r-pr-6 {
    padding-right: var(--space-6);
  }

  .xl\:rt-r-pr-7 {
    padding-right: var(--space-7);
  }

  .xl\:rt-r-pr-8 {
    padding-right: var(--space-8);
  }

  .xl\:rt-r-pr-9 {
    padding-right: var(--space-9);
  }

  .xl\:rt-r-pr-current {
    padding-right: var(--inset-padding);
  }

  .xl\:rt-r-pb-0 {
    padding-bottom: 0;
  }

  .xl\:rt-r-pb-1 {
    padding-bottom: var(--space-1);
  }

  .xl\:rt-r-pb-2 {
    padding-bottom: var(--space-2);
  }

  .xl\:rt-r-pb-3 {
    padding-bottom: var(--space-3);
  }

  .xl\:rt-r-pb-4 {
    padding-bottom: var(--space-4);
  }

  .xl\:rt-r-pb-5 {
    padding-bottom: var(--space-5);
  }

  .xl\:rt-r-pb-6 {
    padding-bottom: var(--space-6);
  }

  .xl\:rt-r-pb-7 {
    padding-bottom: var(--space-7);
  }

  .xl\:rt-r-pb-8 {
    padding-bottom: var(--space-8);
  }

  .xl\:rt-r-pb-9 {
    padding-bottom: var(--space-9);
  }

  .xl\:rt-r-pb-current {
    padding-bottom: var(--inset-padding);
  }

  .xl\:rt-r-pl-0 {
    padding-left: 0;
  }

  .xl\:rt-r-pl-1 {
    padding-left: var(--space-1);
  }

  .xl\:rt-r-pl-2 {
    padding-left: var(--space-2);
  }

  .xl\:rt-r-pl-3 {
    padding-left: var(--space-3);
  }

  .xl\:rt-r-pl-4 {
    padding-left: var(--space-4);
  }

  .xl\:rt-r-pl-5 {
    padding-left: var(--space-5);
  }

  .xl\:rt-r-pl-6 {
    padding-left: var(--space-6);
  }

  .xl\:rt-r-pl-7 {
    padding-left: var(--space-7);
  }

  .xl\:rt-r-pl-8 {
    padding-left: var(--space-8);
  }

  .xl\:rt-r-pl-9 {
    padding-left: var(--space-9);
  }

  .xl\:rt-r-pl-current {
    padding-left: var(--inset-padding);
  }
}
@media all {
  .rt-r-position-static {
    position: static;
  }

  .rt-r-position-absolute {
    position: absolute;
  }

  .rt-r-position-relative {
    position: relative;
  }

  .rt-r-position-fixed {
    position: fixed;
  }

  .rt-r-position-sticky {
    position: sticky;
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-position-static {
    position: static;
  }

  .xs\:rt-r-position-absolute {
    position: absolute;
  }

  .xs\:rt-r-position-relative {
    position: relative;
  }

  .xs\:rt-r-position-fixed {
    position: fixed;
  }

  .xs\:rt-r-position-sticky {
    position: sticky;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-position-static {
    position: static;
  }

  .sm\:rt-r-position-absolute {
    position: absolute;
  }

  .sm\:rt-r-position-relative {
    position: relative;
  }

  .sm\:rt-r-position-fixed {
    position: fixed;
  }

  .sm\:rt-r-position-sticky {
    position: sticky;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-position-static {
    position: static;
  }

  .md\:rt-r-position-absolute {
    position: absolute;
  }

  .md\:rt-r-position-relative {
    position: relative;
  }

  .md\:rt-r-position-fixed {
    position: fixed;
  }

  .md\:rt-r-position-sticky {
    position: sticky;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-position-static {
    position: static;
  }

  .lg\:rt-r-position-absolute {
    position: absolute;
  }

  .lg\:rt-r-position-relative {
    position: relative;
  }

  .lg\:rt-r-position-fixed {
    position: fixed;
  }

  .lg\:rt-r-position-sticky {
    position: sticky;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-position-static {
    position: static;
  }

  .xl\:rt-r-position-absolute {
    position: absolute;
  }

  .xl\:rt-r-position-relative {
    position: relative;
  }

  .xl\:rt-r-position-fixed {
    position: fixed;
  }

  .xl\:rt-r-position-sticky {
    position: sticky;
  }
}
@media all {
  .rt-r-ta-left {
    text-align: left;
  }

  .rt-r-ta-center {
    text-align: center;
  }

  .rt-r-ta-right {
    text-align: right;
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-ta-left {
    text-align: left;
  }

  .xs\:rt-r-ta-center {
    text-align: center;
  }

  .xs\:rt-r-ta-right {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-ta-left {
    text-align: left;
  }

  .sm\:rt-r-ta-center {
    text-align: center;
  }

  .sm\:rt-r-ta-right {
    text-align: right;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-ta-left {
    text-align: left;
  }

  .md\:rt-r-ta-center {
    text-align: center;
  }

  .md\:rt-r-ta-right {
    text-align: right;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-ta-left {
    text-align: left;
  }

  .lg\:rt-r-ta-center {
    text-align: center;
  }

  .lg\:rt-r-ta-right {
    text-align: right;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-ta-left {
    text-align: left;
  }

  .xl\:rt-r-ta-center {
    text-align: center;
  }

  .xl\:rt-r-ta-right {
    text-align: right;
  }
}
@media all {
  .rt-r-va-baseline {
    vertical-align: baseline;
  }

  .rt-r-va-top {
    vertical-align: top;
  }

  .rt-r-va-middle {
    vertical-align: middle;
  }

  .rt-r-va-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-va-baseline {
    vertical-align: baseline;
  }

  .xs\:rt-r-va-top {
    vertical-align: top;
  }

  .xs\:rt-r-va-middle {
    vertical-align: middle;
  }

  .xs\:rt-r-va-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-va-baseline {
    vertical-align: baseline;
  }

  .sm\:rt-r-va-top {
    vertical-align: top;
  }

  .sm\:rt-r-va-middle {
    vertical-align: middle;
  }

  .sm\:rt-r-va-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-va-baseline {
    vertical-align: baseline;
  }

  .md\:rt-r-va-top {
    vertical-align: top;
  }

  .md\:rt-r-va-middle {
    vertical-align: middle;
  }

  .md\:rt-r-va-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-va-baseline {
    vertical-align: baseline;
  }

  .lg\:rt-r-va-top {
    vertical-align: top;
  }

  .lg\:rt-r-va-middle {
    vertical-align: middle;
  }

  .lg\:rt-r-va-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-va-baseline {
    vertical-align: baseline;
  }

  .xl\:rt-r-va-top {
    vertical-align: top;
  }

  .xl\:rt-r-va-middle {
    vertical-align: middle;
  }

  .xl\:rt-r-va-bottom {
    vertical-align: bottom;
  }
}
@media all {
  .rt-r-w-auto {
    width: auto;
  }

  .rt-r-w-max-content {
    width: -moz-max-content;
    width: max-content;
  }

  .rt-r-w-min-content {
    width: -moz-min-content;
    width: min-content;
  }

  .rt-r-w-0 {
    width: 0;
  }

  .rt-r-w-1 {
    width: var(--space-1);
  }

  .rt-r-w-2 {
    width: var(--space-2);
  }

  .rt-r-w-3 {
    width: var(--space-3);
  }

  .rt-r-w-4 {
    width: var(--space-4);
  }

  .rt-r-w-5 {
    width: var(--space-5);
  }

  .rt-r-w-6 {
    width: var(--space-6);
  }

  .rt-r-w-7 {
    width: var(--space-7);
  }

  .rt-r-w-8 {
    width: var(--space-8);
  }

  .rt-r-w-9 {
    width: var(--space-9);
  }

  .rt-r-w-50\% {
    width: 50%;
  }

  .rt-r-w-100\% {
    width: 100%;
  }
}
@media (min-width: 520px) {
  .xs\:rt-r-w-auto {
    width: auto;
  }

  .xs\:rt-r-w-max-content {
    width: -moz-max-content;
    width: max-content;
  }

  .xs\:rt-r-w-min-content {
    width: -moz-min-content;
    width: min-content;
  }

  .xs\:rt-r-w-0 {
    width: 0;
  }

  .xs\:rt-r-w-1 {
    width: var(--space-1);
  }

  .xs\:rt-r-w-2 {
    width: var(--space-2);
  }

  .xs\:rt-r-w-3 {
    width: var(--space-3);
  }

  .xs\:rt-r-w-4 {
    width: var(--space-4);
  }

  .xs\:rt-r-w-5 {
    width: var(--space-5);
  }

  .xs\:rt-r-w-6 {
    width: var(--space-6);
  }

  .xs\:rt-r-w-7 {
    width: var(--space-7);
  }

  .xs\:rt-r-w-8 {
    width: var(--space-8);
  }

  .xs\:rt-r-w-9 {
    width: var(--space-9);
  }

  .xs\:rt-r-w-50\% {
    width: 50%;
  }

  .xs\:rt-r-w-100\% {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .sm\:rt-r-w-auto {
    width: auto;
  }

  .sm\:rt-r-w-max-content {
    width: -moz-max-content;
    width: max-content;
  }

  .sm\:rt-r-w-min-content {
    width: -moz-min-content;
    width: min-content;
  }

  .sm\:rt-r-w-0 {
    width: 0;
  }

  .sm\:rt-r-w-1 {
    width: var(--space-1);
  }

  .sm\:rt-r-w-2 {
    width: var(--space-2);
  }

  .sm\:rt-r-w-3 {
    width: var(--space-3);
  }

  .sm\:rt-r-w-4 {
    width: var(--space-4);
  }

  .sm\:rt-r-w-5 {
    width: var(--space-5);
  }

  .sm\:rt-r-w-6 {
    width: var(--space-6);
  }

  .sm\:rt-r-w-7 {
    width: var(--space-7);
  }

  .sm\:rt-r-w-8 {
    width: var(--space-8);
  }

  .sm\:rt-r-w-9 {
    width: var(--space-9);
  }

  .sm\:rt-r-w-50\% {
    width: 50%;
  }

  .sm\:rt-r-w-100\% {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .md\:rt-r-w-auto {
    width: auto;
  }

  .md\:rt-r-w-max-content {
    width: -moz-max-content;
    width: max-content;
  }

  .md\:rt-r-w-min-content {
    width: -moz-min-content;
    width: min-content;
  }

  .md\:rt-r-w-0 {
    width: 0;
  }

  .md\:rt-r-w-1 {
    width: var(--space-1);
  }

  .md\:rt-r-w-2 {
    width: var(--space-2);
  }

  .md\:rt-r-w-3 {
    width: var(--space-3);
  }

  .md\:rt-r-w-4 {
    width: var(--space-4);
  }

  .md\:rt-r-w-5 {
    width: var(--space-5);
  }

  .md\:rt-r-w-6 {
    width: var(--space-6);
  }

  .md\:rt-r-w-7 {
    width: var(--space-7);
  }

  .md\:rt-r-w-8 {
    width: var(--space-8);
  }

  .md\:rt-r-w-9 {
    width: var(--space-9);
  }

  .md\:rt-r-w-50\% {
    width: 50%;
  }

  .md\:rt-r-w-100\% {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .lg\:rt-r-w-auto {
    width: auto;
  }

  .lg\:rt-r-w-max-content {
    width: -moz-max-content;
    width: max-content;
  }

  .lg\:rt-r-w-min-content {
    width: -moz-min-content;
    width: min-content;
  }

  .lg\:rt-r-w-0 {
    width: 0;
  }

  .lg\:rt-r-w-1 {
    width: var(--space-1);
  }

  .lg\:rt-r-w-2 {
    width: var(--space-2);
  }

  .lg\:rt-r-w-3 {
    width: var(--space-3);
  }

  .lg\:rt-r-w-4 {
    width: var(--space-4);
  }

  .lg\:rt-r-w-5 {
    width: var(--space-5);
  }

  .lg\:rt-r-w-6 {
    width: var(--space-6);
  }

  .lg\:rt-r-w-7 {
    width: var(--space-7);
  }

  .lg\:rt-r-w-8 {
    width: var(--space-8);
  }

  .lg\:rt-r-w-9 {
    width: var(--space-9);
  }

  .lg\:rt-r-w-50\% {
    width: 50%;
  }

  .lg\:rt-r-w-100\% {
    width: 100%;
  }
}
@media (min-width: 1640px) {
  .xl\:rt-r-w-auto {
    width: auto;
  }

  .xl\:rt-r-w-max-content {
    width: -moz-max-content;
    width: max-content;
  }

  .xl\:rt-r-w-min-content {
    width: -moz-min-content;
    width: min-content;
  }

  .xl\:rt-r-w-0 {
    width: 0;
  }

  .xl\:rt-r-w-1 {
    width: var(--space-1);
  }

  .xl\:rt-r-w-2 {
    width: var(--space-2);
  }

  .xl\:rt-r-w-3 {
    width: var(--space-3);
  }

  .xl\:rt-r-w-4 {
    width: var(--space-4);
  }

  .xl\:rt-r-w-5 {
    width: var(--space-5);
  }

  .xl\:rt-r-w-6 {
    width: var(--space-6);
  }

  .xl\:rt-r-w-7 {
    width: var(--space-7);
  }

  .xl\:rt-r-w-8 {
    width: var(--space-8);
  }

  .xl\:rt-r-w-9 {
    width: var(--space-9);
  }

  .xl\:rt-r-w-50\% {
    width: 50%;
  }

  .xl\:rt-r-w-100\% {
    width: 100%;
  }
}
.radix-themes {
  --theme-panel--focus-ring-color: black;
}
:is(.dark, .dark-theme),
:is(.dark, .dark-theme) .radix-themes:not(.light, .light-theme) {
  --theme-panel--focus-ring-color: white;
}
.rt-ThemePanelShortcut:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: var(--accent-9);
}
.rt-ThemePanelSwatch,
.rt-ThemePanelRadioCard {
  position: relative;
}
.rt-ThemePanelSwatch input, .rt-ThemePanelRadioCard input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin: 0;
    outline: none;
    outline-width: 2px;
    outline-offset: 2px;

    position: absolute;
    inset: 0;
    border-radius: inherit;
  }
.rt-ThemePanelSwatch {
  width: var(--space-5);
  height: var(--space-5);
  border-radius: 100%;
}
.rt-ThemePanelSwatch input:checked {
      outline-style: solid;
      outline-color: var(--theme-panel--focus-ring-color);
    }
.rt-ThemePanelSwatch input:focus-visible {
      outline-style: solid;
      outline-color: var(--accent-9);
    }
.rt-ThemePanelRadioCard {
  border-radius: var(--radius-1);
  box-shadow: 0 0 0 1px var(--gray-7);
}
.rt-ThemePanelRadioCard input:checked {
      box-shadow: inset 0 0 0 1px var(--theme-panel--focus-ring-color),
        0 0 0 1px var(--theme-panel--focus-ring-color);
    }
.rt-ThemePanelRadioCard input:focus-visible {
      background-color: var(--accent-a3);
      box-shadow: inset 0 0 0 1px var(--accent-9), 0 0 0 1px var(--accent-9);
    }