@abw/badger-react-ui/dist/styles/badger-css-react-ui.css

React UI Components

@charset "UTF-8";
/* helpers/all.scss */
/* config/all.scss */
/* config/namespaces.scss */
/* config/units.scss */
:where(html) {
  --unit-size: 1em;
  --unit-line: 1.5;
  --unit-space: 0.25;
  --unit-margin: 0.25rem;
  --unit-padding: 0.25em;
  --unit-padding-v: 0.25em;
  --unit-padding-h: 0.5em;
  --unit-radius: 0.25rem;
  --unit-transition: 0.3s;
}

:where(html) {
  --red-0: hsl(0, 65%, 5%);
  --red-5: hsl(0, 66%, 8%);
  --red-10: hsl(0, 68%, 11%);
  --red-15: hsl(0, 69%, 15%);
  --red-20: hsl(0, 70%, 18%);
  --red-25: hsl(0, 71%, 22%);
  --red-30: hsl(0, 72%, 27%);
  --red-35: hsl(0, 73%, 31%);
  --red-40: hsl(0, 73%, 36%);
  --red-45: hsl(0, 74%, 42%);
  --red-50: hsl(0, 74%, 48%);
  --red-55: hsl(0, 74%, 55%);
  --red-60: hsl(0, 75%, 62%);
  --red-65: hsl(0, 75%, 68%);
  --red-70: hsl(0, 74%, 74%);
  --red-75: hsl(0, 74%, 80%);
  --red-80: hsl(0, 74%, 84%);
  --red-85: hsl(0, 73%, 88%);
  --red-90: hsl(0, 73%, 92%);
  --red-95: hsl(0, 72%, 95%);
  --red-100: hsl(0, 71%, 98%);
  --brown-0: hsl(18, 52%, 5%);
  --brown-5: hsl(17, 53%, 8%);
  --brown-10: hsl(17, 54%, 11%);
  --brown-15: hsl(16, 54%, 14%);
  --brown-20: hsl(15, 55%, 17%);
  --brown-25: hsl(15, 56%, 20%);
  --brown-30: hsl(15, 56%, 24%);
  --brown-35: hsl(14, 56%, 28%);
  --brown-40: hsl(14, 57%, 32%);
  --brown-45: hsl(14, 57%, 37%);
  --brown-50: hsl(14, 57%, 42%);
  --brown-55: hsl(14, 58%, 47%);
  --brown-60: hsl(14, 58%, 53%);
  --brown-65: hsl(13, 58%, 60%);
  --brown-70: hsl(13, 58%, 67%);
  --brown-75: hsl(13, 58%, 75%);
  --brown-80: hsl(14, 58%, 81%);
  --brown-85: hsl(14, 58%, 87%);
  --brown-90: hsl(14, 58%, 92%);
  --brown-95: hsl(14, 57%, 95%);
  --brown-100: hsl(14, 57%, 98%);
  --orange-0: hsl(25, 93%, 5%);
  --orange-5: hsl(25, 94%, 8%);
  --orange-10: hsl(26, 94%, 11%);
  --orange-15: hsl(26, 95%, 14%);
  --orange-20: hsl(26, 96%, 18%);
  --orange-25: hsl(26, 96%, 21%);
  --orange-30: hsl(26, 96%, 25%);
  --orange-35: hsl(26, 97%, 30%);
  --orange-40: hsl(26, 97%, 35%);
  --orange-45: hsl(26, 97%, 40%);
  --orange-50: hsl(26, 97%, 46%);
  --orange-55: hsl(26, 96%, 52%);
  --orange-60: hsl(26, 96%, 59%);
  --orange-65: hsl(26, 95%, 65%);
  --orange-70: hsl(25, 94%, 72%);
  --orange-75: hsl(25, 93%, 78%);
  --orange-80: hsl(24, 92%, 83%);
  --orange-85: hsl(24, 91%, 88%);
  --orange-90: hsl(23, 90%, 91%);
  --orange-95: hsl(22, 88%, 95%);
  --orange-100: hsl(20, 87%, 97%);
  --yellow-0: hsl(52, 90%, 5%);
  --yellow-5: hsl(51, 91%, 8%);
  --yellow-10: hsl(49, 92%, 10%);
  --yellow-15: hsl(48, 93%, 13%);
  --yellow-20: hsl(47, 94%, 17%);
  --yellow-25: hsl(46, 95%, 20%);
  --yellow-30: hsl(45, 96%, 24%);
  --yellow-35: hsl(44, 96%, 28%);
  --yellow-40: hsl(43, 97%, 33%);
  --yellow-45: hsl(42, 97%, 38%);
  --yellow-50: hsl(41, 97%, 43%);
  --yellow-55: hsl(41, 96%, 48%);
  --yellow-60: hsl(40, 95%, 54%);
  --yellow-65: hsl(39, 94%, 60%);
  --yellow-70: hsl(39, 93%, 66%);
  --yellow-75: hsl(38, 92%, 72%);
  --yellow-80: hsl(38, 90%, 77%);
  --yellow-85: hsl(38, 88%, 82%);
  --yellow-90: hsl(37, 86%, 87%);
  --yellow-95: hsl(37, 84%, 92%);
  --yellow-100: hsl(37, 82%, 96%);
  --olive-0: hsl(64, 66%, 4%);
  --olive-5: hsl(64, 68%, 6%);
  --olive-10: hsl(65, 70%, 9%);
  --olive-15: hsl(65, 72%, 12%);
  --olive-20: hsl(66, 73%, 15%);
  --olive-25: hsl(66, 74%, 18%);
  --olive-30: hsl(67, 74%, 21%);
  --olive-35: hsl(67, 74%, 25%);
  --olive-40: hsl(67, 73%, 29%);
  --olive-45: hsl(68, 70%, 33%);
  --olive-50: hsl(68, 66%, 37%);
  --olive-55: hsl(69, 60%, 43%);
  --olive-60: hsl(69, 55%, 48%);
  --olive-65: hsl(70, 52%, 54%);
  --olive-70: hsl(70, 50%, 61%);
  --olive-75: hsl(71, 49%, 68%);
  --olive-80: hsl(71, 48%, 75%);
  --olive-85: hsl(71, 49%, 82%);
  --olive-90: hsl(72, 49%, 87%);
  --olive-95: hsl(72, 51%, 93%);
  --olive-100: hsl(72, 52%, 97%);
  --green-0: hsl(117, 45%, 5%);
  --green-5: hsl(117, 48%, 8%);
  --green-10: hsl(117, 50%, 11%);
  --green-15: hsl(117, 52%, 14%);
  --green-20: hsl(117, 53%, 17%);
  --green-25: hsl(117, 54%, 21%);
  --green-30: hsl(117, 55%, 25%);
  --green-35: hsl(117, 55%, 29%);
  --green-40: hsl(117, 55%, 33%);
  --green-45: hsl(117, 54%, 38%);
  --green-50: hsl(117, 54%, 43%);
  --green-55: hsl(117, 53%, 48%);
  --green-60: hsl(117, 52%, 54%);
  --green-65: hsl(117, 51%, 60%);
  --green-70: hsl(117, 50%, 66%);
  --green-75: hsl(117, 48%, 73%);
  --green-80: hsl(117, 47%, 79%);
  --green-85: hsl(117, 46%, 85%);
  --green-90: hsl(116, 45%, 90%);
  --green-95: hsl(116, 44%, 94%);
  --green-100: hsl(116, 43%, 98%);
  --teal-0: hsl(165, 52%, 5%);
  --teal-5: hsl(165, 56%, 7%);
  --teal-10: hsl(165, 59%, 10%);
  --teal-15: hsl(165, 61%, 13%);
  --teal-20: hsl(165, 62%, 15%);
  --teal-25: hsl(165, 63%, 18%);
  --teal-30: hsl(165, 63%, 21%);
  --teal-35: hsl(165, 63%, 25%);
  --teal-40: hsl(165, 62%, 29%);
  --teal-45: hsl(165, 60%, 33%);
  --teal-50: hsl(165, 59%, 37%);
  --teal-55: hsl(165, 58%, 42%);
  --teal-60: hsl(165, 57%, 47%);
  --teal-65: hsl(165, 56%, 53%);
  --teal-70: hsl(165, 55%, 60%);
  --teal-75: hsl(165, 54%, 67%);
  --teal-80: hsl(165, 54%, 75%);
  --teal-85: hsl(165, 55%, 81%);
  --teal-90: hsl(165, 55%, 88%);
  --teal-95: hsl(165, 57%, 93%);
  --teal-100: hsl(165, 58%, 98%);
  --blue-0: hsl(202, 72%, 5%);
  --blue-5: hsl(202, 74%, 8%);
  --blue-10: hsl(203, 75%, 11%);
  --blue-15: hsl(203, 77%, 15%);
  --blue-20: hsl(203, 78%, 18%);
  --blue-25: hsl(204, 79%, 22%);
  --blue-30: hsl(204, 80%, 26%);
  --blue-35: hsl(205, 81%, 31%);
  --blue-40: hsl(205, 82%, 35%);
  --blue-45: hsl(205, 83%, 41%);
  --blue-50: hsl(206, 84%, 46%);
  --blue-55: hsl(206, 84%, 52%);
  --blue-60: hsl(207, 85%, 58%);
  --blue-65: hsl(207, 85%, 65%);
  --blue-70: hsl(207, 85%, 71%);
  --blue-75: hsl(207, 85%, 77%);
  --blue-80: hsl(208, 84%, 82%);
  --blue-85: hsl(208, 84%, 87%);
  --blue-90: hsl(208, 83%, 91%);
  --blue-95: hsl(208, 82%, 95%);
  --blue-100: hsl(208, 81%, 98%);
  --indigo-0: hsl(238, 50%, 7%);
  --indigo-5: hsl(238, 52%, 11%);
  --indigo-10: hsl(237, 54%, 16%);
  --indigo-15: hsl(237, 56%, 21%);
  --indigo-20: hsl(237, 58%, 27%);
  --indigo-25: hsl(237, 61%, 32%);
  --indigo-30: hsl(236, 64%, 38%);
  --indigo-35: hsl(236, 67%, 44%);
  --indigo-40: hsl(236, 71%, 50%);
  --indigo-45: hsl(236, 75%, 56%);
  --indigo-50: hsl(236, 78%, 62%);
  --indigo-55: hsl(236, 81%, 67%);
  --indigo-60: hsl(236, 82%, 72%);
  --indigo-65: hsl(237, 82%, 77%);
  --indigo-70: hsl(237, 82%, 81%);
  --indigo-75: hsl(237, 81%, 85%);
  --indigo-80: hsl(237, 79%, 89%);
  --indigo-85: hsl(237, 77%, 92%);
  --indigo-90: hsl(237, 75%, 94%);
  --indigo-95: hsl(237, 72%, 97%);
  --indigo-100: hsl(237, 70%, 99%);
  --violet-0: hsl(247, 53%, 8%);
  --violet-5: hsl(249, 53%, 12%);
  --violet-10: hsl(250, 54%, 16%);
  --violet-15: hsl(252, 55%, 21%);
  --violet-20: hsl(253, 56%, 26%);
  --violet-25: hsl(254, 57%, 31%);
  --violet-30: hsl(255, 59%, 36%);
  --violet-35: hsl(256, 62%, 42%);
  --violet-40: hsl(257, 66%, 48%);
  --violet-45: hsl(258, 71%, 53%);
  --violet-50: hsl(259, 76%, 59%);
  --violet-55: hsl(260, 79%, 65%);
  --violet-60: hsl(260, 81%, 71%);
  --violet-65: hsl(261, 82%, 76%);
  --violet-70: hsl(261, 82%, 80%);
  --violet-75: hsl(262, 82%, 85%);
  --violet-80: hsl(262, 81%, 88%);
  --violet-85: hsl(263, 80%, 92%);
  --violet-90: hsl(263, 79%, 94%);
  --violet-95: hsl(263, 78%, 97%);
  --violet-100: hsl(263, 77%, 99%);
  --purple-0: hsl(274, 47%, 6%);
  --purple-5: hsl(275, 50%, 8%);
  --purple-10: hsl(276, 53%, 11%);
  --purple-15: hsl(278, 56%, 14%);
  --purple-20: hsl(279, 59%, 18%);
  --purple-25: hsl(280, 62%, 22%);
  --purple-30: hsl(281, 64%, 26%);
  --purple-35: hsl(282, 67%, 31%);
  --purple-40: hsl(282, 69%, 37%);
  --purple-45: hsl(283, 71%, 43%);
  --purple-50: hsl(284, 73%, 49%);
  --purple-55: hsl(285, 74%, 55%);
  --purple-60: hsl(285, 75%, 62%);
  --purple-65: hsl(286, 77%, 68%);
  --purple-70: hsl(286, 77%, 75%);
  --purple-75: hsl(287, 78%, 80%);
  --purple-80: hsl(287, 79%, 85%);
  --purple-85: hsl(288, 79%, 90%);
  --purple-90: hsl(288, 80%, 94%);
  --purple-95: hsl(288, 80%, 97%);
  --purple-100: hsl(288, 80%, 99%);
  --pink-0: hsl(312, 64%, 5%);
  --pink-5: hsl(312, 66%, 7%);
  --pink-10: hsl(313, 69%, 10%);
  --pink-15: hsl(313, 71%, 13%);
  --pink-20: hsl(313, 73%, 16%);
  --pink-25: hsl(313, 74%, 19%);
  --pink-30: hsl(313, 76%, 23%);
  --pink-35: hsl(313, 77%, 27%);
  --pink-40: hsl(313, 77%, 32%);
  --pink-45: hsl(313, 78%, 37%);
  --pink-50: hsl(313, 77%, 42%);
  --pink-55: hsl(313, 77%, 48%);
  --pink-60: hsl(313, 76%, 55%);
  --pink-65: hsl(313, 76%, 63%);
  --pink-70: hsl(314, 75%, 70%);
  --pink-75: hsl(314, 74%, 77%);
  --pink-80: hsl(314, 73%, 83%);
  --pink-85: hsl(314, 72%, 88%);
  --pink-90: hsl(315, 71%, 92%);
  --pink-95: hsl(315, 70%, 96%);
  --pink-100: hsl(316, 69%, 99%);
  --maroon-0: hsl(339, 57%, 6%);
  --maroon-5: hsl(339, 62%, 8%);
  --maroon-10: hsl(339, 66%, 11%);
  --maroon-15: hsl(339, 70%, 13%);
  --maroon-20: hsl(339, 74%, 17%);
  --maroon-25: hsl(339, 76%, 20%);
  --maroon-30: hsl(339, 79%, 24%);
  --maroon-35: hsl(339, 81%, 29%);
  --maroon-40: hsl(339, 82%, 33%);
  --maroon-45: hsl(339, 83%, 39%);
  --maroon-50: hsl(339, 84%, 45%);
  --maroon-55: hsl(339, 84%, 51%);
  --maroon-60: hsl(339, 84%, 57%);
  --maroon-65: hsl(339, 83%, 64%);
  --maroon-70: hsl(339, 82%, 71%);
  --maroon-75: hsl(339, 81%, 77%);
  --maroon-80: hsl(339, 79%, 83%);
  --maroon-85: hsl(339, 78%, 88%);
  --maroon-90: hsl(339, 76%, 92%);
  --maroon-95: hsl(339, 73%, 96%);
  --maroon-100: hsl(339, 71%, 99%);
  --grey-0: hsl(206, 5%, 5%);
  --grey-5: hsl(206, 5%, 10%);
  --grey-10: hsl(206, 5%, 14%);
  --grey-15: hsl(206, 5%, 19%);
  --grey-20: hsl(206, 5%, 23%);
  --grey-25: hsl(206, 5%, 28%);
  --grey-30: hsl(206, 5%, 33%);
  --grey-35: hsl(206, 5%, 37%);
  --grey-40: hsl(206, 5%, 42%);
  --grey-45: hsl(206, 5%, 47%);
  --grey-50: hsl(206, 5%, 52%);
  --grey-55: hsl(206, 5%, 56%);
  --grey-60: hsl(206, 5%, 61%);
  --grey-65: hsl(206, 5%, 66%);
  --grey-70: hsl(206, 5%, 71%);
  --grey-75: hsl(206, 5%, 75%);
  --grey-80: hsl(206, 5%, 80%);
  --grey-85: hsl(206, 5%, 85%);
  --grey-90: hsl(206, 5%, 89%);
  --grey-95: hsl(206, 5%, 94%);
  --grey-100: hsl(206, 5%, 98%);
  --grey20-0: hsl(206, 20%, 5%);
  --grey20-5: hsl(206, 20%, 10%);
  --grey20-10: hsl(206, 20%, 14%);
  --grey20-15: hsl(206, 20%, 19%);
  --grey20-20: hsl(206, 20%, 23%);
  --grey20-25: hsl(206, 20%, 28%);
  --grey20-30: hsl(206, 20%, 33%);
  --grey20-35: hsl(206, 20%, 37%);
  --grey20-40: hsl(206, 20%, 42%);
  --grey20-45: hsl(206, 20%, 47%);
  --grey20-50: hsl(206, 20%, 52%);
  --grey20-55: hsl(206, 20%, 56%);
  --grey20-60: hsl(206, 20%, 61%);
  --grey20-65: hsl(206, 20%, 66%);
  --grey20-70: hsl(206, 20%, 71%);
  --grey20-75: hsl(206, 20%, 75%);
  --grey20-80: hsl(206, 20%, 80%);
  --grey20-85: hsl(206, 20%, 85%);
  --grey20-90: hsl(206, 20%, 89%);
  --grey20-95: hsl(206, 20%, 94%);
  --grey20-100: hsl(206, 20%, 98%);
  --grey40-0: hsl(206, 40%, 5%);
  --grey40-5: hsl(206, 40%, 10%);
  --grey40-10: hsl(206, 40%, 14%);
  --grey40-15: hsl(206, 40%, 19%);
  --grey40-20: hsl(206, 40%, 23%);
  --grey40-25: hsl(206, 40%, 28%);
  --grey40-30: hsl(206, 40%, 33%);
  --grey40-35: hsl(206, 40%, 37%);
  --grey40-40: hsl(206, 40%, 42%);
  --grey40-45: hsl(206, 40%, 47%);
  --grey40-50: hsl(206, 40%, 52%);
  --grey40-55: hsl(206, 40%, 56%);
  --grey40-60: hsl(206, 40%, 61%);
  --grey40-65: hsl(206, 40%, 66%);
  --grey40-70: hsl(206, 40%, 71%);
  --grey40-75: hsl(206, 40%, 75%);
  --grey40-80: hsl(206, 40%, 80%);
  --grey40-85: hsl(206, 40%, 85%);
  --grey40-90: hsl(206, 40%, 89%);
  --grey40-95: hsl(206, 40%, 94%);
  --grey40-100: hsl(206, 40%, 98%);
  --brand-0: var(--blue-0);
  --brand-5: var(--blue-5);
  --brand-10: var(--blue-10);
  --brand-15: var(--blue-15);
  --brand-20: var(--blue-20);
  --brand-25: var(--blue-25);
  --brand-30: var(--blue-30);
  --brand-35: var(--blue-35);
  --brand-40: var(--blue-40);
  --brand-45: var(--blue-45);
  --brand-50: var(--blue-50);
  --brand-55: var(--blue-55);
  --brand-60: var(--blue-60);
  --brand-65: var(--blue-65);
  --brand-70: var(--blue-70);
  --brand-75: var(--blue-75);
  --brand-80: var(--blue-80);
  --brand-85: var(--blue-85);
  --brand-90: var(--blue-90);
  --brand-95: var(--blue-95);
  --brand-100: var(--blue-100);
  --color-0: var(--grey-0);
  --color-5: var(--grey-5);
  --color-10: var(--grey-10);
  --color-15: var(--grey-15);
  --color-20: var(--grey-20);
  --color-25: var(--grey-25);
  --color-30: var(--grey-30);
  --color-35: var(--grey-35);
  --color-40: var(--grey-40);
  --color-45: var(--grey-45);
  --color-50: var(--grey-50);
  --color-55: var(--grey-55);
  --color-60: var(--grey-60);
  --color-65: var(--grey-65);
  --color-70: var(--grey-70);
  --color-75: var(--grey-75);
  --color-80: var(--grey-80);
  --color-85: var(--grey-85);
  --color-90: var(--grey-90);
  --color-95: var(--grey-95);
  --color-100: var(--grey-100);
}

.red {
  --color-0: var(--red-0);
  --color-5: var(--red-5);
  --color-10: var(--red-10);
  --color-15: var(--red-15);
  --color-20: var(--red-20);
  --color-25: var(--red-25);
  --color-30: var(--red-30);
  --color-35: var(--red-35);
  --color-40: var(--red-40);
  --color-45: var(--red-45);
  --color-50: var(--red-50);
  --color-55: var(--red-55);
  --color-60: var(--red-60);
  --color-65: var(--red-65);
  --color-70: var(--red-70);
  --color-75: var(--red-75);
  --color-80: var(--red-80);
  --color-85: var(--red-85);
  --color-90: var(--red-90);
  --color-95: var(--red-95);
  --color-100: var(--red-100);
}

.brown {
  --color-0: var(--brown-0);
  --color-5: var(--brown-5);
  --color-10: var(--brown-10);
  --color-15: var(--brown-15);
  --color-20: var(--brown-20);
  --color-25: var(--brown-25);
  --color-30: var(--brown-30);
  --color-35: var(--brown-35);
  --color-40: var(--brown-40);
  --color-45: var(--brown-45);
  --color-50: var(--brown-50);
  --color-55: var(--brown-55);
  --color-60: var(--brown-60);
  --color-65: var(--brown-65);
  --color-70: var(--brown-70);
  --color-75: var(--brown-75);
  --color-80: var(--brown-80);
  --color-85: var(--brown-85);
  --color-90: var(--brown-90);
  --color-95: var(--brown-95);
  --color-100: var(--brown-100);
}

.orange {
  --color-0: var(--orange-0);
  --color-5: var(--orange-5);
  --color-10: var(--orange-10);
  --color-15: var(--orange-15);
  --color-20: var(--orange-20);
  --color-25: var(--orange-25);
  --color-30: var(--orange-30);
  --color-35: var(--orange-35);
  --color-40: var(--orange-40);
  --color-45: var(--orange-45);
  --color-50: var(--orange-50);
  --color-55: var(--orange-55);
  --color-60: var(--orange-60);
  --color-65: var(--orange-65);
  --color-70: var(--orange-70);
  --color-75: var(--orange-75);
  --color-80: var(--orange-80);
  --color-85: var(--orange-85);
  --color-90: var(--orange-90);
  --color-95: var(--orange-95);
  --color-100: var(--orange-100);
}

.yellow {
  --color-0: var(--yellow-0);
  --color-5: var(--yellow-5);
  --color-10: var(--yellow-10);
  --color-15: var(--yellow-15);
  --color-20: var(--yellow-20);
  --color-25: var(--yellow-25);
  --color-30: var(--yellow-30);
  --color-35: var(--yellow-35);
  --color-40: var(--yellow-40);
  --color-45: var(--yellow-45);
  --color-50: var(--yellow-50);
  --color-55: var(--yellow-55);
  --color-60: var(--yellow-60);
  --color-65: var(--yellow-65);
  --color-70: var(--yellow-70);
  --color-75: var(--yellow-75);
  --color-80: var(--yellow-80);
  --color-85: var(--yellow-85);
  --color-90: var(--yellow-90);
  --color-95: var(--yellow-95);
  --color-100: var(--yellow-100);
}

.olive {
  --color-0: var(--olive-0);
  --color-5: var(--olive-5);
  --color-10: var(--olive-10);
  --color-15: var(--olive-15);
  --color-20: var(--olive-20);
  --color-25: var(--olive-25);
  --color-30: var(--olive-30);
  --color-35: var(--olive-35);
  --color-40: var(--olive-40);
  --color-45: var(--olive-45);
  --color-50: var(--olive-50);
  --color-55: var(--olive-55);
  --color-60: var(--olive-60);
  --color-65: var(--olive-65);
  --color-70: var(--olive-70);
  --color-75: var(--olive-75);
  --color-80: var(--olive-80);
  --color-85: var(--olive-85);
  --color-90: var(--olive-90);
  --color-95: var(--olive-95);
  --color-100: var(--olive-100);
}

.green {
  --color-0: var(--green-0);
  --color-5: var(--green-5);
  --color-10: var(--green-10);
  --color-15: var(--green-15);
  --color-20: var(--green-20);
  --color-25: var(--green-25);
  --color-30: var(--green-30);
  --color-35: var(--green-35);
  --color-40: var(--green-40);
  --color-45: var(--green-45);
  --color-50: var(--green-50);
  --color-55: var(--green-55);
  --color-60: var(--green-60);
  --color-65: var(--green-65);
  --color-70: var(--green-70);
  --color-75: var(--green-75);
  --color-80: var(--green-80);
  --color-85: var(--green-85);
  --color-90: var(--green-90);
  --color-95: var(--green-95);
  --color-100: var(--green-100);
}

.teal {
  --color-0: var(--teal-0);
  --color-5: var(--teal-5);
  --color-10: var(--teal-10);
  --color-15: var(--teal-15);
  --color-20: var(--teal-20);
  --color-25: var(--teal-25);
  --color-30: var(--teal-30);
  --color-35: var(--teal-35);
  --color-40: var(--teal-40);
  --color-45: var(--teal-45);
  --color-50: var(--teal-50);
  --color-55: var(--teal-55);
  --color-60: var(--teal-60);
  --color-65: var(--teal-65);
  --color-70: var(--teal-70);
  --color-75: var(--teal-75);
  --color-80: var(--teal-80);
  --color-85: var(--teal-85);
  --color-90: var(--teal-90);
  --color-95: var(--teal-95);
  --color-100: var(--teal-100);
}

.blue {
  --color-0: var(--blue-0);
  --color-5: var(--blue-5);
  --color-10: var(--blue-10);
  --color-15: var(--blue-15);
  --color-20: var(--blue-20);
  --color-25: var(--blue-25);
  --color-30: var(--blue-30);
  --color-35: var(--blue-35);
  --color-40: var(--blue-40);
  --color-45: var(--blue-45);
  --color-50: var(--blue-50);
  --color-55: var(--blue-55);
  --color-60: var(--blue-60);
  --color-65: var(--blue-65);
  --color-70: var(--blue-70);
  --color-75: var(--blue-75);
  --color-80: var(--blue-80);
  --color-85: var(--blue-85);
  --color-90: var(--blue-90);
  --color-95: var(--blue-95);
  --color-100: var(--blue-100);
}

.indigo {
  --color-0: var(--indigo-0);
  --color-5: var(--indigo-5);
  --color-10: var(--indigo-10);
  --color-15: var(--indigo-15);
  --color-20: var(--indigo-20);
  --color-25: var(--indigo-25);
  --color-30: var(--indigo-30);
  --color-35: var(--indigo-35);
  --color-40: var(--indigo-40);
  --color-45: var(--indigo-45);
  --color-50: var(--indigo-50);
  --color-55: var(--indigo-55);
  --color-60: var(--indigo-60);
  --color-65: var(--indigo-65);
  --color-70: var(--indigo-70);
  --color-75: var(--indigo-75);
  --color-80: var(--indigo-80);
  --color-85: var(--indigo-85);
  --color-90: var(--indigo-90);
  --color-95: var(--indigo-95);
  --color-100: var(--indigo-100);
}

.violet {
  --color-0: var(--violet-0);
  --color-5: var(--violet-5);
  --color-10: var(--violet-10);
  --color-15: var(--violet-15);
  --color-20: var(--violet-20);
  --color-25: var(--violet-25);
  --color-30: var(--violet-30);
  --color-35: var(--violet-35);
  --color-40: var(--violet-40);
  --color-45: var(--violet-45);
  --color-50: var(--violet-50);
  --color-55: var(--violet-55);
  --color-60: var(--violet-60);
  --color-65: var(--violet-65);
  --color-70: var(--violet-70);
  --color-75: var(--violet-75);
  --color-80: var(--violet-80);
  --color-85: var(--violet-85);
  --color-90: var(--violet-90);
  --color-95: var(--violet-95);
  --color-100: var(--violet-100);
}

.purple {
  --color-0: var(--purple-0);
  --color-5: var(--purple-5);
  --color-10: var(--purple-10);
  --color-15: var(--purple-15);
  --color-20: var(--purple-20);
  --color-25: var(--purple-25);
  --color-30: var(--purple-30);
  --color-35: var(--purple-35);
  --color-40: var(--purple-40);
  --color-45: var(--purple-45);
  --color-50: var(--purple-50);
  --color-55: var(--purple-55);
  --color-60: var(--purple-60);
  --color-65: var(--purple-65);
  --color-70: var(--purple-70);
  --color-75: var(--purple-75);
  --color-80: var(--purple-80);
  --color-85: var(--purple-85);
  --color-90: var(--purple-90);
  --color-95: var(--purple-95);
  --color-100: var(--purple-100);
}

.pink {
  --color-0: var(--pink-0);
  --color-5: var(--pink-5);
  --color-10: var(--pink-10);
  --color-15: var(--pink-15);
  --color-20: var(--pink-20);
  --color-25: var(--pink-25);
  --color-30: var(--pink-30);
  --color-35: var(--pink-35);
  --color-40: var(--pink-40);
  --color-45: var(--pink-45);
  --color-50: var(--pink-50);
  --color-55: var(--pink-55);
  --color-60: var(--pink-60);
  --color-65: var(--pink-65);
  --color-70: var(--pink-70);
  --color-75: var(--pink-75);
  --color-80: var(--pink-80);
  --color-85: var(--pink-85);
  --color-90: var(--pink-90);
  --color-95: var(--pink-95);
  --color-100: var(--pink-100);
}

.maroon {
  --color-0: var(--maroon-0);
  --color-5: var(--maroon-5);
  --color-10: var(--maroon-10);
  --color-15: var(--maroon-15);
  --color-20: var(--maroon-20);
  --color-25: var(--maroon-25);
  --color-30: var(--maroon-30);
  --color-35: var(--maroon-35);
  --color-40: var(--maroon-40);
  --color-45: var(--maroon-45);
  --color-50: var(--maroon-50);
  --color-55: var(--maroon-55);
  --color-60: var(--maroon-60);
  --color-65: var(--maroon-65);
  --color-70: var(--maroon-70);
  --color-75: var(--maroon-75);
  --color-80: var(--maroon-80);
  --color-85: var(--maroon-85);
  --color-90: var(--maroon-90);
  --color-95: var(--maroon-95);
  --color-100: var(--maroon-100);
}

.grey {
  --color-0: var(--grey-0);
  --color-5: var(--grey-5);
  --color-10: var(--grey-10);
  --color-15: var(--grey-15);
  --color-20: var(--grey-20);
  --color-25: var(--grey-25);
  --color-30: var(--grey-30);
  --color-35: var(--grey-35);
  --color-40: var(--grey-40);
  --color-45: var(--grey-45);
  --color-50: var(--grey-50);
  --color-55: var(--grey-55);
  --color-60: var(--grey-60);
  --color-65: var(--grey-65);
  --color-70: var(--grey-70);
  --color-75: var(--grey-75);
  --color-80: var(--grey-80);
  --color-85: var(--grey-85);
  --color-90: var(--grey-90);
  --color-95: var(--grey-95);
  --color-100: var(--grey-100);
}

.grey20 {
  --color-0: var(--grey20-0);
  --color-5: var(--grey20-5);
  --color-10: var(--grey20-10);
  --color-15: var(--grey20-15);
  --color-20: var(--grey20-20);
  --color-25: var(--grey20-25);
  --color-30: var(--grey20-30);
  --color-35: var(--grey20-35);
  --color-40: var(--grey20-40);
  --color-45: var(--grey20-45);
  --color-50: var(--grey20-50);
  --color-55: var(--grey20-55);
  --color-60: var(--grey20-60);
  --color-65: var(--grey20-65);
  --color-70: var(--grey20-70);
  --color-75: var(--grey20-75);
  --color-80: var(--grey20-80);
  --color-85: var(--grey20-85);
  --color-90: var(--grey20-90);
  --color-95: var(--grey20-95);
  --color-100: var(--grey20-100);
}

.grey40 {
  --color-0: var(--grey40-0);
  --color-5: var(--grey40-5);
  --color-10: var(--grey40-10);
  --color-15: var(--grey40-15);
  --color-20: var(--grey40-20);
  --color-25: var(--grey40-25);
  --color-30: var(--grey40-30);
  --color-35: var(--grey40-35);
  --color-40: var(--grey40-40);
  --color-45: var(--grey40-45);
  --color-50: var(--grey40-50);
  --color-55: var(--grey40-55);
  --color-60: var(--grey40-60);
  --color-65: var(--grey40-65);
  --color-70: var(--grey40-70);
  --color-75: var(--grey40-75);
  --color-80: var(--grey40-80);
  --color-85: var(--grey40-85);
  --color-90: var(--grey40-90);
  --color-95: var(--grey40-95);
  --color-100: var(--grey40-100);
}

.brand {
  --color-0: var(--blue-0);
  --color-5: var(--blue-5);
  --color-10: var(--blue-10);
  --color-15: var(--blue-15);
  --color-20: var(--blue-20);
  --color-25: var(--blue-25);
  --color-30: var(--blue-30);
  --color-35: var(--blue-35);
  --color-40: var(--blue-40);
  --color-45: var(--blue-45);
  --color-50: var(--blue-50);
  --color-55: var(--blue-55);
  --color-60: var(--blue-60);
  --color-65: var(--blue-65);
  --color-70: var(--blue-70);
  --color-75: var(--blue-75);
  --color-80: var(--blue-80);
  --color-85: var(--blue-85);
  --color-90: var(--blue-90);
  --color-95: var(--blue-95);
  --color-100: var(--blue-100);
}

.info {
  --color-0: var(--blue-0);
  --color-5: var(--blue-5);
  --color-10: var(--blue-10);
  --color-15: var(--blue-15);
  --color-20: var(--blue-20);
  --color-25: var(--blue-25);
  --color-30: var(--blue-30);
  --color-35: var(--blue-35);
  --color-40: var(--blue-40);
  --color-45: var(--blue-45);
  --color-50: var(--blue-50);
  --color-55: var(--blue-55);
  --color-60: var(--blue-60);
  --color-65: var(--blue-65);
  --color-70: var(--blue-70);
  --color-75: var(--blue-75);
  --color-80: var(--blue-80);
  --color-85: var(--blue-85);
  --color-90: var(--blue-90);
  --color-95: var(--blue-95);
  --color-100: var(--blue-100);
}

.success {
  --color-0: var(--green-0);
  --color-5: var(--green-5);
  --color-10: var(--green-10);
  --color-15: var(--green-15);
  --color-20: var(--green-20);
  --color-25: var(--green-25);
  --color-30: var(--green-30);
  --color-35: var(--green-35);
  --color-40: var(--green-40);
  --color-45: var(--green-45);
  --color-50: var(--green-50);
  --color-55: var(--green-55);
  --color-60: var(--green-60);
  --color-65: var(--green-65);
  --color-70: var(--green-70);
  --color-75: var(--green-75);
  --color-80: var(--green-80);
  --color-85: var(--green-85);
  --color-90: var(--green-90);
  --color-95: var(--green-95);
  --color-100: var(--green-100);
}

.warning {
  --color-0: var(--orange-0);
  --color-5: var(--orange-5);
  --color-10: var(--orange-10);
  --color-15: var(--orange-15);
  --color-20: var(--orange-20);
  --color-25: var(--orange-25);
  --color-30: var(--orange-30);
  --color-35: var(--orange-35);
  --color-40: var(--orange-40);
  --color-45: var(--orange-45);
  --color-50: var(--orange-50);
  --color-55: var(--orange-55);
  --color-60: var(--orange-60);
  --color-65: var(--orange-65);
  --color-70: var(--orange-70);
  --color-75: var(--orange-75);
  --color-80: var(--orange-80);
  --color-85: var(--orange-85);
  --color-90: var(--orange-90);
  --color-95: var(--orange-95);
  --color-100: var(--orange-100);
}

.error {
  --color-0: var(--red-0);
  --color-5: var(--red-5);
  --color-10: var(--red-10);
  --color-15: var(--red-15);
  --color-20: var(--red-20);
  --color-25: var(--red-25);
  --color-30: var(--red-30);
  --color-35: var(--red-35);
  --color-40: var(--red-40);
  --color-45: var(--red-45);
  --color-50: var(--red-50);
  --color-55: var(--red-55);
  --color-60: var(--red-60);
  --color-65: var(--red-65);
  --color-70: var(--red-70);
  --color-75: var(--red-75);
  --color-80: var(--red-80);
  --color-85: var(--red-85);
  --color-90: var(--red-90);
  --color-95: var(--red-95);
  --color-100: var(--red-100);
}

/* utilities/all.scss */
/* utilities/reset.scss */
html, body {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

ul[role=list],
ol[role=list] {
  list-style: none;
  padding: 0 0 0 1em;
}

html:focus-within {
  scroll-behavior: smooth;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

img,
picture {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
}

input,
button,
textarea,
select {
  font: inherit;
}

input[type=text],
input[type=email],
input[type=search],
input[type=password] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/*-- utilities/alignment.scss --*/
.text-left {
  text-align: left !important;
}

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

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

.block-left, .block-center {
  margin-right: auto;
}

.block-right, .block-center {
  margin-left: auto;
}

/* utilities/borders.scss */
:where(.border) {
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--color-75);
  --border-radius: 0;
}

:where([data-theme=dark] .border) {
  --border-color: var(--color-25);
}

.border {
  border: var(--border-width) var(--border-style) var(--border-color);
  border-radius: var(--border-radius);
}

.bdw-0 {
  --border-width: 0px;
}

.bdw-1 {
  --border-width: 1px;
}

.bdw-2 {
  --border-width: 2px;
}

.bdw-3 {
  --border-width: 3px;
}

.bdw-4 {
  --border-width: 4px;
}

.bdw-5 {
  --border-width: 5px;
}

.bdw-6 {
  --border-width: 6px;
}

.bdw-8 {
  --border-width: 8px;
}

.bdw-10 {
  --border-width: 10px;
}

:where(html) {
  --border-radius: 0.25rem;
}

:is([class*=bdr-], .radius) {
  --radius-top-left: var(--border-radius);
  --radius-top-right: var(--border-radius);
  --radius-bottom-left: var(--border-radius);
  --radius-bottom-right: var(--border-radius);
  border-radius: var(--radius-top-left) var(--radius-top-right) var(--radius-bottom-right) var(--radius-bottom-left);
}

.square {
  --border-radius: 0px !important;
}

.bdr-0 {
  --border-radius: calc(var(--unit-radius) * 0);
}

.bdr-t-0,
.bdr-l-0,
.bdr-tl-0 {
  --radius-top-left: calc(var(--unit-radius) * 0);
}

.bdr-t-0,
.bdr-r-0,
.bdr-tr-0 {
  --radius-top-right: calc(var(--unit-radius) * 0);
}

.bdr-b-0,
.bdr-l-0,
.bdr-bl-0 {
  --radius-bottom-left: calc(var(--unit-radius) * 0);
}

.bdr-b-0,
.bdr-r-0,
.bdr-br-0 {
  --radius-bottom-right: calc(var(--unit-radius) * 0);
}

.bdr-1 {
  --border-radius: calc(var(--unit-radius) * 1);
}

.bdr-t-1,
.bdr-l-1,
.bdr-tl-1 {
  --radius-top-left: calc(var(--unit-radius) * 1);
}

.bdr-t-1,
.bdr-r-1,
.bdr-tr-1 {
  --radius-top-right: calc(var(--unit-radius) * 1);
}

.bdr-b-1,
.bdr-l-1,
.bdr-bl-1 {
  --radius-bottom-left: calc(var(--unit-radius) * 1);
}

.bdr-b-1,
.bdr-r-1,
.bdr-br-1 {
  --radius-bottom-right: calc(var(--unit-radius) * 1);
}

.bdr-2 {
  --border-radius: calc(var(--unit-radius) * 2);
}

.bdr-t-2,
.bdr-l-2,
.bdr-tl-2 {
  --radius-top-left: calc(var(--unit-radius) * 2);
}

.bdr-t-2,
.bdr-r-2,
.bdr-tr-2 {
  --radius-top-right: calc(var(--unit-radius) * 2);
}

.bdr-b-2,
.bdr-l-2,
.bdr-bl-2 {
  --radius-bottom-left: calc(var(--unit-radius) * 2);
}

.bdr-b-2,
.bdr-r-2,
.bdr-br-2 {
  --radius-bottom-right: calc(var(--unit-radius) * 2);
}

.bdr-3 {
  --border-radius: calc(var(--unit-radius) * 3);
}

.bdr-t-3,
.bdr-l-3,
.bdr-tl-3 {
  --radius-top-left: calc(var(--unit-radius) * 3);
}

.bdr-t-3,
.bdr-r-3,
.bdr-tr-3 {
  --radius-top-right: calc(var(--unit-radius) * 3);
}

.bdr-b-3,
.bdr-l-3,
.bdr-bl-3 {
  --radius-bottom-left: calc(var(--unit-radius) * 3);
}

.bdr-b-3,
.bdr-r-3,
.bdr-br-3 {
  --radius-bottom-right: calc(var(--unit-radius) * 3);
}

.bdr-4 {
  --border-radius: calc(var(--unit-radius) * 4);
}

.bdr-t-4,
.bdr-l-4,
.bdr-tl-4 {
  --radius-top-left: calc(var(--unit-radius) * 4);
}

.bdr-t-4,
.bdr-r-4,
.bdr-tr-4 {
  --radius-top-right: calc(var(--unit-radius) * 4);
}

.bdr-b-4,
.bdr-l-4,
.bdr-bl-4 {
  --radius-bottom-left: calc(var(--unit-radius) * 4);
}

.bdr-b-4,
.bdr-r-4,
.bdr-br-4 {
  --radius-bottom-right: calc(var(--unit-radius) * 4);
}

.bdr-5 {
  --border-radius: calc(var(--unit-radius) * 5);
}

.bdr-t-5,
.bdr-l-5,
.bdr-tl-5 {
  --radius-top-left: calc(var(--unit-radius) * 5);
}

.bdr-t-5,
.bdr-r-5,
.bdr-tr-5 {
  --radius-top-right: calc(var(--unit-radius) * 5);
}

.bdr-b-5,
.bdr-l-5,
.bdr-bl-5 {
  --radius-bottom-left: calc(var(--unit-radius) * 5);
}

.bdr-b-5,
.bdr-r-5,
.bdr-br-5 {
  --radius-bottom-right: calc(var(--unit-radius) * 5);
}

.bdr-6 {
  --border-radius: calc(var(--unit-radius) * 6);
}

.bdr-t-6,
.bdr-l-6,
.bdr-tl-6 {
  --radius-top-left: calc(var(--unit-radius) * 6);
}

.bdr-t-6,
.bdr-r-6,
.bdr-tr-6 {
  --radius-top-right: calc(var(--unit-radius) * 6);
}

.bdr-b-6,
.bdr-l-6,
.bdr-bl-6 {
  --radius-bottom-left: calc(var(--unit-radius) * 6);
}

.bdr-b-6,
.bdr-r-6,
.bdr-br-6 {
  --radius-bottom-right: calc(var(--unit-radius) * 6);
}

.bdr-8 {
  --border-radius: calc(var(--unit-radius) * 8);
}

.bdr-t-8,
.bdr-l-8,
.bdr-tl-8 {
  --radius-top-left: calc(var(--unit-radius) * 8);
}

.bdr-t-8,
.bdr-r-8,
.bdr-tr-8 {
  --radius-top-right: calc(var(--unit-radius) * 8);
}

.bdr-b-8,
.bdr-l-8,
.bdr-bl-8 {
  --radius-bottom-left: calc(var(--unit-radius) * 8);
}

.bdr-b-8,
.bdr-r-8,
.bdr-br-8 {
  --radius-bottom-right: calc(var(--unit-radius) * 8);
}

.bdr-10 {
  --border-radius: calc(var(--unit-radius) * 10);
}

.bdr-t-10,
.bdr-l-10,
.bdr-tl-10 {
  --radius-top-left: calc(var(--unit-radius) * 10);
}

.bdr-t-10,
.bdr-r-10,
.bdr-tr-10 {
  --radius-top-right: calc(var(--unit-radius) * 10);
}

.bdr-b-10,
.bdr-l-10,
.bdr-bl-10 {
  --radius-bottom-left: calc(var(--unit-radius) * 10);
}

.bdr-b-10,
.bdr-r-10,
.bdr-br-10 {
  --radius-bottom-right: calc(var(--unit-radius) * 10);
}

.bdc-0 {
  --border-color: var(--color-0);
}

.bdc-5 {
  --border-color: var(--color-5);
}

.bdc-10 {
  --border-color: var(--color-10);
}

.bdc-15 {
  --border-color: var(--color-15);
}

.bdc-20 {
  --border-color: var(--color-20);
}

.bdc-25 {
  --border-color: var(--color-25);
}

.bdc-30 {
  --border-color: var(--color-30);
}

.bdc-35 {
  --border-color: var(--color-35);
}

.bdc-40 {
  --border-color: var(--color-40);
}

.bdc-45 {
  --border-color: var(--color-45);
}

.bdc-50 {
  --border-color: var(--color-50);
}

.bdc-55 {
  --border-color: var(--color-55);
}

.bdc-60 {
  --border-color: var(--color-60);
}

.bdc-65 {
  --border-color: var(--color-65);
}

.bdc-70 {
  --border-color: var(--color-70);
}

.bdc-75 {
  --border-color: var(--color-75);
}

.bdc-80 {
  --border-color: var(--color-80);
}

.bdc-85 {
  --border-color: var(--color-85);
}

.bdc-90 {
  --border-color: var(--color-90);
}

.bdc-95 {
  --border-color: var(--color-95);
}

.bdc-100 {
  --border-color: var(--color-100);
}

[data-theme=dark] .bdd-0 {
  --border-color: var(--color-0);
}
[data-theme=dark] .bdd-5 {
  --border-color: var(--color-5);
}
[data-theme=dark] .bdd-10 {
  --border-color: var(--color-10);
}
[data-theme=dark] .bdd-15 {
  --border-color: var(--color-15);
}
[data-theme=dark] .bdd-20 {
  --border-color: var(--color-20);
}
[data-theme=dark] .bdd-25 {
  --border-color: var(--color-25);
}
[data-theme=dark] .bdd-30 {
  --border-color: var(--color-30);
}
[data-theme=dark] .bdd-35 {
  --border-color: var(--color-35);
}
[data-theme=dark] .bdd-40 {
  --border-color: var(--color-40);
}
[data-theme=dark] .bdd-45 {
  --border-color: var(--color-45);
}
[data-theme=dark] .bdd-50 {
  --border-color: var(--color-50);
}
[data-theme=dark] .bdd-55 {
  --border-color: var(--color-55);
}
[data-theme=dark] .bdd-60 {
  --border-color: var(--color-60);
}
[data-theme=dark] .bdd-65 {
  --border-color: var(--color-65);
}
[data-theme=dark] .bdd-70 {
  --border-color: var(--color-70);
}
[data-theme=dark] .bdd-75 {
  --border-color: var(--color-75);
}
[data-theme=dark] .bdd-80 {
  --border-color: var(--color-80);
}
[data-theme=dark] .bdd-85 {
  --border-color: var(--color-85);
}
[data-theme=dark] .bdd-90 {
  --border-color: var(--color-90);
}
[data-theme=dark] .bdd-95 {
  --border-color: var(--color-95);
}
[data-theme=dark] .bdd-100 {
  --border-color: var(--color-100);
}

/*-- utilities/breakpoints.scss --*/
.mobile {
  max-width: 30rem;
}

.mobile-width:before {
  content: "30rem";
}

.tablet {
  max-width: 45rem;
}

.tablet-width:before {
  content: "45rem";
}

.laptop {
  max-width: 60rem;
}

.laptop-width:before {
  content: "60rem";
}

.desktop {
  max-width: 75rem;
}

.desktop-width:before {
  content: "75rem";
}

.widescreen {
  max-width: 90rem;
}

.widescreen-width:before {
  content: "90rem";
}

.lt-mobile,
.lt-tablet,
.lt-laptop,
.lt-desktop,
.lt-widescreen {
  display: none;
}

@media only screen and (max-width: 30rem) {
  .gt-mobile {
    display: none !important;
  }
  .lt-mobile {
    display: block !important;
  }
}
@media only screen and (max-width: 45rem) {
  .gt-tablet {
    display: none !important;
  }
  .lt-tablet {
    display: block !important;
  }
}
@media only screen and (max-width: 60rem) {
  .gt-laptop {
    display: none !important;
  }
  .lt-laptop {
    display: block !important;
  }
}
@media only screen and (max-width: 75rem) {
  .gt-desktop {
    display: none !important;
  }
  .lt-desktop {
    display: block !important;
  }
}
@media only screen and (max-width: 90rem) {
  .gt-widescreen {
    display: none !important;
  }
  .lt-widescreen {
    display: block !important;
  }
}
/*-- utilities/color.scss --*/
:where(html) {
  --color: var(--color-30);
  --color-none: transparent;
  --heading-color: var(--color-20);
  --background-color: var(--color-100);
}

.inverse {
  --inverse-color: var(--color-100);
  --inverse-background: var(--color-50);
  color: var(--inverse-color);
  background-color: var(--inverse-background);
}
.inverse h1, .inverse h2, .inverse h3, .inverse h4, .inverse h5, .inverse h6 {
  color: var(--inverse-color);
}

[class*=fgc-] {
  color: var(--color);
}

[class*=bgc-] {
  background-color: var(--background-color);
}

[class*=hdc-] h1, [class*=hdc-] h2, [class*=hdc-] h3, [class*=hdc-] h4, [class*=hdc-] h5, [class*=hdc-] h6, [class*=hdc-] .head {
  color: var(--heading-color);
}

.fgc-0 {
  --color: var(--color-0);
}

.bgc-0 {
  --background-color: var(--color-0);
}

.hdc-0 {
  --heading-color: var(--color-0);
}

.fgc-5 {
  --color: var(--color-5);
}

.bgc-5 {
  --background-color: var(--color-5);
}

.hdc-5 {
  --heading-color: var(--color-5);
}

.fgc-10 {
  --color: var(--color-10);
}

.bgc-10 {
  --background-color: var(--color-10);
}

.hdc-10 {
  --heading-color: var(--color-10);
}

.fgc-15 {
  --color: var(--color-15);
}

.bgc-15 {
  --background-color: var(--color-15);
}

.hdc-15 {
  --heading-color: var(--color-15);
}

.fgc-20 {
  --color: var(--color-20);
}

.bgc-20 {
  --background-color: var(--color-20);
}

.hdc-20 {
  --heading-color: var(--color-20);
}

.fgc-25 {
  --color: var(--color-25);
}

.bgc-25 {
  --background-color: var(--color-25);
}

.hdc-25 {
  --heading-color: var(--color-25);
}

.fgc-30 {
  --color: var(--color-30);
}

.bgc-30 {
  --background-color: var(--color-30);
}

.hdc-30 {
  --heading-color: var(--color-30);
}

.fgc-35 {
  --color: var(--color-35);
}

.bgc-35 {
  --background-color: var(--color-35);
}

.hdc-35 {
  --heading-color: var(--color-35);
}

.fgc-40 {
  --color: var(--color-40);
}

.bgc-40 {
  --background-color: var(--color-40);
}

.hdc-40 {
  --heading-color: var(--color-40);
}

.fgc-45 {
  --color: var(--color-45);
}

.bgc-45 {
  --background-color: var(--color-45);
}

.hdc-45 {
  --heading-color: var(--color-45);
}

.fgc-50 {
  --color: var(--color-50);
}

.bgc-50 {
  --background-color: var(--color-50);
}

.hdc-50 {
  --heading-color: var(--color-50);
}

.fgc-55 {
  --color: var(--color-55);
}

.bgc-55 {
  --background-color: var(--color-55);
}

.hdc-55 {
  --heading-color: var(--color-55);
}

.fgc-60 {
  --color: var(--color-60);
}

.bgc-60 {
  --background-color: var(--color-60);
}

.hdc-60 {
  --heading-color: var(--color-60);
}

.fgc-65 {
  --color: var(--color-65);
}

.bgc-65 {
  --background-color: var(--color-65);
}

.hdc-65 {
  --heading-color: var(--color-65);
}

.fgc-70 {
  --color: var(--color-70);
}

.bgc-70 {
  --background-color: var(--color-70);
}

.hdc-70 {
  --heading-color: var(--color-70);
}

.fgc-75 {
  --color: var(--color-75);
}

.bgc-75 {
  --background-color: var(--color-75);
}

.hdc-75 {
  --heading-color: var(--color-75);
}

.fgc-80 {
  --color: var(--color-80);
}

.bgc-80 {
  --background-color: var(--color-80);
}

.hdc-80 {
  --heading-color: var(--color-80);
}

.fgc-85 {
  --color: var(--color-85);
}

.bgc-85 {
  --background-color: var(--color-85);
}

.hdc-85 {
  --heading-color: var(--color-85);
}

.fgc-90 {
  --color: var(--color-90);
}

.bgc-90 {
  --background-color: var(--color-90);
}

.hdc-90 {
  --heading-color: var(--color-90);
}

.fgc-95 {
  --color: var(--color-95);
}

.bgc-95 {
  --background-color: var(--color-95);
}

.hdc-95 {
  --heading-color: var(--color-95);
}

.fgc-100 {
  --color: var(--color-100);
}

.bgc-100 {
  --background-color: var(--color-100);
}

.hdc-100 {
  --heading-color: var(--color-100);
}

[data-theme=dark] .inverse {
  --inverse-background: var(--color-40);
}
[data-theme=dark] [class*=fgd-] {
  color: var(--color);
}
[data-theme=dark] [class*=bgd-] {
  background-color: var(--background-color);
}
[data-theme=dark] [class*=hdd-] h1, [data-theme=dark] [class*=hdd-] h2, [data-theme=dark] [class*=hdd-] h3, [data-theme=dark] [class*=hdd-] h4, [data-theme=dark] [class*=hdd-] h5, [data-theme=dark] [class*=hdd-] h6, [data-theme=dark] [class*=hdd-] .head {
  color: var(--heading-color);
}
[data-theme=dark] .fgd-0 {
  --color: var(--color-0);
}
[data-theme=dark] .bgd-0 {
  --background-color: var(--color-0);
}
[data-theme=dark] .hdd-0 {
  --heading-color: var(--color-0);
}
[data-theme=dark] .fgd-5 {
  --color: var(--color-5);
}
[data-theme=dark] .bgd-5 {
  --background-color: var(--color-5);
}
[data-theme=dark] .hdd-5 {
  --heading-color: var(--color-5);
}
[data-theme=dark] .fgd-10 {
  --color: var(--color-10);
}
[data-theme=dark] .bgd-10 {
  --background-color: var(--color-10);
}
[data-theme=dark] .hdd-10 {
  --heading-color: var(--color-10);
}
[data-theme=dark] .fgd-15 {
  --color: var(--color-15);
}
[data-theme=dark] .bgd-15 {
  --background-color: var(--color-15);
}
[data-theme=dark] .hdd-15 {
  --heading-color: var(--color-15);
}
[data-theme=dark] .fgd-20 {
  --color: var(--color-20);
}
[data-theme=dark] .bgd-20 {
  --background-color: var(--color-20);
}
[data-theme=dark] .hdd-20 {
  --heading-color: var(--color-20);
}
[data-theme=dark] .fgd-25 {
  --color: var(--color-25);
}
[data-theme=dark] .bgd-25 {
  --background-color: var(--color-25);
}
[data-theme=dark] .hdd-25 {
  --heading-color: var(--color-25);
}
[data-theme=dark] .fgd-30 {
  --color: var(--color-30);
}
[data-theme=dark] .bgd-30 {
  --background-color: var(--color-30);
}
[data-theme=dark] .hdd-30 {
  --heading-color: var(--color-30);
}
[data-theme=dark] .fgd-35 {
  --color: var(--color-35);
}
[data-theme=dark] .bgd-35 {
  --background-color: var(--color-35);
}
[data-theme=dark] .hdd-35 {
  --heading-color: var(--color-35);
}
[data-theme=dark] .fgd-40 {
  --color: var(--color-40);
}
[data-theme=dark] .bgd-40 {
  --background-color: var(--color-40);
}
[data-theme=dark] .hdd-40 {
  --heading-color: var(--color-40);
}
[data-theme=dark] .fgd-45 {
  --color: var(--color-45);
}
[data-theme=dark] .bgd-45 {
  --background-color: var(--color-45);
}
[data-theme=dark] .hdd-45 {
  --heading-color: var(--color-45);
}
[data-theme=dark] .fgd-50 {
  --color: var(--color-50);
}
[data-theme=dark] .bgd-50 {
  --background-color: var(--color-50);
}
[data-theme=dark] .hdd-50 {
  --heading-color: var(--color-50);
}
[data-theme=dark] .fgd-55 {
  --color: var(--color-55);
}
[data-theme=dark] .bgd-55 {
  --background-color: var(--color-55);
}
[data-theme=dark] .hdd-55 {
  --heading-color: var(--color-55);
}
[data-theme=dark] .fgd-60 {
  --color: var(--color-60);
}
[data-theme=dark] .bgd-60 {
  --background-color: var(--color-60);
}
[data-theme=dark] .hdd-60 {
  --heading-color: var(--color-60);
}
[data-theme=dark] .fgd-65 {
  --color: var(--color-65);
}
[data-theme=dark] .bgd-65 {
  --background-color: var(--color-65);
}
[data-theme=dark] .hdd-65 {
  --heading-color: var(--color-65);
}
[data-theme=dark] .fgd-70 {
  --color: var(--color-70);
}
[data-theme=dark] .bgd-70 {
  --background-color: var(--color-70);
}
[data-theme=dark] .hdd-70 {
  --heading-color: var(--color-70);
}
[data-theme=dark] .fgd-75 {
  --color: var(--color-75);
}
[data-theme=dark] .bgd-75 {
  --background-color: var(--color-75);
}
[data-theme=dark] .hdd-75 {
  --heading-color: var(--color-75);
}
[data-theme=dark] .fgd-80 {
  --color: var(--color-80);
}
[data-theme=dark] .bgd-80 {
  --background-color: var(--color-80);
}
[data-theme=dark] .hdd-80 {
  --heading-color: var(--color-80);
}
[data-theme=dark] .fgd-85 {
  --color: var(--color-85);
}
[data-theme=dark] .bgd-85 {
  --background-color: var(--color-85);
}
[data-theme=dark] .hdd-85 {
  --heading-color: var(--color-85);
}
[data-theme=dark] .fgd-90 {
  --color: var(--color-90);
}
[data-theme=dark] .bgd-90 {
  --background-color: var(--color-90);
}
[data-theme=dark] .hdd-90 {
  --heading-color: var(--color-90);
}
[data-theme=dark] .fgd-95 {
  --color: var(--color-95);
}
[data-theme=dark] .bgd-95 {
  --background-color: var(--color-95);
}
[data-theme=dark] .hdd-95 {
  --heading-color: var(--color-95);
}
[data-theme=dark] .fgd-100 {
  --color: var(--color-100);
}
[data-theme=dark] .bgd-100 {
  --background-color: var(--color-100);
}
[data-theme=dark] .hdd-100 {
  --heading-color: var(--color-100);
}

/*-- utilities/columns --*/
:where(html) {
  --column-orphans: 3;
  --column-gap: 2rem;
}

.columns-1:not(.wide) {
  --columns: 1;
}

.columns-2:not(.wide) {
  --columns: 2;
}

.columns-3:not(.wide) {
  --columns: 3;
}

.columns-4:not(.wide) {
  --columns: 4;
}

.columns-5:not(.wide) {
  --columns: 5;
}

[class*=columns-] {
  columns: var(--columns);
  orphans: var(--column-orphans);
  column-gap: var(--column-gap);
}
[class*=columns-] > * {
  orphans: var(--column-orphans);
}

.conform, [class*=conform-] {
  --pad: 2rem;
  --gap: clamp(1rem, 6vw, 3rem);
  --full: minmax(var(--gap), 1fr);
  --width: 100%;
  --popout: minmax(0, var(--pad));
  --feature: minmax(0, calc(var(--pad) * 2));
  --content: min(100% - (var(--gap) * 2), var(--width));
  display: grid;
  grid-template-columns: [full-width-start] var(--full) [feature-start] var(--feature) [popout-start] var(--popout) [content-start] var(--content) [content-end] var(--popout) [popout-end] var(--feature) [feature-end] var(--full) [full-end];
}
.conform > *, [class*=conform-] > * {
  grid-column: content;
}
.conform .full-width, [class*=conform-] .full-width {
  grid-column: full-width;
}
.conform .feature, .conform .popout, [class*=conform-] .feature, [class*=conform-] .popout {
  padding-left: var(--pad);
  padding-right: var(--pad);
}
.conform .feature, [class*=conform-] .feature {
  grid-column: feature;
}
.conform .popout, [class*=conform-] .popout {
  grid-column: popout;
}
.conform .content, [class*=conform-] .content {
  grid-column: popout;
}

[data-theme=dark] {
  color-scheme: dark;
}

[data-theme=light] {
  color-scheme: light;
}

/*-- utilities/display.scss --*/
.block {
  display: block;
}

.inline {
  display: inline;
}

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

/*
.row {
  display: flow-root
}
.tr {
  display: table
}
.td {
  display: table-cell;
  // vertical-align: top;
}
*/
/*-- utilities/flex.scss --*/
.flex {
  display: flex !important;
}
.flex.row {
  flex-direction: row;
}
.flex.column {
  flex-direction: column;
}
.flex.stretch {
  align-items: stretch;
}
.flex.top, .flex.start {
  align-items: flex-start;
}
.flex.baseline {
  align-items: baseline;
}
.flex.middle {
  align-items: center !important;
}
.flex.bottom, .flex.end {
  align-items: flex-end;
}
.flex.left {
  justify-content: flex-start;
}
.flex.center {
  justify-content: center;
}
.flex.right {
  justify-content: flex-end;
}
.flex.space {
  justify-content: space-between;
}
.flex.evenly {
  justify-content: space-evenly;
}
.flex.across {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}
.flex.wrap {
  flex-wrap: wrap;
}
.flex .rigid {
  flex: 0 0 auto;
}
.flex .shrink {
  flex-shrink: 1;
}
.flex .grow {
  flex-grow: 1;
}

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

.flex-flexible {
  flex: 1 1 auto;
}

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

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

/* utilities/fonts.scss */
:where(html) {
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --font-serif: ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

.font-sans {
  font-family: var(--font-sans);
}

.font-serif {
  font-family: var(--font-serif);
}

.font-mono {
  font-family: var(--font-mono);
}

/*-- utilities/gradients --*/
:where(.gradient) {
  --gradient-from: var(--color-40);
  --gradient-to: var(--color-60);
  --gradient-angle: 0deg;
}

.gradient {
  background: linear-gradient(var(--gradient-angle) in hsl, var(--gradient-from), var(--gradient-to));
}

.angle-0 {
  --gradient-angle: 0deg;
}

.angle-30 {
  --gradient-angle: 30deg;
}

.angle-45 {
  --gradient-angle: 45deg;
}

.angle-60 {
  --gradient-angle: 60deg;
}

.angle-90 {
  --gradient-angle: 90deg;
}

.angle-120 {
  --gradient-angle: 120deg;
}

.angle-135 {
  --gradient-angle: 135deg;
}

.angle-150 {
  --gradient-angle: 150deg;
}

.angle-180 {
  --gradient-angle: 180deg;
}

.angle-210 {
  --gradient-angle: 210deg;
}

.angle-225 {
  --gradient-angle: 225deg;
}

.angle-240 {
  --gradient-angle: 240deg;
}

.angle-270 {
  --gradient-angle: 270deg;
}

.angle-300 {
  --gradient-angle: 300deg;
}

.angle-330 {
  --gradient-angle: 330deg;
}

:where([data-theme=dark] .gradient) {
  --gradient-from: var(--color-50);
  --gradient-to: var(--color-30);
}

/*-- utilities/grid.scss --*/
:where(html) {
  --gap: 0
  --row-gap: 0
  --column-gap: 0
  --grid-columns: 1;
}

.grid, [class*=grid-] {
  display: grid;
}
.grid.stretch, [class*=grid-].stretch {
  align-items: stretch;
}
.grid.top, .grid.start, [class*=grid-].top, [class*=grid-].start {
  align-items: start;
}
.grid.baseline, [class*=grid-].baseline {
  align-items: baseline;
}
.grid.mid