:root {
  --white: #ffffff;
  --black: #151515;
  /* =====[Primary Color Variables]===== */
  --primary--50: color-mix(in var(--color-mode), var(--primary) 5%, var(--lightness));
  --primary--100: color-mix(in var(--color-mode), var(--primary) 10%, var(--lightness));
  --primary--200: color-mix(in var(--color-mode), var(--primary) 25%, var(--lightness));
  --primary--300: color-mix(in var(--color-mode), var(--primary) 40%, var(--lightness));
  --primary--400: color-mix(in var(--color-mode), var(--primary) 60%, var(--lightness));
  --primary--500: color-mix(in var(--color-mode), var(--primary) 100%, var(--lightness) 0%);
  --primary--600: color-mix(in var(--color-mode), var(--primary) 80%, var(--darkness));
  --primary--700: color-mix(in var(--color-mode), var(--primary) 60%, var(--darkness));
  --primary--800: color-mix(in var(--color-mode), var(--primary) 40%, var(--darkness));
  --primary--900: color-mix(in var(--color-mode), var(--primary), var(--darkness) 75%);
  --primary--950: color-mix(in var(--color-mode), var(--primary), var(--darkness) 90%);
  /* =====[Secondary Color Variables]===== */
  --secondary--50: color-mix(in var(--color-mode), var(--secondary) 5%, var(--lightness));
  --secondary--100: color-mix(in var(--color-mode), var(--secondary) 10%, var(--lightness));
  --secondary--200: color-mix(in var(--color-mode), var(--secondary) 25%, var(--lightness));
  --secondary--300: color-mix(in var(--color-mode), var(--secondary) 40%, var(--lightness));
  --secondary--400: color-mix(in var(--color-mode), var(--secondary) 60%, var(--lightness));
  --secondary--500: color-mix(in var(--color-mode), var(--secondary) 100%, var(--lightness) 0%);
  --secondary--600: color-mix(in var(--color-mode), var(--secondary) 80%, var(--darkness));
  --secondary--700: color-mix(in var(--color-mode), var(--secondary) 60%, var(--darkness));
  --secondary--800: color-mix(in var(--color-mode), var(--secondary) 40%, var(--darkness));
  --secondary--900: color-mix(in var(--color-mode), var(--secondary), var(--darkness) 75%);
  --secondary--950: color-mix(in var(--color-mode), var(--secondary), var(--darkness) 90%);
  /* =====[Accent Color Variables]===== */
  --accent--50: color-mix(in var(--color-mode), var(--accent) 5%, var(--lightness));
  --accent--100: color-mix(in var(--color-mode), var(--accent) 10%, var(--lightness));
  --accent--200: color-mix(in var(--color-mode), var(--accent) 25%, var(--lightness));
  --accent--300: color-mix(in var(--color-mode), var(--accent) 40%, var(--lightness));
  --accent--400: color-mix(in var(--color-mode), var(--accent) 60%, var(--lightness));
  --accent--500: color-mix(in var(--color-mode), var(--accent) 100%, var(--lightness) 0%);
  --accent--600: color-mix(in var(--color-mode), var(--accent) 80%, var(--darkness));
  --accent--700: color-mix(in var(--color-mode), var(--accent) 60%, var(--darkness));
  --accent--800: color-mix(in var(--color-mode), var(--accent) 40%, var(--darkness));
  --accent--900: color-mix(in var(--color-mode), var(--accent), var(--darkness) 75%);
  --accent--950: color-mix(in var(--color-mode), var(--accent), var(--darkness) 90%);
  /* =====[Red Color Variables]===== */
  --red--50: color-mix(in var(--color-mode), var(--red) 5%, var(--lightness));
  --red--100: color-mix(in var(--color-mode), var(--red) 10%, var(--lightness));
  --red--200: color-mix(in var(--color-mode), var(--red) 25%, var(--lightness));
  --red--300: color-mix(in var(--color-mode), var(--red) 40%, var(--lightness));
  --red--400: color-mix(in var(--color-mode), var(--red) 60%, var(--lightness));
  --red--500: color-mix(in var(--color-mode), var(--red) 100%, var(--lightness) 0%);
  --red--600: color-mix(in var(--color-mode), var(--red) 80%, var(--darkness));
  --red--700: color-mix(in var(--color-mode), var(--red) 60%, var(--darkness));
  --red--800: color-mix(in var(--color-mode), var(--red) 40%, var(--darkness));
  --red--900: color-mix(in var(--color-mode), var(--red), var(--darkness) 75%);
  --red--950: color-mix(in var(--color-mode), var(--red), var(--darkness) 90%);
  /* =====[Orange Color Variables]===== */
  --orange--50: color-mix(in var(--color-mode), var(--orange) 5%, var(--lightness));
  --orange--100: color-mix(in var(--color-mode), var(--orange) 10%, var(--lightness));
  --orange--200: color-mix(in var(--color-mode), var(--orange) 25%, var(--lightness));
  --orange--300: color-mix(in var(--color-mode), var(--orange) 40%, var(--lightness));
  --orange--400: color-mix(in var(--color-mode), var(--orange) 60%, var(--lightness));
  --orange--500: color-mix(in var(--color-mode), var(--orange) 100%, var(--lightness) 0%);
  --orange--600: color-mix(in var(--color-mode), var(--orange) 80%, var(--darkness));
  --orange--700: color-mix(in var(--color-mode), var(--orange) 60%, var(--darkness));
  --orange--800: color-mix(in var(--color-mode), var(--orange) 40%, var(--darkness));
  --orange--900: color-mix(in var(--color-mode), var(--orange), var(--darkness) 75%);
  --orange--950: color-mix(in var(--color-mode), var(--orange), var(--darkness) 90%);
  /* =====[Amber Color Variables]===== */
  --amber--50: color-mix(in var(--color-mode), var(--amber) 5%, var(--lightness));
  --amber--100: color-mix(in var(--color-mode), var(--amber) 10%, var(--lightness));
  --amber--200: color-mix(in var(--color-mode), var(--amber) 25%, var(--lightness));
  --amber--300: color-mix(in var(--color-mode), var(--amber) 40%, var(--lightness));
  --amber--400: color-mix(in var(--color-mode), var(--amber) 60%, var(--lightness));
  --amber--500: color-mix(in var(--color-mode), var(--amber) 100%, var(--lightness) 0%);
  --amber--600: color-mix(in var(--color-mode), var(--amber) 80%, var(--darkness));
  --amber--700: color-mix(in var(--color-mode), var(--amber) 60%, var(--darkness));
  --amber--800: color-mix(in var(--color-mode), var(--amber) 40%, var(--darkness));
  --amber--900: color-mix(in var(--color-mode), var(--amber), var(--darkness) 75%);
  --amber--950: color-mix(in var(--color-mode), var(--amber), var(--darkness) 90%);
  /* =====[Yellow Color Variables]===== */
  --yellow--50: color-mix(in var(--color-mode), var(--yellow) 5%, var(--lightness));
  --yellow--100: color-mix(in var(--color-mode), var(--yellow) 10%, var(--lightness));
  --yellow--200: color-mix(in var(--color-mode), var(--yellow) 25%, var(--lightness));
  --yellow--300: color-mix(in var(--color-mode), var(--yellow) 40%, var(--lightness));
  --yellow--400: color-mix(in var(--color-mode), var(--yellow) 60%, var(--lightness));
  --yellow--500: color-mix(in var(--color-mode), var(--yellow) 100%, var(--lightness) 0%);
  --yellow--600: color-mix(in var(--color-mode), var(--yellow) 80%, var(--darkness));
  --yellow--700: color-mix(in var(--color-mode), var(--yellow) 60%, var(--darkness));
  --yellow--800: color-mix(in var(--color-mode), var(--yellow) 40%, var(--darkness));
  --yellow--900: color-mix(in var(--color-mode), var(--yellow), var(--darkness) 75%);
  --yellow--950: color-mix(in var(--color-mode), var(--yellow), var(--darkness) 90%);
  /* =====[Lime Color Variables]===== */
  --lime--50: color-mix(in var(--color-mode), var(--lime) 5%, var(--lightness));
  --lime--100: color-mix(in var(--color-mode), var(--lime) 10%, var(--lightness));
  --lime--200: color-mix(in var(--color-mode), var(--lime) 25%, var(--lightness));
  --lime--300: color-mix(in var(--color-mode), var(--lime) 40%, var(--lightness));
  --lime--400: color-mix(in var(--color-mode), var(--lime) 60%, var(--lightness));
  --lime--500: color-mix(in var(--color-mode), var(--lime) 100%, var(--lightness) 0%);
  --lime--600: color-mix(in var(--color-mode), var(--lime) 80%, var(--darkness));
  --lime--700: color-mix(in var(--color-mode), var(--lime) 60%, var(--darkness));
  --lime--800: color-mix(in var(--color-mode), var(--lime) 40%, var(--darkness));
  --lime--900: color-mix(in var(--color-mode), var(--lime), var(--darkness) 75%);
  --lime--950: color-mix(in var(--color-mode), var(--lime), var(--darkness) 90%);
  /* =====[Green Color Variables]===== */
  --green--50: color-mix(in var(--color-mode), var(--green) 5%, var(--lightness));
  --green--100: color-mix(in var(--color-mode), var(--green) 10%, var(--lightness));
  --green--200: color-mix(in var(--color-mode), var(--green) 25%, var(--lightness));
  --green--300: color-mix(in var(--color-mode), var(--green) 40%, var(--lightness));
  --green--400: color-mix(in var(--color-mode), var(--green) 60%, var(--lightness));
  --green--500: color-mix(in var(--color-mode), var(--green) 100%, var(--lightness) 0%);
  --green--600: color-mix(in var(--color-mode), var(--green) 80%, var(--darkness));
  --green--700: color-mix(in var(--color-mode), var(--green) 60%, var(--darkness));
  --green--800: color-mix(in var(--color-mode), var(--green) 40%, var(--darkness));
  --green--900: color-mix(in var(--color-mode), var(--green), var(--darkness) 75%);
  --green--950: color-mix(in var(--color-mode), var(--green), var(--darkness) 90%);
  /* =====[Ember Color Variables]===== */
  --amber--50: color-mix(in var(--color-mode), var(--amber) 5%, var(--lightness));
  --amber--100: color-mix(in var(--color-mode), var(--amber) 10%, var(--lightness));
  --amber--200: color-mix(in var(--color-mode), var(--amber) 25%, var(--lightness));
  --amber--300: color-mix(in var(--color-mode), var(--amber) 40%, var(--lightness));
  --amber--400: color-mix(in var(--color-mode), var(--amber) 60%, var(--lightness));
  --amber--500: color-mix(in var(--color-mode), var(--amber) 100%, var(--lightness) 0%);
  --amber--600: color-mix(in var(--color-mode), var(--amber) 80%, var(--darkness));
  --amber--700: color-mix(in var(--color-mode), var(--amber) 60%, var(--darkness));
  --amber--800: color-mix(in var(--color-mode), var(--amber) 40%, var(--darkness));
  --amber--900: color-mix(in var(--color-mode), var(--amber), var(--darkness) 75%);
  --amber--950: color-mix(in var(--color-mode), var(--amber), var(--darkness) 90%);
  /* =====[Teal Color Variables]===== */
  --teal--50: color-mix(in var(--color-mode), var(--teal) 5%, var(--lightness));
  --teal--100: color-mix(in var(--color-mode), var(--teal) 10%, var(--lightness));
  --teal--200: color-mix(in var(--color-mode), var(--teal) 25%, var(--lightness));
  --teal--300: color-mix(in var(--color-mode), var(--teal) 40%, var(--lightness));
  --teal--400: color-mix(in var(--color-mode), var(--teal) 60%, var(--lightness));
  --teal--500: color-mix(in var(--color-mode), var(--teal) 100%, var(--lightness) 0%);
  --teal--600: color-mix(in var(--color-mode), var(--teal) 80%, var(--darkness));
  --teal--700: color-mix(in var(--color-mode), var(--teal) 60%, var(--darkness));
  --teal--800: color-mix(in var(--color-mode), var(--teal) 40%, var(--darkness));
  --teal--900: color-mix(in var(--color-mode), var(--teal), var(--darkness) 75%);
  --teal--950: color-mix(in var(--color-mode), var(--teal), var(--darkness) 90%);
  /* =====[Cyan Color Variables]===== */
  --cyan--50: color-mix(in var(--color-mode), var(--cyan) 5%, var(--lightness));
  --cyan--100: color-mix(in var(--color-mode), var(--cyan) 10%, var(--lightness));
  --cyan--200: color-mix(in var(--color-mode), var(--cyan) 25%, var(--lightness));
  --cyan--300: color-mix(in var(--color-mode), var(--cyan) 40%, var(--lightness));
  --cyan--400: color-mix(in var(--color-mode), var(--cyan) 60%, var(--lightness));
  --cyan--500: color-mix(in var(--color-mode), var(--cyan) 100%, var(--lightness) 0%);
  --cyan--600: color-mix(in var(--color-mode), var(--cyan) 80%, var(--darkness));
  --cyan--700: color-mix(in var(--color-mode), var(--cyan) 60%, var(--darkness));
  --cyan--800: color-mix(in var(--color-mode), var(--cyan) 40%, var(--darkness));
  --cyan--900: color-mix(in var(--color-mode), var(--cyan), var(--darkness) 75%);
  --cyan--950: color-mix(in var(--color-mode), var(--cyan), var(--darkness) 90%);
  /* =====[Sky Color Variables]===== */
  --sky--50: color-mix(in var(--color-mode), var(--sky) 5%, var(--lightness));
  --sky--100: color-mix(in var(--color-mode), var(--sky) 10%, var(--lightness));
  --sky--200: color-mix(in var(--color-mode), var(--sky) 25%, var(--lightness));
  --sky--300: color-mix(in var(--color-mode), var(--sky) 40%, var(--lightness));
  --sky--400: color-mix(in var(--color-mode), var(--sky) 60%, var(--lightness));
  --sky--500: color-mix(in var(--color-mode), var(--sky) 100%, var(--lightness) 0%);
  --sky--600: color-mix(in var(--color-mode), var(--sky) 80%, var(--darkness));
  --sky--700: color-mix(in var(--color-mode), var(--sky) 60%, var(--darkness));
  --sky--800: color-mix(in var(--color-mode), var(--sky) 40%, var(--darkness));
  --sky--900: color-mix(in var(--color-mode), var(--sky), var(--darkness) 75%);
  --sky--950: color-mix(in var(--color-mode), var(--sky), var(--darkness) 90%);
  /* =====[Blue Color Variables]===== */
  --blue--50: color-mix(in var(--color-mode), var(--blue) 5%, var(--lightness));
  --blue--100: color-mix(in var(--color-mode), var(--blue) 10%, var(--lightness));
  --blue--200: color-mix(in var(--color-mode), var(--blue) 25%, var(--lightness));
  --blue--300: color-mix(in var(--color-mode), var(--blue) 40%, var(--lightness));
  --blue--400: color-mix(in var(--color-mode), var(--blue) 60%, var(--lightness));
  --blue--500: color-mix(in var(--color-mode), var(--blue) 100%, var(--lightness) 0%);
  --blue--600: color-mix(in var(--color-mode), var(--blue) 80%, var(--darkness));
  --blue--700: color-mix(in var(--color-mode), var(--blue) 60%, var(--darkness));
  --blue--800: color-mix(in var(--color-mode), var(--blue) 40%, var(--darkness));
  --blue--900: color-mix(in var(--color-mode), var(--blue), var(--darkness) 75%);
  --blue--950: color-mix(in var(--color-mode), var(--blue), var(--darkness) 90%);
  /* =====[Indigo Color Variables]===== */
  --indigo--50: color-mix(in var(--color-mode), var(--indigo) 5%, var(--lightness));
  --indigo--100: color-mix(in var(--color-mode), var(--indigo) 10%, var(--lightness));
  --indigo--200: color-mix(in var(--color-mode), var(--indigo) 25%, var(--lightness));
  --indigo--300: color-mix(in var(--color-mode), var(--indigo) 40%, var(--lightness));
  --indigo--400: color-mix(in var(--color-mode), var(--indigo) 60%, var(--lightness));
  --indigo--500: color-mix(in var(--color-mode), var(--indigo) 100%, var(--lightness) 0%);
  --indigo--600: color-mix(in var(--color-mode), var(--indigo) 80%, var(--darkness));
  --indigo--700: color-mix(in var(--color-mode), var(--indigo) 60%, var(--darkness));
  --indigo--800: color-mix(in var(--color-mode), var(--indigo) 40%, var(--darkness));
  --indigo--900: color-mix(in var(--color-mode), var(--indigo), var(--darkness) 75%);
  --indigo--950: color-mix(in var(--color-mode), var(--indigo), var(--darkness) 90%);
  /* =====[Violet Color Variables]===== */
  --violet--50: color-mix(in var(--color-mode), var(--violet) 5%, var(--lightness));
  --violet--100: color-mix(in var(--color-mode), var(--violet) 10%, var(--lightness));
  --violet--200: color-mix(in var(--color-mode), var(--violet) 25%, var(--lightness));
  --violet--300: color-mix(in var(--color-mode), var(--violet) 40%, var(--lightness));
  --violet--400: color-mix(in var(--color-mode), var(--violet) 60%, var(--lightness));
  --violet--500: color-mix(in var(--color-mode), var(--violet) 100%, var(--lightness) 0%);
  --violet--600: color-mix(in var(--color-mode), var(--violet) 80%, var(--darkness));
  --violet--700: color-mix(in var(--color-mode), var(--violet) 60%, var(--darkness));
  --violet--800: color-mix(in var(--color-mode), var(--violet) 40%, var(--darkness));
  --violet--900: color-mix(in var(--color-mode), var(--violet), var(--darkness) 75%);
  --violet--950: color-mix(in var(--color-mode), var(--violet), var(--darkness) 90%);
  /* =====[Purple Color Variables]===== */
  --purple--50: color-mix(in var(--color-mode), var(--purple) 5%, var(--lightness));
  --purple--100: color-mix(in var(--color-mode), var(--purple) 10%, var(--lightness));
  --purple--200: color-mix(in var(--color-mode), var(--purple) 25%, var(--lightness));
  --purple--300: color-mix(in var(--color-mode), var(--purple) 40%, var(--lightness));
  --purple--400: color-mix(in var(--color-mode), var(--purple) 60%, var(--lightness));
  --purple--500: color-mix(in var(--color-mode), var(--purple) 100%, var(--lightness) 0%);
  --purple--600: color-mix(in var(--color-mode), var(--purple) 80%, var(--darkness));
  --purple--700: color-mix(in var(--color-mode), var(--purple) 60%, var(--darkness));
  --purple--800: color-mix(in var(--color-mode), var(--purple) 40%, var(--darkness));
  --purple--900: color-mix(in var(--color-mode), var(--purple), var(--darkness) 75%);
  --purple--950: color-mix(in var(--color-mode), var(--purple), var(--darkness) 90%);
  /* =====[Fuchsia Color Variables]===== */
  --fuchsia--50: color-mix(in var(--color-mode), var(--fuchsia) 5%, var(--lightness));
  --fuchsia--100: color-mix(in var(--color-mode), var(--fuchsia) 10%, var(--lightness));
  --fuchsia--200: color-mix(in var(--color-mode), var(--fuchsia) 25%, var(--lightness));
  --fuchsia--300: color-mix(in var(--color-mode), var(--fuchsia) 40%, var(--lightness));
  --fuchsia--400: color-mix(in var(--color-mode), var(--fuchsia) 60%, var(--lightness));
  --fuchsia--500: color-mix(in var(--color-mode), var(--fuchsia) 100%, var(--lightness) 0%);
  --fuchsia--600: color-mix(in var(--color-mode), var(--fuchsia) 80%, var(--darkness));
  --fuchsia--700: color-mix(in var(--color-mode), var(--fuchsia) 60%, var(--darkness));
  --fuchsia--800: color-mix(in var(--color-mode), var(--fuchsia) 40%, var(--darkness));
  --fuchsia--900: color-mix(in var(--color-mode), var(--fuchsia), var(--darkness) 75%);
  --fuchsia--950: color-mix(in var(--color-mode), var(--fuchsia), var(--darkness) 90%);
  /* =====[Pink Color Variables]===== */
  --pink--50: color-mix(in var(--color-mode), var(--pink) 5%, var(--lightness));
  --pink--100: color-mix(in var(--color-mode), var(--pink) 10%, var(--lightness));
  --pink--200: color-mix(in var(--color-mode), var(--pink) 25%, var(--lightness));
  --pink--300: color-mix(in var(--color-mode), var(--pink) 40%, var(--lightness));
  --pink--400: color-mix(in var(--color-mode), var(--pink) 60%, var(--lightness));
  --pink--500: color-mix(in var(--color-mode), var(--pink) 100%, var(--lightness) 0%);
  --pink--600: color-mix(in var(--color-mode), var(--pink) 80%, var(--darkness));
  --pink--700: color-mix(in var(--color-mode), var(--pink) 60%, var(--darkness));
  --pink--800: color-mix(in var(--color-mode), var(--pink) 40%, var(--darkness));
  --pink--900: color-mix(in var(--color-mode), var(--pink), var(--darkness) 75%);
  --pink--950: color-mix(in var(--color-mode), var(--pink), var(--darkness) 90%);
  /* =====[Rose Color Variables]===== */
  --rose--50: color-mix(in var(--color-mode), var(--rose) 5%, var(--lightness));
  --rose--100: color-mix(in var(--color-mode), var(--rose) 10%, var(--lightness));
  --rose--200: color-mix(in var(--color-mode), var(--rose) 25%, var(--lightness));
  --rose--300: color-mix(in var(--color-mode), var(--rose) 40%, var(--lightness));
  --rose--400: color-mix(in var(--color-mode), var(--rose) 60%, var(--lightness));
  --rose--500: color-mix(in var(--color-mode), var(--rose) 100%, var(--lightness) 0%);
  --rose--600: color-mix(in var(--color-mode), var(--rose) 80%, var(--darkness));
  --rose--700: color-mix(in var(--color-mode), var(--rose) 60%, var(--darkness));
  --rose--800: color-mix(in var(--color-mode), var(--rose) 40%, var(--darkness));
  --rose--900: color-mix(in var(--color-mode), var(--rose), var(--darkness) 75%);
  --rose--950: color-mix(in var(--color-mode), var(--rose), var(--darkness) 90%);
  /* =====[Slate Color Variables]===== */
  --slate--50: color-mix(in var(--color-mode), var(--slate) 5%, var(--lightness));
  --slate--100: color-mix(in var(--color-mode), var(--slate) 10%, var(--lightness));
  --slate--200: color-mix(in var(--color-mode), var(--slate) 25%, var(--lightness));
  --slate--300: color-mix(in var(--color-mode), var(--slate) 40%, var(--lightness));
  --slate--400: color-mix(in var(--color-mode), var(--slate) 60%, var(--lightness));
  --slate--500: color-mix(in var(--color-mode), var(--slate) 100%, var(--lightness) 0%);
  --slate--600: color-mix(in var(--color-mode), var(--slate) 80%, var(--darkness));
  --slate--700: color-mix(in var(--color-mode), var(--slate) 60%, var(--darkness));
  --slate--800: color-mix(in var(--color-mode), var(--slate) 40%, var(--darkness));
  --slate--900: color-mix(in var(--color-mode), var(--slate), var(--darkness) 75%);
  --slate--950: color-mix(in var(--color-mode), var(--slate), var(--darkness) 90%);
  /* =====[Gray Color Variables]===== */
  --gray--50: color-mix(in var(--color-mode), var(--gray) 5%, var(--lightness));
  --gray--100: color-mix(in var(--color-mode), var(--gray) 10%, var(--lightness));
  --gray--200: color-mix(in var(--color-mode), var(--gray) 25%, var(--lightness));
  --gray--300: color-mix(in var(--color-mode), var(--gray) 40%, var(--lightness));
  --gray--400: color-mix(in var(--color-mode), var(--gray) 60%, var(--lightness));
  --gray--500: color-mix(in var(--color-mode), var(--gray) 100%, var(--lightness) 0%);
  --gray--600: color-mix(in var(--color-mode), var(--gray) 80%, var(--darkness));
  --gray--700: color-mix(in var(--color-mode), var(--gray) 60%, var(--darkness));
  --gray--800: color-mix(in var(--color-mode), var(--gray) 40%, var(--darkness));
  --gray--900: color-mix(in var(--color-mode), var(--gray), var(--darkness) 75%);
  --gray--950: color-mix(in var(--color-mode), var(--gray), var(--darkness) 90%);
  /* =====[Zinc Color Variables]===== */
  --zinc--50: color-mix(in var(--color-mode), var(--zinc) 5%, var(--lightness));
  --zinc--100: color-mix(in var(--color-mode), var(--zinc) 10%, var(--lightness));
  --zinc--200: color-mix(in var(--color-mode), var(--zinc) 25%, var(--lightness));
  --zinc--300: color-mix(in var(--color-mode), var(--zinc) 40%, var(--lightness));
  --zinc--400: color-mix(in var(--color-mode), var(--zinc) 60%, var(--lightness));
  --zinc--500: color-mix(in var(--color-mode), var(--zinc) 100%, var(--lightness) 0%);
  --zinc--600: color-mix(in var(--color-mode), var(--zinc) 80%, var(--darkness));
  --zinc--700: color-mix(in var(--color-mode), var(--zinc) 60%, var(--darkness));
  --zinc--800: color-mix(in var(--color-mode), var(--zinc) 40%, var(--darkness));
  --zinc--900: color-mix(in var(--color-mode), var(--zinc), var(--darkness) 75%);
  --zinc--950: color-mix(in var(--color-mode), var(--zinc), var(--darkness) 90%);
  /* =====[Neutral Color Variables]===== */
  --neutral--50: color-mix(in var(--color-mode), var(--neutral) 5%, var(--lightness));
  --neutral--100: color-mix(in var(--color-mode), var(--neutral) 10%, var(--lightness));
  --neutral--200: color-mix(in var(--color-mode), var(--neutral) 25%, var(--lightness));
  --neutral--300: color-mix(in var(--color-mode), var(--neutral) 40%, var(--lightness));
  --neutral--400: color-mix(in var(--color-mode), var(--neutral) 60%, var(--lightness));
  --neutral--500: color-mix(in var(--color-mode), var(--neutral) 100%, var(--lightness) 0%);
  --neutral--600: color-mix(in var(--color-mode), var(--neutral) 80%, var(--darkness));
  --neutral--700: color-mix(in var(--color-mode), var(--neutral) 60%, var(--darkness));
  --neutral--800: color-mix(in var(--color-mode), var(--neutral) 40%, var(--darkness));
  --neutral--900: color-mix(in var(--color-mode), var(--neutral), var(--darkness) 75%);
  --neutral--950: color-mix(in var(--color-mode), var(--neutral), var(--darkness) 90%);
  /* =====[Stone Color Variables]===== */
  --stone--50: color-mix(in var(--color-mode), var(--stone) 5%, var(--lightness));
  --stone--100: color-mix(in var(--color-mode), var(--stone) 10%, var(--lightness));
  --stone--200: color-mix(in var(--color-mode), var(--stone) 25%, var(--lightness));
  --stone--300: color-mix(in var(--color-mode), var(--stone) 40%, var(--lightness));
  --stone--400: color-mix(in var(--color-mode), var(--stone) 60%, var(--lightness));
  --stone--500: color-mix(in var(--color-mode), var(--stone) 100%, var(--lightness) 0%);
  --stone--600: color-mix(in var(--color-mode), var(--stone) 80%, var(--darkness));
  --stone--700: color-mix(in var(--color-mode), var(--stone) 60%, var(--darkness));
  --stone--800: color-mix(in var(--color-mode), var(--stone) 40%, var(--darkness));
  --stone--900: color-mix(in var(--color-mode), var(--stone), var(--darkness) 75%);
  --stone--950: color-mix(in var(--color-mode), var(--stone), var(--darkness) 90%);
}

/* =========[ Color Mode and base colors ]========= */
:root {
  --color-mode: oklch;
  --lightness: #ffffff;
  --darkness: #000000;
  --primary: #1711b0;
  --accent: #ff6600;
  --secondary: #1711b0;
  --red: #fb2c36;
  --orange: #ff6900;
  --amber: #fe9a00;
  --yellow: #ffea00;
  --lime: #c7f200;
  --green: #4caf50;
  --emerald: #50c878;
  --teal: #008080;
  --cyan: #00ffff;
  --sky: #87ceeb;
  --blue: #0000ff;
  --indigo: #4b0082;
  --violet: #8a2be2;
  --purple: #800080;
  --fuchsia: #ff00ff;
  --pink: #ff69b4;
  --rose: #ff007f;
  --slate: #708090;
  --gray: #6a7282;
  --zinc: #555555;
  --neutral: #737373;
  --stone: #79716b;
}

:root {
  --canvas-bg: #fff;
  --canvas-bg-hover: #f5f5f5;
  --canvas-bg-active: #e0e0e0;
  --canvas-bg-focus: #e0e0e0;
  --color-mode: oklch;
  --lightness: #ffffff;
  --darkness: #000000;
  --red: #fb2c36;
}

:root {
  /* ===========[ FONT SIZE INTERNAL SCALE ]=========== */
  --step-0-min: var(--fs-base-min);
  --step-0-max: var(--fs-base-max);
  /* Scale up */
  --step-1-min: calc(var(--step-0-min) * var(--fs-ratio));
  --step-1-max: calc(var(--step-0-max) * var(--fs-ratio));
  --step-2-min: calc(var(--step-1-min) * var(--fs-ratio));
  --step-2-max: calc(var(--step-1-max) * var(--fs-ratio));
  --step-3-min: calc(var(--step-2-min) * var(--fs-ratio));
  --step-3-max: calc(var(--step-2-max) * var(--fs-ratio));
  --step-4-min: calc(var(--step-3-min) * var(--fs-ratio));
  --step-4-max: calc(var(--step-3-max) * var(--fs-ratio));
  --step-5-min: calc(var(--step-4-min) * var(--fs-ratio));
  --step-5-max: calc(var(--step-4-max) * var(--fs-ratio));
  --step-6-min: calc(var(--step-5-min) * var(--fs-ratio));
  --step-6-max: 3.75rem; /* h1 cap = 60px */
  /* Scale down */
  --step--1-min: calc(var(--step-0-min) / var(--fs-ratio));
  --step--1-max: calc(var(--step-0-max) / var(--fs-ratio));
  --step--2-min: calc(var(--step--1-min) / var(--fs-ratio));
  --step--2-max: calc(var(--step--1-max) / var(--fs-ratio));
  /* Clamp fluid */
  --step--2: clamp(var(--step--2-min), calc(var(--step--2-min) + var(--fs-fluid-step)), var(--step--2-max));
  --step--1: clamp(var(--step--1-min), calc(var(--step--1-min) + var(--fs-fluid-step)), var(--step--1-max));
  --step-0: clamp(var(--step-0-min), calc(var(--step-0-min) + var(--fs-fluid-step)), var(--step-0-max));
  --step-1: clamp(var(--step-1-min), calc(var(--step-1-min) + var(--fs-fluid-step)), var(--step-1-max));
  --step-2: clamp(var(--step-2-min), calc(var(--step-2-min) + var(--fs-fluid-step)), var(--step-2-max));
  --step-3: clamp(var(--step-3-min), calc(var(--step-3-min) + var(--fs-fluid-step)), var(--step-3-max));
  --step-4: clamp(var(--step-4-min), calc(var(--step-4-min) + var(--fs-fluid-step)), var(--step-4-max));
  --step-5: clamp(var(--step-5-min), calc(var(--step-5-min) + var(--fs-fluid-step)), var(--step-5-max));
  --step-6: clamp(var(--step-6-min), calc(var(--step-6-min) + var(--fs-fluid-step)), var(--step-6-max));
  /* ===========[ LINE HEIGHT INTERNAL SCALE ]=========== */
  --lh-step-0: var(--base-leading);
  --lh-step-1: calc(var(--lh-step-0) * var(--leading-ratio));
  --lh-step-2: calc(var(--lh-step-1) * var(--leading-ratio));
  --lh-step-3: calc(var(--lh-step-2) * var(--leading-ratio));
  --lh-step-4: calc(var(--lh-step-3) * calc(var(--leading-ratio) * 1.1));
  --lh-step-5: calc(var(--lh-step-4) * calc(var(--leading-ratio) * 1.15));
  --lh-step--1: calc(var(--lh-step-0) / var(--leading-ratio));
  --lh-step--2: calc(var(--lh-step--1) / var(--leading-ratio));
}

/* ===========[ PUBLIC FONT SIZE TOKENS (SEMANTIC) ]=========== */
:root {
  --fs--1: var(--step-6); /* h1 */
  --fs--2: var(--step-5); /* h2 */
  --fs--3: var(--step-4); /* h3 */
  --fs--4: var(--step-3); /* h4 */
  --fs--5: var(--step-2); /* h5 */
  --fs--6: var(--step-1); /* h6 */
  --fs--lg: var(--step-1);
  --fs--md: var(--step-0);
  --fs--sm: var(--step--1);
  --fs--xs: var(--step--2);
  /* ===========[ PUBLIC LINE HEIGHT TOKENS ]=========== */
  /* Headings */
  --lh--1: var(--lh-step-5);
  --lh--2: var(--lh-step-4);
  --lh--3: var(--lh-step-3);
  --lh--4: var(--lh-step-2);
  --lh--5: var(--lh-step-1);
  --lh--6: var(--lh-step-1);
  /* Body */
  --lh--lg: var(--lh-step-0);
  --lh--md: var(--lh-step-0);
  --lh--sm: var(--lh-step--1);
  --lh--xs: var(--lh-step--2);
}

/* =====[ :root variables ]===== */
:root {
  --spacing: var(--base-spacing, 0.25rem);
  --spacing--xs: calc(var(--spacing) * 1);
  --spacing--sm: calc(var(--spacing) * 2);
  --spacing--md: calc(var(--spacing) * 3);
  --spacing--lg: calc(var(--spacing) * 4);
  --spacing--xl: calc(var(--spacing) * 5);
  --spacing--2xl: calc(var(--spacing) * 6);
  --spacing--3xl: calc(var(--spacing) * 7);
  --spacing--4xl: calc(var(--spacing) * 8);
  --spacing--5xl: calc(var(--spacing) * 9);
  --spacing--6xl: calc(var(--spacing) * 10);
  --spacing--7xl: calc(var(--spacing) * 11);
  --spacing--8xl: calc(var(--spacing) * 12);
  --spacing--9xl: calc(var(--spacing) * 13);
  --spacing--10xl: calc(var(--spacing) * 14);
  --radius: var(--base-radius, 0.5rem);
  --radius--xs: calc(var(--radius) / 1.25);
  --radius--sm: calc(var(--radius) * 1.25);
  --radius--md: calc(var(--radius) * 1.75);
  --radius--lg: calc(var(--radius) * 3.25);
  --radius--xl: calc(var(--radius) * 4);
  --radius--2xl: calc(var(--radius) * 4.5);
  --gap: var(--base-gap, 0.5rem);
  --gap--xs: calc(var(--gap) * 1);
  --gap--sm: calc(var(--gap) * 1.25);
  --gap--md: calc(var(--gap) * 1.5);
  --gap--lg: calc(var(--gap) * 1.75);
  --gap--xl: calc(var(--gap) * 2);
  --gap--2xl: calc(var(--gap) * 2.25);
  --gap--3xl: calc(var(--gap) * 2.5);
  --gap--4xl: calc(var(--gap) * 2.75);
  --gap--5xl: calc(var(--gap) * 3);
  --gap--6xl: calc(var(--gap) * 4.5);
  --gap--7xl: calc(var(--gap) * 5);
  --gap--8xl: calc(var(--gap) * 6);
  --gap--9xl: calc(var(--gap) * 6.5);
  --gap--10xl: calc(var(--gap) * 8);
  --container--3xs: 16rem; /* 256px */
  --container--2xs: 18rem; /* 288px */
  --container--xs: 20rem; /* 320px */
  --container--sm: 24rem; /* 384px */
  --container--md: 28rem; /* 448px */
  --container--lg: 32rem; /* 512px */
  --container--xl: 36rem; /* 576px */
  --container--2xl: 42rem; /* 672px */
  --container--3xl: 48rem; /* 768px */
  --container--4xl: 56rem; /* 896px */
  --container--5xl: 64rem; /* 1024px */
  --container--6xl: 72rem; /* 1152px */
  --container--7xl: 80rem; /* 1280px */
  --container--8xl: 82.5rem; /* 1320px */
  --container--9xl: 85rem; /* 1360px */
  --container--10xl: 87.5rem; /* 1400px */
  --font-system-ui: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  --fs-base-min: 0.725rem; /* 11.6px */
  --fs-base-max: 1rem; /* 16px */
  --fs-ratio: 1.25;
  --fs-fluid-step: 0.6vw;
  --base-leading: 1.6;
  --leading-ratio: 0.92;
}

/* =====[ Opacity Classes ]===== */
.opacity--0,
.opacity\:0 {
  opacity: 0;
}

.opacity--5,
.opacity\:5 {
  opacity: 0.05;
}

.opacity--10,
.opacity\:10 {
  opacity: 0.1;
}

.opacity--20,
.opacity\:20 {
  opacity: 0.2;
}

.opacity--25,
.opacity\:25 {
  opacity: 0.25;
}

.opacity--30,
.opacity\:30 {
  opacity: 0.3;
}

.opacity--40,
.opacity\:40 {
  opacity: 0.4;
}

.opacity--50,
.opacity\:50 {
  opacity: 0.5;
}

.opacity--60,
.opacity\:60 {
  opacity: 0.6;
}

.opacity--70,
.opacity\:70 {
  opacity: 0.7;
}

.opacity--75,
.opacity\:75 {
  opacity: 0.75;
}

.opacity--80,
.opacity\:80 {
  opacity: 0.8;
}

.opacity--90,
.opacity\:90 {
  opacity: 0.9;
}

.opacity--95,
.opacity\:95 {
  opacity: 0.95;
}

.opacity--100,
.opacity\:100 {
  opacity: 1;
}

/* =====[ Display Classes ]===== */
.inline {
  display: inline;
}

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

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

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

.inline--table {
  display: inline-table;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.table {
  display: table;
}

.table-caption {
  display: table-caption;
}

.table--cell {
  display: table-cell;
}

.table--column {
  display: table-column;
}

.table--column-group {
  display: table-column-group;
}

.table--footer-group {
  display: table-footer-group;
}

.table--row {
  display: table-row;
}

.table--row-group {
  display: table-row-group;
}

.table--header-group {
  display: table-header-group;
}

.flow-root {
  display: flow-root;
}

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.hidden {
  display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

/* =====[ Flex Classes ]===== */
.flex {
  display: flex;
}

.flex--1 {
  flex: 1;
}

.flex--none {
  flex: none;
}

.flex--auto {
  flex: auto;
}

.flex--initial {
  flex: 0 auto;
}

.flex--row {
  flex-direction: row;
}

.flex--col {
  flex-direction: column;
}

.flex--row-reverse {
  flex-direction: row-reverse;
}

.flex--col-reverse {
  flex-direction: column-reverse;
}

.no-wrap {
  flex-wrap: nowrap;
}

.wrap {
  flex-wrap: wrap;
}

.wrap-reverse {
  flex-wrap: wrap-reverse;
}

.shrink--0 {
  flex-shrink: 0;
}

.shrink--1 {
  flex-shrink: 1;
}

.shrink--2 {
  flex-shrink: 2;
}

.shrink--3 {
  flex-shrink: 3;
}

.shrink--4 {
  flex-shrink: 4;
}

.shrink--5 {
  flex-shrink: 5;
}

.shrink--6 {
  flex-shrink: 6;
}

.shrink--7 {
  flex-shrink: 7;
}

.shrink--8 {
  flex-shrink: 8;
}

.shrink--9 {
  flex-shrink: 9;
}

.shrink--10 {
  flex-shrink: 10;
}

.shrink--initial {
  flex-shrink: initial;
}

.shrink--inherit {
  flex-shrink: inherit;
}

.shrink--unset {
  flex-shrink: unset;
}

.grow {
  flex-grow: 1;
}

.grow--0 {
  flex-grow: 0;
}

.grow--1 {
  flex-grow: 1;
}

.grow--2 {
  flex-grow: 2;
}

.grow--3 {
  flex-grow: 3;
}

.grow--4 {
  flex-grow: 4;
}

.grow--5 {
  flex-grow: 5;
}

.grow--6 {
  flex-grow: 6;
}

.grow--7 {
  flex-grow: 7;
}

.grow--8 {
  flex-grow: 8;
}

.grow--9 {
  flex-grow: 9;
}

.grow--10 {
  flex-grow: 10;
}

.grow--initial {
  flex-grow: initial;
}

.grow--inherit {
  flex-grow: inherit;
}

.grow--unset {
  flex-grow: unset;
}

.order\:-10 {
  order: -10;
}

.order\:-9 {
  order: -9;
}

.order\:-8 {
  order: -8;
}

.order\:-7 {
  order: -7;
}

.order\:-6 {
  order: -6;
}

.order\:-5 {
  order: -5;
}

.order\:-4 {
  order: -4;
}

.order\:-3 {
  order: -3;
}

.order\:-2 {
  order: -2;
}

.order\:-1 {
  order: -1;
}

.order--0 {
  order: 0;
}

.order--1 {
  order: 1;
}

.order--2 {
  order: 2;
}

.order--3 {
  order: 3;
}

.order--4 {
  order: 4;
}

.order--5 {
  order: 5;
}

.order--6 {
  order: 6;
}

.order--7 {
  order: 7;
}

.order--8 {
  order: 8;
}

.order--9 {
  order: 9;
}

.order--10 {
  order: 10;
}

.order--initial {
  order: initial;
}

.order--inherit {
  order: inherit;
}

.order--unset {
  order: unset;
}

.flex--center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.items--start {
  align-items: flex-start;
}

.items--end {
  align-items: flex-end;
}

.items--end-safe {
  align-items: safe flex-end;
}

.items--center {
  align-items: center;
}

.items--center-safe {
  align-items: safe center;
}

.items--stretch {
  align-items: stretch;
}

.items--baseline {
  align-items: baseline;
}

.items--baseline-last {
  align-items: last baseline;
}

.items--normal {
  align-items: normal;
}

.self--auto {
  align-self: auto;
}

.self--start {
  align-self: flex-start;
}

.self--end {
  align-self: flex-end;
}

.self--end-safe {
  align-self: safe flex-end;
}

.self--center {
  align-self: center;
}

.self--center-safe {
  align-self: safe center;
}

.self--stretch {
  align-self: stretch;
}

.self--baseline {
  align-self: baseline;
}

.self--baseline-last {
  align-self: last baseline;
}

.self--normal {
  align-self: normal;
}

.justify--auto {
  justify-content: auto;
}

.justify--start {
  justify-content: flex-start;
}

.justify--end {
  justify-content: flex-end;
}

.justify--end-safe {
  justify-content: safe flex-end;
}

.justify--center {
  justify-content: center;
}

.justify--center-safe {
  justify-content: safe center;
}

.justify--between {
  justify-content: space-between;
}

.justify--around {
  justify-content: space-around;
}

.justify--evenly {
  justify-content: space-evenly;
}

.justify--stretch {
  justify-content: stretch;
}

.justify--baseline {
  justify-content: baseline;
}

.justify--normal {
  justify-content: normal;
}

.content--normal {
  align-content: auto;
}

.content--start {
  align-content: flex-start;
}

.content--center {
  align-content: center;
}

.content--end {
  align-content: flex-end;
}

.content--between {
  align-content: space-between;
}

.content--around {
  align-content: space-around;
}

.content--stretch {
  align-content: stretch;
}

.content--baseline {
  align-content: baseline;
}

.content--evenly {
  align-content: space-evenly;
}

/* =====[ Grid Classes ]===== */
.grid {
  display: grid;
}

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

.col-span--full {
  grid-column: 1/-1;
}

.row-span--full {
  grid-row: 1/-1;
}

.col-start--auto {
  grid-column-start: auto;
}

.col-end--auto {
  grid-column-end: auto;
}

.row-start--auto {
  grid-row-start: auto;
}

.row-end--auto {
  grid-row-end: auto;
}

.grid-flow-row-dense {
  grid-auto-flow: row dense;
}

.grid-flow-col-dense {
  grid-auto-flow: column dense;
}

.auto-cols-auto {
  grid-auto-columns: auto;
}

.auto-cols-min {
  grid-auto-columns: min-content;
}

.auto-cols-max {
  grid-auto-columns: max-content;
}

.auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr);
}

.auto-rows-auto {
  grid-auto-rows: auto;
}

.auto-rows-min {
  grid-auto-rows: min-content;
}

.auto-rows-max {
  grid-auto-rows: max-content;
}

.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}

.grid-cols--1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-rows--1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.col-span--1 {
  grid-column: span 1/span 1;
}

.col--1 {
  grid-column: 1;
}

.row-span--1 {
  grid-row: span 1/span 1;
}

.row--1 {
  grid-row: 1;
}

.col-start--1 {
  grid-column-start: 1;
}

.col-end--1 {
  grid-column-end: 1;
}

.row-start--1 {
  grid-row-start: 1;
}

.row-end--1 {
  grid-row-end: 1;
}

.grid-cols--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-rows--2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.col-span--2 {
  grid-column: span 2/span 2;
}

.col--2 {
  grid-column: 2;
}

.row-span--2 {
  grid-row: span 2/span 2;
}

.row--2 {
  grid-row: 2;
}

.col-start--2 {
  grid-column-start: 2;
}

.col-end--2 {
  grid-column-end: 2;
}

.row-start--2 {
  grid-row-start: 2;
}

.row-end--2 {
  grid-row-end: 2;
}

.grid-cols--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-rows--3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.col-span--3 {
  grid-column: span 3/span 3;
}

.col--3 {
  grid-column: 3;
}

.row-span--3 {
  grid-row: span 3/span 3;
}

.row--3 {
  grid-row: 3;
}

.col-start--3 {
  grid-column-start: 3;
}

.col-end--3 {
  grid-column-end: 3;
}

.row-start--3 {
  grid-row-start: 3;
}

.row-end--3 {
  grid-row-end: 3;
}

.grid-cols--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-rows--4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.col-span--4 {
  grid-column: span 4/span 4;
}

.col--4 {
  grid-column: 4;
}

.row-span--4 {
  grid-row: span 4/span 4;
}

.row--4 {
  grid-row: 4;
}

.col-start--4 {
  grid-column-start: 4;
}

.col-end--4 {
  grid-column-end: 4;
}

.row-start--4 {
  grid-row-start: 4;
}

.row-end--4 {
  grid-row-end: 4;
}

.grid-cols--5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-rows--5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

.col-span--5 {
  grid-column: span 5/span 5;
}

.col--5 {
  grid-column: 5;
}

.row-span--5 {
  grid-row: span 5/span 5;
}

.row--5 {
  grid-row: 5;
}

.col-start--5 {
  grid-column-start: 5;
}

.col-end--5 {
  grid-column-end: 5;
}

.row-start--5 {
  grid-row-start: 5;
}

.row-end--5 {
  grid-row-end: 5;
}

.grid-cols--6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-rows--6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.col-span--6 {
  grid-column: span 6/span 6;
}

.col--6 {
  grid-column: 6;
}

.row-span--6 {
  grid-row: span 6/span 6;
}

.row--6 {
  grid-row: 6;
}

.col-start--6 {
  grid-column-start: 6;
}

.col-end--6 {
  grid-column-end: 6;
}

.row-start--6 {
  grid-row-start: 6;
}

.row-end--6 {
  grid-row-end: 6;
}

.grid-cols--7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-rows--7 {
  grid-template-rows: repeat(7, minmax(0, 1fr));
}

.col-span--7 {
  grid-column: span 7/span 7;
}

.col--7 {
  grid-column: 7;
}

.row-span--7 {
  grid-row: span 7/span 7;
}

.row--7 {
  grid-row: 7;
}

.col-start--7 {
  grid-column-start: 7;
}

.col-end--7 {
  grid-column-end: 7;
}

.row-start--7 {
  grid-row-start: 7;
}

.row-end--7 {
  grid-row-end: 7;
}

.grid-cols--8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-rows--8 {
  grid-template-rows: repeat(8, minmax(0, 1fr));
}

.col-span--8 {
  grid-column: span 8/span 8;
}

.col--8 {
  grid-column: 8;
}

.row-span--8 {
  grid-row: span 8/span 8;
}

.row--8 {
  grid-row: 8;
}

.col-start--8 {
  grid-column-start: 8;
}

.col-end--8 {
  grid-column-end: 8;
}

.row-start--8 {
  grid-row-start: 8;
}

.row-end--8 {
  grid-row-end: 8;
}

.grid-cols--9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-rows--9 {
  grid-template-rows: repeat(9, minmax(0, 1fr));
}

.col-span--9 {
  grid-column: span 9/span 9;
}

.col--9 {
  grid-column: 9;
}

.row-span--9 {
  grid-row: span 9/span 9;
}

.row--9 {
  grid-row: 9;
}

.col-start--9 {
  grid-column-start: 9;
}

.col-end--9 {
  grid-column-end: 9;
}

.row-start--9 {
  grid-row-start: 9;
}

.row-end--9 {
  grid-row-end: 9;
}

.grid-cols--10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-rows--10 {
  grid-template-rows: repeat(10, minmax(0, 1fr));
}

.col-span--10 {
  grid-column: span 10/span 10;
}

.col--10 {
  grid-column: 10;
}

.row-span--10 {
  grid-row: span 10/span 10;
}

.row--10 {
  grid-row: 10;
}

.col-start--10 {
  grid-column-start: 10;
}

.col-end--10 {
  grid-column-end: 10;
}

.row-start--10 {
  grid-row-start: 10;
}

.row-end--10 {
  grid-row-end: 10;
}

.justify-items--start {
  justify-items: start;
}

.justify-items--end {
  justify-items: end;
}

.justify-items--end-safe {
  justify-items: safe end;
}

.justify-items--center {
  justify-items: center;
}

.justify-items--center-safe {
  justify-items: safe center;
}

.justify-items--stretch {
  justify-items: stretch;
}

.justify-items--normal {
  justify-items: normal;
}

.justify-self--auto {
  justify-self: auto;
}

.justify-self--start {
  justify-self: start;
}

.justify-self--center {
  justify-self: center;
}

.justify-self--center-safe {
  justify-self: safe center;
}

.justify-self--end {
  justify-self: end;
}

.justify-self--end-safe {
  justify-self: safe end;
}

.justify-self--stretch {
  justify-self: stretch;
}

.place-content--auto {
  place-content: auto;
}

.place-content--start {
  place-content: start;
}

.place-content--end {
  place-content: end;
}

.place-content--end-safe {
  place-content: safe end;
}

.place-content--center {
  place-content: center;
}

.place-content--center-safe {
  place-content: safe center;
}

.place-content--content-between {
  place-content: space-between;
}

.place-content--content-around {
  place-content: space-around;
}

.place-content--content-evenly {
  place-content: space-evenly;
}

.place-content--stretch {
  place-content: stretch;
}

.place-content--baseline {
  place-content: baseline;
}

.place-content--normal {
  place-content: normal;
}

.place-items--auto {
  place-items: auto;
}

.place-items--start {
  place-items: start;
}

.place-items--end {
  place-items: end;
}

.place-items--end-safe {
  place-items: safe end;
}

.place-items--center {
  place-items: center;
}

.place-items--center-safe {
  place-items: safe center;
}

.place-items--stretch {
  place-items: stretch;
}

.place-items--baseline {
  place-items: baseline;
}

.place-items--normal {
  place-items: normal;
}

.place-self--auto {
  place-self: auto;
}

.place-self--start {
  place-self: start;
}

.place-self--end {
  place-self: end;
}

.place-self--end-safe {
  place-self: safe end;
}

.place-self--center {
  place-self: center;
}

.place-self--center-safe {
  place-self: safe center;
}

.place-self--stretch {
  place-self: stretch;
}

.place-self--normal {
  place-self: normal;
}

/* =====[ Margins Classes ]===== */
.m--xs {
  margin: var(--spacing--xs);
}

.m--sm {
  margin: var(--spacing--sm);
}

.m--md {
  margin: var(--spacing--md);
}

.m--lg {
  margin: var(--spacing--lg);
}

.m--xl {
  margin: var(--spacing--xl);
}

.m--2xl {
  margin: var(--spacing--2xl);
}

.m--3xl {
  margin: var(--spacing--3xl);
}

.m--4xl {
  margin: var(--spacing--4xl);
}

.m--5xl {
  margin: var(--spacing--5xl);
}

.m--6xl {
  margin: var(--spacing--6xl);
}

.m--7xl {
  margin: var(--spacing--7xl);
}

.m--8xl {
  margin: var(--spacing--8xl);
}

.m--9xl {
  margin: var(--spacing--9xl);
}

.m--10xl {
  margin: var(--spacing--10xl);
}

.m--auto {
  margin: auto;
}

.mx--xs {
  margin-inline: var(--spacing--xs);
}

.mx--sm {
  margin-inline: var(--spacing--sm);
}

.mx--md {
  margin-inline: var(--spacing--md);
}

.mx--lg {
  margin-inline: var(--spacing--lg);
}

.mx--xl {
  margin-inline: var(--spacing--xl);
}

.mx--2xl {
  margin-inline: var(--spacing--2xl);
}

.mx--3xl {
  margin-inline: var(--spacing--3xl);
}

.mx--4xl {
  margin-inline: var(--spacing--4xl);
}

.mx--5xl {
  margin-inline: var(--spacing--5xl);
}

.mx--6xl {
  margin-inline: var(--spacing--6xl);
}

.mx--7xl {
  margin-inline: var(--spacing--7xl);
}

.mx--8xl {
  margin-inline: var(--spacing--8xl);
}

.mx--9xl {
  margin-inline: var(--spacing--9xl);
}

.mx--10xl {
  margin-inline: var(--spacing--10xl);
}

.mx--auto {
  margin-inline: auto;
}

.mx-start--xs {
  margin-inline-start: var(--spacing--xs);
}

.mx-start--sm {
  margin-inline-start: var(--spacing--sm);
}

.mx-start--md {
  margin-inline-start: var(--spacing--md);
}

.mx-start--lg {
  margin-inline-start: var(--spacing--lg);
}

.mx-start--xl {
  margin-inline-start: var(--spacing--xl);
}

.mx-start--2xl {
  margin-inline-start: var(--spacing--2xl);
}

.mx-start--3xl {
  margin-inline-start: var(--spacing--3xl);
}

.mx-start--4xl {
  margin-inline-start: var(--spacing--4xl);
}

.mx-start--5xl {
  margin-inline-start: var(--spacing--5xl);
}

.mx-start--6xl {
  margin-inline-start: var(--spacing--6xl);
}

.mx-start--7xl {
  margin-inline-start: var(--spacing--7xl);
}

.mx-start--8xl {
  margin-inline-start: var(--spacing--8xl);
}

.mx-start--9xl {
  margin-inline-start: var(--spacing--9xl);
}

.mx-start--10xl {
  margin-inline-start: var(--spacing--10xl);
}

.mx-start--auto {
  margin-inline-start: auto;
}

.mx-end--xs {
  margin-inline-end: var(--spacing--xs);
}

.mx-end--sm {
  margin-inline-end: var(--spacing--sm);
}

.mx-end--md {
  margin-inline-end: var(--spacing--md);
}

.mx-end--lg {
  margin-inline-end: var(--spacing--lg);
}

.mx-end--xl {
  margin-inline-end: var(--spacing--xl);
}

.mx-end--2xl {
  margin-inline-end: var(--spacing--2xl);
}

.mx-end--3xl {
  margin-inline-end: var(--spacing--3xl);
}

.mx-end--4xl {
  margin-inline-end: var(--spacing--4xl);
}

.mx-end--5xl {
  margin-inline-end: var(--spacing--5xl);
}

.mx-end--6xl {
  margin-inline-end: var(--spacing--6xl);
}

.mx-end--7xl {
  margin-inline-end: var(--spacing--7xl);
}

.mx-end--8xl {
  margin-inline-end: var(--spacing--8xl);
}

.mx-end--9xl {
  margin-inline-end: var(--spacing--9xl);
}

.mx-end--10xl {
  margin-inline-end: var(--spacing--10xl);
}

.mx-end--auto {
  margin-inline-end: auto;
}

.my--xs {
  margin-block: var(--spacing--xs);
}

.my--sm {
  margin-block: var(--spacing--sm);
}

.my--md {
  margin-block: var(--spacing--md);
}

.my--lg {
  margin-block: var(--spacing--lg);
}

.my--xl {
  margin-block: var(--spacing--xl);
}

.my--2xl {
  margin-block: var(--spacing--2xl);
}

.my--3xl {
  margin-block: var(--spacing--3xl);
}

.my--4xl {
  margin-block: var(--spacing--4xl);
}

.my--5xl {
  margin-block: var(--spacing--5xl);
}

.my--6xl {
  margin-block: var(--spacing--6xl);
}

.my--7xl {
  margin-block: var(--spacing--7xl);
}

.my--8xl {
  margin-block: var(--spacing--8xl);
}

.my--9xl {
  margin-block: var(--spacing--9xl);
}

.my--10xl {
  margin-block: var(--spacing--10xl);
}

.my--auto {
  margin-block: auto;
}

.my-start--xs {
  margin-block-start: var(--spacing--xs);
}

.my-start--sm {
  margin-block-start: var(--spacing--sm);
}

.my-start--md {
  margin-block-start: var(--spacing--md);
}

.my-start--lg {
  margin-block-start: var(--spacing--lg);
}

.my-start--xl {
  margin-block-start: var(--spacing--xl);
}

.my-start--2xl {
  margin-block-start: var(--spacing--2xl);
}

.my-start--3xl {
  margin-block-start: var(--spacing--3xl);
}

.my-start--4xl {
  margin-block-start: var(--spacing--4xl);
}

.my-start--5xl {
  margin-block-start: var(--spacing--5xl);
}

.my-start--6xl {
  margin-block-start: var(--spacing--6xl);
}

.my-start--7xl {
  margin-block-start: var(--spacing--7xl);
}

.my-start--8xl {
  margin-block-start: var(--spacing--8xl);
}

.my-start--9xl {
  margin-block-start: var(--spacing--9xl);
}

.my-start--10xl {
  margin-block-start: var(--spacing--10xl);
}

.my-start--auto {
  margin-block-start: auto;
}

.my-end--xs {
  margin-block-end: var(--spacing--xs);
}

.my-end--sm {
  margin-block-end: var(--spacing--sm);
}

.my-end--md {
  margin-block-end: var(--spacing--md);
}

.my-end--lg {
  margin-block-end: var(--spacing--lg);
}

.my-end--xl {
  margin-block-end: var(--spacing--xl);
}

.my-end--2xl {
  margin-block-end: var(--spacing--2xl);
}

.my-end--3xl {
  margin-block-end: var(--spacing--3xl);
}

.my-end--4xl {
  margin-block-end: var(--spacing--4xl);
}

.my-end--5xl {
  margin-block-end: var(--spacing--5xl);
}

.my-end--6xl {
  margin-block-end: var(--spacing--6xl);
}

.my-end--7xl {
  margin-block-end: var(--spacing--7xl);
}

.my-end--8xl {
  margin-block-end: var(--spacing--8xl);
}

.my-end--9xl {
  margin-block-end: var(--spacing--9xl);
}

.my-end--10xl {
  margin-block-end: var(--spacing--10xl);
}

.my-end--auto {
  margin-block-end: auto;
}

/* =====[ Paddings Classes ]===== */
.p--xs {
  padding: var(--spacing--xs);
}

.p--sm {
  padding: var(--spacing--sm);
}

.p--md {
  padding: var(--spacing--md);
}

.p--lg {
  padding: var(--spacing--lg);
}

.p--xl {
  padding: var(--spacing--xl);
}

.p--2xl {
  padding: var(--spacing--2xl);
}

.p--3xl {
  padding: var(--spacing--3xl);
}

.p--4xl {
  padding: var(--spacing--4xl);
}

.p--5xl {
  padding: var(--spacing--5xl);
}

.p--6xl {
  padding: var(--spacing--6xl);
}

.p--7xl {
  padding: var(--spacing--7xl);
}

.p--8xl {
  padding: var(--spacing--8xl);
}

.p--9xl {
  padding: var(--spacing--9xl);
}

.p--10xl {
  padding: var(--spacing--10xl);
}

.p--auto {
  padding: auto;
}

.px--xs {
  padding-inline: var(--spacing--xs);
}

.px--sm {
  padding-inline: var(--spacing--sm);
}

.px--md {
  padding-inline: var(--spacing--md);
}

.px--lg {
  padding-inline: var(--spacing--lg);
}

.px--xl {
  padding-inline: var(--spacing--xl);
}

.px--2xl {
  padding-inline: var(--spacing--2xl);
}

.px--3xl {
  padding-inline: var(--spacing--3xl);
}

.px--4xl {
  padding-inline: var(--spacing--4xl);
}

.px--5xl {
  padding-inline: var(--spacing--5xl);
}

.px--6xl {
  padding-inline: var(--spacing--6xl);
}

.px--7xl {
  padding-inline: var(--spacing--7xl);
}

.px--8xl {
  padding-inline: var(--spacing--8xl);
}

.px--9xl {
  padding-inline: var(--spacing--9xl);
}

.px--10xl {
  padding-inline: var(--spacing--10xl);
}

.px--auto {
  padding-inline: auto;
}

.px-start--xs {
  padding-inline-start: var(--spacing--xs);
}

.px-start--sm {
  padding-inline-start: var(--spacing--sm);
}

.px-start--md {
  padding-inline-start: var(--spacing--md);
}

.px-start--lg {
  padding-inline-start: var(--spacing--lg);
}

.px-start--xl {
  padding-inline-start: var(--spacing--xl);
}

.px-start--2xl {
  padding-inline-start: var(--spacing--2xl);
}

.px-start--3xl {
  padding-inline-start: var(--spacing--3xl);
}

.px-start--4xl {
  padding-inline-start: var(--spacing--4xl);
}

.px-start--5xl {
  padding-inline-start: var(--spacing--5xl);
}

.px-start--6xl {
  padding-inline-start: var(--spacing--6xl);
}

.px-start--7xl {
  padding-inline-start: var(--spacing--7xl);
}

.px-start--8xl {
  padding-inline-start: var(--spacing--8xl);
}

.px-start--9xl {
  padding-inline-start: var(--spacing--9xl);
}

.px-start--10xl {
  padding-inline-start: var(--spacing--10xl);
}

.px-start--auto {
  padding-inline-start: auto;
}

.px-end--xs {
  padding-inline-end: var(--spacing--xs);
}

.px-end--sm {
  padding-inline-end: var(--spacing--sm);
}

.px-end--md {
  padding-inline-end: var(--spacing--md);
}

.px-end--lg {
  padding-inline-end: var(--spacing--lg);
}

.px-end--xl {
  padding-inline-end: var(--spacing--xl);
}

.px-end--2xl {
  padding-inline-end: var(--spacing--2xl);
}

.px-end--3xl {
  padding-inline-end: var(--spacing--3xl);
}

.px-end--4xl {
  padding-inline-end: var(--spacing--4xl);
}

.px-end--5xl {
  padding-inline-end: var(--spacing--5xl);
}

.px-end--6xl {
  padding-inline-end: var(--spacing--6xl);
}

.px-end--7xl {
  padding-inline-end: var(--spacing--7xl);
}

.px-end--8xl {
  padding-inline-end: var(--spacing--8xl);
}

.px-end--9xl {
  padding-inline-end: var(--spacing--9xl);
}

.px-end--10xl {
  padding-inline-end: var(--spacing--10xl);
}

.px-end--auto {
  padding-inline-end: auto;
}

.py--xs {
  padding-block: var(--spacing--xs);
}

.py--sm {
  padding-block: var(--spacing--sm);
}

.py--md {
  padding-block: var(--spacing--md);
}

.py--lg {
  padding-block: var(--spacing--lg);
}

.py--xl {
  padding-block: var(--spacing--xl);
}

.py--2xl {
  padding-block: var(--spacing--2xl);
}

.py--3xl {
  padding-block: var(--spacing--3xl);
}

.py--4xl {
  padding-block: var(--spacing--4xl);
}

.py--5xl {
  padding-block: var(--spacing--5xl);
}

.py--6xl {
  padding-block: var(--spacing--6xl);
}

.py--7xl {
  padding-block: var(--spacing--7xl);
}

.py--8xl {
  padding-block: var(--spacing--8xl);
}

.py--9xl {
  padding-block: var(--spacing--9xl);
}

.py--10xl {
  padding-block: var(--spacing--10xl);
}

.py--auto {
  padding-block: auto;
}

.py-start--xs {
  padding-block-start: var(--spacing--xs);
}

.py-start--sm {
  padding-block-start: var(--spacing--sm);
}

.py-start--md {
  padding-block-start: var(--spacing--md);
}

.py-start--lg {
  padding-block-start: var(--spacing--lg);
}

.py-start--xl {
  padding-block-start: var(--spacing--xl);
}

.py-start--2xl {
  padding-block-start: var(--spacing--2xl);
}

.py-start--3xl {
  padding-block-start: var(--spacing--3xl);
}

.py-start--4xl {
  padding-block-start: var(--spacing--4xl);
}

.py-start--5xl {
  padding-block-start: var(--spacing--5xl);
}

.py-start--6xl {
  padding-block-start: var(--spacing--6xl);
}

.py-start--7xl {
  padding-block-start: var(--spacing--7xl);
}

.py-start--8xl {
  padding-block-start: var(--spacing--8xl);
}

.py-start--9xl {
  padding-block-start: var(--spacing--9xl);
}

.py-start--10xl {
  padding-block-start: var(--spacing--10xl);
}

.py-start--auto {
  padding-block-start: auto;
}

.py-end--xs {
  padding-block-end: var(--spacing--xs);
}

.py-end--sm {
  padding-block-end: var(--spacing--sm);
}

.py-end--md {
  padding-block-end: var(--spacing--md);
}

.py-end--lg {
  padding-block-end: var(--spacing--lg);
}

.py-end--xl {
  padding-block-end: var(--spacing--xl);
}

.py-end--2xl {
  padding-block-end: var(--spacing--2xl);
}

.py-end--3xl {
  padding-block-end: var(--spacing--3xl);
}

.py-end--4xl {
  padding-block-end: var(--spacing--4xl);
}

.py-end--5xl {
  padding-block-end: var(--spacing--5xl);
}

.py-end--6xl {
  padding-block-end: var(--spacing--6xl);
}

.py-end--7xl {
  padding-block-end: var(--spacing--7xl);
}

.py-end--8xl {
  padding-block-end: var(--spacing--8xl);
}

.py-end--9xl {
  padding-block-end: var(--spacing--9xl);
}

.py-end--10xl {
  padding-block-end: var(--spacing--10xl);
}

.py-end--auto {
  padding-block-end: auto;
}

/* =====[ Radius Classes ]===== */
.rounded {
  border-radius: var(--radius);
}

.rounded--xs {
  border-radius: var(--radius--xs);
}

.rounded--sm {
  border-radius: var(--radius--sm);
}

.rounded--md {
  border-radius: var(--radius--md);
}

.rounded--lg {
  border-radius: var(--radius--lg);
}

.rounded--xl {
  border-radius: var(--radius--xl);
}

.rounded--2xl {
  border-radius: var(--radius--2xl);
}

.rounded--none {
  border-radius: 0;
}

.rounded--full {
  border-radius: 100vw;
}

.rounded--inherit {
  border-radius: inherit;
}

.rounded--initial {
  border-radius: initial;
}

.rounded--unset {
  border-radius: unset;
}

.rounded-start-start--xs {
  border-start-start-radius: var(--radius--xs);
}

.rounded-start-start--sm {
  border-start-start-radius: var(--radius--sm);
}

.rounded-start-start--md {
  border-start-start-radius: var(--radius--md);
}

.rounded-start-start--lg {
  border-start-start-radius: var(--radius--lg);
}

.rounded-start-start--xl {
  border-start-start-radius: var(--radius--xl);
}

.rounded-start-start--2xl {
  border-start-start-radius: var(--radius--2xl);
}

.rounded-start-start--none {
  border-start-start-radius: 0;
}

.rounded-start-start--full {
  border-start-start-radius: 100vw;
}

.rounded-start-start--inherit {
  border-start-start-radius: inherit;
}

.rounded-start-start--initial {
  border-start-start-radius: initial;
}

.rounded-start-start--unset {
  border-start-start-radius: unset;
}

.rounded-start-end--xs {
  border-start-end-radius: var(--radius--xs);
}

.rounded-start-end--sm {
  border-start-end-radius: var(--radius--sm);
}

.rounded-start-end--md {
  border-start-end-radius: var(--radius--md);
}

.rounded-start-end--lg {
  border-start-end-radius: var(--radius--lg);
}

.rounded-start-end--xl {
  border-start-end-radius: var(--radius--xl);
}

.rounded-start-end--2xl {
  border-start-end-radius: var(--radius--2xl);
}

.rounded-start-end--none {
  border-start-end-radius: 0;
}

.rounded-start-end--full {
  border-start-end-radius: 100vw;
}

.rounded-start-end--inherit {
  border-start-end-radius: inherit;
}

.rounded-start-end--initial {
  border-start-end-radius: initial;
}

.rounded-start-end--unset {
  border-start-end-radius: unset;
}

.rounded-end-start--xs {
  border-end-start-radius: var(--radius--xs);
}

.rounded-end-start--sm {
  border-end-start-radius: var(--radius--sm);
}

.rounded-end-start--md {
  border-end-start-radius: var(--radius--md);
}

.rounded-end-start--lg {
  border-end-start-radius: var(--radius--lg);
}

.rounded-end-start--xl {
  border-end-start-radius: var(--radius--xl);
}

.rounded-end-start--2xl {
  border-end-start-radius: var(--radius--2xl);
}

.rounded-end-start--none {
  border-end-start-radius: 0;
}

.rounded-end-start--full {
  border-end-start-radius: 100vw;
}

.rounded-end-start--inherit {
  border-end-start-radius: inherit;
}

.rounded-end-start--initial {
  border-end-start-radius: initial;
}

.rounded-end-start--unset {
  border-end-start-radius: unset;
}

.rounded-end-end--xs {
  border-end-end-radius: var(--radius--xs);
}

.rounded-end-end--sm {
  border-end-end-radius: var(--radius--sm);
}

.rounded-end-end--md {
  border-end-end-radius: var(--radius--md);
}

.rounded-end-end--lg {
  border-end-end-radius: var(--radius--lg);
}

.rounded-end-end--xl {
  border-end-end-radius: var(--radius--xl);
}

.rounded-end-end--2xl {
  border-end-end-radius: var(--radius--2xl);
}

.rounded-end-end--none {
  border-end-end-radius: 0;
}

.rounded-end-end--full {
  border-end-end-radius: 100vw;
}

.rounded-end-end--inherit {
  border-end-end-radius: inherit;
}

.rounded-end-end--initial {
  border-end-end-radius: initial;
}

.rounded-end-end--unset {
  border-end-end-radius: unset;
}

.rounded-top-left--xs {
  border-top-left-radius: var(--radius--xs);
}

.rounded-top-left--sm {
  border-top-left-radius: var(--radius--sm);
}

.rounded-top-left--md {
  border-top-left-radius: var(--radius--md);
}

.rounded-top-left--lg {
  border-top-left-radius: var(--radius--lg);
}

.rounded-top-left--xl {
  border-top-left-radius: var(--radius--xl);
}

.rounded-top-left--2xl {
  border-top-left-radius: var(--radius--2xl);
}

.rounded-top-left--none {
  border-top-left-radius: 0;
}

.rounded-top-left--full {
  border-top-left-radius: 100vw;
}

.rounded-top-left--inherit {
  border-top-left-radius: inherit;
}

.rounded-top-left--initial {
  border-top-left-radius: initial;
}

.rounded-top-left--unset {
  border-top-left-radius: unset;
}

.rounded-top-right--xs {
  border-top-right-radius: var(--radius--xs);
}

.rounded-top-right--sm {
  border-top-right-radius: var(--radius--sm);
}

.rounded-top-right--md {
  border-top-right-radius: var(--radius--md);
}

.rounded-top-right--lg {
  border-top-right-radius: var(--radius--lg);
}

.rounded-top-right--xl {
  border-top-right-radius: var(--radius--xl);
}

.rounded-top-right--2xl {
  border-top-right-radius: var(--radius--2xl);
}

.rounded-top-right--none {
  border-top-right-radius: 0;
}

.rounded-top-right--full {
  border-top-right-radius: 100vw;
}

.rounded-top-right--inherit {
  border-top-right-radius: inherit;
}

.rounded-top-right--initial {
  border-top-right-radius: initial;
}

.rounded-top-right--unset {
  border-top-right-radius: unset;
}

.rounded-bottom-left--xs {
  border-bottom-left-radius: var(--radius--xs);
}

.rounded-bottom-left--sm {
  border-bottom-left-radius: var(--radius--sm);
}

.rounded-bottom-left--md {
  border-bottom-left-radius: var(--radius--md);
}

.rounded-bottom-left--lg {
  border-bottom-left-radius: var(--radius--lg);
}

.rounded-bottom-left--xl {
  border-bottom-left-radius: var(--radius--xl);
}

.rounded-bottom-left--2xl {
  border-bottom-left-radius: var(--radius--2xl);
}

.rounded-bottom-left--none {
  border-bottom-left-radius: 0;
}

.rounded-bottom-left--full {
  border-bottom-left-radius: 100vw;
}

.rounded-bottom-left--inherit {
  border-bottom-left-radius: inherit;
}

.rounded-bottom-left--initial {
  border-bottom-left-radius: initial;
}

.rounded-bottom-left--unset {
  border-bottom-left-radius: unset;
}

.rounded-bottom-right--xs {
  border-bottom-right-radius: var(--radius--xs);
}

.rounded-bottom-right--sm {
  border-bottom-right-radius: var(--radius--sm);
}

.rounded-bottom-right--md {
  border-bottom-right-radius: var(--radius--md);
}

.rounded-bottom-right--lg {
  border-bottom-right-radius: var(--radius--lg);
}

.rounded-bottom-right--xl {
  border-bottom-right-radius: var(--radius--xl);
}

.rounded-bottom-right--2xl {
  border-bottom-right-radius: var(--radius--2xl);
}

.rounded-bottom-right--none {
  border-bottom-right-radius: 0;
}

.rounded-bottom-right--full {
  border-bottom-right-radius: 100vw;
}

.rounded-bottom-right--inherit {
  border-bottom-right-radius: inherit;
}

.rounded-bottom-right--initial {
  border-bottom-right-radius: initial;
}

.rounded-bottom-right--unset {
  border-bottom-right-radius: unset;
}

/* =====[ Gap Classes ]===== */
.gap {
  gap: var(--gap);
}

.gap-x {
  row-gap: var(--gap);
}

.gap-y {
  column-gap: var(--gap);
}

.gap--xs {
  gap: var(--gap--xs);
}

.gap--sm {
  gap: var(--gap--sm);
}

.gap--md {
  gap: var(--gap--md);
}

.gap--lg {
  gap: var(--gap--lg);
}

.gap--xl {
  gap: var(--gap--xl);
}

.gap--2xl {
  gap: var(--gap--2xl);
}

.gap--3xl {
  gap: var(--gap--3xl);
}

.gap--4xl {
  gap: var(--gap--4xl);
}

.gap--5xl {
  gap: var(--gap--5xl);
}

.gap--6xl {
  gap: var(--gap--6xl);
}

.gap--7xl {
  gap: var(--gap--7xl);
}

.gap--8xl {
  gap: var(--gap--8xl);
}

.gap--9xl {
  gap: var(--gap--9xl);
}

.gap--10xl {
  gap: var(--gap--10xl);
}

.gap-x--xs {
  row-gap: var(--gap--xs);
}

.gap-x--sm {
  row-gap: var(--gap--sm);
}

.gap-x--md {
  row-gap: var(--gap--md);
}

.gap-x--lg {
  row-gap: var(--gap--lg);
}

.gap-x--xl {
  row-gap: var(--gap--xl);
}

.gap-x--2xl {
  row-gap: var(--gap--2xl);
}

.gap-x--3xl {
  row-gap: var(--gap--3xl);
}

.gap-x--4xl {
  row-gap: var(--gap--4xl);
}

.gap-x--5xl {
  row-gap: var(--gap--5xl);
}

.gap-x--6xl {
  row-gap: var(--gap--6xl);
}

.gap-x--7xl {
  row-gap: var(--gap--7xl);
}

.gap-x--8xl {
  row-gap: var(--gap--8xl);
}

.gap-x--9xl {
  row-gap: var(--gap--9xl);
}

.gap-x--10xl {
  row-gap: var(--gap--10xl);
}

.gap-y--xs {
  column-gap: var(--gap--xs);
}

.gap-y--sm {
  column-gap: var(--gap--sm);
}

.gap-y--md {
  column-gap: var(--gap--md);
}

.gap-y--lg {
  column-gap: var(--gap--lg);
}

.gap-y--xl {
  column-gap: var(--gap--xl);
}

.gap-y--2xl {
  column-gap: var(--gap--2xl);
}

.gap-y--3xl {
  column-gap: var(--gap--3xl);
}

.gap-y--4xl {
  column-gap: var(--gap--4xl);
}

.gap-y--5xl {
  column-gap: var(--gap--5xl);
}

.gap-y--6xl {
  column-gap: var(--gap--6xl);
}

.gap-y--7xl {
  column-gap: var(--gap--7xl);
}

.gap-y--8xl {
  column-gap: var(--gap--8xl);
}

.gap-y--9xl {
  column-gap: var(--gap--9xl);
}

.gap-y--10xl {
  column-gap: var(--gap--10xl);
}

.gap--auto {
  gap: auto;
}

/* =====[ Z-Index Classes ]===== */
.z-index\:-5,
.active\:z-index\:\/-5.active,
.hover\:z-index\:\/-5:hover,
.focus\:z-index\:\/-5:focus {
  z-index: -5;
}

.z-index\:-4,
.active\:z-index\:\/-4.active,
.hover\:z-index\:\/-4:hover,
.focus\:z-index\:\/-4:focus {
  z-index: -4;
}

.z-index\:-3,
.active\:z-index\:\/-3.active,
.hover\:z-index\:\/-3:hover,
.focus\:z-index\:\/-3:focus {
  z-index: -3;
}

.z-index\:-2,
.active\:z-index\:\/-2.active,
.hover\:z-index\:\/-2:hover,
.focus\:z-index\:\/-2:focus {
  z-index: -2;
}

.z-index\:-1,
.active\:z-index\:\/-1.active,
.hover\:z-index\:\/-1:hover,
.focus\:z-index\:\/-1:focus {
  z-index: -1;
}

.z-index\:0,
.active\:z-index\:\/0.active,
.hover\:z-index\:\/0:hover,
.focus\:z-index\:\/0:focus {
  z-index: 0;
}

.z-index\:1,
.active\:z-index\:\/1.active,
.hover\:z-index\:\/1:hover,
.focus\:z-index\:\/1:focus {
  z-index: 1;
}

.z-index\:2,
.active\:z-index\:\/2.active,
.hover\:z-index\:\/2:hover,
.focus\:z-index\:\/2:focus {
  z-index: 2;
}

.z-index\:3,
.active\:z-index\:\/3.active,
.hover\:z-index\:\/3:hover,
.focus\:z-index\:\/3:focus {
  z-index: 3;
}

.z-index\:4,
.active\:z-index\:\/4.active,
.hover\:z-index\:\/4:hover,
.focus\:z-index\:\/4:focus {
  z-index: 4;
}

.z-index\:5,
.active\:z-index\:\/5.active,
.hover\:z-index\:\/5:hover,
.focus\:z-index\:\/5:focus {
  z-index: 5;
}

.z-index\:6,
.active\:z-index\:\/6.active,
.hover\:z-index\:\/6:hover,
.focus\:z-index\:\/6:focus {
  z-index: 6;
}

.z-index\:7,
.active\:z-index\:\/7.active,
.hover\:z-index\:\/7:hover,
.focus\:z-index\:\/7:focus {
  z-index: 7;
}

.z-index\:8,
.active\:z-index\:\/8.active,
.hover\:z-index\:\/8:hover,
.focus\:z-index\:\/8:focus {
  z-index: 8;
}

.z-index\:9,
.active\:z-index\:\/9.active,
.hover\:z-index\:\/9:hover,
.focus\:z-index\:\/9:focus {
  z-index: 9;
}

.z-index\:10,
.active\:z-index\:\/10.active,
.hover\:z-index\:\/10:hover,
.focus\:z-index\:\/10:focus {
  z-index: 10;
}

.z-index\:initial,
.active\:z-index\:\/initial.active,
.hover\:z-index\:\/initial:hover,
.focus\:z-index\:\/initial:focus {
  z-index: initial;
}

.z-index\:unset,
.active\:z-index\:\/unset.active,
.hover\:z-index\:\/unset:hover,
.focus\:z-index\:\/unset:focus {
  z-index: unset;
}

/* =====[ Text Align Classes ]===== */
.text--wrap {
  white-space: normal;
}

.text--no-wrap {
  white-space: nowrap;
}

.text--start {
  text-align: start;
}

.text--center {
  text-align: center;
}

.text--end {
  text-align: end;
}

.text--justify {
  text-align: justify;
}

.text--left {
  text-align: left;
}

.text--right {
  text-align: right;
}

.text--balance {
  text-wrap: balance;
}

.text--pretty {
  text-wrap: pretty;
}

.align--baseline {
  vertical-align: baseline;
}

.align--bottom {
  vertical-align: bottom;
}

.align--middle {
  vertical-align: middle;
}

.align--top {
  vertical-align: top;
}

.align--text-top {
  vertical-align: text-top;
}

.align--text-bottom {
  vertical-align: text-bottom;
}

.align--sub {
  vertical-align: sub;
}

.align--super {
  vertical-align: super;
}

.align--inherit {
  vertical-align: inherit;
}

.align--initial {
  vertical-align: initial;
}

.align--unset {
  vertical-align: unset;
}

.underline {
  text-decoration-line: underline;
}

.overline {
  text-decoration-line: overline;
}

.line-through {
  text-decoration-line: line-through;
}

.no-underline {
  text-decoration-line: none;
}

.grammar-error {
  text-decoration-line: grammar-error;
}

.spelling-error {
  text-decoration-line: spelling-error;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.clip {
  text-overflow: clip;
}

.ellipsis {
  text-overflow: ellipsis;
}

.truncate {
  text-overflow: fade;
}

/* =====[ Overflow Classes ]===== */
.overflow--auto {
  overflow: auto;
}

.overflow--hidden {
  overflow: hidden;
}

.overflow--clip {
  overflow: clip;
}

.overflow--visible {
  overflow: visible;
}

.overflow--scroll {
  overflow: scroll;
}

.overflow-x--auto {
  overflow-x: auto;
}

.overflow-x--hidden {
  overflow-x: hidden;
}

.overflow-x--clip {
  overflow-x: clip;
}

.overflow-x--visible {
  overflow-x: visible;
}

.overflow-x--scroll {
  overflow-x: scroll;
}

.overflow-y--auto {
  overflow-y: auto;
}

.overflow-y--hidden {
  overflow-y: hidden;
}

.overflow-y--clip {
  overflow-y: clip;
}

.overflow-y--visible {
  overflow-y: visible;
}

.overflow-y--scroll {
  overflow-y: scroll;
}

/* =====[ Cursor Classes ]===== */
.cursor--alias {
  cursor: alias;
}

.cursor--all-scroll {
  cursor: all-scroll;
}

.cursor--auto {
  cursor: auto;
}

.cursor--cell {
  cursor: cell;
}

.cursor--col-resize {
  cursor: col-resize;
}

.cursor--context-menu {
  cursor: context-menu;
}

.cursor--copy {
  cursor: copy;
}

.cursor--crosshair {
  cursor: crosshair;
}

.cursor--default {
  cursor: default;
}

.cursor--e-resize {
  cursor: e-resize;
}

.cursor--ew-resize {
  cursor: ew-resize;
}

.cursor--grab {
  cursor: grab;
}

.cursor--grabbing {
  cursor: grabbing;
}

.cursor--help {
  cursor: help;
}

.cursor--move {
  cursor: move;
}

.cursor--n-resize {
  cursor: n-resize;
}

.cursor--ne-resize {
  cursor: ne-resize;
}

.cursor--nesw-resize {
  cursor: nesw-resize;
}

.cursor--no-drop {
  cursor: no-drop;
}

.cursor--none {
  cursor: none;
}

.cursor--not-allowed {
  cursor: not-allowed;
}

.cursor--ns-resize {
  cursor: ns-resize;
}

.cursor--nw-resize {
  cursor: nw-resize;
}

.cursor--nwse-resize {
  cursor: nwse-resize;
}

.cursor--pointer {
  cursor: pointer;
}

.cursor--progress {
  cursor: progress;
}

.cursor--row-resize {
  cursor: row-resize;
}

.cursor--s-resize {
  cursor: s-resize;
}

.cursor--se-resize {
  cursor: se-resize;
}

.cursor--sw-resize {
  cursor: sw-resize;
}

.cursor--text {
  cursor: text;
}

.cursor--vertical-text {
  cursor: vertical-text;
}

.cursor--w-resize {
  cursor: w-resize;
}

.cursor--wait {
  cursor: wait;
}

.cursor--zoom-in {
  cursor: zoom-in;
}

.cursor--zoom-out {
  cursor: zoom-out;
}

/* =====[ Width Classes ]===== */
.wh--full {
  width: 100%;
  height: 100%;
}

.wh--half {
  width: 50%;
  height: 50%;
}

.w--auto {
  width: auto;
}

.w--fit {
  width: fit-content;
}

.w--max {
  width: max-content;
}

.w--min {
  width: min-content;
}

.w--screen {
  width: 100vw;
}

.w--min-screen {
  width: 100vmin;
}

.w--dvw {
  width: 100dvw;
}

.w--dvh {
  width: 100dvh;
}

.w--lvw {
  width: 100lvw;
}

.w--lvh {
  width: 100lvh;
}

.w--svw {
  width: 100svw;
}

.w--svh {
  width: 100svh;
}

.w--half {
  width: 50%;
}

.w--full {
  width: 100%;
}

.w--3xs {
  width: var(--container--3xs);
}

.w--2xs {
  width: var(--container--2xs);
}

.w--xs {
  width: var(--container--xs);
}

.w--sm {
  width: var(--container--sm);
}

.w--md {
  width: var(--container--md);
}

.w--lg {
  width: var(--container--lg);
}

.w--xl {
  width: var(--container--xl);
}

.w--2xl {
  width: var(--container--2xl);
}

.w--3xl {
  width: var(--container--3xl);
}

.w--4xl {
  width: var(--container--4xl);
}

.w--5xl {
  width: var(--container--5xl);
}

.w--6xl {
  width: var(--container--6xl);
}

.w--7xl {
  width: var(--container--7xl);
}

.w--8xl {
  width: var(--container--8xl);
}

.w--9xl {
  width: var(--container--9xl);
}

.w--10xl {
  width: var(--container--10xl);
}

.size--auto {
  width: auto;
  height: auto;
}

.size--fit {
  width: fit-content;
  height: fit-content;
}

.size--max {
  width: max-content;
  height: max-content;
}

.size--min {
  width: min-content;
  height: min-content;
}

.size--screen {
  width: 100vw;
  height: 100vw;
}

.size--min-screen {
  width: 100vmin;
  height: 100vmin;
}

.size--dvw {
  width: 100dvw;
  height: 100dvw;
}

.size--dvh {
  width: 100dvh;
  height: 100dvh;
}

.size--lvw {
  width: 100lvw;
  height: 100lvw;
}

.size--lvh {
  width: 100lvh;
  height: 100lvh;
}

.size--svw {
  width: 100svw;
  height: 100svw;
}

.size--svh {
  width: 100svh;
  height: 100svh;
}

.size--half {
  width: 50%;
  height: 50%;
}

.size--full {
  width: 100%;
  height: 100%;
}

.size--xs {
  width: var(--spacing--xs);
  height: var(--spacing--xs);
}

.size--sm {
  width: var(--spacing--sm);
  height: var(--spacing--sm);
}

.size--md {
  width: var(--spacing--md);
  height: var(--spacing--md);
}

.size--lg {
  width: var(--spacing--lg);
  height: var(--spacing--lg);
}

.size--xl {
  width: var(--spacing--xl);
  height: var(--spacing--xl);
}

.size--2xl {
  width: var(--spacing--2xl);
  height: var(--spacing--2xl);
}

.size--3xl {
  width: var(--spacing--3xl);
  height: var(--spacing--3xl);
}

.size--4xl {
  width: var(--spacing--4xl);
  height: var(--spacing--4xl);
}

.size--5xl {
  width: var(--spacing--5xl);
  height: var(--spacing--5xl);
}

.size--6xl {
  width: var(--spacing--6xl);
  height: var(--spacing--6xl);
}

.size--7xl {
  width: var(--spacing--7xl);
  height: var(--spacing--7xl);
}

.size--8xl {
  width: var(--spacing--8xl);
  height: var(--spacing--8xl);
}

.size--9xl {
  width: var(--spacing--9xl);
  height: var(--spacing--9xl);
}

.size--10xl {
  width: var(--spacing--10xl);
  height: var(--spacing--10xl);
}

.w-0\%,
.w--0 {
  width: 0%;
}

.w-5\%,
.w--5 {
  width: 5%;
}

.w-10\%,
.w--10 {
  width: 10%;
}

.w-15\%,
.w--15 {
  width: 15%;
}

.w-20\%,
.w--20 {
  width: 20%;
}

.w-25\%,
.w--25 {
  width: 25%;
}

.w-30\%,
.w--30 {
  width: 30%;
}

.w-35\%,
.w--35 {
  width: 35%;
}

.w-40\%,
.w--40 {
  width: 40%;
}

.w-45\%,
.w--45 {
  width: 45%;
}

.w-50\%,
.w--50 {
  width: 50%;
}

.w-55\%,
.w--55 {
  width: 55%;
}

.w-60\%,
.w--60 {
  width: 60%;
}

.w-65\%,
.w--65 {
  width: 65%;
}

.w-70\%,
.w--70 {
  width: 70%;
}

.w-75\%,
.w--75 {
  width: 75%;
}

.w-80\%,
.w--80 {
  width: 80%;
}

.w-85\%,
.w--85 {
  width: 85%;
}

.w-90\%,
.w--90 {
  width: 90%;
}

.w-95\%,
.w--95 {
  width: 95%;
}

.w-100\%,
.w--100 {
  width: 100%;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.3333%;
}

.w-2\/3 {
  width: 66.6667%;
}

.w-1\/4 {
  width: 25%;
}

.w-2\/4 {
  width: 50%;
}

.w-3\/4 {
  width: 75%;
}

.w-1\/5 {
  width: 20%;
}

.w-2\/5 {
  width: 40%;
}

.w-3\/5 {
  width: 60%;
}

.w-4\/5 {
  width: 80%;
}

.w-full {
  width: 100%;
}

.w--10,
.min-w--10,
.max-w--10 {
  width: 0.625rem;
}

.w--15,
.min-w--15,
.max-w--15 {
  width: 0.9375rem;
}

.w--20,
.min-w--20,
.max-w--20 {
  width: 1.25rem;
}

.w--25,
.min-w--25,
.max-w--25 {
  width: 1.5625rem;
}

.w--30,
.min-w--30,
.max-w--30 {
  width: 1.875rem;
}

.w--35,
.min-w--35,
.max-w--35 {
  width: 2.1875rem;
}

.w--40,
.min-w--40,
.max-w--40 {
  width: 2.5rem;
}

.w--45,
.min-w--45,
.max-w--45 {
  width: 2.8125rem;
}

.w--50,
.min-w--50,
.max-w--50 {
  width: 3.125rem;
}

.w--55,
.min-w--55,
.max-w--55 {
  width: 3.4375rem;
}

.w--60,
.min-w--60,
.max-w--60 {
  width: 3.75rem;
}

.w--65,
.min-w--65,
.max-w--65 {
  width: 4.0625rem;
}

.w--70,
.min-w--70,
.max-w--70 {
  width: 4.375rem;
}

.w--75,
.min-w--75,
.max-w--75 {
  width: 4.6875rem;
}

.w--80,
.min-w--80,
.max-w--80 {
  width: 5rem;
}

.w--85,
.min-w--85,
.max-w--85 {
  width: 5.3125rem;
}

.w--90,
.min-w--90,
.max-w--90 {
  width: 5.625rem;
}

.w--95,
.min-w--95,
.max-w--95 {
  width: 5.9375rem;
}

.w--100,
.min-w--100,
.max-w--100 {
  width: 6.25rem;
}

.w--100,
.min-w--100,
.max-w--100 {
  width: 6.25rem;
}

.w--110,
.min-w--110,
.max-w--110 {
  width: 6.875rem;
}

.w--120,
.min-w--120,
.max-w--120 {
  width: 7.5rem;
}

.w--130,
.min-w--130,
.max-w--130 {
  width: 8.125rem;
}

.w--140,
.min-w--140,
.max-w--140 {
  width: 8.75rem;
}

.w--150,
.min-w--150,
.max-w--150 {
  width: 9.375rem;
}

.w--160,
.min-w--160,
.max-w--160 {
  width: 10rem;
}

.w--170,
.min-w--170,
.max-w--170 {
  width: 10.625rem;
}

.w--180,
.min-w--180,
.max-w--180 {
  width: 11.25rem;
}

.w--190,
.min-w--190,
.max-w--190 {
  width: 11.875rem;
}

.w--200,
.min-w--200,
.max-w--200 {
  width: 12.5rem;
}

.w--250,
.min-w--250,
.max-w--250 {
  width: 15.625rem;
}

.w--300,
.min-w--300,
.max-w--300 {
  width: 18.75rem;
}

.w--350,
.min-w--350,
.max-w--350 {
  width: 21.875rem;
}

.w--400,
.min-w--400,
.max-w--400 {
  width: 25rem;
}

.w--450,
.min-w--450,
.max-w--450 {
  width: 28.125rem;
}

.w--500,
.min-w--500,
.max-w--500 {
  width: 31.25rem;
}

.w--600,
.min-w--600,
.max-w--600 {
  width: 37.5rem;
}

.w--700,
.min-w--700,
.max-w--700 {
  width: 43.75rem;
}

.w--800,
.min-w--800,
.max-w--800 {
  width: 50rem;
}

.w--900,
.min-w--900,
.max-w--900 {
  width: 56.25rem;
}

.w--1000,
.min-w--1000,
.max-w--1000 {
  width: 62.5rem;
}

.w--1100,
.min-w--1100,
.max-w--1100 {
  width: 68.75rem;
}

.w--1200,
.min-w--1200,
.max-w--1200 {
  width: 75rem;
}

.w--1300,
.min-w--1300,
.max-w--1300 {
  width: 81.25rem;
}

.w--1400,
.min-w--1400,
.max-w--1400 {
  width: 87.5rem;
}

/* =====[ Height Classes ]===== */
.h--auto {
  height: auto;
}

.h--fit {
  height: fit-content;
}

.h--max {
  height: max-content;
}

.h--min {
  height: min-content;
}

.h--screen {
  height: 100vw;
}

.h--min-screen {
  height: 100vmin;
}

.h--dvw {
  height: 100dvw;
}

.h--dvh {
  height: 100dvh;
}

.h--lvw {
  height: 100lvw;
}

.h--lvh {
  height: 100lvh;
}

.h--svw {
  height: 100svw;
}

.h--svh {
  height: 100svh;
}

.h--half {
  height: 50%;
}

.h--full {
  height: 100%;
}

.h-0\%,
.h--0 {
  height: 0%;
}

.h-5\%,
.h--5 {
  height: 5%;
}

.h-10\%,
.h--10 {
  height: 10%;
}

.h-15\%,
.h--15 {
  height: 15%;
}

.h-20\%,
.h--20 {
  height: 20%;
}

.h-25\%,
.h--25 {
  height: 25%;
}

.h-30\%,
.h--30 {
  height: 30%;
}

.h-35\%,
.h--35 {
  height: 35%;
}

.h-40\%,
.h--40 {
  height: 40%;
}

.h-45\%,
.h--45 {
  height: 45%;
}

.h-50\%,
.h--50 {
  height: 50%;
}

.h-55\%,
.h--55 {
  height: 55%;
}

.h-60\%,
.h--60 {
  height: 60%;
}

.h-65\%,
.h--65 {
  height: 65%;
}

.h-70\%,
.h--70 {
  height: 70%;
}

.h-75\%,
.h--75 {
  height: 75%;
}

.h-80\%,
.h--80 {
  height: 80%;
}

.h-85\%,
.h--85 {
  height: 85%;
}

.h-90\%,
.h--90 {
  height: 90%;
}

.h-95\%,
.h--95 {
  height: 95%;
}

.h-100\%,
.h--100 {
  height: 100%;
}

.h--3xs {
  height: var(--container--3xs);
}

.h--2xs {
  height: var(--container--2xs);
}

.h--xs {
  height: var(--container--xs);
}

.h--sm {
  height: var(--container--sm);
}

.h--md {
  height: var(--container--md);
}

.h--lg {
  height: var(--container--lg);
}

.h--xl {
  height: var(--container--xl);
}

.h--2xl {
  height: var(--container--2xl);
}

.h--3xl {
  height: var(--container--3xl);
}

.h--4xl {
  height: var(--container--4xl);
}

.h--5xl {
  height: var(--container--5xl);
}

.h--6xl {
  height: var(--container--6xl);
}

.h--7xl {
  height: var(--container--7xl);
}

.h--8xl {
  height: var(--container--8xl);
}

.h--9xl {
  height: var(--container--9xl);
}

.h--10xl {
  height: var(--container--10xl);
}

.h-1\/2 {
  height: 50%;
}

.h-1\/3 {
  height: 33.3333%;
}

.h-2\/3 {
  height: 66.6667%;
}

.h-1\/4 {
  height: 25%;
}

.h-2\/4 {
  height: 50%;
}

.h-3\/4 {
  height: 75%;
}

.h-1\/5 {
  height: 20%;
}

.h-2\/5 {
  height: 40%;
}

.h-3\/5 {
  height: 60%;
}

.h-4\/5 {
  height: 80%;
}

.h-full {
  height: 100%;
}

.h--10,
.min-h--10,
.max-h--10 {
  height: 0.625rem;
}

.h--15,
.min-h--15,
.max-h--15 {
  height: 0.9375rem;
}

.h--20,
.min-h--20,
.max-h--20 {
  height: 1.25rem;
}

.h--25,
.min-h--25,
.max-h--25 {
  height: 1.5625rem;
}

.h--30,
.min-h--30,
.max-h--30 {
  height: 1.875rem;
}

.h--35,
.min-h--35,
.max-h--35 {
  height: 2.1875rem;
}

.h--40,
.min-h--40,
.max-h--40 {
  height: 2.5rem;
}

.h--45,
.min-h--45,
.max-h--45 {
  height: 2.8125rem;
}

.h--50,
.min-h--50,
.max-h--50 {
  height: 3.125rem;
}

.h--55,
.min-h--55,
.max-h--55 {
  height: 3.4375rem;
}

.h--60,
.min-h--60,
.max-h--60 {
  height: 3.75rem;
}

.h--65,
.min-h--65,
.max-h--65 {
  height: 4.0625rem;
}

.h--70,
.min-h--70,
.max-h--70 {
  height: 4.375rem;
}

.h--75,
.min-h--75,
.max-h--75 {
  height: 4.6875rem;
}

.h--80,
.min-h--80,
.max-h--80 {
  height: 5rem;
}

.h--85,
.min-h--85,
.max-h--85 {
  height: 5.3125rem;
}

.h--90,
.min-h--90,
.max-h--90 {
  height: 5.625rem;
}

.h--95,
.min-h--95,
.max-h--95 {
  height: 5.9375rem;
}

.h--100,
.min-h--100,
.max-h--100 {
  height: 6.25rem;
}

.h--100,
.min-h--100,
.max-h--100 {
  height: 6.25rem;
}

.h--110,
.min-h--110,
.max-h--110 {
  height: 6.875rem;
}

.h--120,
.min-h--120,
.max-h--120 {
  height: 7.5rem;
}

.h--130,
.min-h--130,
.max-h--130 {
  height: 8.125rem;
}

.h--140,
.min-h--140,
.max-h--140 {
  height: 8.75rem;
}

.h--150,
.min-h--150,
.max-h--150 {
  height: 9.375rem;
}

.h--160,
.min-h--160,
.max-h--160 {
  height: 10rem;
}

.h--170,
.min-h--170,
.max-h--170 {
  height: 10.625rem;
}

.h--180,
.min-h--180,
.max-h--180 {
  height: 11.25rem;
}

.h--190,
.min-h--190,
.max-h--190 {
  height: 11.875rem;
}

.h--200,
.min-h--200,
.max-h--200 {
  height: 12.5rem;
}

.h--250,
.min-h--250,
.max-h--250 {
  height: 15.625rem;
}

.h--300,
.min-h--300,
.max-h--300 {
  height: 18.75rem;
}

.h--350,
.min-h--350,
.max-h--350 {
  height: 21.875rem;
}

.h--400,
.min-h--400,
.max-h--400 {
  height: 25rem;
}

.h--450,
.min-h--450,
.max-h--450 {
  height: 28.125rem;
}

.h--500,
.min-h--500,
.max-h--500 {
  height: 31.25rem;
}

.h--600,
.min-h--600,
.max-h--600 {
  height: 37.5rem;
}

.h--700,
.min-h--700,
.max-h--700 {
  height: 43.75rem;
}

.h--800,
.min-h--800,
.max-h--800 {
  height: 50rem;
}

.h--900,
.min-h--900,
.max-h--900 {
  height: 56.25rem;
}

.h--1000,
.min-h--1000,
.max-h--1000 {
  height: 62.5rem;
}

.h--1100,
.min-h--1100,
.max-h--1100 {
  height: 68.75rem;
}

.h--1200,
.min-h--1200,
.max-h--1200 {
  height: 75rem;
}

.h--1300,
.min-h--1300,
.max-h--1300 {
  height: 81.25rem;
}

.h--1400,
.min-h--1400,
.max-h--1400 {
  height: 87.5rem;
}

/* =====[ Height Classes ]===== */
.inline--auto {
  inline-size: auto;
}

.min-inline-auto {
  min-inline-size: auto;
}

.max-inline-auto {
  max-inline-size: auto;
}

.inline--fit {
  inline-size: fit-content;
}

.min-inline-fit {
  min-inline-size: fit-content;
}

.max-inline-fit {
  max-inline-size: fit-content;
}

.inline--max {
  inline-size: max-content;
}

.min-inline-max {
  min-inline-size: max-content;
}

.max-inline-max {
  max-inline-size: max-content;
}

.inline--min {
  inline-size: min-content;
}

.min-inline-min {
  min-inline-size: min-content;
}

.max-inline-min {
  max-inline-size: min-content;
}

.inline--screen {
  inline-size: 100vw;
}

.min-inline-screen {
  min-inline-size: 100vw;
}

.max-inline-screen {
  max-inline-size: 100vw;
}

.inline--min-screen {
  inline-size: 100vmin;
}

.min-inline-min-screen {
  min-inline-size: 100vmin;
}

.max-inline-min-screen {
  max-inline-size: 100vmin;
}

.inline--dvw {
  inline-size: 100dvw;
}

.min-inline-dvw {
  min-inline-size: 100dvw;
}

.max-inline-dvw {
  max-inline-size: 100dvw;
}

.inline--dvh {
  inline-size: 100dvh;
}

.min-inline-dvh {
  min-inline-size: 100dvh;
}

.max-inline-dvh {
  max-inline-size: 100dvh;
}

.inline--lvw {
  inline-size: 100lvw;
}

.min-inline-lvw {
  min-inline-size: 100lvw;
}

.max-inline-lvw {
  max-inline-size: 100lvw;
}

.inline--lvh {
  inline-size: 100lvh;
}

.min-inline-lvh {
  min-inline-size: 100lvh;
}

.max-inline-lvh {
  max-inline-size: 100lvh;
}

.inline--svw {
  inline-size: 100svw;
}

.min-inline-svw {
  min-inline-size: 100svw;
}

.max-inline-svw {
  max-inline-size: 100svw;
}

.inline--svh {
  inline-size: 100svh;
}

.min-inline-svh {
  min-inline-size: 100svh;
}

.max-inline-svh {
  max-inline-size: 100svh;
}

.inline--half {
  inline-size: 50%;
}

.min-inline-half {
  min-inline-size: 50%;
}

.max-inline-half {
  max-inline-size: 50%;
}

.inline--full {
  inline-size: 100%;
}

.min-inline-full {
  min-inline-size: 100%;
}

.max-inline-full {
  max-inline-size: 100%;
}

.inline--3xs {
  inline-size: var(--container--3xs);
}

.min-inline-3xs {
  min-inline-size: var(--container--3xs);
}

.max-inline-3xs {
  max-inline-size: var(--container--3xs);
}

.inline--2xs {
  inline-size: var(--container--2xs);
}

.min-inline-2xs {
  min-inline-size: var(--container--2xs);
}

.max-inline-2xs {
  max-inline-size: var(--container--2xs);
}

.inline--xs {
  inline-size: var(--container--xs);
}

.min-inline-xs {
  min-inline-size: var(--container--xs);
}

.max-inline-xs {
  max-inline-size: var(--container--xs);
}

.inline--sm {
  inline-size: var(--container--sm);
}

.min-inline-sm {
  min-inline-size: var(--container--sm);
}

.max-inline-sm {
  max-inline-size: var(--container--sm);
}

.inline--md {
  inline-size: var(--container--md);
}

.min-inline-md {
  min-inline-size: var(--container--md);
}

.max-inline-md {
  max-inline-size: var(--container--md);
}

.inline--lg {
  inline-size: var(--container--lg);
}

.min-inline-lg {
  min-inline-size: var(--container--lg);
}

.max-inline-lg {
  max-inline-size: var(--container--lg);
}

.inline--xl {
  inline-size: var(--container--xl);
}

.min-inline-xl {
  min-inline-size: var(--container--xl);
}

.max-inline-xl {
  max-inline-size: var(--container--xl);
}

.inline--2xl {
  inline-size: var(--container--2xl);
}

.min-inline-2xl {
  min-inline-size: var(--container--2xl);
}

.max-inline-2xl {
  max-inline-size: var(--container--2xl);
}

.inline--3xl {
  inline-size: var(--container--3xl);
}

.min-inline-3xl {
  min-inline-size: var(--container--3xl);
}

.max-inline-3xl {
  max-inline-size: var(--container--3xl);
}

.inline--4xl {
  inline-size: var(--container--4xl);
}

.min-inline-4xl {
  min-inline-size: var(--container--4xl);
}

.max-inline-4xl {
  max-inline-size: var(--container--4xl);
}

.inline--5xl {
  inline-size: var(--container--5xl);
}

.min-inline-5xl {
  min-inline-size: var(--container--5xl);
}

.max-inline-5xl {
  max-inline-size: var(--container--5xl);
}

.inline--6xl {
  inline-size: var(--container--6xl);
}

.min-inline-6xl {
  min-inline-size: var(--container--6xl);
}

.max-inline-6xl {
  max-inline-size: var(--container--6xl);
}

.inline--7xl {
  inline-size: var(--container--7xl);
}

.min-inline-7xl {
  min-inline-size: var(--container--7xl);
}

.max-inline-7xl {
  max-inline-size: var(--container--7xl);
}

.inline--8xl {
  inline-size: var(--container--8xl);
}

.min-inline-8xl {
  min-inline-size: var(--container--8xl);
}

.max-inline-8xl {
  max-inline-size: var(--container--8xl);
}

.inline--9xl {
  inline-size: var(--container--9xl);
}

.min-inline-9xl {
  min-inline-size: var(--container--9xl);
}

.max-inline-9xl {
  max-inline-size: var(--container--9xl);
}

.inline--10xl {
  inline-size: var(--container--10xl);
}

.min-inline-10xl {
  min-inline-size: var(--container--10xl);
}

.max-inline-10xl {
  max-inline-size: var(--container--10xl);
}

.inline-1\/2 {
  inline-size: 50%;
}

.min-inline-1\/2 {
  min-inline-size: 50%;
}

.max-inline-1\/2 {
  max-inline-size: 50%;
}

.inline-1\/3 {
  inline-size: 33.3333%;
}

.min-inline-1\/3 {
  min-inline-size: 33.3333%;
}

.max-inline-1\/3 {
  max-inline-size: 33.3333%;
}

.inline-2\/3 {
  inline-size: 66.6667%;
}

.min-inline-2\/3 {
  min-inline-size: 66.6667%;
}

.max-inline-2\/3 {
  max-inline-size: 66.6667%;
}

.inline-1\/4 {
  inline-size: 25%;
}

.min-inline-1\/4 {
  min-inline-size: 25%;
}

.max-inline-1\/4 {
  max-inline-size: 25%;
}

.inline-2\/4 {
  inline-size: 50%;
}

.min-inline-2\/4 {
  min-inline-size: 50%;
}

.max-inline-2\/4 {
  max-inline-size: 50%;
}

.inline-3\/4 {
  inline-size: 75%;
}

.min-inline-3\/4 {
  min-inline-size: 75%;
}

.max-inline-3\/4 {
  max-inline-size: 75%;
}

.inline-1\/5 {
  inline-size: 20%;
}

.min-inline-1\/5 {
  min-inline-size: 20%;
}

.max-inline-1\/5 {
  max-inline-size: 20%;
}

.inline-2\/5 {
  inline-size: 40%;
}

.min-inline-2\/5 {
  min-inline-size: 40%;
}

.max-inline-2\/5 {
  max-inline-size: 40%;
}

.inline-3\/5 {
  inline-size: 60%;
}

.min-inline-3\/5 {
  min-inline-size: 60%;
}

.max-inline-3\/5 {
  max-inline-size: 60%;
}

.inline-4\/5 {
  inline-size: 80%;
}

.min-inline-4\/5 {
  min-inline-size: 80%;
}

.max-inline-4\/5 {
  max-inline-size: 80%;
}

.inline-full {
  inline-size: 100%;
}

.min-inline-full {
  min-inline-size: 100%;
}

.max-inline-full {
  max-inline-size: 100%;
}

/* =====[ Font Classes ]===== */
.italic {
  font-style: italic;
}

.no-italic {
  font-style: normal;
}

.lh--normal {
  line-height: normal;
}

.lh--none {
  line-height: 1;
}

.lh--sm {
  line-height: 1.25;
}

.lh--md {
  line-height: 1.5;
}

.lh--lg {
  line-height: 1.75;
}

.lh--xl {
  line-height: 2;
}

.fw--thin,
.fw--\/\[100\] {
  font-weight: 100;
}

.fw--ex-light,
.fw--\/\[200\] {
  font-weight: 200;
}

.fw--light,
.fw--\/\[300\] {
  font-weight: 300;
}

.fw--normal,
.fw--\/\[400\] {
  font-weight: 400;
}

.fw--medium,
.fw--\/\[500\] {
  font-weight: 500;
}

.fw--semi-bold,
.fw--\/\[600\] {
  font-weight: 600;
}

.fw--bold,
.fw--\/\[700\] {
  font-weight: 700;
}

.fw--ex-bold,
.fw--\/\[800\] {
  font-weight: 800;
}

.fw--black,
.fw--\/\[900\] {
  font-weight: 900;
}

/* Headings */
h1,
.h1,
.fs--h1 {
  font-size: var(--fs--1);
  line-height: var(--lh--1);
  font-weight: var(--fw--700);
}

h2,
.h2,
.fs--h2 {
  font-size: var(--fs--2);
  line-height: var(--lh--2);
  font-weight: var(--fw--700);
}

h3,
.h3,
.fs--h3 {
  font-size: var(--fs--3);
  line-height: var(--lh--3);
  font-weight: var(--fw--700);
}

h4,
.h4,
.fs--h4 {
  font-size: var(--fs--4);
  line-height: var(--lh--4);
  font-weight: var(--fw--500);
}

h5,
.h5,
.fs--h5 {
  font-size: var(--fs--5);
  line-height: var(--lh--5);
  font-weight: var(--fw--500);
}

h6,
.h6,
.fs--h6 {
  font-size: var(--fs--6);
  line-height: var(--lh--6);
  font-weight: var(--fw--500);
}

/* Body text */
p,
.fs--md,
.text--medium,
.text-body,
.text--p,
.paragraph,
.paragraph-text {
  font-size: var(--fs--md);
  line-height: var(--lh--md);
}

.fs--lg,
.text--large {
  font-size: var(--fs--lg);
  line-height: var(--lh--lg);
}

.fs--sm,
.text--small,
small {
  font-size: var(--fs--sm);
  line-height: var(--lh--sm);
}

.fs--xs,
.text--extra-small {
  font-size: var(--fs--xs);
  line-height: var(--lh--xs);
}

/* =====[ Others Classes ]===== */
.object-fit--cover {
  object-fit: cover;
}

.object-fit--contain {
  object-fit: contain;
}

.object-fit--fill {
  object-fit: fill;
}

.object-fit--none {
  object-fit: none;
}

.object-fit--scale-down {
  object-fit: scale-down;
}

.object-position--center {
  object-position: center;
}

.object-position--top {
  object-position: top;
}

.object-position--bottom {
  object-position: bottom;
}

.object-position--left {
  object-position: left;
}

.object-position--right {
  object-position: right;
}

.position--static,
.static {
  position: static;
}

.position--relative,
.relative {
  position: relative;
}

.position--absolute,
.absolute {
  position: absolute;
}

.position--fixed,
.fixed {
  position: fixed;
}

.position--sticky,
.sticky {
  position: sticky;
}

.text-color--inherit,
.text--inherit {
  color: inherit;
}

.text-color--current,
.text--current {
  color: currentColor;
}

.text-color--transparent,
.text--transparent {
  color: transparent;
}

.text-color--black,
.text--black {
  color: black;
}

.text-color--white,
.text--white {
  color: white;
}

.line-clamp--1 {
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp--2 {
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp--3 {
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.line-clamp--4 {
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.line-clamp--5 {
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.line-clamp--6 {
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 6;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.line-clamp--none {
  overflow: hidden;
  display: -webkit-box;
  line-clamp: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: none;
}

.border--none {
  border-style: none;
}

.border--hidden {
  border-style: hidden;
}

.border--dotted {
  border-style: dotted;
}

.border--dashed {
  border-style: dashed;
}

.border--solid {
  border-style: solid;
}

.border--double {
  border-style: double;
}

.border--groove {
  border-style: groove;
}

.border--ridge {
  border-style: ridge;
}

.border--inset {
  border-style: inset;
}

.border--outset {
  border-style: outset;
}

.border:not(.b-x--start, .b-x--end, .b-y--start, .b-y--end), .bordered:not(.b-x--start, .b-x--end, .b-y--start, .b-y--end) {
  border: var(--base-border-width, 1px) var(--base-border-style, solid) var(--base-border-color, currentColor);
}

.b-x--start {
  border-inline-start: var(--base-border-width, 1px) var(--base-border-style, solid) var(--base-border-color, currentColor);
}

.b-x--end {
  border-inline-end: var(--base-border-width, 1px) var(--base-border-style, solid) var(--base-border-color, currentColor);
}

.b-y--start {
  border-block-start: var(--base-border-width, 1px) var(--base-border-style, solid) var(--base-border-color, currentColor);
}

.b-y--end {
  border-block-end: var(--base-border-width, 1px) var(--base-border-style, solid) var(--base-border-color, currentColor);
}

/* =========[ Salman Raza | @salraza1993 ]========= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  interpolate-size: allow-keywords;
}

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* =====[ Background, Text, Border Classes ]===== */
.bg-white, .bg-light {
  background-color: var(--white);
}

.bg-dark, .bg-black {
  background-color: var(--black);
}

.bg-primary--50 {
  background-color: var(--primary--50);
}

.bg-primary--100 {
  background-color: var(--primary--100);
}

.bg-primary--200 {
  background-color: var(--primary--200);
}

.bg-primary--300 {
  background-color: var(--primary--300);
}

.bg-primary--400 {
  background-color: var(--primary--400);
}

.bg-primary--500 {
  background-color: var(--primary--500);
}

.bg-primary--600 {
  background-color: var(--primary--600);
}

.bg-primary--700 {
  background-color: var(--primary--700);
}

.bg-primary--800 {
  background-color: var(--primary--800);
}

.bg-primary--900 {
  background-color: var(--primary--900);
}

.bg-primary--950 {
  background-color: var(--primary--950);
}

.bg-secondary--50 {
  background-color: var(--secondary--50);
}

.bg-secondary--100 {
  background-color: var(--secondary--100);
}

.bg-secondary--200 {
  background-color: var(--secondary--200);
}

.bg-secondary--300 {
  background-color: var(--secondary--300);
}

.bg-secondary--400 {
  background-color: var(--secondary--400);
}

.bg-secondary--500 {
  background-color: var(--secondary--500);
}

.bg-secondary--600 {
  background-color: var(--secondary--600);
}

.bg-secondary--700 {
  background-color: var(--secondary--700);
}

.bg-secondary--800 {
  background-color: var(--secondary--800);
}

.bg-secondary--900 {
  background-color: var(--secondary--900);
}

.bg-secondary--950 {
  background-color: var(--secondary--950);
}

.bg-accent--50 {
  background-color: var(--accent--50);
}

.bg-accent--100 {
  background-color: var(--accent--100);
}

.bg-accent--200 {
  background-color: var(--accent--200);
}

.bg-accent--300 {
  background-color: var(--accent--300);
}

.bg-accent--400 {
  background-color: var(--accent--400);
}

.bg-accent--500 {
  background-color: var(--accent--500);
}

.bg-accent--600 {
  background-color: var(--accent--600);
}

.bg-accent--700 {
  background-color: var(--accent--700);
}

.bg-accent--800 {
  background-color: var(--accent--800);
}

.bg-accent--900 {
  background-color: var(--accent--900);
}

.bg-accent--950 {
  background-color: var(--accent--950);
}

.bg-red--50 {
  background-color: var(--red--50);
}

.bg-red--100 {
  background-color: var(--red--100);
}

.bg-red--200 {
  background-color: var(--red--200);
}

.bg-red--300 {
  background-color: var(--red--300);
}

.bg-red--400 {
  background-color: var(--red--400);
}

.bg-red--500 {
  background-color: var(--red--500);
}

.bg-red--600 {
  background-color: var(--red--600);
}

.bg-red--700 {
  background-color: var(--red--700);
}

.bg-red--800 {
  background-color: var(--red--800);
}

.bg-red--900 {
  background-color: var(--red--900);
}

.bg-red--950 {
  background-color: var(--red--950);
}

.bg-orange--50 {
  background-color: var(--orange--50);
}

.bg-orange--100 {
  background-color: var(--orange--100);
}

.bg-orange--200 {
  background-color: var(--orange--200);
}

.bg-orange--300 {
  background-color: var(--orange--300);
}

.bg-orange--400 {
  background-color: var(--orange--400);
}

.bg-orange--500 {
  background-color: var(--orange--500);
}

.bg-orange--600 {
  background-color: var(--orange--600);
}

.bg-orange--700 {
  background-color: var(--orange--700);
}

.bg-orange--800 {
  background-color: var(--orange--800);
}

.bg-orange--900 {
  background-color: var(--orange--900);
}

.bg-orange--950 {
  background-color: var(--orange--950);
}

.bg-amber--50 {
  background-color: var(--amber--50);
}

.bg-amber--100 {
  background-color: var(--amber--100);
}

.bg-amber--200 {
  background-color: var(--amber--200);
}

.bg-amber--300 {
  background-color: var(--amber--300);
}

.bg-amber--400 {
  background-color: var(--amber--400);
}

.bg-amber--500 {
  background-color: var(--amber--500);
}

.bg-amber--600 {
  background-color: var(--amber--600);
}

.bg-amber--700 {
  background-color: var(--amber--700);
}

.bg-amber--800 {
  background-color: var(--amber--800);
}

.bg-amber--900 {
  background-color: var(--amber--900);
}

.bg-amber--950 {
  background-color: var(--amber--950);
}

.bg-yellow--50 {
  background-color: var(--yellow--50);
}

.bg-yellow--100 {
  background-color: var(--yellow--100);
}

.bg-yellow--200 {
  background-color: var(--yellow--200);
}

.bg-yellow--300 {
  background-color: var(--yellow--300);
}

.bg-yellow--400 {
  background-color: var(--yellow--400);
}

.bg-yellow--500 {
  background-color: var(--yellow--500);
}

.bg-yellow--600 {
  background-color: var(--yellow--600);
}

.bg-yellow--700 {
  background-color: var(--yellow--700);
}

.bg-yellow--800 {
  background-color: var(--yellow--800);
}

.bg-yellow--900 {
  background-color: var(--yellow--900);
}

.bg-yellow--950 {
  background-color: var(--yellow--950);
}

.bg-lime--50 {
  background-color: var(--lime--50);
}

.bg-lime--100 {
  background-color: var(--lime--100);
}

.bg-lime--200 {
  background-color: var(--lime--200);
}

.bg-lime--300 {
  background-color: var(--lime--300);
}

.bg-lime--400 {
  background-color: var(--lime--400);
}

.bg-lime--500 {
  background-color: var(--lime--500);
}

.bg-lime--600 {
  background-color: var(--lime--600);
}

.bg-lime--700 {
  background-color: var(--lime--700);
}

.bg-lime--800 {
  background-color: var(--lime--800);
}

.bg-lime--900 {
  background-color: var(--lime--900);
}

.bg-lime--950 {
  background-color: var(--lime--950);
}

.bg-green--50 {
  background-color: var(--green--50);
}

.bg-green--100 {
  background-color: var(--green--100);
}

.bg-green--200 {
  background-color: var(--green--200);
}

.bg-green--300 {
  background-color: var(--green--300);
}

.bg-green--400 {
  background-color: var(--green--400);
}

.bg-green--500 {
  background-color: var(--green--500);
}

.bg-green--600 {
  background-color: var(--green--600);
}

.bg-green--700 {
  background-color: var(--green--700);
}

.bg-green--800 {
  background-color: var(--green--800);
}

.bg-green--900 {
  background-color: var(--green--900);
}

.bg-green--950 {
  background-color: var(--green--950);
}

.bg-teal--50 {
  background-color: var(--teal--50);
}

.bg-teal--100 {
  background-color: var(--teal--100);
}

.bg-teal--200 {
  background-color: var(--teal--200);
}

.bg-teal--300 {
  background-color: var(--teal--300);
}

.bg-teal--400 {
  background-color: var(--teal--400);
}

.bg-teal--500 {
  background-color: var(--teal--500);
}

.bg-teal--600 {
  background-color: var(--teal--600);
}

.bg-teal--700 {
  background-color: var(--teal--700);
}

.bg-teal--800 {
  background-color: var(--teal--800);
}

.bg-teal--900 {
  background-color: var(--teal--900);
}

.bg-teal--950 {
  background-color: var(--teal--950);
}

.bg-cyan--50 {
  background-color: var(--cyan--50);
}

.bg-cyan--100 {
  background-color: var(--cyan--100);
}

.bg-cyan--200 {
  background-color: var(--cyan--200);
}

.bg-cyan--300 {
  background-color: var(--cyan--300);
}

.bg-cyan--400 {
  background-color: var(--cyan--400);
}

.bg-cyan--500 {
  background-color: var(--cyan--500);
}

.bg-cyan--600 {
  background-color: var(--cyan--600);
}

.bg-cyan--700 {
  background-color: var(--cyan--700);
}

.bg-cyan--800 {
  background-color: var(--cyan--800);
}

.bg-cyan--900 {
  background-color: var(--cyan--900);
}

.bg-cyan--950 {
  background-color: var(--cyan--950);
}

.bg-sky--50 {
  background-color: var(--sky--50);
}

.bg-sky--100 {
  background-color: var(--sky--100);
}

.bg-sky--200 {
  background-color: var(--sky--200);
}

.bg-sky--300 {
  background-color: var(--sky--300);
}

.bg-sky--400 {
  background-color: var(--sky--400);
}

.bg-sky--500 {
  background-color: var(--sky--500);
}

.bg-sky--600 {
  background-color: var(--sky--600);
}

.bg-sky--700 {
  background-color: var(--sky--700);
}

.bg-sky--800 {
  background-color: var(--sky--800);
}

.bg-sky--900 {
  background-color: var(--sky--900);
}

.bg-sky--950 {
  background-color: var(--sky--950);
}

.bg-blue--50 {
  background-color: var(--blue--50);
}

.bg-blue--100 {
  background-color: var(--blue--100);
}

.bg-blue--200 {
  background-color: var(--blue--200);
}

.bg-blue--300 {
  background-color: var(--blue--300);
}

.bg-blue--400 {
  background-color: var(--blue--400);
}

.bg-blue--500 {
  background-color: var(--blue--500);
}

.bg-blue--600 {
  background-color: var(--blue--600);
}

.bg-blue--700 {
  background-color: var(--blue--700);
}

.bg-blue--800 {
  background-color: var(--blue--800);
}

.bg-blue--900 {
  background-color: var(--blue--900);
}

.bg-blue--950 {
  background-color: var(--blue--950);
}

.bg-indigo--50 {
  background-color: var(--indigo--50);
}

.bg-indigo--100 {
  background-color: var(--indigo--100);
}

.bg-indigo--200 {
  background-color: var(--indigo--200);
}

.bg-indigo--300 {
  background-color: var(--indigo--300);
}

.bg-indigo--400 {
  background-color: var(--indigo--400);
}

.bg-indigo--500 {
  background-color: var(--indigo--500);
}

.bg-indigo--600 {
  background-color: var(--indigo--600);
}

.bg-indigo--700 {
  background-color: var(--indigo--700);
}

.bg-indigo--800 {
  background-color: var(--indigo--800);
}

.bg-indigo--900 {
  background-color: var(--indigo--900);
}

.bg-indigo--950 {
  background-color: var(--indigo--950);
}

.bg-violet--50 {
  background-color: var(--violet--50);
}

.bg-violet--100 {
  background-color: var(--violet--100);
}

.bg-violet--200 {
  background-color: var(--violet--200);
}

.bg-violet--300 {
  background-color: var(--violet--300);
}

.bg-violet--400 {
  background-color: var(--violet--400);
}

.bg-violet--500 {
  background-color: var(--violet--500);
}

.bg-violet--600 {
  background-color: var(--violet--600);
}

.bg-violet--700 {
  background-color: var(--violet--700);
}

.bg-violet--800 {
  background-color: var(--violet--800);
}

.bg-violet--900 {
  background-color: var(--violet--900);
}

.bg-violet--950 {
  background-color: var(--violet--950);
}

.bg-purple--50 {
  background-color: var(--purple--50);
}

.bg-purple--100 {
  background-color: var(--purple--100);
}

.bg-purple--200 {
  background-color: var(--purple--200);
}

.bg-purple--300 {
  background-color: var(--purple--300);
}

.bg-purple--400 {
  background-color: var(--purple--400);
}

.bg-purple--500 {
  background-color: var(--purple--500);
}

.bg-purple--600 {
  background-color: var(--purple--600);
}

.bg-purple--700 {
  background-color: var(--purple--700);
}

.bg-purple--800 {
  background-color: var(--purple--800);
}

.bg-purple--900 {
  background-color: var(--purple--900);
}

.bg-purple--950 {
  background-color: var(--purple--950);
}

.bg-fuchsia--50 {
  background-color: var(--fuchsia--50);
}

.bg-fuchsia--100 {
  background-color: var(--fuchsia--100);
}

.bg-fuchsia--200 {
  background-color: var(--fuchsia--200);
}

.bg-fuchsia--300 {
  background-color: var(--fuchsia--300);
}

.bg-fuchsia--400 {
  background-color: var(--fuchsia--400);
}

.bg-fuchsia--500 {
  background-color: var(--fuchsia--500);
}

.bg-fuchsia--600 {
  background-color: var(--fuchsia--600);
}

.bg-fuchsia--700 {
  background-color: var(--fuchsia--700);
}

.bg-fuchsia--800 {
  background-color: var(--fuchsia--800);
}

.bg-fuchsia--900 {
  background-color: var(--fuchsia--900);
}

.bg-fuchsia--950 {
  background-color: var(--fuchsia--950);
}

.bg-pink--50 {
  background-color: var(--pink--50);
}

.bg-pink--100 {
  background-color: var(--pink--100);
}

.bg-pink--200 {
  background-color: var(--pink--200);
}

.bg-pink--300 {
  background-color: var(--pink--300);
}

.bg-pink--400 {
  background-color: var(--pink--400);
}

.bg-pink--500 {
  background-color: var(--pink--500);
}

.bg-pink--600 {
  background-color: var(--pink--600);
}

.bg-pink--700 {
  background-color: var(--pink--700);
}

.bg-pink--800 {
  background-color: var(--pink--800);
}

.bg-pink--900 {
  background-color: var(--pink--900);
}

.bg-pink--950 {
  background-color: var(--pink--950);
}

.bg-rose--50 {
  background-color: var(--rose--50);
}

.bg-rose--100 {
  background-color: var(--rose--100);
}

.bg-rose--200 {
  background-color: var(--rose--200);
}

.bg-rose--300 {
  background-color: var(--rose--300);
}

.bg-rose--400 {
  background-color: var(--rose--400);
}

.bg-rose--500 {
  background-color: var(--rose--500);
}

.bg-rose--600 {
  background-color: var(--rose--600);
}

.bg-rose--700 {
  background-color: var(--rose--700);
}

.bg-rose--800 {
  background-color: var(--rose--800);
}

.bg-rose--900 {
  background-color: var(--rose--900);
}

.bg-rose--950 {
  background-color: var(--rose--950);
}

.bg-slate--50 {
  background-color: var(--slate--50);
}

.bg-slate--100 {
  background-color: var(--slate--100);
}

.bg-slate--200 {
  background-color: var(--slate--200);
}

.bg-slate--300 {
  background-color: var(--slate--300);
}

.bg-slate--400 {
  background-color: var(--slate--400);
}

.bg-slate--500 {
  background-color: var(--slate--500);
}

.bg-slate--600 {
  background-color: var(--slate--600);
}

.bg-slate--700 {
  background-color: var(--slate--700);
}

.bg-slate--800 {
  background-color: var(--slate--800);
}

.bg-slate--900 {
  background-color: var(--slate--900);
}

.bg-slate--950 {
  background-color: var(--slate--950);
}

.bg-gray--50 {
  background-color: var(--gray--50);
}

.bg-gray--100 {
  background-color: var(--gray--100);
}

.bg-gray--200 {
  background-color: var(--gray--200);
}

.bg-gray--300 {
  background-color: var(--gray--300);
}

.bg-gray--400 {
  background-color: var(--gray--400);
}

.bg-gray--500 {
  background-color: var(--gray--500);
}

.bg-gray--600 {
  background-color: var(--gray--600);
}

.bg-gray--700 {
  background-color: var(--gray--700);
}

.bg-gray--800 {
  background-color: var(--gray--800);
}

.bg-gray--900 {
  background-color: var(--gray--900);
}

.bg-gray--950 {
  background-color: var(--gray--950);
}

.bg-zinc--50 {
  background-color: var(--zinc--50);
}

.bg-zinc--100 {
  background-color: var(--zinc--100);
}

.bg-zinc--200 {
  background-color: var(--zinc--200);
}

.bg-zinc--300 {
  background-color: var(--zinc--300);
}

.bg-zinc--400 {
  background-color: var(--zinc--400);
}

.bg-zinc--500 {
  background-color: var(--zinc--500);
}

.bg-zinc--600 {
  background-color: var(--zinc--600);
}

.bg-zinc--700 {
  background-color: var(--zinc--700);
}

.bg-zinc--800 {
  background-color: var(--zinc--800);
}

.bg-zinc--900 {
  background-color: var(--zinc--900);
}

.bg-zinc--950 {
  background-color: var(--zinc--950);
}

.bg-neutral--50 {
  background-color: var(--neutral--50);
}

.bg-neutral--100 {
  background-color: var(--neutral--100);
}

.bg-neutral--200 {
  background-color: var(--neutral--200);
}

.bg-neutral--300 {
  background-color: var(--neutral--300);
}

.bg-neutral--400 {
  background-color: var(--neutral--400);
}

.bg-neutral--500 {
  background-color: var(--neutral--500);
}

.bg-neutral--600 {
  background-color: var(--neutral--600);
}

.bg-neutral--700 {
  background-color: var(--neutral--700);
}

.bg-neutral--800 {
  background-color: var(--neutral--800);
}

.bg-neutral--900 {
  background-color: var(--neutral--900);
}

.bg-neutral--950 {
  background-color: var(--neutral--950);
}

.bg-stone--50 {
  background-color: var(--stone--50);
}

.bg-stone--100 {
  background-color: var(--stone--100);
}

.bg-stone--200 {
  background-color: var(--stone--200);
}

.bg-stone--300 {
  background-color: var(--stone--300);
}

.bg-stone--400 {
  background-color: var(--stone--400);
}

.bg-stone--500 {
  background-color: var(--stone--500);
}

.bg-stone--600 {
  background-color: var(--stone--600);
}

.bg-stone--700 {
  background-color: var(--stone--700);
}

.bg-stone--800 {
  background-color: var(--stone--800);
}

.bg-stone--900 {
  background-color: var(--stone--900);
}

.bg-stone--950 {
  background-color: var(--stone--950);
}

.text-primary--50 {
  color: var(--primary--50);
}

.text-primary--100 {
  color: var(--primary--100);
}

.text-primary--200 {
  color: var(--primary--200);
}

.text-primary--300 {
  color: var(--primary--300);
}

.text-primary--400 {
  color: var(--primary--400);
}

.text-primary--500 {
  color: var(--primary--500);
}

.text-primary--600 {
  color: var(--primary--600);
}

.text-primary--700 {
  color: var(--primary--700);
}

.text-primary--800 {
  color: var(--primary--800);
}

.text-primary--900 {
  color: var(--primary--900);
}

.text-primary--950 {
  color: var(--primary--950);
}

.text-secondary--50 {
  color: var(--secondary--50);
}

.text-secondary--100 {
  color: var(--secondary--100);
}

.text-secondary--200 {
  color: var(--secondary--200);
}

.text-secondary--300 {
  color: var(--secondary--300);
}

.text-secondary--400 {
  color: var(--secondary--400);
}

.text-secondary--500 {
  color: var(--secondary--500);
}

.text-secondary--600 {
  color: var(--secondary--600);
}

.text-secondary--700 {
  color: var(--secondary--700);
}

.text-secondary--800 {
  color: var(--secondary--800);
}

.text-secondary--900 {
  color: var(--secondary--900);
}

.text-secondary--950 {
  color: var(--secondary--950);
}

.text-accent--50 {
  color: var(--accent--50);
}

.text-accent--100 {
  color: var(--accent--100);
}

.text-accent--200 {
  color: var(--accent--200);
}

.text-accent--300 {
  color: var(--accent--300);
}

.text-accent--400 {
  color: var(--accent--400);
}

.text-accent--500 {
  color: var(--accent--500);
}

.text-accent--600 {
  color: var(--accent--600);
}

.text-accent--700 {
  color: var(--accent--700);
}

.text-accent--800 {
  color: var(--accent--800);
}

.text-accent--900 {
  color: var(--accent--900);
}

.text-accent--950 {
  color: var(--accent--950);
}

.text-red--50 {
  color: var(--red--50);
}

.text-red--100 {
  color: var(--red--100);
}

.text-red--200 {
  color: var(--red--200);
}

.text-red--300 {
  color: var(--red--300);
}

.text-red--400 {
  color: var(--red--400);
}

.text-red--500 {
  color: var(--red--500);
}

.text-red--600 {
  color: var(--red--600);
}

.text-red--700 {
  color: var(--red--700);
}

.text-red--800 {
  color: var(--red--800);
}

.text-red--900 {
  color: var(--red--900);
}

.text-red--950 {
  color: var(--red--950);
}

.text-orange--50 {
  color: var(--orange--50);
}

.text-orange--100 {
  color: var(--orange--100);
}

.text-orange--200 {
  color: var(--orange--200);
}

.text-orange--300 {
  color: var(--orange--300);
}

.text-orange--400 {
  color: var(--orange--400);
}

.text-orange--500 {
  color: var(--orange--500);
}

.text-orange--600 {
  color: var(--orange--600);
}

.text-orange--700 {
  color: var(--orange--700);
}

.text-orange--800 {
  color: var(--orange--800);
}

.text-orange--900 {
  color: var(--orange--900);
}

.text-orange--950 {
  color: var(--orange--950);
}

.text-amber--50 {
  color: var(--amber--50);
}

.text-amber--100 {
  color: var(--amber--100);
}

.text-amber--200 {
  color: var(--amber--200);
}

.text-amber--300 {
  color: var(--amber--300);
}

.text-amber--400 {
  color: var(--amber--400);
}

.text-amber--500 {
  color: var(--amber--500);
}

.text-amber--600 {
  color: var(--amber--600);
}

.text-amber--700 {
  color: var(--amber--700);
}

.text-amber--800 {
  color: var(--amber--800);
}

.text-amber--900 {
  color: var(--amber--900);
}

.text-amber--950 {
  color: var(--amber--950);
}

.text-yellow--50 {
  color: var(--yellow--50);
}

.text-yellow--100 {
  color: var(--yellow--100);
}

.text-yellow--200 {
  color: var(--yellow--200);
}

.text-yellow--300 {
  color: var(--yellow--300);
}

.text-yellow--400 {
  color: var(--yellow--400);
}

.text-yellow--500 {
  color: var(--yellow--500);
}

.text-yellow--600 {
  color: var(--yellow--600);
}

.text-yellow--700 {
  color: var(--yellow--700);
}

.text-yellow--800 {
  color: var(--yellow--800);
}

.text-yellow--900 {
  color: var(--yellow--900);
}

.text-yellow--950 {
  color: var(--yellow--950);
}

.text-lime--50 {
  color: var(--lime--50);
}

.text-lime--100 {
  color: var(--lime--100);
}

.text-lime--200 {
  color: var(--lime--200);
}

.text-lime--300 {
  color: var(--lime--300);
}

.text-lime--400 {
  color: var(--lime--400);
}

.text-lime--500 {
  color: var(--lime--500);
}

.text-lime--600 {
  color: var(--lime--600);
}

.text-lime--700 {
  color: var(--lime--700);
}

.text-lime--800 {
  color: var(--lime--800);
}

.text-lime--900 {
  color: var(--lime--900);
}

.text-lime--950 {
  color: var(--lime--950);
}

.text-green--50 {
  color: var(--green--50);
}

.text-green--100 {
  color: var(--green--100);
}

.text-green--200 {
  color: var(--green--200);
}

.text-green--300 {
  color: var(--green--300);
}

.text-green--400 {
  color: var(--green--400);
}

.text-green--500 {
  color: var(--green--500);
}

.text-green--600 {
  color: var(--green--600);
}

.text-green--700 {
  color: var(--green--700);
}

.text-green--800 {
  color: var(--green--800);
}

.text-green--900 {
  color: var(--green--900);
}

.text-green--950 {
  color: var(--green--950);
}

.text-teal--50 {
  color: var(--teal--50);
}

.text-teal--100 {
  color: var(--teal--100);
}

.text-teal--200 {
  color: var(--teal--200);
}

.text-teal--300 {
  color: var(--teal--300);
}

.text-teal--400 {
  color: var(--teal--400);
}

.text-teal--500 {
  color: var(--teal--500);
}

.text-teal--600 {
  color: var(--teal--600);
}

.text-teal--700 {
  color: var(--teal--700);
}

.text-teal--800 {
  color: var(--teal--800);
}

.text-teal--900 {
  color: var(--teal--900);
}

.text-teal--950 {
  color: var(--teal--950);
}

.text-cyan--50 {
  color: var(--cyan--50);
}

.text-cyan--100 {
  color: var(--cyan--100);
}

.text-cyan--200 {
  color: var(--cyan--200);
}

.text-cyan--300 {
  color: var(--cyan--300);
}

.text-cyan--400 {
  color: var(--cyan--400);
}

.text-cyan--500 {
  color: var(--cyan--500);
}

.text-cyan--600 {
  color: var(--cyan--600);
}

.text-cyan--700 {
  color: var(--cyan--700);
}

.text-cyan--800 {
  color: var(--cyan--800);
}

.text-cyan--900 {
  color: var(--cyan--900);
}

.text-cyan--950 {
  color: var(--cyan--950);
}

.text-sky--50 {
  color: var(--sky--50);
}

.text-sky--100 {
  color: var(--sky--100);
}

.text-sky--200 {
  color: var(--sky--200);
}

.text-sky--300 {
  color: var(--sky--300);
}

.text-sky--400 {
  color: var(--sky--400);
}

.text-sky--500 {
  color: var(--sky--500);
}

.text-sky--600 {
  color: var(--sky--600);
}

.text-sky--700 {
  color: var(--sky--700);
}

.text-sky--800 {
  color: var(--sky--800);
}

.text-sky--900 {
  color: var(--sky--900);
}

.text-sky--950 {
  color: var(--sky--950);
}

.text-blue--50 {
  color: var(--blue--50);
}

.text-blue--100 {
  color: var(--blue--100);
}

.text-blue--200 {
  color: var(--blue--200);
}

.text-blue--300 {
  color: var(--blue--300);
}

.text-blue--400 {
  color: var(--blue--400);
}

.text-blue--500 {
  color: var(--blue--500);
}

.text-blue--600 {
  color: var(--blue--600);
}

.text-blue--700 {
  color: var(--blue--700);
}

.text-blue--800 {
  color: var(--blue--800);
}

.text-blue--900 {
  color: var(--blue--900);
}

.text-blue--950 {
  color: var(--blue--950);
}

.text-indigo--50 {
  color: var(--indigo--50);
}

.text-indigo--100 {
  color: var(--indigo--100);
}

.text-indigo--200 {
  color: var(--indigo--200);
}

.text-indigo--300 {
  color: var(--indigo--300);
}

.text-indigo--400 {
  color: var(--indigo--400);
}

.text-indigo--500 {
  color: var(--indigo--500);
}

.text-indigo--600 {
  color: var(--indigo--600);
}

.text-indigo--700 {
  color: var(--indigo--700);
}

.text-indigo--800 {
  color: var(--indigo--800);
}

.text-indigo--900 {
  color: var(--indigo--900);
}

.text-indigo--950 {
  color: var(--indigo--950);
}

.text-violet--50 {
  color: var(--violet--50);
}

.text-violet--100 {
  color: var(--violet--100);
}

.text-violet--200 {
  color: var(--violet--200);
}

.text-violet--300 {
  color: var(--violet--300);
}

.text-violet--400 {
  color: var(--violet--400);
}

.text-violet--500 {
  color: var(--violet--500);
}

.text-violet--600 {
  color: var(--violet--600);
}

.text-violet--700 {
  color: var(--violet--700);
}

.text-violet--800 {
  color: var(--violet--800);
}

.text-violet--900 {
  color: var(--violet--900);
}

.text-violet--950 {
  color: var(--violet--950);
}

.text-purple--50 {
  color: var(--purple--50);
}

.text-purple--100 {
  color: var(--purple--100);
}

.text-purple--200 {
  color: var(--purple--200);
}

.text-purple--300 {
  color: var(--purple--300);
}

.text-purple--400 {
  color: var(--purple--400);
}

.text-purple--500 {
  color: var(--purple--500);
}

.text-purple--600 {
  color: var(--purple--600);
}

.text-purple--700 {
  color: var(--purple--700);
}

.text-purple--800 {
  color: var(--purple--800);
}

.text-purple--900 {
  color: var(--purple--900);
}

.text-purple--950 {
  color: var(--purple--950);
}

.text-fuchsia--50 {
  color: var(--fuchsia--50);
}

.text-fuchsia--100 {
  color: var(--fuchsia--100);
}

.text-fuchsia--200 {
  color: var(--fuchsia--200);
}

.text-fuchsia--300 {
  color: var(--fuchsia--300);
}

.text-fuchsia--400 {
  color: var(--fuchsia--400);
}

.text-fuchsia--500 {
  color: var(--fuchsia--500);
}

.text-fuchsia--600 {
  color: var(--fuchsia--600);
}

.text-fuchsia--700 {
  color: var(--fuchsia--700);
}

.text-fuchsia--800 {
  color: var(--fuchsia--800);
}

.text-fuchsia--900 {
  color: var(--fuchsia--900);
}

.text-fuchsia--950 {
  color: var(--fuchsia--950);
}

.text-pink--50 {
  color: var(--pink--50);
}

.text-pink--100 {
  color: var(--pink--100);
}

.text-pink--200 {
  color: var(--pink--200);
}

.text-pink--300 {
  color: var(--pink--300);
}

.text-pink--400 {
  color: var(--pink--400);
}

.text-pink--500 {
  color: var(--pink--500);
}

.text-pink--600 {
  color: var(--pink--600);
}

.text-pink--700 {
  color: var(--pink--700);
}

.text-pink--800 {
  color: var(--pink--800);
}

.text-pink--900 {
  color: var(--pink--900);
}

.text-pink--950 {
  color: var(--pink--950);
}

.text-rose--50 {
  color: var(--rose--50);
}

.text-rose--100 {
  color: var(--rose--100);
}

.text-rose--200 {
  color: var(--rose--200);
}

.text-rose--300 {
  color: var(--rose--300);
}

.text-rose--400 {
  color: var(--rose--400);
}

.text-rose--500 {
  color: var(--rose--500);
}

.text-rose--600 {
  color: var(--rose--600);
}

.text-rose--700 {
  color: var(--rose--700);
}

.text-rose--800 {
  color: var(--rose--800);
}

.text-rose--900 {
  color: var(--rose--900);
}

.text-rose--950 {
  color: var(--rose--950);
}

.text-slate--50 {
  color: var(--slate--50);
}

.text-slate--100 {
  color: var(--slate--100);
}

.text-slate--200 {
  color: var(--slate--200);
}

.text-slate--300 {
  color: var(--slate--300);
}

.text-slate--400 {
  color: var(--slate--400);
}

.text-slate--500 {
  color: var(--slate--500);
}

.text-slate--600 {
  color: var(--slate--600);
}

.text-slate--700 {
  color: var(--slate--700);
}

.text-slate--800 {
  color: var(--slate--800);
}

.text-slate--900 {
  color: var(--slate--900);
}

.text-slate--950 {
  color: var(--slate--950);
}

.text-gray--50 {
  color: var(--gray--50);
}

.text-gray--100 {
  color: var(--gray--100);
}

.text-gray--200 {
  color: var(--gray--200);
}

.text-gray--300 {
  color: var(--gray--300);
}

.text-gray--400 {
  color: var(--gray--400);
}

.text-gray--500 {
  color: var(--gray--500);
}

.text-gray--600 {
  color: var(--gray--600);
}

.text-gray--700 {
  color: var(--gray--700);
}

.text-gray--800 {
  color: var(--gray--800);
}

.text-gray--900 {
  color: var(--gray--900);
}

.text-gray--950 {
  color: var(--gray--950);
}

.text-zinc--50 {
  color: var(--zinc--50);
}

.text-zinc--100 {
  color: var(--zinc--100);
}

.text-zinc--200 {
  color: var(--zinc--200);
}

.text-zinc--300 {
  color: var(--zinc--300);
}

.text-zinc--400 {
  color: var(--zinc--400);
}

.text-zinc--500 {
  color: var(--zinc--500);
}

.text-zinc--600 {
  color: var(--zinc--600);
}

.text-zinc--700 {
  color: var(--zinc--700);
}

.text-zinc--800 {
  color: var(--zinc--800);
}

.text-zinc--900 {
  color: var(--zinc--900);
}

.text-zinc--950 {
  color: var(--zinc--950);
}

.text-neutral--50 {
  color: var(--neutral--50);
}

.text-neutral--100 {
  color: var(--neutral--100);
}

.text-neutral--200 {
  color: var(--neutral--200);
}

.text-neutral--300 {
  color: var(--neutral--300);
}

.text-neutral--400 {
  color: var(--neutral--400);
}

.text-neutral--500 {
  color: var(--neutral--500);
}

.text-neutral--600 {
  color: var(--neutral--600);
}

.text-neutral--700 {
  color: var(--neutral--700);
}

.text-neutral--800 {
  color: var(--neutral--800);
}

.text-neutral--900 {
  color: var(--neutral--900);
}

.text-neutral--950 {
  color: var(--neutral--950);
}

.text-stone--50 {
  color: var(--stone--50);
}

.text-stone--100 {
  color: var(--stone--100);
}

.text-stone--200 {
  color: var(--stone--200);
}

.text-stone--300 {
  color: var(--stone--300);
}

.text-stone--400 {
  color: var(--stone--400);
}

.text-stone--500 {
  color: var(--stone--500);
}

.text-stone--600 {
  color: var(--stone--600);
}

.text-stone--700 {
  color: var(--stone--700);
}

.text-stone--800 {
  color: var(--stone--800);
}

.text-stone--900 {
  color: var(--stone--900);
}

.text-stone--950 {
  color: var(--stone--950);
}

.border-primary--50 {
  border-color: var(--primary--50);
}

.border-primary--100 {
  border-color: var(--primary--100);
}

.border-primary--200 {
  border-color: var(--primary--200);
}

.border-primary--300 {
  border-color: var(--primary--300);
}

.border-primary--400 {
  border-color: var(--primary--400);
}

.border-primary--500 {
  border-color: var(--primary--500);
}

.border-primary--600 {
  border-color: var(--primary--600);
}

.border-primary--700 {
  border-color: var(--primary--700);
}

.border-primary--800 {
  border-color: var(--primary--800);
}

.border-primary--900 {
  border-color: var(--primary--900);
}

.border-primary--950 {
  border-color: var(--primary--950);
}

.border-secondary--50 {
  border-color: var(--secondary--50);
}

.border-secondary--100 {
  border-color: var(--secondary--100);
}

.border-secondary--200 {
  border-color: var(--secondary--200);
}

.border-secondary--300 {
  border-color: var(--secondary--300);
}

.border-secondary--400 {
  border-color: var(--secondary--400);
}

.border-secondary--500 {
  border-color: var(--secondary--500);
}

.border-secondary--600 {
  border-color: var(--secondary--600);
}

.border-secondary--700 {
  border-color: var(--secondary--700);
}

.border-secondary--800 {
  border-color: var(--secondary--800);
}

.border-secondary--900 {
  border-color: var(--secondary--900);
}

.border-secondary--950 {
  border-color: var(--secondary--950);
}

.border-accent--50 {
  border-color: var(--accent--50);
}

.border-accent--100 {
  border-color: var(--accent--100);
}

.border-accent--200 {
  border-color: var(--accent--200);
}

.border-accent--300 {
  border-color: var(--accent--300);
}

.border-accent--400 {
  border-color: var(--accent--400);
}

.border-accent--500 {
  border-color: var(--accent--500);
}

.border-accent--600 {
  border-color: var(--accent--600);
}

.border-accent--700 {
  border-color: var(--accent--700);
}

.border-accent--800 {
  border-color: var(--accent--800);
}

.border-accent--900 {
  border-color: var(--accent--900);
}

.border-accent--950 {
  border-color: var(--accent--950);
}

.border-red--50 {
  border-color: var(--red--50);
}

.border-red--100 {
  border-color: var(--red--100);
}

.border-red--200 {
  border-color: var(--red--200);
}

.border-red--300 {
  border-color: var(--red--300);
}

.border-red--400 {
  border-color: var(--red--400);
}

.border-red--500 {
  border-color: var(--red--500);
}

.border-red--600 {
  border-color: var(--red--600);
}

.border-red--700 {
  border-color: var(--red--700);
}

.border-red--800 {
  border-color: var(--red--800);
}

.border-red--900 {
  border-color: var(--red--900);
}

.border-red--950 {
  border-color: var(--red--950);
}

.border-orange--50 {
  border-color: var(--orange--50);
}

.border-orange--100 {
  border-color: var(--orange--100);
}

.border-orange--200 {
  border-color: var(--orange--200);
}

.border-orange--300 {
  border-color: var(--orange--300);
}

.border-orange--400 {
  border-color: var(--orange--400);
}

.border-orange--500 {
  border-color: var(--orange--500);
}

.border-orange--600 {
  border-color: var(--orange--600);
}

.border-orange--700 {
  border-color: var(--orange--700);
}

.border-orange--800 {
  border-color: var(--orange--800);
}

.border-orange--900 {
  border-color: var(--orange--900);
}

.border-orange--950 {
  border-color: var(--orange--950);
}

.border-amber--50 {
  border-color: var(--amber--50);
}

.border-amber--100 {
  border-color: var(--amber--100);
}

.border-amber--200 {
  border-color: var(--amber--200);
}

.border-amber--300 {
  border-color: var(--amber--300);
}

.border-amber--400 {
  border-color: var(--amber--400);
}

.border-amber--500 {
  border-color: var(--amber--500);
}

.border-amber--600 {
  border-color: var(--amber--600);
}

.border-amber--700 {
  border-color: var(--amber--700);
}

.border-amber--800 {
  border-color: var(--amber--800);
}

.border-amber--900 {
  border-color: var(--amber--900);
}

.border-amber--950 {
  border-color: var(--amber--950);
}

.border-yellow--50 {
  border-color: var(--yellow--50);
}

.border-yellow--100 {
  border-color: var(--yellow--100);
}

.border-yellow--200 {
  border-color: var(--yellow--200);
}

.border-yellow--300 {
  border-color: var(--yellow--300);
}

.border-yellow--400 {
  border-color: var(--yellow--400);
}

.border-yellow--500 {
  border-color: var(--yellow--500);
}

.border-yellow--600 {
  border-color: var(--yellow--600);
}

.border-yellow--700 {
  border-color: var(--yellow--700);
}

.border-yellow--800 {
  border-color: var(--yellow--800);
}

.border-yellow--900 {
  border-color: var(--yellow--900);
}

.border-yellow--950 {
  border-color: var(--yellow--950);
}

.border-lime--50 {
  border-color: var(--lime--50);
}

.border-lime--100 {
  border-color: var(--lime--100);
}

.border-lime--200 {
  border-color: var(--lime--200);
}

.border-lime--300 {
  border-color: var(--lime--300);
}

.border-lime--400 {
  border-color: var(--lime--400);
}

.border-lime--500 {
  border-color: var(--lime--500);
}

.border-lime--600 {
  border-color: var(--lime--600);
}

.border-lime--700 {
  border-color: var(--lime--700);
}

.border-lime--800 {
  border-color: var(--lime--800);
}

.border-lime--900 {
  border-color: var(--lime--900);
}

.border-lime--950 {
  border-color: var(--lime--950);
}

.border-green--50 {
  border-color: var(--green--50);
}

.border-green--100 {
  border-color: var(--green--100);
}

.border-green--200 {
  border-color: var(--green--200);
}

.border-green--300 {
  border-color: var(--green--300);
}

.border-green--400 {
  border-color: var(--green--400);
}

.border-green--500 {
  border-color: var(--green--500);
}

.border-green--600 {
  border-color: var(--green--600);
}

.border-green--700 {
  border-color: var(--green--700);
}

.border-green--800 {
  border-color: var(--green--800);
}

.border-green--900 {
  border-color: var(--green--900);
}

.border-green--950 {
  border-color: var(--green--950);
}

.border-teal--50 {
  border-color: var(--teal--50);
}

.border-teal--100 {
  border-color: var(--teal--100);
}

.border-teal--200 {
  border-color: var(--teal--200);
}

.border-teal--300 {
  border-color: var(--teal--300);
}

.border-teal--400 {
  border-color: var(--teal--400);
}

.border-teal--500 {
  border-color: var(--teal--500);
}

.border-teal--600 {
  border-color: var(--teal--600);
}

.border-teal--700 {
  border-color: var(--teal--700);
}

.border-teal--800 {
  border-color: var(--teal--800);
}

.border-teal--900 {
  border-color: var(--teal--900);
}

.border-teal--950 {
  border-color: var(--teal--950);
}

.border-cyan--50 {
  border-color: var(--cyan--50);
}

.border-cyan--100 {
  border-color: var(--cyan--100);
}

.border-cyan--200 {
  border-color: var(--cyan--200);
}

.border-cyan--300 {
  border-color: var(--cyan--300);
}

.border-cyan--400 {
  border-color: var(--cyan--400);
}

.border-cyan--500 {
  border-color: var(--cyan--500);
}

.border-cyan--600 {
  border-color: var(--cyan--600);
}

.border-cyan--700 {
  border-color: var(--cyan--700);
}

.border-cyan--800 {
  border-color: var(--cyan--800);
}

.border-cyan--900 {
  border-color: var(--cyan--900);
}

.border-cyan--950 {
  border-color: var(--cyan--950);
}

.border-sky--50 {
  border-color: var(--sky--50);
}

.border-sky--100 {
  border-color: var(--sky--100);
}

.border-sky--200 {
  border-color: var(--sky--200);
}

.border-sky--300 {
  border-color: var(--sky--300);
}

.border-sky--400 {
  border-color: var(--sky--400);
}

.border-sky--500 {
  border-color: var(--sky--500);
}

.border-sky--600 {
  border-color: var(--sky--600);
}

.border-sky--700 {
  border-color: var(--sky--700);
}

.border-sky--800 {
  border-color: var(--sky--800);
}

.border-sky--900 {
  border-color: var(--sky--900);
}

.border-sky--950 {
  border-color: var(--sky--950);
}

.border-blue--50 {
  border-color: var(--blue--50);
}

.border-blue--100 {
  border-color: var(--blue--100);
}

.border-blue--200 {
  border-color: var(--blue--200);
}

.border-blue--300 {
  border-color: var(--blue--300);
}

.border-blue--400 {
  border-color: var(--blue--400);
}

.border-blue--500 {
  border-color: var(--blue--500);
}

.border-blue--600 {
  border-color: var(--blue--600);
}

.border-blue--700 {
  border-color: var(--blue--700);
}

.border-blue--800 {
  border-color: var(--blue--800);
}

.border-blue--900 {
  border-color: var(--blue--900);
}

.border-blue--950 {
  border-color: var(--blue--950);
}

.border-indigo--50 {
  border-color: var(--indigo--50);
}

.border-indigo--100 {
  border-color: var(--indigo--100);
}

.border-indigo--200 {
  border-color: var(--indigo--200);
}

.border-indigo--300 {
  border-color: var(--indigo--300);
}

.border-indigo--400 {
  border-color: var(--indigo--400);
}

.border-indigo--500 {
  border-color: var(--indigo--500);
}

.border-indigo--600 {
  border-color: var(--indigo--600);
}

.border-indigo--700 {
  border-color: var(--indigo--700);
}

.border-indigo--800 {
  border-color: var(--indigo--800);
}

.border-indigo--900 {
  border-color: var(--indigo--900);
}

.border-indigo--950 {
  border-color: var(--indigo--950);
}

.border-violet--50 {
  border-color: var(--violet--50);
}

.border-violet--100 {
  border-color: var(--violet--100);
}

.border-violet--200 {
  border-color: var(--violet--200);
}

.border-violet--300 {
  border-color: var(--violet--300);
}

.border-violet--400 {
  border-color: var(--violet--400);
}

.border-violet--500 {
  border-color: var(--violet--500);
}

.border-violet--600 {
  border-color: var(--violet--600);
}

.border-violet--700 {
  border-color: var(--violet--700);
}

.border-violet--800 {
  border-color: var(--violet--800);
}

.border-violet--900 {
  border-color: var(--violet--900);
}

.border-violet--950 {
  border-color: var(--violet--950);
}

.border-purple--50 {
  border-color: var(--purple--50);
}

.border-purple--100 {
  border-color: var(--purple--100);
}

.border-purple--200 {
  border-color: var(--purple--200);
}

.border-purple--300 {
  border-color: var(--purple--300);
}

.border-purple--400 {
  border-color: var(--purple--400);
}

.border-purple--500 {
  border-color: var(--purple--500);
}

.border-purple--600 {
  border-color: var(--purple--600);
}

.border-purple--700 {
  border-color: var(--purple--700);
}

.border-purple--800 {
  border-color: var(--purple--800);
}

.border-purple--900 {
  border-color: var(--purple--900);
}

.border-purple--950 {
  border-color: var(--purple--950);
}

.border-fuchsia--50 {
  border-color: var(--fuchsia--50);
}

.border-fuchsia--100 {
  border-color: var(--fuchsia--100);
}

.border-fuchsia--200 {
  border-color: var(--fuchsia--200);
}

.border-fuchsia--300 {
  border-color: var(--fuchsia--300);
}

.border-fuchsia--400 {
  border-color: var(--fuchsia--400);
}

.border-fuchsia--500 {
  border-color: var(--fuchsia--500);
}

.border-fuchsia--600 {
  border-color: var(--fuchsia--600);
}

.border-fuchsia--700 {
  border-color: var(--fuchsia--700);
}

.border-fuchsia--800 {
  border-color: var(--fuchsia--800);
}

.border-fuchsia--900 {
  border-color: var(--fuchsia--900);
}

.border-fuchsia--950 {
  border-color: var(--fuchsia--950);
}

.border-pink--50 {
  border-color: var(--pink--50);
}

.border-pink--100 {
  border-color: var(--pink--100);
}

.border-pink--200 {
  border-color: var(--pink--200);
}

.border-pink--300 {
  border-color: var(--pink--300);
}

.border-pink--400 {
  border-color: var(--pink--400);
}

.border-pink--500 {
  border-color: var(--pink--500);
}

.border-pink--600 {
  border-color: var(--pink--600);
}

.border-pink--700 {
  border-color: var(--pink--700);
}

.border-pink--800 {
  border-color: var(--pink--800);
}

.border-pink--900 {
  border-color: var(--pink--900);
}

.border-pink--950 {
  border-color: var(--pink--950);
}

.border-rose--50 {
  border-color: var(--rose--50);
}

.border-rose--100 {
  border-color: var(--rose--100);
}

.border-rose--200 {
  border-color: var(--rose--200);
}

.border-rose--300 {
  border-color: var(--rose--300);
}

.border-rose--400 {
  border-color: var(--rose--400);
}

.border-rose--500 {
  border-color: var(--rose--500);
}

.border-rose--600 {
  border-color: var(--rose--600);
}

.border-rose--700 {
  border-color: var(--rose--700);
}

.border-rose--800 {
  border-color: var(--rose--800);
}

.border-rose--900 {
  border-color: var(--rose--900);
}

.border-rose--950 {
  border-color: var(--rose--950);
}

.border-slate--50 {
  border-color: var(--slate--50);
}

.border-slate--100 {
  border-color: var(--slate--100);
}

.border-slate--200 {
  border-color: var(--slate--200);
}

.border-slate--300 {
  border-color: var(--slate--300);
}

.border-slate--400 {
  border-color: var(--slate--400);
}

.border-slate--500 {
  border-color: var(--slate--500);
}

.border-slate--600 {
  border-color: var(--slate--600);
}

.border-slate--700 {
  border-color: var(--slate--700);
}

.border-slate--800 {
  border-color: var(--slate--800);
}

.border-slate--900 {
  border-color: var(--slate--900);
}

.border-slate--950 {
  border-color: var(--slate--950);
}

.border-gray--50 {
  border-color: var(--gray--50);
}

.border-gray--100 {
  border-color: var(--gray--100);
}

.border-gray--200 {
  border-color: var(--gray--200);
}

.border-gray--300 {
  border-color: var(--gray--300);
}

.border-gray--400 {
  border-color: var(--gray--400);
}

.border-gray--500 {
  border-color: var(--gray--500);
}

.border-gray--600 {
  border-color: var(--gray--600);
}

.border-gray--700 {
  border-color: var(--gray--700);
}

.border-gray--800 {
  border-color: var(--gray--800);
}

.border-gray--900 {
  border-color: var(--gray--900);
}

.border-gray--950 {
  border-color: var(--gray--950);
}

.border-zinc--50 {
  border-color: var(--zinc--50);
}

.border-zinc--100 {
  border-color: var(--zinc--100);
}

.border-zinc--200 {
  border-color: var(--zinc--200);
}

.border-zinc--300 {
  border-color: var(--zinc--300);
}

.border-zinc--400 {
  border-color: var(--zinc--400);
}

.border-zinc--500 {
  border-color: var(--zinc--500);
}

.border-zinc--600 {
  border-color: var(--zinc--600);
}

.border-zinc--700 {
  border-color: var(--zinc--700);
}

.border-zinc--800 {
  border-color: var(--zinc--800);
}

.border-zinc--900 {
  border-color: var(--zinc--900);
}

.border-zinc--950 {
  border-color: var(--zinc--950);
}

.border-neutral--50 {
  border-color: var(--neutral--50);
}

.border-neutral--100 {
  border-color: var(--neutral--100);
}

.border-neutral--200 {
  border-color: var(--neutral--200);
}

.border-neutral--300 {
  border-color: var(--neutral--300);
}

.border-neutral--400 {
  border-color: var(--neutral--400);
}

.border-neutral--500 {
  border-color: var(--neutral--500);
}

.border-neutral--600 {
  border-color: var(--neutral--600);
}

.border-neutral--700 {
  border-color: var(--neutral--700);
}

.border-neutral--800 {
  border-color: var(--neutral--800);
}

.border-neutral--900 {
  border-color: var(--neutral--900);
}

.border-neutral--950 {
  border-color: var(--neutral--950);
}

.border-stone--50 {
  border-color: var(--stone--50);
}

.border-stone--100 {
  border-color: var(--stone--100);
}

.border-stone--200 {
  border-color: var(--stone--200);
}

.border-stone--300 {
  border-color: var(--stone--300);
}

.border-stone--400 {
  border-color: var(--stone--400);
}

.border-stone--500 {
  border-color: var(--stone--500);
}

.border-stone--600 {
  border-color: var(--stone--600);
}

.border-stone--700 {
  border-color: var(--stone--700);
}

.border-stone--800 {
  border-color: var(--stone--800);
}

.border-stone--900 {
  border-color: var(--stone--900);
}

.border-stone--950 {
  border-color: var(--stone--950);
}

@media (prefers-color-scheme: dark) {
  .dark\:bg-white, .dark\:bg-light {
    background-color: var(--white);
  }
  .dark\:bg-dark, .dark\:bg-black {
    background-color: var(--black);
  }
  .dark\:bg-primary--50 {
    background-color: var(--primary--50);
  }
  .dark\:bg-primary--100 {
    background-color: var(--primary--100);
  }
  .dark\:bg-primary--200 {
    background-color: var(--primary--200);
  }
  .dark\:bg-primary--300 {
    background-color: var(--primary--300);
  }
  .dark\:bg-primary--400 {
    background-color: var(--primary--400);
  }
  .dark\:bg-primary--500 {
    background-color: var(--primary--500);
  }
  .dark\:bg-primary--600 {
    background-color: var(--primary--600);
  }
  .dark\:bg-primary--700 {
    background-color: var(--primary--700);
  }
  .dark\:bg-primary--800 {
    background-color: var(--primary--800);
  }
  .dark\:bg-primary--900 {
    background-color: var(--primary--900);
  }
  .dark\:bg-primary--950 {
    background-color: var(--primary--950);
  }
  .dark\:bg-secondary--50 {
    background-color: var(--secondary--50);
  }
  .dark\:bg-secondary--100 {
    background-color: var(--secondary--100);
  }
  .dark\:bg-secondary--200 {
    background-color: var(--secondary--200);
  }
  .dark\:bg-secondary--300 {
    background-color: var(--secondary--300);
  }
  .dark\:bg-secondary--400 {
    background-color: var(--secondary--400);
  }
  .dark\:bg-secondary--500 {
    background-color: var(--secondary--500);
  }
  .dark\:bg-secondary--600 {
    background-color: var(--secondary--600);
  }
  .dark\:bg-secondary--700 {
    background-color: var(--secondary--700);
  }
  .dark\:bg-secondary--800 {
    background-color: var(--secondary--800);
  }
  .dark\:bg-secondary--900 {
    background-color: var(--secondary--900);
  }
  .dark\:bg-secondary--950 {
    background-color: var(--secondary--950);
  }
  .dark\:bg-accent--50 {
    background-color: var(--accent--50);
  }
  .dark\:bg-accent--100 {
    background-color: var(--accent--100);
  }
  .dark\:bg-accent--200 {
    background-color: var(--accent--200);
  }
  .dark\:bg-accent--300 {
    background-color: var(--accent--300);
  }
  .dark\:bg-accent--400 {
    background-color: var(--accent--400);
  }
  .dark\:bg-accent--500 {
    background-color: var(--accent--500);
  }
  .dark\:bg-accent--600 {
    background-color: var(--accent--600);
  }
  .dark\:bg-accent--700 {
    background-color: var(--accent--700);
  }
  .dark\:bg-accent--800 {
    background-color: var(--accent--800);
  }
  .dark\:bg-accent--900 {
    background-color: var(--accent--900);
  }
  .dark\:bg-accent--950 {
    background-color: var(--accent--950);
  }
  .dark\:bg-red--50 {
    background-color: var(--red--50);
  }
  .dark\:bg-red--100 {
    background-color: var(--red--100);
  }
  .dark\:bg-red--200 {
    background-color: var(--red--200);
  }
  .dark\:bg-red--300 {
    background-color: var(--red--300);
  }
  .dark\:bg-red--400 {
    background-color: var(--red--400);
  }
  .dark\:bg-red--500 {
    background-color: var(--red--500);
  }
  .dark\:bg-red--600 {
    background-color: var(--red--600);
  }
  .dark\:bg-red--700 {
    background-color: var(--red--700);
  }
  .dark\:bg-red--800 {
    background-color: var(--red--800);
  }
  .dark\:bg-red--900 {
    background-color: var(--red--900);
  }
  .dark\:bg-red--950 {
    background-color: var(--red--950);
  }
  .dark\:bg-orange--50 {
    background-color: var(--orange--50);
  }
  .dark\:bg-orange--100 {
    background-color: var(--orange--100);
  }
  .dark\:bg-orange--200 {
    background-color: var(--orange--200);
  }
  .dark\:bg-orange--300 {
    background-color: var(--orange--300);
  }
  .dark\:bg-orange--400 {
    background-color: var(--orange--400);
  }
  .dark\:bg-orange--500 {
    background-color: var(--orange--500);
  }
  .dark\:bg-orange--600 {
    background-color: var(--orange--600);
  }
  .dark\:bg-orange--700 {
    background-color: var(--orange--700);
  }
  .dark\:bg-orange--800 {
    background-color: var(--orange--800);
  }
  .dark\:bg-orange--900 {
    background-color: var(--orange--900);
  }
  .dark\:bg-orange--950 {
    background-color: var(--orange--950);
  }
  .dark\:bg-amber--50 {
    background-color: var(--amber--50);
  }
  .dark\:bg-amber--100 {
    background-color: var(--amber--100);
  }
  .dark\:bg-amber--200 {
    background-color: var(--amber--200);
  }
  .dark\:bg-amber--300 {
    background-color: var(--amber--300);
  }
  .dark\:bg-amber--400 {
    background-color: var(--amber--400);
  }
  .dark\:bg-amber--500 {
    background-color: var(--amber--500);
  }
  .dark\:bg-amber--600 {
    background-color: var(--amber--600);
  }
  .dark\:bg-amber--700 {
    background-color: var(--amber--700);
  }
  .dark\:bg-amber--800 {
    background-color: var(--amber--800);
  }
  .dark\:bg-amber--900 {
    background-color: var(--amber--900);
  }
  .dark\:bg-amber--950 {
    background-color: var(--amber--950);
  }
  .dark\:bg-yellow--50 {
    background-color: var(--yellow--50);
  }
  .dark\:bg-yellow--100 {
    background-color: var(--yellow--100);
  }
  .dark\:bg-yellow--200 {
    background-color: var(--yellow--200);
  }
  .dark\:bg-yellow--300 {
    background-color: var(--yellow--300);
  }
  .dark\:bg-yellow--400 {
    background-color: var(--yellow--400);
  }
  .dark\:bg-yellow--500 {
    background-color: var(--yellow--500);
  }
  .dark\:bg-yellow--600 {
    background-color: var(--yellow--600);
  }
  .dark\:bg-yellow--700 {
    background-color: var(--yellow--700);
  }
  .dark\:bg-yellow--800 {
    background-color: var(--yellow--800);
  }
  .dark\:bg-yellow--900 {
    background-color: var(--yellow--900);
  }
  .dark\:bg-yellow--950 {
    background-color: var(--yellow--950);
  }
  .dark\:bg-lime--50 {
    background-color: var(--lime--50);
  }
  .dark\:bg-lime--100 {
    background-color: var(--lime--100);
  }
  .dark\:bg-lime--200 {
    background-color: var(--lime--200);
  }
  .dark\:bg-lime--300 {
    background-color: var(--lime--300);
  }
  .dark\:bg-lime--400 {
    background-color: var(--lime--400);
  }
  .dark\:bg-lime--500 {
    background-color: var(--lime--500);
  }
  .dark\:bg-lime--600 {
    background-color: var(--lime--600);
  }
  .dark\:bg-lime--700 {
    background-color: var(--lime--700);
  }
  .dark\:bg-lime--800 {
    background-color: var(--lime--800);
  }
  .dark\:bg-lime--900 {
    background-color: var(--lime--900);
  }
  .dark\:bg-lime--950 {
    background-color: var(--lime--950);
  }
  .dark\:bg-green--50 {
    background-color: var(--green--50);
  }
  .dark\:bg-green--100 {
    background-color: var(--green--100);
  }
  .dark\:bg-green--200 {
    background-color: var(--green--200);
  }
  .dark\:bg-green--300 {
    background-color: var(--green--300);
  }
  .dark\:bg-green--400 {
    background-color: var(--green--400);
  }
  .dark\:bg-green--500 {
    background-color: var(--green--500);
  }
  .dark\:bg-green--600 {
    background-color: var(--green--600);
  }
  .dark\:bg-green--700 {
    background-color: var(--green--700);
  }
  .dark\:bg-green--800 {
    background-color: var(--green--800);
  }
  .dark\:bg-green--900 {
    background-color: var(--green--900);
  }
  .dark\:bg-green--950 {
    background-color: var(--green--950);
  }
  .dark\:bg-teal--50 {
    background-color: var(--teal--50);
  }
  .dark\:bg-teal--100 {
    background-color: var(--teal--100);
  }
  .dark\:bg-teal--200 {
    background-color: var(--teal--200);
  }
  .dark\:bg-teal--300 {
    background-color: var(--teal--300);
  }
  .dark\:bg-teal--400 {
    background-color: var(--teal--400);
  }
  .dark\:bg-teal--500 {
    background-color: var(--teal--500);
  }
  .dark\:bg-teal--600 {
    background-color: var(--teal--600);
  }
  .dark\:bg-teal--700 {
    background-color: var(--teal--700);
  }
  .dark\:bg-teal--800 {
    background-color: var(--teal--800);
  }
  .dark\:bg-teal--900 {
    background-color: var(--teal--900);
  }
  .dark\:bg-teal--950 {
    background-color: var(--teal--950);
  }
  .dark\:bg-cyan--50 {
    background-color: var(--cyan--50);
  }
  .dark\:bg-cyan--100 {
    background-color: var(--cyan--100);
  }
  .dark\:bg-cyan--200 {
    background-color: var(--cyan--200);
  }
  .dark\:bg-cyan--300 {
    background-color: var(--cyan--300);
  }
  .dark\:bg-cyan--400 {
    background-color: var(--cyan--400);
  }
  .dark\:bg-cyan--500 {
    background-color: var(--cyan--500);
  }
  .dark\:bg-cyan--600 {
    background-color: var(--cyan--600);
  }
  .dark\:bg-cyan--700 {
    background-color: var(--cyan--700);
  }
  .dark\:bg-cyan--800 {
    background-color: var(--cyan--800);
  }
  .dark\:bg-cyan--900 {
    background-color: var(--cyan--900);
  }
  .dark\:bg-cyan--950 {
    background-color: var(--cyan--950);
  }
  .dark\:bg-sky--50 {
    background-color: var(--sky--50);
  }
  .dark\:bg-sky--100 {
    background-color: var(--sky--100);
  }
  .dark\:bg-sky--200 {
    background-color: var(--sky--200);
  }
  .dark\:bg-sky--300 {
    background-color: var(--sky--300);
  }
  .dark\:bg-sky--400 {
    background-color: var(--sky--400);
  }
  .dark\:bg-sky--500 {
    background-color: var(--sky--500);
  }
  .dark\:bg-sky--600 {
    background-color: var(--sky--600);
  }
  .dark\:bg-sky--700 {
    background-color: var(--sky--700);
  }
  .dark\:bg-sky--800 {
    background-color: var(--sky--800);
  }
  .dark\:bg-sky--900 {
    background-color: var(--sky--900);
  }
  .dark\:bg-sky--950 {
    background-color: var(--sky--950);
  }
  .dark\:bg-blue--50 {
    background-color: var(--blue--50);
  }
  .dark\:bg-blue--100 {
    background-color: var(--blue--100);
  }
  .dark\:bg-blue--200 {
    background-color: var(--blue--200);
  }
  .dark\:bg-blue--300 {
    background-color: var(--blue--300);
  }
  .dark\:bg-blue--400 {
    background-color: var(--blue--400);
  }
  .dark\:bg-blue--500 {
    background-color: var(--blue--500);
  }
  .dark\:bg-blue--600 {
    background-color: var(--blue--600);
  }
  .dark\:bg-blue--700 {
    background-color: var(--blue--700);
  }
  .dark\:bg-blue--800 {
    background-color: var(--blue--800);
  }
  .dark\:bg-blue--900 {
    background-color: var(--blue--900);
  }
  .dark\:bg-blue--950 {
    background-color: var(--blue--950);
  }
  .dark\:bg-indigo--50 {
    background-color: var(--indigo--50);
  }
  .dark\:bg-indigo--100 {
    background-color: var(--indigo--100);
  }
  .dark\:bg-indigo--200 {
    background-color: var(--indigo--200);
  }
  .dark\:bg-indigo--300 {
    background-color: var(--indigo--300);
  }
  .dark\:bg-indigo--400 {
    background-color: var(--indigo--400);
  }
  .dark\:bg-indigo--500 {
    background-color: var(--indigo--500);
  }
  .dark\:bg-indigo--600 {
    background-color: var(--indigo--600);
  }
  .dark\:bg-indigo--700 {
    background-color: var(--indigo--700);
  }
  .dark\:bg-indigo--800 {
    background-color: var(--indigo--800);
  }
  .dark\:bg-indigo--900 {
    background-color: var(--indigo--900);
  }
  .dark\:bg-indigo--950 {
    background-color: var(--indigo--950);
  }
  .dark\:bg-violet--50 {
    background-color: var(--violet--50);
  }
  .dark\:bg-violet--100 {
    background-color: var(--violet--100);
  }
  .dark\:bg-violet--200 {
    background-color: var(--violet--200);
  }
  .dark\:bg-violet--300 {
    background-color: var(--violet--300);
  }
  .dark\:bg-violet--400 {
    background-color: var(--violet--400);
  }
  .dark\:bg-violet--500 {
    background-color: var(--violet--500);
  }
  .dark\:bg-violet--600 {
    background-color: var(--violet--600);
  }
  .dark\:bg-violet--700 {
    background-color: var(--violet--700);
  }
  .dark\:bg-violet--800 {
    background-color: var(--violet--800);
  }
  .dark\:bg-violet--900 {
    background-color: var(--violet--900);
  }
  .dark\:bg-violet--950 {
    background-color: var(--violet--950);
  }
  .dark\:bg-purple--50 {
    background-color: var(--purple--50);
  }
  .dark\:bg-purple--100 {
    background-color: var(--purple--100);
  }
  .dark\:bg-purple--200 {
    background-color: var(--purple--200);
  }
  .dark\:bg-purple--300 {
    background-color: var(--purple--300);
  }
  .dark\:bg-purple--400 {
    background-color: var(--purple--400);
  }
  .dark\:bg-purple--500 {
    background-color: var(--purple--500);
  }
  .dark\:bg-purple--600 {
    background-color: var(--purple--600);
  }
  .dark\:bg-purple--700 {
    background-color: var(--purple--700);
  }
  .dark\:bg-purple--800 {
    background-color: var(--purple--800);
  }
  .dark\:bg-purple--900 {
    background-color: var(--purple--900);
  }
  .dark\:bg-purple--950 {
    background-color: var(--purple--950);
  }
  .dark\:bg-fuchsia--50 {
    background-color: var(--fuchsia--50);
  }
  .dark\:bg-fuchsia--100 {
    background-color: var(--fuchsia--100);
  }
  .dark\:bg-fuchsia--200 {
    background-color: var(--fuchsia--200);
  }
  .dark\:bg-fuchsia--300 {
    background-color: var(--fuchsia--300);
  }
  .dark\:bg-fuchsia--400 {
    background-color: var(--fuchsia--400);
  }
  .dark\:bg-fuchsia--500 {
    background-color: var(--fuchsia--500);
  }
  .dark\:bg-fuchsia--600 {
    background-color: var(--fuchsia--600);
  }
  .dark\:bg-fuchsia--700 {
    background-color: var(--fuchsia--700);
  }
  .dark\:bg-fuchsia--800 {
    background-color: var(--fuchsia--800);
  }
  .dark\:bg-fuchsia--900 {
    background-color: var(--fuchsia--900);
  }
  .dark\:bg-fuchsia--950 {
    background-color: var(--fuchsia--950);
  }
  .dark\:bg-pink--50 {
    background-color: var(--pink--50);
  }
  .dark\:bg-pink--100 {
    background-color: var(--pink--100);
  }
  .dark\:bg-pink--200 {
    background-color: var(--pink--200);
  }
  .dark\:bg-pink--300 {
    background-color: var(--pink--300);
  }
  .dark\:bg-pink--400 {
    background-color: var(--pink--400);
  }
  .dark\:bg-pink--500 {
    background-color: var(--pink--500);
  }
  .dark\:bg-pink--600 {
    background-color: var(--pink--600);
  }
  .dark\:bg-pink--700 {
    background-color: var(--pink--700);
  }
  .dark\:bg-pink--800 {
    background-color: var(--pink--800);
  }
  .dark\:bg-pink--900 {
    background-color: var(--pink--900);
  }
  .dark\:bg-pink--950 {
    background-color: var(--pink--950);
  }
  .dark\:bg-rose--50 {
    background-color: var(--rose--50);
  }
  .dark\:bg-rose--100 {
    background-color: var(--rose--100);
  }
  .dark\:bg-rose--200 {
    background-color: var(--rose--200);
  }
  .dark\:bg-rose--300 {
    background-color: var(--rose--300);
  }
  .dark\:bg-rose--400 {
    background-color: var(--rose--400);
  }
  .dark\:bg-rose--500 {
    background-color: var(--rose--500);
  }
  .dark\:bg-rose--600 {
    background-color: var(--rose--600);
  }
  .dark\:bg-rose--700 {
    background-color: var(--rose--700);
  }
  .dark\:bg-rose--800 {
    background-color: var(--rose--800);
  }
  .dark\:bg-rose--900 {
    background-color: var(--rose--900);
  }
  .dark\:bg-rose--950 {
    background-color: var(--rose--950);
  }
  .dark\:bg-slate--50 {
    background-color: var(--slate--50);
  }
  .dark\:bg-slate--100 {
    background-color: var(--slate--100);
  }
  .dark\:bg-slate--200 {
    background-color: var(--slate--200);
  }
  .dark\:bg-slate--300 {
    background-color: var(--slate--300);
  }
  .dark\:bg-slate--400 {
    background-color: var(--slate--400);
  }
  .dark\:bg-slate--500 {
    background-color: var(--slate--500);
  }
  .dark\:bg-slate--600 {
    background-color: var(--slate--600);
  }
  .dark\:bg-slate--700 {
    background-color: var(--slate--700);
  }
  .dark\:bg-slate--800 {
    background-color: var(--slate--800);
  }
  .dark\:bg-slate--900 {
    background-color: var(--slate--900);
  }
  .dark\:bg-slate--950 {
    background-color: var(--slate--950);
  }
  .dark\:bg-gray--50 {
    background-color: var(--gray--50);
  }
  .dark\:bg-gray--100 {
    background-color: var(--gray--100);
  }
  .dark\:bg-gray--200 {
    background-color: var(--gray--200);
  }
  .dark\:bg-gray--300 {
    background-color: var(--gray--300);
  }
  .dark\:bg-gray--400 {
    background-color: var(--gray--400);
  }
  .dark\:bg-gray--500 {
    background-color: var(--gray--500);
  }
  .dark\:bg-gray--600 {
    background-color: var(--gray--600);
  }
  .dark\:bg-gray--700 {
    background-color: var(--gray--700);
  }
  .dark\:bg-gray--800 {
    background-color: var(--gray--800);
  }
  .dark\:bg-gray--900 {
    background-color: var(--gray--900);
  }
  .dark\:bg-gray--950 {
    background-color: var(--gray--950);
  }
  .dark\:bg-zinc--50 {
    background-color: var(--zinc--50);
  }
  .dark\:bg-zinc--100 {
    background-color: var(--zinc--100);
  }
  .dark\:bg-zinc--200 {
    background-color: var(--zinc--200);
  }
  .dark\:bg-zinc--300 {
    background-color: var(--zinc--300);
  }
  .dark\:bg-zinc--400 {
    background-color: var(--zinc--400);
  }
  .dark\:bg-zinc--500 {
    background-color: var(--zinc--500);
  }
  .dark\:bg-zinc--600 {
    background-color: var(--zinc--600);
  }
  .dark\:bg-zinc--700 {
    background-color: var(--zinc--700);
  }
  .dark\:bg-zinc--800 {
    background-color: var(--zinc--800);
  }
  .dark\:bg-zinc--900 {
    background-color: var(--zinc--900);
  }
  .dark\:bg-zinc--950 {
    background-color: var(--zinc--950);
  }
  .dark\:bg-neutral--50 {
    background-color: var(--neutral--50);
  }
  .dark\:bg-neutral--100 {
    background-color: var(--neutral--100);
  }
  .dark\:bg-neutral--200 {
    background-color: var(--neutral--200);
  }
  .dark\:bg-neutral--300 {
    background-color: var(--neutral--300);
  }
  .dark\:bg-neutral--400 {
    background-color: var(--neutral--400);
  }
  .dark\:bg-neutral--500 {
    background-color: var(--neutral--500);
  }
  .dark\:bg-neutral--600 {
    background-color: var(--neutral--600);
  }
  .dark\:bg-neutral--700 {
    background-color: var(--neutral--700);
  }
  .dark\:bg-neutral--800 {
    background-color: var(--neutral--800);
  }
  .dark\:bg-neutral--900 {
    background-color: var(--neutral--900);
  }
  .dark\:bg-neutral--950 {
    background-color: var(--neutral--950);
  }
  .dark\:bg-stone--50 {
    background-color: var(--stone--50);
  }
  .dark\:bg-stone--100 {
    background-color: var(--stone--100);
  }
  .dark\:bg-stone--200 {
    background-color: var(--stone--200);
  }
  .dark\:bg-stone--300 {
    background-color: var(--stone--300);
  }
  .dark\:bg-stone--400 {
    background-color: var(--stone--400);
  }
  .dark\:bg-stone--500 {
    background-color: var(--stone--500);
  }
  .dark\:bg-stone--600 {
    background-color: var(--stone--600);
  }
  .dark\:bg-stone--700 {
    background-color: var(--stone--700);
  }
  .dark\:bg-stone--800 {
    background-color: var(--stone--800);
  }
  .dark\:bg-stone--900 {
    background-color: var(--stone--900);
  }
  .dark\:bg-stone--950 {
    background-color: var(--stone--950);
  }
  .dark\:text-primary--50 {
    color: var(--primary--50);
  }
  .dark\:text-primary--100 {
    color: var(--primary--100);
  }
  .dark\:text-primary--200 {
    color: var(--primary--200);
  }
  .dark\:text-primary--300 {
    color: var(--primary--300);
  }
  .dark\:text-primary--400 {
    color: var(--primary--400);
  }
  .dark\:text-primary--500 {
    color: var(--primary--500);
  }
  .dark\:text-primary--600 {
    color: var(--primary--600);
  }
  .dark\:text-primary--700 {
    color: var(--primary--700);
  }
  .dark\:text-primary--800 {
    color: var(--primary--800);
  }
  .dark\:text-primary--900 {
    color: var(--primary--900);
  }
  .dark\:text-primary--950 {
    color: var(--primary--950);
  }
  .dark\:text-secondary--50 {
    color: var(--secondary--50);
  }
  .dark\:text-secondary--100 {
    color: var(--secondary--100);
  }
  .dark\:text-secondary--200 {
    color: var(--secondary--200);
  }
  .dark\:text-secondary--300 {
    color: var(--secondary--300);
  }
  .dark\:text-secondary--400 {
    color: var(--secondary--400);
  }
  .dark\:text-secondary--500 {
    color: var(--secondary--500);
  }
  .dark\:text-secondary--600 {
    color: var(--secondary--600);
  }
  .dark\:text-secondary--700 {
    color: var(--secondary--700);
  }
  .dark\:text-secondary--800 {
    color: var(--secondary--800);
  }
  .dark\:text-secondary--900 {
    color: var(--secondary--900);
  }
  .dark\:text-secondary--950 {
    color: var(--secondary--950);
  }
  .dark\:text-accent--50 {
    color: var(--accent--50);
  }
  .dark\:text-accent--100 {
    color: var(--accent--100);
  }
  .dark\:text-accent--200 {
    color: var(--accent--200);
  }
  .dark\:text-accent--300 {
    color: var(--accent--300);
  }
  .dark\:text-accent--400 {
    color: var(--accent--400);
  }
  .dark\:text-accent--500 {
    color: var(--accent--500);
  }
  .dark\:text-accent--600 {
    color: var(--accent--600);
  }
  .dark\:text-accent--700 {
    color: var(--accent--700);
  }
  .dark\:text-accent--800 {
    color: var(--accent--800);
  }
  .dark\:text-accent--900 {
    color: var(--accent--900);
  }
  .dark\:text-accent--950 {
    color: var(--accent--950);
  }
  .dark\:text-red--50 {
    color: var(--red--50);
  }
  .dark\:text-red--100 {
    color: var(--red--100);
  }
  .dark\:text-red--200 {
    color: var(--red--200);
  }
  .dark\:text-red--300 {
    color: var(--red--300);
  }
  .dark\:text-red--400 {
    color: var(--red--400);
  }
  .dark\:text-red--500 {
    color: var(--red--500);
  }
  .dark\:text-red--600 {
    color: var(--red--600);
  }
  .dark\:text-red--700 {
    color: var(--red--700);
  }
  .dark\:text-red--800 {
    color: var(--red--800);
  }
  .dark\:text-red--900 {
    color: var(--red--900);
  }
  .dark\:text-red--950 {
    color: var(--red--950);
  }
  .dark\:text-orange--50 {
    color: var(--orange--50);
  }
  .dark\:text-orange--100 {
    color: var(--orange--100);
  }
  .dark\:text-orange--200 {
    color: var(--orange--200);
  }
  .dark\:text-orange--300 {
    color: var(--orange--300);
  }
  .dark\:text-orange--400 {
    color: var(--orange--400);
  }
  .dark\:text-orange--500 {
    color: var(--orange--500);
  }
  .dark\:text-orange--600 {
    color: var(--orange--600);
  }
  .dark\:text-orange--700 {
    color: var(--orange--700);
  }
  .dark\:text-orange--800 {
    color: var(--orange--800);
  }
  .dark\:text-orange--900 {
    color: var(--orange--900);
  }
  .dark\:text-orange--950 {
    color: var(--orange--950);
  }
  .dark\:text-amber--50 {
    color: var(--amber--50);
  }
  .dark\:text-amber--100 {
    color: var(--amber--100);
  }
  .dark\:text-amber--200 {
    color: var(--amber--200);
  }
  .dark\:text-amber--300 {
    color: var(--amber--300);
  }
  .dark\:text-amber--400 {
    color: var(--amber--400);
  }
  .dark\:text-amber--500 {
    color: var(--amber--500);
  }
  .dark\:text-amber--600 {
    color: var(--amber--600);
  }
  .dark\:text-amber--700 {
    color: var(--amber--700);
  }
  .dark\:text-amber--800 {
    color: var(--amber--800);
  }
  .dark\:text-amber--900 {
    color: var(--amber--900);
  }
  .dark\:text-amber--950 {
    color: var(--amber--950);
  }
  .dark\:text-yellow--50 {
    color: var(--yellow--50);
  }
  .dark\:text-yellow--100 {
    color: var(--yellow--100);
  }
  .dark\:text-yellow--200 {
    color: var(--yellow--200);
  }
  .dark\:text-yellow--300 {
    color: var(--yellow--300);
  }
  .dark\:text-yellow--400 {
    color: var(--yellow--400);
  }
  .dark\:text-yellow--500 {
    color: var(--yellow--500);
  }
  .dark\:text-yellow--600 {
    color: var(--yellow--600);
  }
  .dark\:text-yellow--700 {
    color: var(--yellow--700);
  }
  .dark\:text-yellow--800 {
    color: var(--yellow--800);
  }
  .dark\:text-yellow--900 {
    color: var(--yellow--900);
  }
  .dark\:text-yellow--950 {
    color: var(--yellow--950);
  }
  .dark\:text-lime--50 {
    color: var(--lime--50);
  }
  .dark\:text-lime--100 {
    color: var(--lime--100);
  }
  .dark\:text-lime--200 {
    color: var(--lime--200);
  }
  .dark\:text-lime--300 {
    color: var(--lime--300);
  }
  .dark\:text-lime--400 {
    color: var(--lime--400);
  }
  .dark\:text-lime--500 {
    color: var(--lime--500);
  }
  .dark\:text-lime--600 {
    color: var(--lime--600);
  }
  .dark\:text-lime--700 {
    color: var(--lime--700);
  }
  .dark\:text-lime--800 {
    color: var(--lime--800);
  }
  .dark\:text-lime--900 {
    color: var(--lime--900);
  }
  .dark\:text-lime--950 {
    color: var(--lime--950);
  }
  .dark\:text-green--50 {
    color: var(--green--50);
  }
  .dark\:text-green--100 {
    color: var(--green--100);
  }
  .dark\:text-green--200 {
    color: var(--green--200);
  }
  .dark\:text-green--300 {
    color: var(--green--300);
  }
  .dark\:text-green--400 {
    color: var(--green--400);
  }
  .dark\:text-green--500 {
    color: var(--green--500);
  }
  .dark\:text-green--600 {
    color: var(--green--600);
  }
  .dark\:text-green--700 {
    color: var(--green--700);
  }
  .dark\:text-green--800 {
    color: var(--green--800);
  }
  .dark\:text-green--900 {
    color: var(--green--900);
  }
  .dark\:text-green--950 {
    color: var(--green--950);
  }
  .dark\:text-teal--50 {
    color: var(--teal--50);
  }
  .dark\:text-teal--100 {
    color: var(--teal--100);
  }
  .dark\:text-teal--200 {
    color: var(--teal--200);
  }
  .dark\:text-teal--300 {
    color: var(--teal--300);
  }
  .dark\:text-teal--400 {
    color: var(--teal--400);
  }
  .dark\:text-teal--500 {
    color: var(--teal--500);
  }
  .dark\:text-teal--600 {
    color: var(--teal--600);
  }
  .dark\:text-teal--700 {
    color: var(--teal--700);
  }
  .dark\:text-teal--800 {
    color: var(--teal--800);
  }
  .dark\:text-teal--900 {
    color: var(--teal--900);
  }
  .dark\:text-teal--950 {
    color: var(--teal--950);
  }
  .dark\:text-cyan--50 {
    color: var(--cyan--50);
  }
  .dark\:text-cyan--100 {
    color: var(--cyan--100);
  }
  .dark\:text-cyan--200 {
    color: var(--cyan--200);
  }
  .dark\:text-cyan--300 {
    color: var(--cyan--300);
  }
  .dark\:text-cyan--400 {
    color: var(--cyan--400);
  }
  .dark\:text-cyan--500 {
    color: var(--cyan--500);
  }
  .dark\:text-cyan--600 {
    color: var(--cyan--600);
  }
  .dark\:text-cyan--700 {
    color: var(--cyan--700);
  }
  .dark\:text-cyan--800 {
    color: var(--cyan--800);
  }
  .dark\:text-cyan--900 {
    color: var(--cyan--900);
  }
  .dark\:text-cyan--950 {
    color: var(--cyan--950);
  }
  .dark\:text-sky--50 {
    color: var(--sky--50);
  }
  .dark\:text-sky--100 {
    color: var(--sky--100);
  }
  .dark\:text-sky--200 {
    color: var(--sky--200);
  }
  .dark\:text-sky--300 {
    color: var(--sky--300);
  }
  .dark\:text-sky--400 {
    color: var(--sky--400);
  }
  .dark\:text-sky--500 {
    color: var(--sky--500);
  }
  .dark\:text-sky--600 {
    color: var(--sky--600);
  }
  .dark\:text-sky--700 {
    color: var(--sky--700);
  }
  .dark\:text-sky--800 {
    color: var(--sky--800);
  }
  .dark\:text-sky--900 {
    color: var(--sky--900);
  }
  .dark\:text-sky--950 {
    color: var(--sky--950);
  }
  .dark\:text-blue--50 {
    color: var(--blue--50);
  }
  .dark\:text-blue--100 {
    color: var(--blue--100);
  }
  .dark\:text-blue--200 {
    color: var(--blue--200);
  }
  .dark\:text-blue--300 {
    color: var(--blue--300);
  }
  .dark\:text-blue--400 {
    color: var(--blue--400);
  }
  .dark\:text-blue--500 {
    color: var(--blue--500);
  }
  .dark\:text-blue--600 {
    color: var(--blue--600);
  }
  .dark\:text-blue--700 {
    color: var(--blue--700);
  }
  .dark\:text-blue--800 {
    color: var(--blue--800);
  }
  .dark\:text-blue--900 {
    color: var(--blue--900);
  }
  .dark\:text-blue--950 {
    color: var(--blue--950);
  }
  .dark\:text-indigo--50 {
    color: var(--indigo--50);
  }
  .dark\:text-indigo--100 {
    color: var(--indigo--100);
  }
  .dark\:text-indigo--200 {
    color: var(--indigo--200);
  }
  .dark\:text-indigo--300 {
    color: var(--indigo--300);
  }
  .dark\:text-indigo--400 {
    color: var(--indigo--400);
  }
  .dark\:text-indigo--500 {
    color: var(--indigo--500);
  }
  .dark\:text-indigo--600 {
    color: var(--indigo--600);
  }
  .dark\:text-indigo--700 {
    color: var(--indigo--700);
  }
  .dark\:text-indigo--800 {
    color: var(--indigo--800);
  }
  .dark\:text-indigo--900 {
    color: var(--indigo--900);
  }
  .dark\:text-indigo--950 {
    color: var(--indigo--950);
  }
  .dark\:text-violet--50 {
    color: var(--violet--50);
  }
  .dark\:text-violet--100 {
    color: var(--violet--100);
  }
  .dark\:text-violet--200 {
    color: var(--violet--200);
  }
  .dark\:text-violet--300 {
    color: var(--violet--300);
  }
  .dark\:text-violet--400 {
    color: var(--violet--400);
  }
  .dark\:text-violet--500 {
    color: var(--violet--500);
  }
  .dark\:text-violet--600 {
    color: var(--violet--600);
  }
  .dark\:text-violet--700 {
    color: var(--violet--700);
  }
  .dark\:text-violet--800 {
    color: var(--violet--800);
  }
  .dark\:text-violet--900 {
    color: var(--violet--900);
  }
  .dark\:text-violet--950 {
    color: var(--violet--950);
  }
  .dark\:text-purple--50 {
    color: var(--purple--50);
  }
  .dark\:text-purple--100 {
    color: var(--purple--100);
  }
  .dark\:text-purple--200 {
    color: var(--purple--200);
  }
  .dark\:text-purple--300 {
    color: var(--purple--300);
  }
  .dark\:text-purple--400 {
    color: var(--purple--400);
  }
  .dark\:text-purple--500 {
    color: var(--purple--500);
  }
  .dark\:text-purple--600 {
    color: var(--purple--600);
  }
  .dark\:text-purple--700 {
    color: var(--purple--700);
  }
  .dark\:text-purple--800 {
    color: var(--purple--800);
  }
  .dark\:text-purple--900 {
    color: var(--purple--900);
  }
  .dark\:text-purple--950 {
    color: var(--purple--950);
  }
  .dark\:text-fuchsia--50 {
    color: var(--fuchsia--50);
  }
  .dark\:text-fuchsia--100 {
    color: var(--fuchsia--100);
  }
  .dark\:text-fuchsia--200 {
    color: var(--fuchsia--200);
  }
  .dark\:text-fuchsia--300 {
    color: var(--fuchsia--300);
  }
  .dark\:text-fuchsia--400 {
    color: var(--fuchsia--400);
  }
  .dark\:text-fuchsia--500 {
    color: var(--fuchsia--500);
  }
  .dark\:text-fuchsia--600 {
    color: var(--fuchsia--600);
  }
  .dark\:text-fuchsia--700 {
    color: var(--fuchsia--700);
  }
  .dark\:text-fuchsia--800 {
    color: var(--fuchsia--800);
  }
  .dark\:text-fuchsia--900 {
    color: var(--fuchsia--900);
  }
  .dark\:text-fuchsia--950 {
    color: var(--fuchsia--950);
  }
  .dark\:text-pink--50 {
    color: var(--pink--50);
  }
  .dark\:text-pink--100 {
    color: var(--pink--100);
  }
  .dark\:text-pink--200 {
    color: var(--pink--200);
  }
  .dark\:text-pink--300 {
    color: var(--pink--300);
  }
  .dark\:text-pink--400 {
    color: var(--pink--400);
  }
  .dark\:text-pink--500 {
    color: var(--pink--500);
  }
  .dark\:text-pink--600 {
    color: var(--pink--600);
  }
  .dark\:text-pink--700 {
    color: var(--pink--700);
  }
  .dark\:text-pink--800 {
    color: var(--pink--800);
  }
  .dark\:text-pink--900 {
    color: var(--pink--900);
  }
  .dark\:text-pink--950 {
    color: var(--pink--950);
  }
  .dark\:text-rose--50 {
    color: var(--rose--50);
  }
  .dark\:text-rose--100 {
    color: var(--rose--100);
  }
  .dark\:text-rose--200 {
    color: var(--rose--200);
  }
  .dark\:text-rose--300 {
    color: var(--rose--300);
  }
  .dark\:text-rose--400 {
    color: var(--rose--400);
  }
  .dark\:text-rose--500 {
    color: var(--rose--500);
  }
  .dark\:text-rose--600 {
    color: var(--rose--600);
  }
  .dark\:text-rose--700 {
    color: var(--rose--700);
  }
  .dark\:text-rose--800 {
    color: var(--rose--800);
  }
  .dark\:text-rose--900 {
    color: var(--rose--900);
  }
  .dark\:text-rose--950 {
    color: var(--rose--950);
  }
  .dark\:text-slate--50 {
    color: var(--slate--50);
  }
  .dark\:text-slate--100 {
    color: var(--slate--100);
  }
  .dark\:text-slate--200 {
    color: var(--slate--200);
  }
  .dark\:text-slate--300 {
    color: var(--slate--300);
  }
  .dark\:text-slate--400 {
    color: var(--slate--400);
  }
  .dark\:text-slate--500 {
    color: var(--slate--500);
  }
  .dark\:text-slate--600 {
    color: var(--slate--600);
  }
  .dark\:text-slate--700 {
    color: var(--slate--700);
  }
  .dark\:text-slate--800 {
    color: var(--slate--800);
  }
  .dark\:text-slate--900 {
    color: var(--slate--900);
  }
  .dark\:text-slate--950 {
    color: var(--slate--950);
  }
  .dark\:text-gray--50 {
    color: var(--gray--50);
  }
  .dark\:text-gray--100 {
    color: var(--gray--100);
  }
  .dark\:text-gray--200 {
    color: var(--gray--200);
  }
  .dark\:text-gray--300 {
    color: var(--gray--300);
  }
  .dark\:text-gray--400 {
    color: var(--gray--400);
  }
  .dark\:text-gray--500 {
    color: var(--gray--500);
  }
  .dark\:text-gray--600 {
    color: var(--gray--600);
  }
  .dark\:text-gray--700 {
    color: var(--gray--700);
  }
  .dark\:text-gray--800 {
    color: var(--gray--800);
  }
  .dark\:text-gray--900 {
    color: var(--gray--900);
  }
  .dark\:text-gray--950 {
    color: var(--gray--950);
  }
  .dark\:text-zinc--50 {
    color: var(--zinc--50);
  }
  .dark\:text-zinc--100 {
    color: var(--zinc--100);
  }
  .dark\:text-zinc--200 {
    color: var(--zinc--200);
  }
  .dark\:text-zinc--300 {
    color: var(--zinc--300);
  }
  .dark\:text-zinc--400 {
    color: var(--zinc--400);
  }
  .dark\:text-zinc--500 {
    color: var(--zinc--500);
  }
  .dark\:text-zinc--600 {
    color: var(--zinc--600);
  }
  .dark\:text-zinc--700 {
    color: var(--zinc--700);
  }
  .dark\:text-zinc--800 {
    color: var(--zinc--800);
  }
  .dark\:text-zinc--900 {
    color: var(--zinc--900);
  }
  .dark\:text-zinc--950 {
    color: var(--zinc--950);
  }
  .dark\:text-neutral--50 {
    color: var(--neutral--50);
  }
  .dark\:text-neutral--100 {
    color: var(--neutral--100);
  }
  .dark\:text-neutral--200 {
    color: var(--neutral--200);
  }
  .dark\:text-neutral--300 {
    color: var(--neutral--300);
  }
  .dark\:text-neutral--400 {
    color: var(--neutral--400);
  }
  .dark\:text-neutral--500 {
    color: var(--neutral--500);
  }
  .dark\:text-neutral--600 {
    color: var(--neutral--600);
  }
  .dark\:text-neutral--700 {
    color: var(--neutral--700);
  }
  .dark\:text-neutral--800 {
    color: var(--neutral--800);
  }
  .dark\:text-neutral--900 {
    color: var(--neutral--900);
  }
  .dark\:text-neutral--950 {
    color: var(--neutral--950);
  }
  .dark\:text-stone--50 {
    color: var(--stone--50);
  }
  .dark\:text-stone--100 {
    color: var(--stone--100);
  }
  .dark\:text-stone--200 {
    color: var(--stone--200);
  }
  .dark\:text-stone--300 {
    color: var(--stone--300);
  }
  .dark\:text-stone--400 {
    color: var(--stone--400);
  }
  .dark\:text-stone--500 {
    color: var(--stone--500);
  }
  .dark\:text-stone--600 {
    color: var(--stone--600);
  }
  .dark\:text-stone--700 {
    color: var(--stone--700);
  }
  .dark\:text-stone--800 {
    color: var(--stone--800);
  }
  .dark\:text-stone--900 {
    color: var(--stone--900);
  }
  .dark\:text-stone--950 {
    color: var(--stone--950);
  }
  .dark\:border-primary--50 {
    border-color: var(--primary--50);
  }
  .dark\:border-primary--100 {
    border-color: var(--primary--100);
  }
  .dark\:border-primary--200 {
    border-color: var(--primary--200);
  }
  .dark\:border-primary--300 {
    border-color: var(--primary--300);
  }
  .dark\:border-primary--400 {
    border-color: var(--primary--400);
  }
  .dark\:border-primary--500 {
    border-color: var(--primary--500);
  }
  .dark\:border-primary--600 {
    border-color: var(--primary--600);
  }
  .dark\:border-primary--700 {
    border-color: var(--primary--700);
  }
  .dark\:border-primary--800 {
    border-color: var(--primary--800);
  }
  .dark\:border-primary--900 {
    border-color: var(--primary--900);
  }
  .dark\:border-primary--950 {
    border-color: var(--primary--950);
  }
  .dark\:border-secondary--50 {
    border-color: var(--secondary--50);
  }
  .dark\:border-secondary--100 {
    border-color: var(--secondary--100);
  }
  .dark\:border-secondary--200 {
    border-color: var(--secondary--200);
  }
  .dark\:border-secondary--300 {
    border-color: var(--secondary--300);
  }
  .dark\:border-secondary--400 {
    border-color: var(--secondary--400);
  }
  .dark\:border-secondary--500 {
    border-color: var(--secondary--500);
  }
  .dark\:border-secondary--600 {
    border-color: var(--secondary--600);
  }
  .dark\:border-secondary--700 {
    border-color: var(--secondary--700);
  }
  .dark\:border-secondary--800 {
    border-color: var(--secondary--800);
  }
  .dark\:border-secondary--900 {
    border-color: var(--secondary--900);
  }
  .dark\:border-secondary--950 {
    border-color: var(--secondary--950);
  }
  .dark\:border-accent--50 {
    border-color: var(--accent--50);
  }
  .dark\:border-accent--100 {
    border-color: var(--accent--100);
  }
  .dark\:border-accent--200 {
    border-color: var(--accent--200);
  }
  .dark\:border-accent--300 {
    border-color: var(--accent--300);
  }
  .dark\:border-accent--400 {
    border-color: var(--accent--400);
  }
  .dark\:border-accent--500 {
    border-color: var(--accent--500);
  }
  .dark\:border-accent--600 {
    border-color: var(--accent--600);
  }
  .dark\:border-accent--700 {
    border-color: var(--accent--700);
  }
  .dark\:border-accent--800 {
    border-color: var(--accent--800);
  }
  .dark\:border-accent--900 {
    border-color: var(--accent--900);
  }
  .dark\:border-accent--950 {
    border-color: var(--accent--950);
  }
  .dark\:border-red--50 {
    border-color: var(--red--50);
  }
  .dark\:border-red--100 {
    border-color: var(--red--100);
  }
  .dark\:border-red--200 {
    border-color: var(--red--200);
  }
  .dark\:border-red--300 {
    border-color: var(--red--300);
  }
  .dark\:border-red--400 {
    border-color: var(--red--400);
  }
  .dark\:border-red--500 {
    border-color: var(--red--500);
  }
  .dark\:border-red--600 {
    border-color: var(--red--600);
  }
  .dark\:border-red--700 {
    border-color: var(--red--700);
  }
  .dark\:border-red--800 {
    border-color: var(--red--800);
  }
  .dark\:border-red--900 {
    border-color: var(--red--900);
  }
  .dark\:border-red--950 {
    border-color: var(--red--950);
  }
  .dark\:border-orange--50 {
    border-color: var(--orange--50);
  }
  .dark\:border-orange--100 {
    border-color: var(--orange--100);
  }
  .dark\:border-orange--200 {
    border-color: var(--orange--200);
  }
  .dark\:border-orange--300 {
    border-color: var(--orange--300);
  }
  .dark\:border-orange--400 {
    border-color: var(--orange--400);
  }
  .dark\:border-orange--500 {
    border-color: var(--orange--500);
  }
  .dark\:border-orange--600 {
    border-color: var(--orange--600);
  }
  .dark\:border-orange--700 {
    border-color: var(--orange--700);
  }
  .dark\:border-orange--800 {
    border-color: var(--orange--800);
  }
  .dark\:border-orange--900 {
    border-color: var(--orange--900);
  }
  .dark\:border-orange--950 {
    border-color: var(--orange--950);
  }
  .dark\:border-amber--50 {
    border-color: var(--amber--50);
  }
  .dark\:border-amber--100 {
    border-color: var(--amber--100);
  }
  .dark\:border-amber--200 {
    border-color: var(--amber--200);
  }
  .dark\:border-amber--300 {
    border-color: var(--amber--300);
  }
  .dark\:border-amber--400 {
    border-color: var(--amber--400);
  }
  .dark\:border-amber--500 {
    border-color: var(--amber--500);
  }
  .dark\:border-amber--600 {
    border-color: var(--amber--600);
  }
  .dark\:border-amber--700 {
    border-color: var(--amber--700);
  }
  .dark\:border-amber--800 {
    border-color: var(--amber--800);
  }
  .dark\:border-amber--900 {
    border-color: var(--amber--900);
  }
  .dark\:border-amber--950 {
    border-color: var(--amber--950);
  }
  .dark\:border-yellow--50 {
    border-color: var(--yellow--50);
  }
  .dark\:border-yellow--100 {
    border-color: var(--yellow--100);
  }
  .dark\:border-yellow--200 {
    border-color: var(--yellow--200);
  }
  .dark\:border-yellow--300 {
    border-color: var(--yellow--300);
  }
  .dark\:border-yellow--400 {
    border-color: var(--yellow--400);
  }
  .dark\:border-yellow--500 {
    border-color: var(--yellow--500);
  }
  .dark\:border-yellow--600 {
    border-color: var(--yellow--600);
  }
  .dark\:border-yellow--700 {
    border-color: var(--yellow--700);
  }
  .dark\:border-yellow--800 {
    border-color: var(--yellow--800);
  }
  .dark\:border-yellow--900 {
    border-color: var(--yellow--900);
  }
  .dark\:border-yellow--950 {
    border-color: var(--yellow--950);
  }
  .dark\:border-lime--50 {
    border-color: var(--lime--50);
  }
  .dark\:border-lime--100 {
    border-color: var(--lime--100);
  }
  .dark\:border-lime--200 {
    border-color: var(--lime--200);
  }
  .dark\:border-lime--300 {
    border-color: var(--lime--300);
  }
  .dark\:border-lime--400 {
    border-color: var(--lime--400);
  }
  .dark\:border-lime--500 {
    border-color: var(--lime--500);
  }
  .dark\:border-lime--600 {
    border-color: var(--lime--600);
  }
  .dark\:border-lime--700 {
    border-color: var(--lime--700);
  }
  .dark\:border-lime--800 {
    border-color: var(--lime--800);
  }
  .dark\:border-lime--900 {
    border-color: var(--lime--900);
  }
  .dark\:border-lime--950 {
    border-color: var(--lime--950);
  }
  .dark\:border-green--50 {
    border-color: var(--green--50);
  }
  .dark\:border-green--100 {
    border-color: var(--green--100);
  }
  .dark\:border-green--200 {
    border-color: var(--green--200);
  }
  .dark\:border-green--300 {
    border-color: var(--green--300);
  }
  .dark\:border-green--400 {
    border-color: var(--green--400);
  }
  .dark\:border-green--500 {
    border-color: var(--green--500);
  }
  .dark\:border-green--600 {
    border-color: var(--green--600);
  }
  .dark\:border-green--700 {
    border-color: var(--green--700);
  }
  .dark\:border-green--800 {
    border-color: var(--green--800);
  }
  .dark\:border-green--900 {
    border-color: var(--green--900);
  }
  .dark\:border-green--950 {
    border-color: var(--green--950);
  }
  .dark\:border-teal--50 {
    border-color: var(--teal--50);
  }
  .dark\:border-teal--100 {
    border-color: var(--teal--100);
  }
  .dark\:border-teal--200 {
    border-color: var(--teal--200);
  }
  .dark\:border-teal--300 {
    border-color: var(--teal--300);
  }
  .dark\:border-teal--400 {
    border-color: var(--teal--400);
  }
  .dark\:border-teal--500 {
    border-color: var(--teal--500);
  }
  .dark\:border-teal--600 {
    border-color: var(--teal--600);
  }
  .dark\:border-teal--700 {
    border-color: var(--teal--700);
  }
  .dark\:border-teal--800 {
    border-color: var(--teal--800);
  }
  .dark\:border-teal--900 {
    border-color: var(--teal--900);
  }
  .dark\:border-teal--950 {
    border-color: var(--teal--950);
  }
  .dark\:border-cyan--50 {
    border-color: var(--cyan--50);
  }
  .dark\:border-cyan--100 {
    border-color: var(--cyan--100);
  }
  .dark\:border-cyan--200 {
    border-color: var(--cyan--200);
  }
  .dark\:border-cyan--300 {
    border-color: var(--cyan--300);
  }
  .dark\:border-cyan--400 {
    border-color: var(--cyan--400);
  }
  .dark\:border-cyan--500 {
    border-color: var(--cyan--500);
  }
  .dark\:border-cyan--600 {
    border-color: var(--cyan--600);
  }
  .dark\:border-cyan--700 {
    border-color: var(--cyan--700);
  }
  .dark\:border-cyan--800 {
    border-color: var(--cyan--800);
  }
  .dark\:border-cyan--900 {
    border-color: var(--cyan--900);
  }
  .dark\:border-cyan--950 {
    border-color: var(--cyan--950);
  }
  .dark\:border-sky--50 {
    border-color: var(--sky--50);
  }
  .dark\:border-sky--100 {
    border-color: var(--sky--100);
  }
  .dark\:border-sky--200 {
    border-color: var(--sky--200);
  }
  .dark\:border-sky--300 {
    border-color: var(--sky--300);
  }
  .dark\:border-sky--400 {
    border-color: var(--sky--400);
  }
  .dark\:border-sky--500 {
    border-color: var(--sky--500);
  }
  .dark\:border-sky--600 {
    border-color: var(--sky--600);
  }
  .dark\:border-sky--700 {
    border-color: var(--sky--700);
  }
  .dark\:border-sky--800 {
    border-color: var(--sky--800);
  }
  .dark\:border-sky--900 {
    border-color: var(--sky--900);
  }
  .dark\:border-sky--950 {
    border-color: var(--sky--950);
  }
  .dark\:border-blue--50 {
    border-color: var(--blue--50);
  }
  .dark\:border-blue--100 {
    border-color: var(--blue--100);
  }
  .dark\:border-blue--200 {
    border-color: var(--blue--200);
  }
  .dark\:border-blue--300 {
    border-color: var(--blue--300);
  }
  .dark\:border-blue--400 {
    border-color: var(--blue--400);
  }
  .dark\:border-blue--500 {
    border-color: var(--blue--500);
  }
  .dark\:border-blue--600 {
    border-color: var(--blue--600);
  }
  .dark\:border-blue--700 {
    border-color: var(--blue--700);
  }
  .dark\:border-blue--800 {
    border-color: var(--blue--800);
  }
  .dark\:border-blue--900 {
    border-color: var(--blue--900);
  }
  .dark\:border-blue--950 {
    border-color: var(--blue--950);
  }
  .dark\:border-indigo--50 {
    border-color: var(--indigo--50);
  }
  .dark\:border-indigo--100 {
    border-color: var(--indigo--100);
  }
  .dark\:border-indigo--200 {
    border-color: var(--indigo--200);
  }
  .dark\:border-indigo--300 {
    border-color: var(--indigo--300);
  }
  .dark\:border-indigo--400 {
    border-color: var(--indigo--400);
  }
  .dark\:border-indigo--500 {
    border-color: var(--indigo--500);
  }
  .dark\:border-indigo--600 {
    border-color: var(--indigo--600);
  }
  .dark\:border-indigo--700 {
    border-color: var(--indigo--700);
  }
  .dark\:border-indigo--800 {
    border-color: var(--indigo--800);
  }
  .dark\:border-indigo--900 {
    border-color: var(--indigo--900);
  }
  .dark\:border-indigo--950 {
    border-color: var(--indigo--950);
  }
  .dark\:border-violet--50 {
    border-color: var(--violet--50);
  }
  .dark\:border-violet--100 {
    border-color: var(--violet--100);
  }
  .dark\:border-violet--200 {
    border-color: var(--violet--200);
  }
  .dark\:border-violet--300 {
    border-color: var(--violet--300);
  }
  .dark\:border-violet--400 {
    border-color: var(--violet--400);
  }
  .dark\:border-violet--500 {
    border-color: var(--violet--500);
  }
  .dark\:border-violet--600 {
    border-color: var(--violet--600);
  }
  .dark\:border-violet--700 {
    border-color: var(--violet--700);
  }
  .dark\:border-violet--800 {
    border-color: var(--violet--800);
  }
  .dark\:border-violet--900 {
    border-color: var(--violet--900);
  }
  .dark\:border-violet--950 {
    border-color: var(--violet--950);
  }
  .dark\:border-purple--50 {
    border-color: var(--purple--50);
  }
  .dark\:border-purple--100 {
    border-color: var(--purple--100);
  }
  .dark\:border-purple--200 {
    border-color: var(--purple--200);
  }
  .dark\:border-purple--300 {
    border-color: var(--purple--300);
  }
  .dark\:border-purple--400 {
    border-color: var(--purple--400);
  }
  .dark\:border-purple--500 {
    border-color: var(--purple--500);
  }
  .dark\:border-purple--600 {
    border-color: var(--purple--600);
  }
  .dark\:border-purple--700 {
    border-color: var(--purple--700);
  }
  .dark\:border-purple--800 {
    border-color: var(--purple--800);
  }
  .dark\:border-purple--900 {
    border-color: var(--purple--900);
  }
  .dark\:border-purple--950 {
    border-color: var(--purple--950);
  }
  .dark\:border-fuchsia--50 {
    border-color: var(--fuchsia--50);
  }
  .dark\:border-fuchsia--100 {
    border-color: var(--fuchsia--100);
  }
  .dark\:border-fuchsia--200 {
    border-color: var(--fuchsia--200);
  }
  .dark\:border-fuchsia--300 {
    border-color: var(--fuchsia--300);
  }
  .dark\:border-fuchsia--400 {
    border-color: var(--fuchsia--400);
  }
  .dark\:border-fuchsia--500 {
    border-color: var(--fuchsia--500);
  }
  .dark\:border-fuchsia--600 {
    border-color: var(--fuchsia--600);
  }
  .dark\:border-fuchsia--700 {
    border-color: var(--fuchsia--700);
  }
  .dark\:border-fuchsia--800 {
    border-color: var(--fuchsia--800);
  }
  .dark\:border-fuchsia--900 {
    border-color: var(--fuchsia--900);
  }
  .dark\:border-fuchsia--950 {
    border-color: var(--fuchsia--950);
  }
  .dark\:border-pink--50 {
    border-color: var(--pink--50);
  }
  .dark\:border-pink--100 {
    border-color: var(--pink--100);
  }
  .dark\:border-pink--200 {
    border-color: var(--pink--200);
  }
  .dark\:border-pink--300 {
    border-color: var(--pink--300);
  }
  .dark\:border-pink--400 {
    border-color: var(--pink--400);
  }
  .dark\:border-pink--500 {
    border-color: var(--pink--500);
  }
  .dark\:border-pink--600 {
    border-color: var(--pink--600);
  }
  .dark\:border-pink--700 {
    border-color: var(--pink--700);
  }
  .dark\:border-pink--800 {
    border-color: var(--pink--800);
  }
  .dark\:border-pink--900 {
    border-color: var(--pink--900);
  }
  .dark\:border-pink--950 {
    border-color: var(--pink--950);
  }
  .dark\:border-rose--50 {
    border-color: var(--rose--50);
  }
  .dark\:border-rose--100 {
    border-color: var(--rose--100);
  }
  .dark\:border-rose--200 {
    border-color: var(--rose--200);
  }
  .dark\:border-rose--300 {
    border-color: var(--rose--300);
  }
  .dark\:border-rose--400 {
    border-color: var(--rose--400);
  }
  .dark\:border-rose--500 {
    border-color: var(--rose--500);
  }
  .dark\:border-rose--600 {
    border-color: var(--rose--600);
  }
  .dark\:border-rose--700 {
    border-color: var(--rose--700);
  }
  .dark\:border-rose--800 {
    border-color: var(--rose--800);
  }
  .dark\:border-rose--900 {
    border-color: var(--rose--900);
  }
  .dark\:border-rose--950 {
    border-color: var(--rose--950);
  }
  .dark\:border-slate--50 {
    border-color: var(--slate--50);
  }
  .dark\:border-slate--100 {
    border-color: var(--slate--100);
  }
  .dark\:border-slate--200 {
    border-color: var(--slate--200);
  }
  .dark\:border-slate--300 {
    border-color: var(--slate--300);
  }
  .dark\:border-slate--400 {
    border-color: var(--slate--400);
  }
  .dark\:border-slate--500 {
    border-color: var(--slate--500);
  }
  .dark\:border-slate--600 {
    border-color: var(--slate--600);
  }
  .dark\:border-slate--700 {
    border-color: var(--slate--700);
  }
  .dark\:border-slate--800 {
    border-color: var(--slate--800);
  }
  .dark\:border-slate--900 {
    border-color: var(--slate--900);
  }
  .dark\:border-slate--950 {
    border-color: var(--slate--950);
  }
  .dark\:border-gray--50 {
    border-color: var(--gray--50);
  }
  .dark\:border-gray--100 {
    border-color: var(--gray--100);
  }
  .dark\:border-gray--200 {
    border-color: var(--gray--200);
  }
  .dark\:border-gray--300 {
    border-color: var(--gray--300);
  }
  .dark\:border-gray--400 {
    border-color: var(--gray--400);
  }
  .dark\:border-gray--500 {
    border-color: var(--gray--500);
  }
  .dark\:border-gray--600 {
    border-color: var(--gray--600);
  }
  .dark\:border-gray--700 {
    border-color: var(--gray--700);
  }
  .dark\:border-gray--800 {
    border-color: var(--gray--800);
  }
  .dark\:border-gray--900 {
    border-color: var(--gray--900);
  }
  .dark\:border-gray--950 {
    border-color: var(--gray--950);
  }
  .dark\:border-zinc--50 {
    border-color: var(--zinc--50);
  }
  .dark\:border-zinc--100 {
    border-color: var(--zinc--100);
  }
  .dark\:border-zinc--200 {
    border-color: var(--zinc--200);
  }
  .dark\:border-zinc--300 {
    border-color: var(--zinc--300);
  }
  .dark\:border-zinc--400 {
    border-color: var(--zinc--400);
  }
  .dark\:border-zinc--500 {
    border-color: var(--zinc--500);
  }
  .dark\:border-zinc--600 {
    border-color: var(--zinc--600);
  }
  .dark\:border-zinc--700 {
    border-color: var(--zinc--700);
  }
  .dark\:border-zinc--800 {
    border-color: var(--zinc--800);
  }
  .dark\:border-zinc--900 {
    border-color: var(--zinc--900);
  }
  .dark\:border-zinc--950 {
    border-color: var(--zinc--950);
  }
  .dark\:border-neutral--50 {
    border-color: var(--neutral--50);
  }
  .dark\:border-neutral--100 {
    border-color: var(--neutral--100);
  }
  .dark\:border-neutral--200 {
    border-color: var(--neutral--200);
  }
  .dark\:border-neutral--300 {
    border-color: var(--neutral--300);
  }
  .dark\:border-neutral--400 {
    border-color: var(--neutral--400);
  }
  .dark\:border-neutral--500 {
    border-color: var(--neutral--500);
  }
  .dark\:border-neutral--600 {
    border-color: var(--neutral--600);
  }
  .dark\:border-neutral--700 {
    border-color: var(--neutral--700);
  }
  .dark\:border-neutral--800 {
    border-color: var(--neutral--800);
  }
  .dark\:border-neutral--900 {
    border-color: var(--neutral--900);
  }
  .dark\:border-neutral--950 {
    border-color: var(--neutral--950);
  }
  .dark\:border-stone--50 {
    border-color: var(--stone--50);
  }
  .dark\:border-stone--100 {
    border-color: var(--stone--100);
  }
  .dark\:border-stone--200 {
    border-color: var(--stone--200);
  }
  .dark\:border-stone--300 {
    border-color: var(--stone--300);
  }
  .dark\:border-stone--400 {
    border-color: var(--stone--400);
  }
  .dark\:border-stone--500 {
    border-color: var(--stone--500);
  }
  .dark\:border-stone--600 {
    border-color: var(--stone--600);
  }
  .dark\:border-stone--700 {
    border-color: var(--stone--700);
  }
  .dark\:border-stone--800 {
    border-color: var(--stone--800);
  }
  .dark\:border-stone--900 {
    border-color: var(--stone--900);
  }
  .dark\:border-stone--950 {
    border-color: var(--stone--950);
  }
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-white, :root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-light {
  background-color: var(--white);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-dark, :root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-black {
  background-color: var(--black);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-primary--50 {
  background-color: var(--primary--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-primary--100 {
  background-color: var(--primary--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-primary--200 {
  background-color: var(--primary--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-primary--300 {
  background-color: var(--primary--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-primary--400 {
  background-color: var(--primary--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-primary--500 {
  background-color: var(--primary--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-primary--600 {
  background-color: var(--primary--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-primary--700 {
  background-color: var(--primary--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-primary--800 {
  background-color: var(--primary--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-primary--900 {
  background-color: var(--primary--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-primary--950 {
  background-color: var(--primary--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-secondary--50 {
  background-color: var(--secondary--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-secondary--100 {
  background-color: var(--secondary--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-secondary--200 {
  background-color: var(--secondary--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-secondary--300 {
  background-color: var(--secondary--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-secondary--400 {
  background-color: var(--secondary--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-secondary--500 {
  background-color: var(--secondary--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-secondary--600 {
  background-color: var(--secondary--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-secondary--700 {
  background-color: var(--secondary--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-secondary--800 {
  background-color: var(--secondary--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-secondary--900 {
  background-color: var(--secondary--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-secondary--950 {
  background-color: var(--secondary--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-accent--50 {
  background-color: var(--accent--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-accent--100 {
  background-color: var(--accent--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-accent--200 {
  background-color: var(--accent--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-accent--300 {
  background-color: var(--accent--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-accent--400 {
  background-color: var(--accent--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-accent--500 {
  background-color: var(--accent--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-accent--600 {
  background-color: var(--accent--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-accent--700 {
  background-color: var(--accent--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-accent--800 {
  background-color: var(--accent--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-accent--900 {
  background-color: var(--accent--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-accent--950 {
  background-color: var(--accent--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-red--50 {
  background-color: var(--red--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-red--100 {
  background-color: var(--red--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-red--200 {
  background-color: var(--red--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-red--300 {
  background-color: var(--red--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-red--400 {
  background-color: var(--red--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-red--500 {
  background-color: var(--red--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-red--600 {
  background-color: var(--red--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-red--700 {
  background-color: var(--red--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-red--800 {
  background-color: var(--red--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-red--900 {
  background-color: var(--red--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-red--950 {
  background-color: var(--red--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-orange--50 {
  background-color: var(--orange--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-orange--100 {
  background-color: var(--orange--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-orange--200 {
  background-color: var(--orange--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-orange--300 {
  background-color: var(--orange--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-orange--400 {
  background-color: var(--orange--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-orange--500 {
  background-color: var(--orange--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-orange--600 {
  background-color: var(--orange--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-orange--700 {
  background-color: var(--orange--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-orange--800 {
  background-color: var(--orange--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-orange--900 {
  background-color: var(--orange--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-orange--950 {
  background-color: var(--orange--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-amber--50 {
  background-color: var(--amber--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-amber--100 {
  background-color: var(--amber--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-amber--200 {
  background-color: var(--amber--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-amber--300 {
  background-color: var(--amber--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-amber--400 {
  background-color: var(--amber--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-amber--500 {
  background-color: var(--amber--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-amber--600 {
  background-color: var(--amber--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-amber--700 {
  background-color: var(--amber--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-amber--800 {
  background-color: var(--amber--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-amber--900 {
  background-color: var(--amber--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-amber--950 {
  background-color: var(--amber--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-yellow--50 {
  background-color: var(--yellow--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-yellow--100 {
  background-color: var(--yellow--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-yellow--200 {
  background-color: var(--yellow--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-yellow--300 {
  background-color: var(--yellow--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-yellow--400 {
  background-color: var(--yellow--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-yellow--500 {
  background-color: var(--yellow--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-yellow--600 {
  background-color: var(--yellow--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-yellow--700 {
  background-color: var(--yellow--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-yellow--800 {
  background-color: var(--yellow--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-yellow--900 {
  background-color: var(--yellow--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-yellow--950 {
  background-color: var(--yellow--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-lime--50 {
  background-color: var(--lime--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-lime--100 {
  background-color: var(--lime--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-lime--200 {
  background-color: var(--lime--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-lime--300 {
  background-color: var(--lime--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-lime--400 {
  background-color: var(--lime--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-lime--500 {
  background-color: var(--lime--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-lime--600 {
  background-color: var(--lime--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-lime--700 {
  background-color: var(--lime--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-lime--800 {
  background-color: var(--lime--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-lime--900 {
  background-color: var(--lime--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-lime--950 {
  background-color: var(--lime--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-green--50 {
  background-color: var(--green--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-green--100 {
  background-color: var(--green--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-green--200 {
  background-color: var(--green--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-green--300 {
  background-color: var(--green--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-green--400 {
  background-color: var(--green--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-green--500 {
  background-color: var(--green--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-green--600 {
  background-color: var(--green--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-green--700 {
  background-color: var(--green--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-green--800 {
  background-color: var(--green--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-green--900 {
  background-color: var(--green--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-green--950 {
  background-color: var(--green--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-teal--50 {
  background-color: var(--teal--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-teal--100 {
  background-color: var(--teal--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-teal--200 {
  background-color: var(--teal--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-teal--300 {
  background-color: var(--teal--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-teal--400 {
  background-color: var(--teal--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-teal--500 {
  background-color: var(--teal--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-teal--600 {
  background-color: var(--teal--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-teal--700 {
  background-color: var(--teal--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-teal--800 {
  background-color: var(--teal--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-teal--900 {
  background-color: var(--teal--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-teal--950 {
  background-color: var(--teal--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-cyan--50 {
  background-color: var(--cyan--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-cyan--100 {
  background-color: var(--cyan--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-cyan--200 {
  background-color: var(--cyan--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-cyan--300 {
  background-color: var(--cyan--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-cyan--400 {
  background-color: var(--cyan--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-cyan--500 {
  background-color: var(--cyan--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-cyan--600 {
  background-color: var(--cyan--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-cyan--700 {
  background-color: var(--cyan--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-cyan--800 {
  background-color: var(--cyan--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-cyan--900 {
  background-color: var(--cyan--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-cyan--950 {
  background-color: var(--cyan--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-sky--50 {
  background-color: var(--sky--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-sky--100 {
  background-color: var(--sky--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-sky--200 {
  background-color: var(--sky--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-sky--300 {
  background-color: var(--sky--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-sky--400 {
  background-color: var(--sky--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-sky--500 {
  background-color: var(--sky--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-sky--600 {
  background-color: var(--sky--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-sky--700 {
  background-color: var(--sky--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-sky--800 {
  background-color: var(--sky--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-sky--900 {
  background-color: var(--sky--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-sky--950 {
  background-color: var(--sky--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-blue--50 {
  background-color: var(--blue--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-blue--100 {
  background-color: var(--blue--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-blue--200 {
  background-color: var(--blue--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-blue--300 {
  background-color: var(--blue--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-blue--400 {
  background-color: var(--blue--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-blue--500 {
  background-color: var(--blue--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-blue--600 {
  background-color: var(--blue--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-blue--700 {
  background-color: var(--blue--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-blue--800 {
  background-color: var(--blue--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-blue--900 {
  background-color: var(--blue--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-blue--950 {
  background-color: var(--blue--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-indigo--50 {
  background-color: var(--indigo--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-indigo--100 {
  background-color: var(--indigo--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-indigo--200 {
  background-color: var(--indigo--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-indigo--300 {
  background-color: var(--indigo--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-indigo--400 {
  background-color: var(--indigo--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-indigo--500 {
  background-color: var(--indigo--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-indigo--600 {
  background-color: var(--indigo--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-indigo--700 {
  background-color: var(--indigo--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-indigo--800 {
  background-color: var(--indigo--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-indigo--900 {
  background-color: var(--indigo--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-indigo--950 {
  background-color: var(--indigo--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-violet--50 {
  background-color: var(--violet--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-violet--100 {
  background-color: var(--violet--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-violet--200 {
  background-color: var(--violet--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-violet--300 {
  background-color: var(--violet--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-violet--400 {
  background-color: var(--violet--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-violet--500 {
  background-color: var(--violet--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-violet--600 {
  background-color: var(--violet--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-violet--700 {
  background-color: var(--violet--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-violet--800 {
  background-color: var(--violet--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-violet--900 {
  background-color: var(--violet--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-violet--950 {
  background-color: var(--violet--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-purple--50 {
  background-color: var(--purple--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-purple--100 {
  background-color: var(--purple--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-purple--200 {
  background-color: var(--purple--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-purple--300 {
  background-color: var(--purple--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-purple--400 {
  background-color: var(--purple--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-purple--500 {
  background-color: var(--purple--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-purple--600 {
  background-color: var(--purple--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-purple--700 {
  background-color: var(--purple--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-purple--800 {
  background-color: var(--purple--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-purple--900 {
  background-color: var(--purple--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-purple--950 {
  background-color: var(--purple--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-fuchsia--50 {
  background-color: var(--fuchsia--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-fuchsia--100 {
  background-color: var(--fuchsia--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-fuchsia--200 {
  background-color: var(--fuchsia--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-fuchsia--300 {
  background-color: var(--fuchsia--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-fuchsia--400 {
  background-color: var(--fuchsia--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-fuchsia--500 {
  background-color: var(--fuchsia--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-fuchsia--600 {
  background-color: var(--fuchsia--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-fuchsia--700 {
  background-color: var(--fuchsia--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-fuchsia--800 {
  background-color: var(--fuchsia--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-fuchsia--900 {
  background-color: var(--fuchsia--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-fuchsia--950 {
  background-color: var(--fuchsia--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-pink--50 {
  background-color: var(--pink--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-pink--100 {
  background-color: var(--pink--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-pink--200 {
  background-color: var(--pink--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-pink--300 {
  background-color: var(--pink--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-pink--400 {
  background-color: var(--pink--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-pink--500 {
  background-color: var(--pink--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-pink--600 {
  background-color: var(--pink--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-pink--700 {
  background-color: var(--pink--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-pink--800 {
  background-color: var(--pink--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-pink--900 {
  background-color: var(--pink--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-pink--950 {
  background-color: var(--pink--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-rose--50 {
  background-color: var(--rose--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-rose--100 {
  background-color: var(--rose--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-rose--200 {
  background-color: var(--rose--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-rose--300 {
  background-color: var(--rose--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-rose--400 {
  background-color: var(--rose--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-rose--500 {
  background-color: var(--rose--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-rose--600 {
  background-color: var(--rose--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-rose--700 {
  background-color: var(--rose--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-rose--800 {
  background-color: var(--rose--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-rose--900 {
  background-color: var(--rose--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-rose--950 {
  background-color: var(--rose--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-slate--50 {
  background-color: var(--slate--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-slate--100 {
  background-color: var(--slate--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-slate--200 {
  background-color: var(--slate--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-slate--300 {
  background-color: var(--slate--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-slate--400 {
  background-color: var(--slate--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-slate--500 {
  background-color: var(--slate--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-slate--600 {
  background-color: var(--slate--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-slate--700 {
  background-color: var(--slate--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-slate--800 {
  background-color: var(--slate--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-slate--900 {
  background-color: var(--slate--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-slate--950 {
  background-color: var(--slate--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-gray--50 {
  background-color: var(--gray--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-gray--100 {
  background-color: var(--gray--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-gray--200 {
  background-color: var(--gray--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-gray--300 {
  background-color: var(--gray--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-gray--400 {
  background-color: var(--gray--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-gray--500 {
  background-color: var(--gray--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-gray--600 {
  background-color: var(--gray--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-gray--700 {
  background-color: var(--gray--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-gray--800 {
  background-color: var(--gray--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-gray--900 {
  background-color: var(--gray--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-gray--950 {
  background-color: var(--gray--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-zinc--50 {
  background-color: var(--zinc--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-zinc--100 {
  background-color: var(--zinc--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-zinc--200 {
  background-color: var(--zinc--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-zinc--300 {
  background-color: var(--zinc--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-zinc--400 {
  background-color: var(--zinc--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-zinc--500 {
  background-color: var(--zinc--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-zinc--600 {
  background-color: var(--zinc--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-zinc--700 {
  background-color: var(--zinc--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-zinc--800 {
  background-color: var(--zinc--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-zinc--900 {
  background-color: var(--zinc--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-zinc--950 {
  background-color: var(--zinc--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-neutral--50 {
  background-color: var(--neutral--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-neutral--100 {
  background-color: var(--neutral--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-neutral--200 {
  background-color: var(--neutral--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-neutral--300 {
  background-color: var(--neutral--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-neutral--400 {
  background-color: var(--neutral--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-neutral--500 {
  background-color: var(--neutral--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-neutral--600 {
  background-color: var(--neutral--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-neutral--700 {
  background-color: var(--neutral--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-neutral--800 {
  background-color: var(--neutral--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-neutral--900 {
  background-color: var(--neutral--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-neutral--950 {
  background-color: var(--neutral--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-stone--50 {
  background-color: var(--stone--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-stone--100 {
  background-color: var(--stone--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-stone--200 {
  background-color: var(--stone--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-stone--300 {
  background-color: var(--stone--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-stone--400 {
  background-color: var(--stone--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-stone--500 {
  background-color: var(--stone--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-stone--600 {
  background-color: var(--stone--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-stone--700 {
  background-color: var(--stone--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-stone--800 {
  background-color: var(--stone--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-stone--900 {
  background-color: var(--stone--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:bg-stone--950 {
  background-color: var(--stone--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-primary--50 {
  color: var(--primary--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-primary--100 {
  color: var(--primary--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-primary--200 {
  color: var(--primary--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-primary--300 {
  color: var(--primary--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-primary--400 {
  color: var(--primary--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-primary--500 {
  color: var(--primary--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-primary--600 {
  color: var(--primary--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-primary--700 {
  color: var(--primary--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-primary--800 {
  color: var(--primary--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-primary--900 {
  color: var(--primary--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-primary--950 {
  color: var(--primary--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-secondary--50 {
  color: var(--secondary--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-secondary--100 {
  color: var(--secondary--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-secondary--200 {
  color: var(--secondary--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-secondary--300 {
  color: var(--secondary--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-secondary--400 {
  color: var(--secondary--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-secondary--500 {
  color: var(--secondary--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-secondary--600 {
  color: var(--secondary--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-secondary--700 {
  color: var(--secondary--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-secondary--800 {
  color: var(--secondary--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-secondary--900 {
  color: var(--secondary--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-secondary--950 {
  color: var(--secondary--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-accent--50 {
  color: var(--accent--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-accent--100 {
  color: var(--accent--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-accent--200 {
  color: var(--accent--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-accent--300 {
  color: var(--accent--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-accent--400 {
  color: var(--accent--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-accent--500 {
  color: var(--accent--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-accent--600 {
  color: var(--accent--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-accent--700 {
  color: var(--accent--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-accent--800 {
  color: var(--accent--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-accent--900 {
  color: var(--accent--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-accent--950 {
  color: var(--accent--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-red--50 {
  color: var(--red--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-red--100 {
  color: var(--red--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-red--200 {
  color: var(--red--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-red--300 {
  color: var(--red--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-red--400 {
  color: var(--red--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-red--500 {
  color: var(--red--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-red--600 {
  color: var(--red--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-red--700 {
  color: var(--red--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-red--800 {
  color: var(--red--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-red--900 {
  color: var(--red--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-red--950 {
  color: var(--red--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-orange--50 {
  color: var(--orange--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-orange--100 {
  color: var(--orange--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-orange--200 {
  color: var(--orange--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-orange--300 {
  color: var(--orange--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-orange--400 {
  color: var(--orange--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-orange--500 {
  color: var(--orange--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-orange--600 {
  color: var(--orange--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-orange--700 {
  color: var(--orange--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-orange--800 {
  color: var(--orange--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-orange--900 {
  color: var(--orange--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-orange--950 {
  color: var(--orange--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-amber--50 {
  color: var(--amber--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-amber--100 {
  color: var(--amber--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-amber--200 {
  color: var(--amber--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-amber--300 {
  color: var(--amber--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-amber--400 {
  color: var(--amber--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-amber--500 {
  color: var(--amber--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-amber--600 {
  color: var(--amber--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-amber--700 {
  color: var(--amber--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-amber--800 {
  color: var(--amber--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-amber--900 {
  color: var(--amber--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-amber--950 {
  color: var(--amber--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-yellow--50 {
  color: var(--yellow--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-yellow--100 {
  color: var(--yellow--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-yellow--200 {
  color: var(--yellow--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-yellow--300 {
  color: var(--yellow--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-yellow--400 {
  color: var(--yellow--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-yellow--500 {
  color: var(--yellow--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-yellow--600 {
  color: var(--yellow--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-yellow--700 {
  color: var(--yellow--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-yellow--800 {
  color: var(--yellow--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-yellow--900 {
  color: var(--yellow--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-yellow--950 {
  color: var(--yellow--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-lime--50 {
  color: var(--lime--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-lime--100 {
  color: var(--lime--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-lime--200 {
  color: var(--lime--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-lime--300 {
  color: var(--lime--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-lime--400 {
  color: var(--lime--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-lime--500 {
  color: var(--lime--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-lime--600 {
  color: var(--lime--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-lime--700 {
  color: var(--lime--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-lime--800 {
  color: var(--lime--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-lime--900 {
  color: var(--lime--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-lime--950 {
  color: var(--lime--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-green--50 {
  color: var(--green--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-green--100 {
  color: var(--green--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-green--200 {
  color: var(--green--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-green--300 {
  color: var(--green--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-green--400 {
  color: var(--green--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-green--500 {
  color: var(--green--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-green--600 {
  color: var(--green--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-green--700 {
  color: var(--green--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-green--800 {
  color: var(--green--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-green--900 {
  color: var(--green--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-green--950 {
  color: var(--green--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-teal--50 {
  color: var(--teal--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-teal--100 {
  color: var(--teal--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-teal--200 {
  color: var(--teal--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-teal--300 {
  color: var(--teal--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-teal--400 {
  color: var(--teal--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-teal--500 {
  color: var(--teal--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-teal--600 {
  color: var(--teal--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-teal--700 {
  color: var(--teal--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-teal--800 {
  color: var(--teal--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-teal--900 {
  color: var(--teal--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-teal--950 {
  color: var(--teal--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-cyan--50 {
  color: var(--cyan--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-cyan--100 {
  color: var(--cyan--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-cyan--200 {
  color: var(--cyan--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-cyan--300 {
  color: var(--cyan--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-cyan--400 {
  color: var(--cyan--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-cyan--500 {
  color: var(--cyan--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-cyan--600 {
  color: var(--cyan--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-cyan--700 {
  color: var(--cyan--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-cyan--800 {
  color: var(--cyan--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-cyan--900 {
  color: var(--cyan--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-cyan--950 {
  color: var(--cyan--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-sky--50 {
  color: var(--sky--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-sky--100 {
  color: var(--sky--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-sky--200 {
  color: var(--sky--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-sky--300 {
  color: var(--sky--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-sky--400 {
  color: var(--sky--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-sky--500 {
  color: var(--sky--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-sky--600 {
  color: var(--sky--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-sky--700 {
  color: var(--sky--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-sky--800 {
  color: var(--sky--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-sky--900 {
  color: var(--sky--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-sky--950 {
  color: var(--sky--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-blue--50 {
  color: var(--blue--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-blue--100 {
  color: var(--blue--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-blue--200 {
  color: var(--blue--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-blue--300 {
  color: var(--blue--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-blue--400 {
  color: var(--blue--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-blue--500 {
  color: var(--blue--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-blue--600 {
  color: var(--blue--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-blue--700 {
  color: var(--blue--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-blue--800 {
  color: var(--blue--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-blue--900 {
  color: var(--blue--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-blue--950 {
  color: var(--blue--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-indigo--50 {
  color: var(--indigo--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-indigo--100 {
  color: var(--indigo--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-indigo--200 {
  color: var(--indigo--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-indigo--300 {
  color: var(--indigo--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-indigo--400 {
  color: var(--indigo--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-indigo--500 {
  color: var(--indigo--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-indigo--600 {
  color: var(--indigo--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-indigo--700 {
  color: var(--indigo--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-indigo--800 {
  color: var(--indigo--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-indigo--900 {
  color: var(--indigo--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-indigo--950 {
  color: var(--indigo--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-violet--50 {
  color: var(--violet--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-violet--100 {
  color: var(--violet--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-violet--200 {
  color: var(--violet--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-violet--300 {
  color: var(--violet--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-violet--400 {
  color: var(--violet--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-violet--500 {
  color: var(--violet--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-violet--600 {
  color: var(--violet--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-violet--700 {
  color: var(--violet--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-violet--800 {
  color: var(--violet--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-violet--900 {
  color: var(--violet--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-violet--950 {
  color: var(--violet--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-purple--50 {
  color: var(--purple--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-purple--100 {
  color: var(--purple--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-purple--200 {
  color: var(--purple--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-purple--300 {
  color: var(--purple--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-purple--400 {
  color: var(--purple--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-purple--500 {
  color: var(--purple--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-purple--600 {
  color: var(--purple--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-purple--700 {
  color: var(--purple--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-purple--800 {
  color: var(--purple--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-purple--900 {
  color: var(--purple--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-purple--950 {
  color: var(--purple--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-fuchsia--50 {
  color: var(--fuchsia--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-fuchsia--100 {
  color: var(--fuchsia--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-fuchsia--200 {
  color: var(--fuchsia--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-fuchsia--300 {
  color: var(--fuchsia--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-fuchsia--400 {
  color: var(--fuchsia--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-fuchsia--500 {
  color: var(--fuchsia--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-fuchsia--600 {
  color: var(--fuchsia--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-fuchsia--700 {
  color: var(--fuchsia--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-fuchsia--800 {
  color: var(--fuchsia--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-fuchsia--900 {
  color: var(--fuchsia--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-fuchsia--950 {
  color: var(--fuchsia--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-pink--50 {
  color: var(--pink--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-pink--100 {
  color: var(--pink--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-pink--200 {
  color: var(--pink--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-pink--300 {
  color: var(--pink--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-pink--400 {
  color: var(--pink--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-pink--500 {
  color: var(--pink--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-pink--600 {
  color: var(--pink--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-pink--700 {
  color: var(--pink--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-pink--800 {
  color: var(--pink--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-pink--900 {
  color: var(--pink--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-pink--950 {
  color: var(--pink--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-rose--50 {
  color: var(--rose--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-rose--100 {
  color: var(--rose--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-rose--200 {
  color: var(--rose--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-rose--300 {
  color: var(--rose--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-rose--400 {
  color: var(--rose--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-rose--500 {
  color: var(--rose--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-rose--600 {
  color: var(--rose--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-rose--700 {
  color: var(--rose--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-rose--800 {
  color: var(--rose--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-rose--900 {
  color: var(--rose--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-rose--950 {
  color: var(--rose--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-slate--50 {
  color: var(--slate--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-slate--100 {
  color: var(--slate--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-slate--200 {
  color: var(--slate--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-slate--300 {
  color: var(--slate--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-slate--400 {
  color: var(--slate--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-slate--500 {
  color: var(--slate--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-slate--600 {
  color: var(--slate--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-slate--700 {
  color: var(--slate--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-slate--800 {
  color: var(--slate--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-slate--900 {
  color: var(--slate--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-slate--950 {
  color: var(--slate--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-gray--50 {
  color: var(--gray--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-gray--100 {
  color: var(--gray--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-gray--200 {
  color: var(--gray--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-gray--300 {
  color: var(--gray--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-gray--400 {
  color: var(--gray--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-gray--500 {
  color: var(--gray--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-gray--600 {
  color: var(--gray--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-gray--700 {
  color: var(--gray--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-gray--800 {
  color: var(--gray--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-gray--900 {
  color: var(--gray--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-gray--950 {
  color: var(--gray--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-zinc--50 {
  color: var(--zinc--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-zinc--100 {
  color: var(--zinc--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-zinc--200 {
  color: var(--zinc--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-zinc--300 {
  color: var(--zinc--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-zinc--400 {
  color: var(--zinc--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-zinc--500 {
  color: var(--zinc--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-zinc--600 {
  color: var(--zinc--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-zinc--700 {
  color: var(--zinc--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-zinc--800 {
  color: var(--zinc--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-zinc--900 {
  color: var(--zinc--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-zinc--950 {
  color: var(--zinc--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-neutral--50 {
  color: var(--neutral--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-neutral--100 {
  color: var(--neutral--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-neutral--200 {
  color: var(--neutral--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-neutral--300 {
  color: var(--neutral--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-neutral--400 {
  color: var(--neutral--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-neutral--500 {
  color: var(--neutral--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-neutral--600 {
  color: var(--neutral--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-neutral--700 {
  color: var(--neutral--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-neutral--800 {
  color: var(--neutral--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-neutral--900 {
  color: var(--neutral--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-neutral--950 {
  color: var(--neutral--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-stone--50 {
  color: var(--stone--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-stone--100 {
  color: var(--stone--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-stone--200 {
  color: var(--stone--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-stone--300 {
  color: var(--stone--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-stone--400 {
  color: var(--stone--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-stone--500 {
  color: var(--stone--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-stone--600 {
  color: var(--stone--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-stone--700 {
  color: var(--stone--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-stone--800 {
  color: var(--stone--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-stone--900 {
  color: var(--stone--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:text-stone--950 {
  color: var(--stone--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-primary--50 {
  border-color: var(--primary--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-primary--100 {
  border-color: var(--primary--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-primary--200 {
  border-color: var(--primary--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-primary--300 {
  border-color: var(--primary--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-primary--400 {
  border-color: var(--primary--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-primary--500 {
  border-color: var(--primary--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-primary--600 {
  border-color: var(--primary--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-primary--700 {
  border-color: var(--primary--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-primary--800 {
  border-color: var(--primary--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-primary--900 {
  border-color: var(--primary--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-primary--950 {
  border-color: var(--primary--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-secondary--50 {
  border-color: var(--secondary--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-secondary--100 {
  border-color: var(--secondary--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-secondary--200 {
  border-color: var(--secondary--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-secondary--300 {
  border-color: var(--secondary--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-secondary--400 {
  border-color: var(--secondary--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-secondary--500 {
  border-color: var(--secondary--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-secondary--600 {
  border-color: var(--secondary--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-secondary--700 {
  border-color: var(--secondary--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-secondary--800 {
  border-color: var(--secondary--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-secondary--900 {
  border-color: var(--secondary--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-secondary--950 {
  border-color: var(--secondary--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-accent--50 {
  border-color: var(--accent--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-accent--100 {
  border-color: var(--accent--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-accent--200 {
  border-color: var(--accent--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-accent--300 {
  border-color: var(--accent--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-accent--400 {
  border-color: var(--accent--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-accent--500 {
  border-color: var(--accent--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-accent--600 {
  border-color: var(--accent--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-accent--700 {
  border-color: var(--accent--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-accent--800 {
  border-color: var(--accent--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-accent--900 {
  border-color: var(--accent--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-accent--950 {
  border-color: var(--accent--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-red--50 {
  border-color: var(--red--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-red--100 {
  border-color: var(--red--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-red--200 {
  border-color: var(--red--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-red--300 {
  border-color: var(--red--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-red--400 {
  border-color: var(--red--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-red--500 {
  border-color: var(--red--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-red--600 {
  border-color: var(--red--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-red--700 {
  border-color: var(--red--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-red--800 {
  border-color: var(--red--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-red--900 {
  border-color: var(--red--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-red--950 {
  border-color: var(--red--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-orange--50 {
  border-color: var(--orange--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-orange--100 {
  border-color: var(--orange--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-orange--200 {
  border-color: var(--orange--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-orange--300 {
  border-color: var(--orange--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-orange--400 {
  border-color: var(--orange--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-orange--500 {
  border-color: var(--orange--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-orange--600 {
  border-color: var(--orange--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-orange--700 {
  border-color: var(--orange--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-orange--800 {
  border-color: var(--orange--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-orange--900 {
  border-color: var(--orange--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-orange--950 {
  border-color: var(--orange--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-amber--50 {
  border-color: var(--amber--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-amber--100 {
  border-color: var(--amber--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-amber--200 {
  border-color: var(--amber--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-amber--300 {
  border-color: var(--amber--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-amber--400 {
  border-color: var(--amber--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-amber--500 {
  border-color: var(--amber--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-amber--600 {
  border-color: var(--amber--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-amber--700 {
  border-color: var(--amber--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-amber--800 {
  border-color: var(--amber--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-amber--900 {
  border-color: var(--amber--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-amber--950 {
  border-color: var(--amber--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-yellow--50 {
  border-color: var(--yellow--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-yellow--100 {
  border-color: var(--yellow--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-yellow--200 {
  border-color: var(--yellow--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-yellow--300 {
  border-color: var(--yellow--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-yellow--400 {
  border-color: var(--yellow--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-yellow--500 {
  border-color: var(--yellow--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-yellow--600 {
  border-color: var(--yellow--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-yellow--700 {
  border-color: var(--yellow--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-yellow--800 {
  border-color: var(--yellow--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-yellow--900 {
  border-color: var(--yellow--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-yellow--950 {
  border-color: var(--yellow--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-lime--50 {
  border-color: var(--lime--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-lime--100 {
  border-color: var(--lime--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-lime--200 {
  border-color: var(--lime--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-lime--300 {
  border-color: var(--lime--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-lime--400 {
  border-color: var(--lime--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-lime--500 {
  border-color: var(--lime--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-lime--600 {
  border-color: var(--lime--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-lime--700 {
  border-color: var(--lime--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-lime--800 {
  border-color: var(--lime--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-lime--900 {
  border-color: var(--lime--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-lime--950 {
  border-color: var(--lime--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-green--50 {
  border-color: var(--green--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-green--100 {
  border-color: var(--green--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-green--200 {
  border-color: var(--green--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-green--300 {
  border-color: var(--green--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-green--400 {
  border-color: var(--green--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-green--500 {
  border-color: var(--green--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-green--600 {
  border-color: var(--green--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-green--700 {
  border-color: var(--green--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-green--800 {
  border-color: var(--green--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-green--900 {
  border-color: var(--green--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-green--950 {
  border-color: var(--green--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-teal--50 {
  border-color: var(--teal--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-teal--100 {
  border-color: var(--teal--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-teal--200 {
  border-color: var(--teal--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-teal--300 {
  border-color: var(--teal--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-teal--400 {
  border-color: var(--teal--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-teal--500 {
  border-color: var(--teal--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-teal--600 {
  border-color: var(--teal--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-teal--700 {
  border-color: var(--teal--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-teal--800 {
  border-color: var(--teal--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-teal--900 {
  border-color: var(--teal--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-teal--950 {
  border-color: var(--teal--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-cyan--50 {
  border-color: var(--cyan--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-cyan--100 {
  border-color: var(--cyan--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-cyan--200 {
  border-color: var(--cyan--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-cyan--300 {
  border-color: var(--cyan--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-cyan--400 {
  border-color: var(--cyan--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-cyan--500 {
  border-color: var(--cyan--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-cyan--600 {
  border-color: var(--cyan--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-cyan--700 {
  border-color: var(--cyan--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-cyan--800 {
  border-color: var(--cyan--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-cyan--900 {
  border-color: var(--cyan--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-cyan--950 {
  border-color: var(--cyan--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-sky--50 {
  border-color: var(--sky--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-sky--100 {
  border-color: var(--sky--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-sky--200 {
  border-color: var(--sky--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-sky--300 {
  border-color: var(--sky--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-sky--400 {
  border-color: var(--sky--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-sky--500 {
  border-color: var(--sky--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-sky--600 {
  border-color: var(--sky--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-sky--700 {
  border-color: var(--sky--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-sky--800 {
  border-color: var(--sky--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-sky--900 {
  border-color: var(--sky--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-sky--950 {
  border-color: var(--sky--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-blue--50 {
  border-color: var(--blue--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-blue--100 {
  border-color: var(--blue--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-blue--200 {
  border-color: var(--blue--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-blue--300 {
  border-color: var(--blue--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-blue--400 {
  border-color: var(--blue--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-blue--500 {
  border-color: var(--blue--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-blue--600 {
  border-color: var(--blue--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-blue--700 {
  border-color: var(--blue--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-blue--800 {
  border-color: var(--blue--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-blue--900 {
  border-color: var(--blue--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-blue--950 {
  border-color: var(--blue--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-indigo--50 {
  border-color: var(--indigo--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-indigo--100 {
  border-color: var(--indigo--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-indigo--200 {
  border-color: var(--indigo--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-indigo--300 {
  border-color: var(--indigo--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-indigo--400 {
  border-color: var(--indigo--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-indigo--500 {
  border-color: var(--indigo--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-indigo--600 {
  border-color: var(--indigo--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-indigo--700 {
  border-color: var(--indigo--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-indigo--800 {
  border-color: var(--indigo--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-indigo--900 {
  border-color: var(--indigo--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-indigo--950 {
  border-color: var(--indigo--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-violet--50 {
  border-color: var(--violet--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-violet--100 {
  border-color: var(--violet--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-violet--200 {
  border-color: var(--violet--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-violet--300 {
  border-color: var(--violet--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-violet--400 {
  border-color: var(--violet--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-violet--500 {
  border-color: var(--violet--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-violet--600 {
  border-color: var(--violet--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-violet--700 {
  border-color: var(--violet--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-violet--800 {
  border-color: var(--violet--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-violet--900 {
  border-color: var(--violet--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-violet--950 {
  border-color: var(--violet--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-purple--50 {
  border-color: var(--purple--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-purple--100 {
  border-color: var(--purple--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-purple--200 {
  border-color: var(--purple--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-purple--300 {
  border-color: var(--purple--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-purple--400 {
  border-color: var(--purple--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-purple--500 {
  border-color: var(--purple--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-purple--600 {
  border-color: var(--purple--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-purple--700 {
  border-color: var(--purple--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-purple--800 {
  border-color: var(--purple--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-purple--900 {
  border-color: var(--purple--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-purple--950 {
  border-color: var(--purple--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-fuchsia--50 {
  border-color: var(--fuchsia--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-fuchsia--100 {
  border-color: var(--fuchsia--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-fuchsia--200 {
  border-color: var(--fuchsia--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-fuchsia--300 {
  border-color: var(--fuchsia--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-fuchsia--400 {
  border-color: var(--fuchsia--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-fuchsia--500 {
  border-color: var(--fuchsia--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-fuchsia--600 {
  border-color: var(--fuchsia--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-fuchsia--700 {
  border-color: var(--fuchsia--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-fuchsia--800 {
  border-color: var(--fuchsia--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-fuchsia--900 {
  border-color: var(--fuchsia--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-fuchsia--950 {
  border-color: var(--fuchsia--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-pink--50 {
  border-color: var(--pink--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-pink--100 {
  border-color: var(--pink--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-pink--200 {
  border-color: var(--pink--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-pink--300 {
  border-color: var(--pink--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-pink--400 {
  border-color: var(--pink--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-pink--500 {
  border-color: var(--pink--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-pink--600 {
  border-color: var(--pink--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-pink--700 {
  border-color: var(--pink--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-pink--800 {
  border-color: var(--pink--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-pink--900 {
  border-color: var(--pink--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-pink--950 {
  border-color: var(--pink--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-rose--50 {
  border-color: var(--rose--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-rose--100 {
  border-color: var(--rose--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-rose--200 {
  border-color: var(--rose--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-rose--300 {
  border-color: var(--rose--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-rose--400 {
  border-color: var(--rose--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-rose--500 {
  border-color: var(--rose--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-rose--600 {
  border-color: var(--rose--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-rose--700 {
  border-color: var(--rose--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-rose--800 {
  border-color: var(--rose--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-rose--900 {
  border-color: var(--rose--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-rose--950 {
  border-color: var(--rose--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-slate--50 {
  border-color: var(--slate--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-slate--100 {
  border-color: var(--slate--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-slate--200 {
  border-color: var(--slate--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-slate--300 {
  border-color: var(--slate--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-slate--400 {
  border-color: var(--slate--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-slate--500 {
  border-color: var(--slate--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-slate--600 {
  border-color: var(--slate--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-slate--700 {
  border-color: var(--slate--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-slate--800 {
  border-color: var(--slate--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-slate--900 {
  border-color: var(--slate--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-slate--950 {
  border-color: var(--slate--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-gray--50 {
  border-color: var(--gray--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-gray--100 {
  border-color: var(--gray--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-gray--200 {
  border-color: var(--gray--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-gray--300 {
  border-color: var(--gray--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-gray--400 {
  border-color: var(--gray--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-gray--500 {
  border-color: var(--gray--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-gray--600 {
  border-color: var(--gray--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-gray--700 {
  border-color: var(--gray--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-gray--800 {
  border-color: var(--gray--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-gray--900 {
  border-color: var(--gray--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-gray--950 {
  border-color: var(--gray--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-zinc--50 {
  border-color: var(--zinc--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-zinc--100 {
  border-color: var(--zinc--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-zinc--200 {
  border-color: var(--zinc--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-zinc--300 {
  border-color: var(--zinc--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-zinc--400 {
  border-color: var(--zinc--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-zinc--500 {
  border-color: var(--zinc--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-zinc--600 {
  border-color: var(--zinc--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-zinc--700 {
  border-color: var(--zinc--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-zinc--800 {
  border-color: var(--zinc--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-zinc--900 {
  border-color: var(--zinc--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-zinc--950 {
  border-color: var(--zinc--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-neutral--50 {
  border-color: var(--neutral--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-neutral--100 {
  border-color: var(--neutral--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-neutral--200 {
  border-color: var(--neutral--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-neutral--300 {
  border-color: var(--neutral--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-neutral--400 {
  border-color: var(--neutral--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-neutral--500 {
  border-color: var(--neutral--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-neutral--600 {
  border-color: var(--neutral--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-neutral--700 {
  border-color: var(--neutral--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-neutral--800 {
  border-color: var(--neutral--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-neutral--900 {
  border-color: var(--neutral--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-neutral--950 {
  border-color: var(--neutral--950);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-stone--50 {
  border-color: var(--stone--50);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-stone--100 {
  border-color: var(--stone--100);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-stone--200 {
  border-color: var(--stone--200);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-stone--300 {
  border-color: var(--stone--300);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-stone--400 {
  border-color: var(--stone--400);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-stone--500 {
  border-color: var(--stone--500);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-stone--600 {
  border-color: var(--stone--600);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-stone--700 {
  border-color: var(--stone--700);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-stone--800 {
  border-color: var(--stone--800);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-stone--900 {
  border-color: var(--stone--900);
}
:root:is(.dark, .dark-mode, .dark-theme, [data-theme=dark], [data-mode=dark], [data-color-mode=dark]) .dark\:border-stone--950 {
  border-color: var(--stone--950);
}