@charset "UTF-8";
:root {
  --c-white: #fff;
  --c-black: #000;
  --c-charcoal: #16224D;
  --c-gray-low-emphasis: #3b3b3b;
  --c-light-gray: #eef1f5;
  --c-offwhite: #F5F9FA;
  --c-almost-white: #FBFDFD;
  --c-medium-gray: #C8C8C8;
  --c-border-light: #E3E6EE;
  --c-dark-gray: #191919;
  --c-text-dark: #16224D;
  --c-transparent: #fff0;
  --c-navy: #1D2E66;
  --c-navy-100: rgb(232.4, 234.1, 239.7);
  --c-navy-150: rgb(198.5, 202.75, 216.75);
  --c-navy-200: rgb(153.3, 160.95, 186.15);
  --c-navy-300: rgb(108.1, 119.15, 155.55);
  --c-navy-400: rgb(62.9, 77.35, 124.95);
  --c-navy-500: #1D2E66;
  --c-navy-600: rgb(24.65, 39.1, 86.7);
  --c-navy-700: rgb(20.88, 33.12, 73.44);
  --c-navy-800: rgb(13.05, 20.7, 45.9);
  --c-navy-900: rgb(7.25, 11.5, 25.5);
  --c-navy-light: rgb(108.1, 119.15, 155.55);
  --c-navy-lighter: rgb(153.3, 160.95, 186.15);
  --c-navy-dark: rgb(24.65, 39.1, 86.7);
  --c-navy-darker: rgb(20.88, 33.12, 73.44);
  --c-blue: #3fa9f5;
  --c-blue-100: rgb(235.8, 246.4, 254);
  --c-blue-150: rgb(207, 233.5, 252.5);
  --c-blue-200: rgb(168.6, 216.3, 250.5);
  --c-blue-300: rgb(130.2, 199.1, 248.5);
  --c-blue-400: rgb(91.8, 181.9, 246.5);
  --c-blue-500: #3fa9f5;
  --c-blue-600: rgb(53.55, 143.65, 208.25);
  --c-blue-700: rgb(45.36, 121.68, 176.4);
  --c-blue-800: rgb(28.35, 76.05, 110.25);
  --c-blue-900: rgb(15.75, 42.25, 61.25);
  --c-blue-light: rgb(130.2, 199.1, 248.5);
  --c-blue-lighter: rgb(168.6, 216.3, 250.5);
  --c-blue-dark: rgb(53.55, 143.65, 208.25);
  --c-blue-darker: rgb(45.36, 121.68, 176.4);
  --c-green: #1FA463;
  --c-green-100: rgb(232.6, 245.9, 239.4);
  --c-green-150: rgb(199, 232.25, 216);
  --c-green-200: rgb(154.2, 214.05, 184.8);
  --c-green-300: rgb(109.4, 195.85, 153.6);
  --c-green-400: rgb(64.6, 177.65, 122.4);
  --c-green-500: #1FA463;
  --c-green-600: rgb(26.35, 139.4, 84.15);
  --c-green-700: rgb(22.32, 118.08, 71.28);
  --c-green-800: rgb(13.95, 73.8, 44.55);
  --c-green-900: rgb(7.75, 41, 24.75);
  --c-green-light: rgb(109.4, 195.85, 153.6);
  --c-green-lighter: rgb(154.2, 214.05, 184.8);
  --c-green-dark: rgb(26.35, 139.4, 84.15);
  --c-green-darker: rgb(22.32, 118.08, 71.28);
  --c-red: #E4483D;
  --c-red-100: rgb(252.3, 236.7, 235.6);
  --c-red-150: rgb(248.25, 209.25, 206.5);
  --c-red-200: rgb(242.85, 172.65, 167.7);
  --c-red-300: rgb(237.45, 136.05, 128.9);
  --c-red-400: rgb(232.05, 99.45, 90.1);
  --c-red-500: #E4483D;
  --c-red-600: rgb(193.8, 61.2, 51.85);
  --c-red-700: rgb(164.16, 51.84, 43.92);
  --c-red-800: rgb(102.6, 32.4, 27.45);
  --c-red-900: rgb(57, 18, 15.25);
  --c-red-light: rgb(237.45, 136.05, 128.9);
  --c-red-lighter: rgb(242.85, 172.65, 167.7);
  --c-red-dark: rgb(193.8, 61.2, 51.85);
  --c-red-darker: rgb(164.16, 51.84, 43.92);
  --c-pink: #FF3399;
  --c-pink-100: rgb(255, 234.6, 244.8);
  --c-pink-150: rgb(255, 204, 229.5);
  --c-pink-200: rgb(255, 163.2, 209.1);
  --c-pink-300: rgb(255, 122.4, 188.7);
  --c-pink-400: rgb(255, 81.6, 168.3);
  --c-pink-500: #FF3399;
  --c-pink-600: rgb(216.75, 43.35, 130.05);
  --c-pink-700: rgb(183.6, 36.72, 110.16);
  --c-pink-800: rgb(114.75, 22.95, 68.85);
  --c-pink-900: rgb(63.75, 12.75, 38.25);
  --c-pink-light: rgb(255, 122.4, 188.7);
  --c-pink-lighter: rgb(255, 163.2, 209.1);
  --c-pink-dark: rgb(216.75, 43.35, 130.05);
  --c-pink-darker: rgb(183.6, 36.72, 110.16);
  --c-mint: #A5F1EC;
  --c-mint-100: rgb(246, 253.6, 253.1);
  --c-mint-150: rgb(232.5, 251.5, 250.25);
  --c-mint-200: rgb(214.5, 248.7, 246.45);
  --c-mint-300: rgb(196.5, 245.9, 242.65);
  --c-mint-400: rgb(178.5, 243.1, 238.85);
  --c-mint-500: #A5F1EC;
  --c-mint-600: rgb(140.25, 204.85, 200.6);
  --c-mint-700: rgb(118.8, 173.52, 169.92);
  --c-mint-800: rgb(74.25, 108.45, 106.2);
  --c-mint-900: rgb(41.25, 60.25, 59);
  --c-mint-light: rgb(196.5, 245.9, 242.65);
  --c-mint-lighter: rgb(214.5, 248.7, 246.45);
  --c-mint-dark: rgb(140.25, 204.85, 200.6);
  --c-mint-darker: rgb(118.8, 173.52, 169.92);
  --c-purple: #91459A;
  --c-purple-100: rgb(244, 236.4, 244.9);
  --c-purple-150: rgb(227.5, 208.5, 229.75);
  --c-purple-200: rgb(205.5, 171.3, 209.55);
  --c-purple-300: rgb(183.5, 134.1, 189.35);
  --c-purple-400: rgb(161.5, 96.9, 169.15);
  --c-purple-500: #91459A;
  --c-purple-600: rgb(123.25, 58.65, 130.9);
  --c-purple-700: rgb(104.4, 49.68, 110.88);
  --c-purple-800: rgb(65.25, 31.05, 69.3);
  --c-purple-900: rgb(36.25, 17.25, 38.5);
  --c-purple-light: rgb(183.5, 134.1, 189.35);
  --c-purple-lighter: rgb(205.5, 171.3, 209.55);
  --c-purple-dark: rgb(123.25, 58.65, 130.9);
  --c-purple-darker: rgb(104.4, 49.68, 110.88);
  --c-silver: #C8C8C8;
  --c-silver-100: rgb(249.5, 249.5, 249.5);
  --c-silver-150: rgb(241.25, 241.25, 241.25);
  --c-silver-200: rgb(230.25, 230.25, 230.25);
  --c-silver-300: rgb(219.25, 219.25, 219.25);
  --c-silver-400: rgb(208.25, 208.25, 208.25);
  --c-silver-500: #C8C8C8;
  --c-silver-600: #aaaaaa;
  --c-silver-700: #909090;
  --c-silver-800: #5a5a5a;
  --c-silver-900: #323232;
  --c-silver-light: rgb(219.25, 219.25, 219.25);
  --c-silver-lighter: rgb(230.25, 230.25, 230.25);
  --c-silver-dark: #aaaaaa;
  --c-silver-darker: #909090;
  --c-orange: #FBB03B;
  --c-orange-100: rgb(254.6, 247.1, 235.4);
  --c-orange-150: rgb(254, 235.25, 206);
  --c-orange-200: rgb(253.2, 219.45, 166.8);
  --c-orange-300: rgb(252.4, 203.65, 127.6);
  --c-orange-400: rgb(251.6, 187.85, 88.4);
  --c-orange-500: #FBB03B;
  --c-orange-600: rgb(213.35, 149.6, 50.15);
  --c-orange-700: rgb(180.72, 126.72, 42.48);
  --c-orange-800: rgb(112.95, 79.2, 26.55);
  --c-orange-900: rgb(62.75, 44, 14.75);
  --c-orange-light: rgb(252.4, 203.65, 127.6);
  --c-orange-lighter: rgb(253.2, 219.45, 166.8);
  --c-orange-dark: rgb(213.35, 149.6, 50.15);
  --c-orange-darker: rgb(180.72, 126.72, 42.48);
  --c-yellow: #ffc700;
  --c-yellow-100: rgb(255, 249.4, 229.5);
  --c-yellow-150: rgb(255, 241, 191.25);
  --c-yellow-200: rgb(255, 229.8, 140.25);
  --c-yellow-300: rgb(255, 218.6, 89.25);
  --c-yellow-400: rgb(255, 207.4, 38.25);
  --c-yellow-500: #ffc700;
  --c-yellow-600: rgb(216.75, 169.15, 0);
  --c-yellow-700: rgb(183.6, 143.28, 0);
  --c-yellow-800: rgb(114.75, 89.55, 0);
  --c-yellow-900: rgb(63.75, 49.75, 0);
  --c-yellow-light: rgb(255, 218.6, 89.25);
  --c-yellow-lighter: rgb(255, 229.8, 140.25);
  --c-yellow-dark: rgb(216.75, 169.15, 0);
  --c-yellow-darker: rgb(183.6, 143.28, 0);
  --c-gray: #6B6F8C;
  --c-gray-100: rgb(240.2, 240.6, 243.5);
  --c-gray-150: rgb(218, 219, 226.25);
  --c-gray-200: rgb(188.4, 190.2, 203.25);
  --c-gray-300: rgb(158.8, 161.4, 180.25);
  --c-gray-400: rgb(129.2, 132.6, 157.25);
  --c-gray-500: #6B6F8C;
  --c-gray-600: rgb(90.95, 94.35, 119);
  --c-gray-700: rgb(77.04, 79.92, 100.8);
  --c-gray-800: rgb(48.15, 49.95, 63);
  --c-gray-900: rgb(26.75, 27.75, 35);
  --c-gray-light: rgb(158.8, 161.4, 180.25);
  --c-gray-lighter: rgb(188.4, 190.2, 203.25);
  --c-gray-dark: rgb(90.95, 94.35, 119);
  --c-gray-darker: rgb(77.04, 79.92, 100.8);
  --c-toggle-color: var(--c-primary);
  --c-primary-ink: #fff;
  --c-secondary-ink: #fff;
  --c-tertiary-ink: #16224D;
  --c-cta-ink: #16224D;
  --c-success-ink: #fff;
  --c-danger-ink: #fff;
  --c-warning-ink: #16224D;
  --c-info-ink: #fff;
  --c-primary: #91459A;
  --c-primary-light: rgb(178, 124.8, 184.3);
  --c-primary-lighter: rgb(227.5, 208.5, 229.75);
  --c-primary-way-lighter: rgb(244, 236.4, 244.9);
  --c-primary-dark: rgb(123.25, 58.65, 130.9);
  --c-primary-darker: rgb(108.75, 51.75, 115.5);
  --c-primary-way-darker: rgb(94.25, 44.85, 100.1);
  --c-secondary: #6B6F8C;
  --c-secondary-light: rgb(151.4, 154.2, 174.5);
  --c-secondary-lighter: rgb(218, 219, 226.25);
  --c-secondary-way-lighter: rgb(240.2, 240.6, 243.5);
  --c-secondary-dark: rgb(90.95, 94.35, 119);
  --c-secondary-darker: rgb(80.25, 83.25, 105);
  --c-secondary-way-darker: rgb(69.55, 72.15, 91);
  --c-tertiary: #A5F1EC;
  --c-tertiary-light: rgb(192, 245.2, 241.7);
  --c-tertiary-lighter: rgb(232.5, 251.5, 250.25);
  --c-tertiary-way-lighter: rgb(246, 253.6, 253.1);
  --c-tertiary-dark: rgb(140.25, 204.85, 200.6);
  --c-tertiary-darker: rgb(123.75, 180.75, 177);
  --c-tertiary-way-darker: rgb(107.25, 156.65, 153.4);
  --c-cta: #FF3399;
  --c-cta-light: rgb(255, 112.2, 183.6);
  --c-cta-lighter: rgb(255, 204, 229.5);
  --c-cta-way-lighter: rgb(255, 234.6, 244.8);
  --c-cta-dark: rgb(216.75, 43.35, 130.05);
  --c-cta-darker: rgb(191.25, 38.25, 114.75);
  --c-cta-way-darker: rgb(165.75, 33.15, 99.45);
  --c-success: #1FA463;
  --c-success-light: rgb(98.2, 191.3, 145.8);
  --c-success-lighter: rgb(199, 232.25, 216);
  --c-success-way-lighter: rgb(232.6, 245.9, 239.4);
  --c-success-dark: rgb(26.35, 139.4, 84.15);
  --c-success-darker: rgb(23.25, 123, 74.25);
  --c-success-way-darker: rgb(20.15, 106.6, 64.35);
  --c-danger: #E4483D;
  --c-danger-light: rgb(236.1, 126.9, 119.2);
  --c-danger-lighter: rgb(248.25, 209.25, 206.5);
  --c-danger-way-lighter: rgb(252.3, 236.7, 235.6);
  --c-danger-dark: rgb(193.8, 61.2, 51.85);
  --c-danger-darker: rgb(171, 54, 45.75);
  --c-danger-way-darker: rgb(148.2, 46.8, 39.65);
  --c-warning: #FBB03B;
  --c-warning-light: rgb(252.2, 199.7, 117.8);
  --c-warning-lighter: rgb(254, 235.25, 206);
  --c-warning-way-lighter: rgb(254.6, 247.1, 235.4);
  --c-warning-dark: rgb(213.35, 149.6, 50.15);
  --c-warning-darker: rgb(188.25, 132, 44.25);
  --c-warning-way-darker: rgb(163.15, 114.4, 38.35);
  --c-info: #6B6F8C;
  --c-info-light: rgb(151.4, 154.2, 174.5);
  --c-info-lighter: rgb(218, 219, 226.25);
  --c-info-way-lighter: rgb(240.2, 240.6, 243.5);
  --c-info-dark: rgb(90.95, 94.35, 119);
  --c-info-darker: rgb(80.25, 83.25, 105);
  --c-info-way-darker: rgb(69.55, 72.15, 91);
  --bg-body: #fff;
  --bg-alt: #F5F9FA;
  --bg-tint: #FBFDFD;
  --bg-accent: rgb(246, 253.6, 253.1);
  --bg-dark: #1D2E66;
  --bg-dark-alt: rgb(13.05, 20.7, 45.9);
  --bg-dark-neutral: #16224D;
  --bg-footer: rgb(7.25, 11.5, 25.5);
  --text-body: #16224D;
  --text-heading: rgb(20.88, 33.12, 73.44);
  --text-link: rgb(123.25, 58.65, 130.9);
  --text-muted: rgb(90.95, 94.35, 119);
  --text-muted-extra: rgb(129.2, 132.6, 157.25);
  --text-on-dark: #fff;
  --text-on-dark-muted: #A5F1EC;
  --text-on-dark-link: #A5F1EC;
  --border-on-dark: #fff;
  --border-on-dark-subtle: rgb(90.95, 94.35, 119);
  --border-input: #E3E6EE;
  --border-card: #E3E6EE;
  --border-divider: #E3E6EE;
  --bg-input: #fff;
  --border-input-focus: #91459A;
  --bg-table-header: #1D2E66;
  --text-table-header: #fff;
  --bg-table-alt: #C8C8C8;
  --bg-table-hover: #91459A;
  --text-table-hover: #fff;
  --white: #fff;
  --bg-alt-light: #F5F9FA;
  --bg-alt-tint: #FBFDFD;
  --bg-accent-light: rgb(246, 253.6, 253.1);
  --bg-dark-primary: #1D2E66;
  --text-on-light: #16224D;
  --bg-table-hover-opacity: 0.31;
  --bg-table-hover-rgb: 145, 69, 154;
  --c-blue-500-rgb: 145, 69, 154;
  --shadow-light: rgba(0, 0, 0, 0.08);
  --shadow-medium: rgba(0, 0, 0, 0.2);
  --shadow-dark: rgba(0, 0, 0, 0.23);
  --overlay-dark: rgba(0, 0, 0, 0.03);
  --overlay-light: rgba(255, 255, 255, 0.05);
  --overlay-white-50: rgba(255, 255, 255, 0.5);
  --hover-gray: rgba(181, 181, 181, 0.5);
  --c-gray-a3: #a3a3a3;
  --c-gray-9c: #9c9c9c;
  --c-highlight-pink: #ffe9e9;
  --c-dark-red-bg: #4c0d0d;
}

.navy {
  color: #1D2E66 !important;
}

.color-navy {
  color: #1D2E66 !important;
}

.navy-100 {
  color: var(--c-navy-100) !important;
}

.color-navy-100 {
  color: var(--c-navy-100) !important;
}

.navy-200 {
  color: var(--c-navy-200) !important;
}

.color-navy-200 {
  color: var(--c-navy-200) !important;
}

.navy-300 {
  color: var(--c-navy-300) !important;
}

.color-navy-300 {
  color: var(--c-navy-300) !important;
}

.navy-400 {
  color: var(--c-navy-400) !important;
}

.color-navy-400 {
  color: var(--c-navy-400) !important;
}

.navy-500 {
  color: var(--c-navy-500) !important;
}

.color-navy-500 {
  color: var(--c-navy-500) !important;
}

.navy-600 {
  color: var(--c-navy-600) !important;
}

.color-navy-600 {
  color: var(--c-navy-600) !important;
}

.navy-700 {
  color: var(--c-navy-700) !important;
}

.color-navy-700 {
  color: var(--c-navy-700) !important;
}

.navy-800 {
  color: var(--c-navy-800) !important;
}

.color-navy-800 {
  color: var(--c-navy-800) !important;
}

.navy-900 {
  color: var(--c-navy-900) !important;
}

.color-navy-900 {
  color: var(--c-navy-900) !important;
}

.navy-light {
  color: var(--c-navy-light) !important;
}

.color-navy-light {
  color: var(--c-navy-light) !important;
}

.navy-lighter {
  color: var(--c-navy-lighter) !important;
}

.color-navy-lighter {
  color: var(--c-navy-lighter) !important;
}

.navy-dark {
  color: var(--c-navy-dark) !important;
}

.color-navy-dark {
  color: var(--c-navy-dark) !important;
}

.navy-darker {
  color: var(--c-navy-darker) !important;
}

.color-navy-darker {
  color: var(--c-navy-darker) !important;
}

.blue {
  color: #3fa9f5 !important;
}

.color-blue {
  color: #3fa9f5 !important;
}

.blue-100 {
  color: var(--c-blue-100) !important;
}

.color-blue-100 {
  color: var(--c-blue-100) !important;
}

.blue-200 {
  color: var(--c-blue-200) !important;
}

.color-blue-200 {
  color: var(--c-blue-200) !important;
}

.blue-300 {
  color: var(--c-blue-300) !important;
}

.color-blue-300 {
  color: var(--c-blue-300) !important;
}

.blue-400 {
  color: var(--c-blue-400) !important;
}

.color-blue-400 {
  color: var(--c-blue-400) !important;
}

.blue-500 {
  color: var(--c-blue-500) !important;
}

.color-blue-500 {
  color: var(--c-blue-500) !important;
}

.blue-600 {
  color: var(--c-blue-600) !important;
}

.color-blue-600 {
  color: var(--c-blue-600) !important;
}

.blue-700 {
  color: var(--c-blue-700) !important;
}

.color-blue-700 {
  color: var(--c-blue-700) !important;
}

.blue-800 {
  color: var(--c-blue-800) !important;
}

.color-blue-800 {
  color: var(--c-blue-800) !important;
}

.blue-900 {
  color: var(--c-blue-900) !important;
}

.color-blue-900 {
  color: var(--c-blue-900) !important;
}

.blue-light {
  color: var(--c-blue-light) !important;
}

.color-blue-light {
  color: var(--c-blue-light) !important;
}

.blue-lighter {
  color: var(--c-blue-lighter) !important;
}

.color-blue-lighter {
  color: var(--c-blue-lighter) !important;
}

.blue-dark {
  color: var(--c-blue-dark) !important;
}

.color-blue-dark {
  color: var(--c-blue-dark) !important;
}

.blue-darker {
  color: var(--c-blue-darker) !important;
}

.color-blue-darker {
  color: var(--c-blue-darker) !important;
}

.green {
  color: #1FA463 !important;
}

.color-green {
  color: #1FA463 !important;
}

.green-100 {
  color: var(--c-green-100) !important;
}

.color-green-100 {
  color: var(--c-green-100) !important;
}

.green-200 {
  color: var(--c-green-200) !important;
}

.color-green-200 {
  color: var(--c-green-200) !important;
}

.green-300 {
  color: var(--c-green-300) !important;
}

.color-green-300 {
  color: var(--c-green-300) !important;
}

.green-400 {
  color: var(--c-green-400) !important;
}

.color-green-400 {
  color: var(--c-green-400) !important;
}

.green-500 {
  color: var(--c-green-500) !important;
}

.color-green-500 {
  color: var(--c-green-500) !important;
}

.green-600 {
  color: var(--c-green-600) !important;
}

.color-green-600 {
  color: var(--c-green-600) !important;
}

.green-700 {
  color: var(--c-green-700) !important;
}

.color-green-700 {
  color: var(--c-green-700) !important;
}

.green-800 {
  color: var(--c-green-800) !important;
}

.color-green-800 {
  color: var(--c-green-800) !important;
}

.green-900 {
  color: var(--c-green-900) !important;
}

.color-green-900 {
  color: var(--c-green-900) !important;
}

.green-light {
  color: var(--c-green-light) !important;
}

.color-green-light {
  color: var(--c-green-light) !important;
}

.green-lighter {
  color: var(--c-green-lighter) !important;
}

.color-green-lighter {
  color: var(--c-green-lighter) !important;
}

.green-dark {
  color: var(--c-green-dark) !important;
}

.color-green-dark {
  color: var(--c-green-dark) !important;
}

.green-darker {
  color: var(--c-green-darker) !important;
}

.color-green-darker {
  color: var(--c-green-darker) !important;
}

.red {
  color: #E4483D !important;
}

.color-red {
  color: #E4483D !important;
}

.red-100 {
  color: var(--c-red-100) !important;
}

.color-red-100 {
  color: var(--c-red-100) !important;
}

.red-200 {
  color: var(--c-red-200) !important;
}

.color-red-200 {
  color: var(--c-red-200) !important;
}

.red-300 {
  color: var(--c-red-300) !important;
}

.color-red-300 {
  color: var(--c-red-300) !important;
}

.red-400 {
  color: var(--c-red-400) !important;
}

.color-red-400 {
  color: var(--c-red-400) !important;
}

.red-500 {
  color: var(--c-red-500) !important;
}

.color-red-500 {
  color: var(--c-red-500) !important;
}

.red-600 {
  color: var(--c-red-600) !important;
}

.color-red-600 {
  color: var(--c-red-600) !important;
}

.red-700 {
  color: var(--c-red-700) !important;
}

.color-red-700 {
  color: var(--c-red-700) !important;
}

.red-800 {
  color: var(--c-red-800) !important;
}

.color-red-800 {
  color: var(--c-red-800) !important;
}

.red-900 {
  color: var(--c-red-900) !important;
}

.color-red-900 {
  color: var(--c-red-900) !important;
}

.red-light {
  color: var(--c-red-light) !important;
}

.color-red-light {
  color: var(--c-red-light) !important;
}

.red-lighter {
  color: var(--c-red-lighter) !important;
}

.color-red-lighter {
  color: var(--c-red-lighter) !important;
}

.red-dark {
  color: var(--c-red-dark) !important;
}

.color-red-dark {
  color: var(--c-red-dark) !important;
}

.red-darker {
  color: var(--c-red-darker) !important;
}

.color-red-darker {
  color: var(--c-red-darker) !important;
}

.pink {
  color: #FF3399 !important;
}

.color-pink {
  color: #FF3399 !important;
}

.pink-100 {
  color: var(--c-pink-100) !important;
}

.color-pink-100 {
  color: var(--c-pink-100) !important;
}

.pink-200 {
  color: var(--c-pink-200) !important;
}

.color-pink-200 {
  color: var(--c-pink-200) !important;
}

.pink-300 {
  color: var(--c-pink-300) !important;
}

.color-pink-300 {
  color: var(--c-pink-300) !important;
}

.pink-400 {
  color: var(--c-pink-400) !important;
}

.color-pink-400 {
  color: var(--c-pink-400) !important;
}

.pink-500 {
  color: var(--c-pink-500) !important;
}

.color-pink-500 {
  color: var(--c-pink-500) !important;
}

.pink-600 {
  color: var(--c-pink-600) !important;
}

.color-pink-600 {
  color: var(--c-pink-600) !important;
}

.pink-700 {
  color: var(--c-pink-700) !important;
}

.color-pink-700 {
  color: var(--c-pink-700) !important;
}

.pink-800 {
  color: var(--c-pink-800) !important;
}

.color-pink-800 {
  color: var(--c-pink-800) !important;
}

.pink-900 {
  color: var(--c-pink-900) !important;
}

.color-pink-900 {
  color: var(--c-pink-900) !important;
}

.pink-light {
  color: var(--c-pink-light) !important;
}

.color-pink-light {
  color: var(--c-pink-light) !important;
}

.pink-lighter {
  color: var(--c-pink-lighter) !important;
}

.color-pink-lighter {
  color: var(--c-pink-lighter) !important;
}

.pink-dark {
  color: var(--c-pink-dark) !important;
}

.color-pink-dark {
  color: var(--c-pink-dark) !important;
}

.pink-darker {
  color: var(--c-pink-darker) !important;
}

.color-pink-darker {
  color: var(--c-pink-darker) !important;
}

.mint {
  color: #A5F1EC !important;
}

.color-mint {
  color: #A5F1EC !important;
}

.mint-100 {
  color: var(--c-mint-100) !important;
}

.color-mint-100 {
  color: var(--c-mint-100) !important;
}

.mint-200 {
  color: var(--c-mint-200) !important;
}

.color-mint-200 {
  color: var(--c-mint-200) !important;
}

.mint-300 {
  color: var(--c-mint-300) !important;
}

.color-mint-300 {
  color: var(--c-mint-300) !important;
}

.mint-400 {
  color: var(--c-mint-400) !important;
}

.color-mint-400 {
  color: var(--c-mint-400) !important;
}

.mint-500 {
  color: var(--c-mint-500) !important;
}

.color-mint-500 {
  color: var(--c-mint-500) !important;
}

.mint-600 {
  color: var(--c-mint-600) !important;
}

.color-mint-600 {
  color: var(--c-mint-600) !important;
}

.mint-700 {
  color: var(--c-mint-700) !important;
}

.color-mint-700 {
  color: var(--c-mint-700) !important;
}

.mint-800 {
  color: var(--c-mint-800) !important;
}

.color-mint-800 {
  color: var(--c-mint-800) !important;
}

.mint-900 {
  color: var(--c-mint-900) !important;
}

.color-mint-900 {
  color: var(--c-mint-900) !important;
}

.mint-light {
  color: var(--c-mint-light) !important;
}

.color-mint-light {
  color: var(--c-mint-light) !important;
}

.mint-lighter {
  color: var(--c-mint-lighter) !important;
}

.color-mint-lighter {
  color: var(--c-mint-lighter) !important;
}

.mint-dark {
  color: var(--c-mint-dark) !important;
}

.color-mint-dark {
  color: var(--c-mint-dark) !important;
}

.mint-darker {
  color: var(--c-mint-darker) !important;
}

.color-mint-darker {
  color: var(--c-mint-darker) !important;
}

.silver {
  color: #C8C8C8 !important;
}

.color-silver {
  color: #C8C8C8 !important;
}

.silver-100 {
  color: var(--c-silver-100) !important;
}

.color-silver-100 {
  color: var(--c-silver-100) !important;
}

.silver-200 {
  color: var(--c-silver-200) !important;
}

.color-silver-200 {
  color: var(--c-silver-200) !important;
}

.silver-300 {
  color: var(--c-silver-300) !important;
}

.color-silver-300 {
  color: var(--c-silver-300) !important;
}

.silver-400 {
  color: var(--c-silver-400) !important;
}

.color-silver-400 {
  color: var(--c-silver-400) !important;
}

.silver-500 {
  color: var(--c-silver-500) !important;
}

.color-silver-500 {
  color: var(--c-silver-500) !important;
}

.silver-600 {
  color: var(--c-silver-600) !important;
}

.color-silver-600 {
  color: var(--c-silver-600) !important;
}

.silver-700 {
  color: var(--c-silver-700) !important;
}

.color-silver-700 {
  color: var(--c-silver-700) !important;
}

.silver-800 {
  color: var(--c-silver-800) !important;
}

.color-silver-800 {
  color: var(--c-silver-800) !important;
}

.silver-900 {
  color: var(--c-silver-900) !important;
}

.color-silver-900 {
  color: var(--c-silver-900) !important;
}

.silver-light {
  color: var(--c-silver-light) !important;
}

.color-silver-light {
  color: var(--c-silver-light) !important;
}

.silver-lighter {
  color: var(--c-silver-lighter) !important;
}

.color-silver-lighter {
  color: var(--c-silver-lighter) !important;
}

.silver-dark {
  color: var(--c-silver-dark) !important;
}

.color-silver-dark {
  color: var(--c-silver-dark) !important;
}

.silver-darker {
  color: var(--c-silver-darker) !important;
}

.color-silver-darker {
  color: var(--c-silver-darker) !important;
}

.purple {
  color: #91459A !important;
}

.color-purple {
  color: #91459A !important;
}

.purple-100 {
  color: var(--c-purple-100) !important;
}

.color-purple-100 {
  color: var(--c-purple-100) !important;
}

.purple-200 {
  color: var(--c-purple-200) !important;
}

.color-purple-200 {
  color: var(--c-purple-200) !important;
}

.purple-300 {
  color: var(--c-purple-300) !important;
}

.color-purple-300 {
  color: var(--c-purple-300) !important;
}

.purple-400 {
  color: var(--c-purple-400) !important;
}

.color-purple-400 {
  color: var(--c-purple-400) !important;
}

.purple-500 {
  color: var(--c-purple-500) !important;
}

.color-purple-500 {
  color: var(--c-purple-500) !important;
}

.purple-600 {
  color: var(--c-purple-600) !important;
}

.color-purple-600 {
  color: var(--c-purple-600) !important;
}

.purple-700 {
  color: var(--c-purple-700) !important;
}

.color-purple-700 {
  color: var(--c-purple-700) !important;
}

.purple-800 {
  color: var(--c-purple-800) !important;
}

.color-purple-800 {
  color: var(--c-purple-800) !important;
}

.purple-900 {
  color: var(--c-purple-900) !important;
}

.color-purple-900 {
  color: var(--c-purple-900) !important;
}

.purple-light {
  color: var(--c-purple-light) !important;
}

.color-purple-light {
  color: var(--c-purple-light) !important;
}

.purple-lighter {
  color: var(--c-purple-lighter) !important;
}

.color-purple-lighter {
  color: var(--c-purple-lighter) !important;
}

.purple-dark {
  color: var(--c-purple-dark) !important;
}

.color-purple-dark {
  color: var(--c-purple-dark) !important;
}

.purple-darker {
  color: var(--c-purple-darker) !important;
}

.color-purple-darker {
  color: var(--c-purple-darker) !important;
}

.orange {
  color: #FBB03B !important;
}

.color-orange {
  color: #FBB03B !important;
}

.orange-100 {
  color: var(--c-orange-100) !important;
}

.color-orange-100 {
  color: var(--c-orange-100) !important;
}

.orange-200 {
  color: var(--c-orange-200) !important;
}

.color-orange-200 {
  color: var(--c-orange-200) !important;
}

.orange-300 {
  color: var(--c-orange-300) !important;
}

.color-orange-300 {
  color: var(--c-orange-300) !important;
}

.orange-400 {
  color: var(--c-orange-400) !important;
}

.color-orange-400 {
  color: var(--c-orange-400) !important;
}

.orange-500 {
  color: var(--c-orange-500) !important;
}

.color-orange-500 {
  color: var(--c-orange-500) !important;
}

.orange-600 {
  color: var(--c-orange-600) !important;
}

.color-orange-600 {
  color: var(--c-orange-600) !important;
}

.orange-700 {
  color: var(--c-orange-700) !important;
}

.color-orange-700 {
  color: var(--c-orange-700) !important;
}

.orange-800 {
  color: var(--c-orange-800) !important;
}

.color-orange-800 {
  color: var(--c-orange-800) !important;
}

.orange-900 {
  color: var(--c-orange-900) !important;
}

.color-orange-900 {
  color: var(--c-orange-900) !important;
}

.orange-light {
  color: var(--c-orange-light) !important;
}

.color-orange-light {
  color: var(--c-orange-light) !important;
}

.orange-lighter {
  color: var(--c-orange-lighter) !important;
}

.color-orange-lighter {
  color: var(--c-orange-lighter) !important;
}

.orange-dark {
  color: var(--c-orange-dark) !important;
}

.color-orange-dark {
  color: var(--c-orange-dark) !important;
}

.orange-darker {
  color: var(--c-orange-darker) !important;
}

.color-orange-darker {
  color: var(--c-orange-darker) !important;
}

.yellow {
  color: #ffc700 !important;
}

.color-yellow {
  color: #ffc700 !important;
}

.yellow-100 {
  color: var(--c-yellow-100) !important;
}

.color-yellow-100 {
  color: var(--c-yellow-100) !important;
}

.yellow-200 {
  color: var(--c-yellow-200) !important;
}

.color-yellow-200 {
  color: var(--c-yellow-200) !important;
}

.yellow-300 {
  color: var(--c-yellow-300) !important;
}

.color-yellow-300 {
  color: var(--c-yellow-300) !important;
}

.yellow-400 {
  color: var(--c-yellow-400) !important;
}

.color-yellow-400 {
  color: var(--c-yellow-400) !important;
}

.yellow-500 {
  color: var(--c-yellow-500) !important;
}

.color-yellow-500 {
  color: var(--c-yellow-500) !important;
}

.yellow-600 {
  color: var(--c-yellow-600) !important;
}

.color-yellow-600 {
  color: var(--c-yellow-600) !important;
}

.yellow-700 {
  color: var(--c-yellow-700) !important;
}

.color-yellow-700 {
  color: var(--c-yellow-700) !important;
}

.yellow-800 {
  color: var(--c-yellow-800) !important;
}

.color-yellow-800 {
  color: var(--c-yellow-800) !important;
}

.yellow-900 {
  color: var(--c-yellow-900) !important;
}

.color-yellow-900 {
  color: var(--c-yellow-900) !important;
}

.yellow-light {
  color: var(--c-yellow-light) !important;
}

.color-yellow-light {
  color: var(--c-yellow-light) !important;
}

.yellow-lighter {
  color: var(--c-yellow-lighter) !important;
}

.color-yellow-lighter {
  color: var(--c-yellow-lighter) !important;
}

.yellow-dark {
  color: var(--c-yellow-dark) !important;
}

.color-yellow-dark {
  color: var(--c-yellow-dark) !important;
}

.yellow-darker {
  color: var(--c-yellow-darker) !important;
}

.color-yellow-darker {
  color: var(--c-yellow-darker) !important;
}

.gray {
  color: #6B6F8C !important;
}

.color-gray {
  color: #6B6F8C !important;
}

.gray-100 {
  color: var(--c-gray-100) !important;
}

.color-gray-100 {
  color: var(--c-gray-100) !important;
}

.gray-200 {
  color: var(--c-gray-200) !important;
}

.color-gray-200 {
  color: var(--c-gray-200) !important;
}

.gray-300 {
  color: var(--c-gray-300) !important;
}

.color-gray-300 {
  color: var(--c-gray-300) !important;
}

.gray-400 {
  color: var(--c-gray-400) !important;
}

.color-gray-400 {
  color: var(--c-gray-400) !important;
}

.gray-500 {
  color: var(--c-gray-500) !important;
}

.color-gray-500 {
  color: var(--c-gray-500) !important;
}

.gray-600 {
  color: var(--c-gray-600) !important;
}

.color-gray-600 {
  color: var(--c-gray-600) !important;
}

.gray-700 {
  color: var(--c-gray-700) !important;
}

.color-gray-700 {
  color: var(--c-gray-700) !important;
}

.gray-800 {
  color: var(--c-gray-800) !important;
}

.color-gray-800 {
  color: var(--c-gray-800) !important;
}

.gray-900 {
  color: var(--c-gray-900) !important;
}

.color-gray-900 {
  color: var(--c-gray-900) !important;
}

.gray-light {
  color: var(--c-gray-light) !important;
}

.color-gray-light {
  color: var(--c-gray-light) !important;
}

.gray-lighter {
  color: var(--c-gray-lighter) !important;
}

.color-gray-lighter {
  color: var(--c-gray-lighter) !important;
}

.gray-dark {
  color: var(--c-gray-dark) !important;
}

.color-gray-dark {
  color: var(--c-gray-dark) !important;
}

.gray-darker {
  color: var(--c-gray-darker) !important;
}

.color-gray-darker {
  color: var(--c-gray-darker) !important;
}

.white {
  color: #fff !important;
}

.color-white {
  color: #fff !important;
}

.black {
  color: #000 !important;
}

.color-black {
  color: #000 !important;
}

.charcoal {
  color: #16224D !important;
}

.color-charcoal {
  color: #16224D !important;
}

.text-primary {
  color: #91459A !important;
}

.text-primary-light {
  color: var(--c-primary-light) !important;
}

.text-primary-lighter {
  color: var(--c-primary-lighter) !important;
}

.text-primary-way-lighter {
  color: var(--c-primary-way-lighter) !important;
}

.text-primary-dark {
  color: var(--c-primary-dark) !important;
}

.text-primary-darker {
  color: var(--c-primary-darker) !important;
}

.text-primary-way-darker {
  color: var(--c-primary-way-darker) !important;
}

.primary {
  color: #91459A !important;
}

.primary-light {
  color: var(--c-primary-light) !important;
}

.primary-lighter {
  color: var(--c-primary-lighter) !important;
}

.primary-way-lighter {
  color: var(--c-primary-way-lighter) !important;
}

.primary-dark {
  color: var(--c-primary-dark) !important;
}

.primary-darker {
  color: var(--c-primary-darker) !important;
}

.primary-way-darker {
  color: var(--c-primary-way-darker) !important;
}

.color-primary {
  color: #91459A !important;
}

.color-primary-light {
  color: var(--c-primary-light) !important;
}

.color-primary-lighter {
  color: var(--c-primary-lighter) !important;
}

.color-primary-way-lighter {
  color: var(--c-primary-way-lighter) !important;
}

.color-primary-dark {
  color: var(--c-primary-dark) !important;
}

.color-primary-darker {
  color: var(--c-primary-darker) !important;
}

.color-primary-way-darker {
  color: var(--c-primary-way-darker) !important;
}

.bg-primary {
  background-color: #91459A !important;
}

.bg-primary-light {
  background-color: var(--c-primary-light) !important;
}

.bg-primary-dark {
  background-color: var(--c-primary-dark) !important;
}

.text-secondary {
  color: #6B6F8C !important;
}

.text-secondary-light {
  color: var(--c-secondary-light) !important;
}

.text-secondary-lighter {
  color: var(--c-secondary-lighter) !important;
}

.text-secondary-way-lighter {
  color: var(--c-secondary-way-lighter) !important;
}

.text-secondary-dark {
  color: var(--c-secondary-dark) !important;
}

.text-secondary-darker {
  color: var(--c-secondary-darker) !important;
}

.text-secondary-way-darker {
  color: var(--c-secondary-way-darker) !important;
}

.secondary {
  color: #6B6F8C !important;
}

.secondary-light {
  color: var(--c-secondary-light) !important;
}

.secondary-lighter {
  color: var(--c-secondary-lighter) !important;
}

.secondary-way-lighter {
  color: var(--c-secondary-way-lighter) !important;
}

.secondary-dark {
  color: var(--c-secondary-dark) !important;
}

.secondary-darker {
  color: var(--c-secondary-darker) !important;
}

.secondary-way-darker {
  color: var(--c-secondary-way-darker) !important;
}

.color-secondary {
  color: #6B6F8C !important;
}

.color-secondary-light {
  color: var(--c-secondary-light) !important;
}

.color-secondary-lighter {
  color: var(--c-secondary-lighter) !important;
}

.color-secondary-way-lighter {
  color: var(--c-secondary-way-lighter) !important;
}

.color-secondary-dark {
  color: var(--c-secondary-dark) !important;
}

.color-secondary-darker {
  color: var(--c-secondary-darker) !important;
}

.color-secondary-way-darker {
  color: var(--c-secondary-way-darker) !important;
}

.bg-secondary {
  background-color: #6B6F8C !important;
}

.bg-secondary-light {
  background-color: var(--c-secondary-light) !important;
}

.bg-secondary-dark {
  background-color: var(--c-secondary-dark) !important;
}

.text-tertiary {
  color: #A5F1EC !important;
}

.text-tertiary-light {
  color: var(--c-tertiary-light) !important;
}

.text-tertiary-lighter {
  color: var(--c-tertiary-lighter) !important;
}

.text-tertiary-way-lighter {
  color: var(--c-tertiary-way-lighter) !important;
}

.text-tertiary-dark {
  color: var(--c-tertiary-dark) !important;
}

.text-tertiary-darker {
  color: var(--c-tertiary-darker) !important;
}

.text-tertiary-way-darker {
  color: var(--c-tertiary-way-darker) !important;
}

.tertiary {
  color: #A5F1EC !important;
}

.tertiary-light {
  color: var(--c-tertiary-light) !important;
}

.tertiary-lighter {
  color: var(--c-tertiary-lighter) !important;
}

.tertiary-way-lighter {
  color: var(--c-tertiary-way-lighter) !important;
}

.tertiary-dark {
  color: var(--c-tertiary-dark) !important;
}

.tertiary-darker {
  color: var(--c-tertiary-darker) !important;
}

.tertiary-way-darker {
  color: var(--c-tertiary-way-darker) !important;
}

.color-tertiary {
  color: #A5F1EC !important;
}

.color-tertiary-light {
  color: var(--c-tertiary-light) !important;
}

.color-tertiary-lighter {
  color: var(--c-tertiary-lighter) !important;
}

.color-tertiary-way-lighter {
  color: var(--c-tertiary-way-lighter) !important;
}

.color-tertiary-dark {
  color: var(--c-tertiary-dark) !important;
}

.color-tertiary-darker {
  color: var(--c-tertiary-darker) !important;
}

.color-tertiary-way-darker {
  color: var(--c-tertiary-way-darker) !important;
}

.bg-tertiary {
  background-color: #A5F1EC !important;
}

.bg-tertiary-light {
  background-color: var(--c-tertiary-light) !important;
}

.bg-tertiary-dark {
  background-color: var(--c-tertiary-dark) !important;
}

.text-cta {
  color: #FF3399 !important;
}

.text-cta-light {
  color: var(--c-cta-light) !important;
}

.text-cta-lighter {
  color: var(--c-cta-lighter) !important;
}

.text-cta-way-lighter {
  color: var(--c-cta-way-lighter) !important;
}

.text-cta-dark {
  color: var(--c-cta-dark) !important;
}

.text-cta-darker {
  color: var(--c-cta-darker) !important;
}

.text-cta-way-darker {
  color: var(--c-cta-way-darker) !important;
}

.cta {
  color: #FF3399 !important;
}

.cta-light {
  color: var(--c-cta-light) !important;
}

.cta-lighter {
  color: var(--c-cta-lighter) !important;
}

.cta-way-lighter {
  color: var(--c-cta-way-lighter) !important;
}

.cta-dark {
  color: var(--c-cta-dark) !important;
}

.cta-darker {
  color: var(--c-cta-darker) !important;
}

.cta-way-darker {
  color: var(--c-cta-way-darker) !important;
}

.color-cta {
  color: #FF3399 !important;
}

.color-cta-light {
  color: var(--c-cta-light) !important;
}

.color-cta-lighter {
  color: var(--c-cta-lighter) !important;
}

.color-cta-way-lighter {
  color: var(--c-cta-way-lighter) !important;
}

.color-cta-dark {
  color: var(--c-cta-dark) !important;
}

.color-cta-darker {
  color: var(--c-cta-darker) !important;
}

.color-cta-way-darker {
  color: var(--c-cta-way-darker) !important;
}

.bg-cta {
  background-color: #FF3399 !important;
}

.bg-cta-light {
  background-color: var(--c-cta-light) !important;
}

.bg-cta-dark {
  background-color: var(--c-cta-dark) !important;
}

.text-success {
  color: #1FA463 !important;
}

.text-success-light {
  color: var(--c-success-light) !important;
}

.text-success-lighter {
  color: var(--c-success-lighter) !important;
}

.text-success-way-lighter {
  color: var(--c-success-way-lighter) !important;
}

.text-success-dark {
  color: var(--c-success-dark) !important;
}

.text-success-darker {
  color: var(--c-success-darker) !important;
}

.text-success-way-darker {
  color: var(--c-success-way-darker) !important;
}

.success {
  color: #1FA463 !important;
}

.success-light {
  color: var(--c-success-light) !important;
}

.success-lighter {
  color: var(--c-success-lighter) !important;
}

.success-way-lighter {
  color: var(--c-success-way-lighter) !important;
}

.success-dark {
  color: var(--c-success-dark) !important;
}

.success-darker {
  color: var(--c-success-darker) !important;
}

.success-way-darker {
  color: var(--c-success-way-darker) !important;
}

.color-success {
  color: #1FA463 !important;
}

.color-success-light {
  color: var(--c-success-light) !important;
}

.color-success-lighter {
  color: var(--c-success-lighter) !important;
}

.color-success-way-lighter {
  color: var(--c-success-way-lighter) !important;
}

.color-success-dark {
  color: var(--c-success-dark) !important;
}

.color-success-darker {
  color: var(--c-success-darker) !important;
}

.color-success-way-darker {
  color: var(--c-success-way-darker) !important;
}

.bg-success {
  background-color: #1FA463 !important;
}

.bg-success-light {
  background-color: var(--c-success-light) !important;
}

.bg-success-dark {
  background-color: var(--c-success-dark) !important;
}

.text-danger {
  color: #E4483D !important;
}

.text-danger-light {
  color: var(--c-danger-light) !important;
}

.text-danger-lighter {
  color: var(--c-danger-lighter) !important;
}

.text-danger-way-lighter {
  color: var(--c-danger-way-lighter) !important;
}

.text-danger-dark {
  color: var(--c-danger-dark) !important;
}

.text-danger-darker {
  color: var(--c-danger-darker) !important;
}

.text-danger-way-darker {
  color: var(--c-danger-way-darker) !important;
}

.danger {
  color: #E4483D !important;
}

.danger-light {
  color: var(--c-danger-light) !important;
}

.danger-lighter {
  color: var(--c-danger-lighter) !important;
}

.danger-way-lighter {
  color: var(--c-danger-way-lighter) !important;
}

.danger-dark {
  color: var(--c-danger-dark) !important;
}

.danger-darker {
  color: var(--c-danger-darker) !important;
}

.danger-way-darker {
  color: var(--c-danger-way-darker) !important;
}

.color-danger {
  color: #E4483D !important;
}

.color-danger-light {
  color: var(--c-danger-light) !important;
}

.color-danger-lighter {
  color: var(--c-danger-lighter) !important;
}

.color-danger-way-lighter {
  color: var(--c-danger-way-lighter) !important;
}

.color-danger-dark {
  color: var(--c-danger-dark) !important;
}

.color-danger-darker {
  color: var(--c-danger-darker) !important;
}

.color-danger-way-darker {
  color: var(--c-danger-way-darker) !important;
}

.bg-danger {
  background-color: #E4483D !important;
}

.bg-danger-light {
  background-color: var(--c-danger-light) !important;
}

.bg-danger-dark {
  background-color: var(--c-danger-dark) !important;
}

.text-warning {
  color: #FBB03B !important;
}

.text-warning-light {
  color: var(--c-warning-light) !important;
}

.text-warning-lighter {
  color: var(--c-warning-lighter) !important;
}

.text-warning-way-lighter {
  color: var(--c-warning-way-lighter) !important;
}

.text-warning-dark {
  color: var(--c-warning-dark) !important;
}

.text-warning-darker {
  color: var(--c-warning-darker) !important;
}

.text-warning-way-darker {
  color: var(--c-warning-way-darker) !important;
}

.warning {
  color: #FBB03B !important;
}

.warning-light {
  color: var(--c-warning-light) !important;
}

.warning-lighter {
  color: var(--c-warning-lighter) !important;
}

.warning-way-lighter {
  color: var(--c-warning-way-lighter) !important;
}

.warning-dark {
  color: var(--c-warning-dark) !important;
}

.warning-darker {
  color: var(--c-warning-darker) !important;
}

.warning-way-darker {
  color: var(--c-warning-way-darker) !important;
}

.color-warning {
  color: #FBB03B !important;
}

.color-warning-light {
  color: var(--c-warning-light) !important;
}

.color-warning-lighter {
  color: var(--c-warning-lighter) !important;
}

.color-warning-way-lighter {
  color: var(--c-warning-way-lighter) !important;
}

.color-warning-dark {
  color: var(--c-warning-dark) !important;
}

.color-warning-darker {
  color: var(--c-warning-darker) !important;
}

.color-warning-way-darker {
  color: var(--c-warning-way-darker) !important;
}

.bg-warning {
  background-color: #FBB03B !important;
}

.bg-warning-light {
  background-color: var(--c-warning-light) !important;
}

.bg-warning-dark {
  background-color: var(--c-warning-dark) !important;
}

.text-info {
  color: #6B6F8C !important;
}

.text-info-light {
  color: var(--c-info-light) !important;
}

.text-info-lighter {
  color: var(--c-info-lighter) !important;
}

.text-info-way-lighter {
  color: var(--c-info-way-lighter) !important;
}

.text-info-dark {
  color: var(--c-info-dark) !important;
}

.text-info-darker {
  color: var(--c-info-darker) !important;
}

.text-info-way-darker {
  color: var(--c-info-way-darker) !important;
}

.info {
  color: #6B6F8C !important;
}

.info-light {
  color: var(--c-info-light) !important;
}

.info-lighter {
  color: var(--c-info-lighter) !important;
}

.info-way-lighter {
  color: var(--c-info-way-lighter) !important;
}

.info-dark {
  color: var(--c-info-dark) !important;
}

.info-darker {
  color: var(--c-info-darker) !important;
}

.info-way-darker {
  color: var(--c-info-way-darker) !important;
}

.color-info {
  color: #6B6F8C !important;
}

.color-info-light {
  color: var(--c-info-light) !important;
}

.color-info-lighter {
  color: var(--c-info-lighter) !important;
}

.color-info-way-lighter {
  color: var(--c-info-way-lighter) !important;
}

.color-info-dark {
  color: var(--c-info-dark) !important;
}

.color-info-darker {
  color: var(--c-info-darker) !important;
}

.color-info-way-darker {
  color: var(--c-info-way-darker) !important;
}

.bg-info {
  background-color: #6B6F8C !important;
}

.bg-info-light {
  background-color: var(--c-info-light) !important;
}

.bg-info-dark {
  background-color: var(--c-info-dark) !important;
}

.text-bg-body {
  color: #fff !important;
}

.text-bg-body-light {
  color: var(--c-bg-body-light) !important;
}

.text-bg-body-lighter {
  color: var(--c-bg-body-lighter) !important;
}

.text-bg-body-way-lighter {
  color: var(--c-bg-body-way-lighter) !important;
}

.text-bg-body-dark {
  color: var(--c-bg-body-dark) !important;
}

.text-bg-body-darker {
  color: var(--c-bg-body-darker) !important;
}

.text-bg-body-way-darker {
  color: var(--c-bg-body-way-darker) !important;
}

.bg-body, .bg-light {
  color: #fff !important;
}

.bg-body-light {
  color: var(--c-bg-body-light) !important;
}

.bg-body-lighter {
  color: var(--c-bg-body-lighter) !important;
}

.bg-body-way-lighter {
  color: var(--c-bg-body-way-lighter) !important;
}

.bg-body-dark {
  color: var(--c-bg-body-dark) !important;
}

.bg-body-darker {
  color: var(--c-bg-body-darker) !important;
}

.bg-body-way-darker {
  color: var(--c-bg-body-way-darker) !important;
}

.color-bg-body {
  color: #fff !important;
}

.color-bg-body-light {
  color: var(--c-bg-body-light) !important;
}

.color-bg-body-lighter {
  color: var(--c-bg-body-lighter) !important;
}

.color-bg-body-way-lighter {
  color: var(--c-bg-body-way-lighter) !important;
}

.color-bg-body-dark {
  color: var(--c-bg-body-dark) !important;
}

.color-bg-body-darker {
  color: var(--c-bg-body-darker) !important;
}

.color-bg-body-way-darker {
  color: var(--c-bg-body-way-darker) !important;
}

.bg-bg-body {
  background-color: #fff !important;
}

.bg-bg-body-light {
  background-color: var(--c-bg-body-light) !important;
}

.bg-bg-body-dark {
  background-color: var(--c-bg-body-dark) !important;
}

.text-bg-alt {
  color: #F5F9FA !important;
}

.text-bg-alt-light {
  color: var(--c-bg-alt-light) !important;
}

.text-bg-alt-lighter {
  color: var(--c-bg-alt-lighter) !important;
}

.text-bg-alt-way-lighter {
  color: var(--c-bg-alt-way-lighter) !important;
}

.text-bg-alt-dark {
  color: var(--c-bg-alt-dark) !important;
}

.text-bg-alt-darker {
  color: var(--c-bg-alt-darker) !important;
}

.text-bg-alt-way-darker {
  color: var(--c-bg-alt-way-darker) !important;
}

.bg-alt {
  color: #F5F9FA !important;
}

.bg-alt-light {
  color: var(--c-bg-alt-light) !important;
}

.bg-alt-lighter {
  color: var(--c-bg-alt-lighter) !important;
}

.bg-alt-way-lighter {
  color: var(--c-bg-alt-way-lighter) !important;
}

.bg-alt-dark {
  color: var(--c-bg-alt-dark) !important;
}

.bg-alt-darker {
  color: var(--c-bg-alt-darker) !important;
}

.bg-alt-way-darker {
  color: var(--c-bg-alt-way-darker) !important;
}

.color-bg-alt {
  color: #F5F9FA !important;
}

.color-bg-alt-light {
  color: var(--c-bg-alt-light) !important;
}

.color-bg-alt-lighter {
  color: var(--c-bg-alt-lighter) !important;
}

.color-bg-alt-way-lighter {
  color: var(--c-bg-alt-way-lighter) !important;
}

.color-bg-alt-dark {
  color: var(--c-bg-alt-dark) !important;
}

.color-bg-alt-darker {
  color: var(--c-bg-alt-darker) !important;
}

.color-bg-alt-way-darker {
  color: var(--c-bg-alt-way-darker) !important;
}

.bg-bg-alt {
  background-color: #F5F9FA !important;
}

.bg-bg-alt-light {
  background-color: var(--c-bg-alt-light) !important;
}

.bg-bg-alt-dark {
  background-color: var(--c-bg-alt-dark) !important;
}

.text-bg-tint {
  color: #FBFDFD !important;
}

.text-bg-tint-light {
  color: var(--c-bg-tint-light) !important;
}

.text-bg-tint-lighter {
  color: var(--c-bg-tint-lighter) !important;
}

.text-bg-tint-way-lighter {
  color: var(--c-bg-tint-way-lighter) !important;
}

.text-bg-tint-dark {
  color: var(--c-bg-tint-dark) !important;
}

.text-bg-tint-darker {
  color: var(--c-bg-tint-darker) !important;
}

.text-bg-tint-way-darker {
  color: var(--c-bg-tint-way-darker) !important;
}

.bg-tint {
  color: #FBFDFD !important;
}

.bg-tint-light {
  color: var(--c-bg-tint-light) !important;
}

.bg-tint-lighter {
  color: var(--c-bg-tint-lighter) !important;
}

.bg-tint-way-lighter {
  color: var(--c-bg-tint-way-lighter) !important;
}

.bg-tint-dark {
  color: var(--c-bg-tint-dark) !important;
}

.bg-tint-darker {
  color: var(--c-bg-tint-darker) !important;
}

.bg-tint-way-darker {
  color: var(--c-bg-tint-way-darker) !important;
}

.color-bg-tint {
  color: #FBFDFD !important;
}

.color-bg-tint-light {
  color: var(--c-bg-tint-light) !important;
}

.color-bg-tint-lighter {
  color: var(--c-bg-tint-lighter) !important;
}

.color-bg-tint-way-lighter {
  color: var(--c-bg-tint-way-lighter) !important;
}

.color-bg-tint-dark {
  color: var(--c-bg-tint-dark) !important;
}

.color-bg-tint-darker {
  color: var(--c-bg-tint-darker) !important;
}

.color-bg-tint-way-darker {
  color: var(--c-bg-tint-way-darker) !important;
}

.bg-bg-tint {
  background-color: #FBFDFD !important;
}

.bg-bg-tint-light {
  background-color: var(--c-bg-tint-light) !important;
}

.bg-bg-tint-dark {
  background-color: var(--c-bg-tint-dark) !important;
}

.text-bg-accent {
  color: rgb(246, 253.6, 253.1) !important;
}

.text-bg-accent-light {
  color: var(--c-bg-accent-light) !important;
}

.text-bg-accent-lighter {
  color: var(--c-bg-accent-lighter) !important;
}

.text-bg-accent-way-lighter {
  color: var(--c-bg-accent-way-lighter) !important;
}

.text-bg-accent-dark {
  color: var(--c-bg-accent-dark) !important;
}

.text-bg-accent-darker {
  color: var(--c-bg-accent-darker) !important;
}

.text-bg-accent-way-darker {
  color: var(--c-bg-accent-way-darker) !important;
}

.bg-accent {
  color: rgb(246, 253.6, 253.1) !important;
}

.bg-accent-light {
  color: var(--c-bg-accent-light) !important;
}

.bg-accent-lighter {
  color: var(--c-bg-accent-lighter) !important;
}

.bg-accent-way-lighter {
  color: var(--c-bg-accent-way-lighter) !important;
}

.bg-accent-dark {
  color: var(--c-bg-accent-dark) !important;
}

.bg-accent-darker {
  color: var(--c-bg-accent-darker) !important;
}

.bg-accent-way-darker {
  color: var(--c-bg-accent-way-darker) !important;
}

.color-bg-accent {
  color: rgb(246, 253.6, 253.1) !important;
}

.color-bg-accent-light {
  color: var(--c-bg-accent-light) !important;
}

.color-bg-accent-lighter {
  color: var(--c-bg-accent-lighter) !important;
}

.color-bg-accent-way-lighter {
  color: var(--c-bg-accent-way-lighter) !important;
}

.color-bg-accent-dark {
  color: var(--c-bg-accent-dark) !important;
}

.color-bg-accent-darker {
  color: var(--c-bg-accent-darker) !important;
}

.color-bg-accent-way-darker {
  color: var(--c-bg-accent-way-darker) !important;
}

.bg-bg-accent {
  background-color: rgb(246, 253.6, 253.1) !important;
}

.bg-bg-accent-light {
  background-color: var(--c-bg-accent-light) !important;
}

.bg-bg-accent-dark {
  background-color: var(--c-bg-accent-dark) !important;
}

.text-bg-dark {
  color: #1D2E66 !important;
}

.text-bg-dark-light {
  color: var(--c-bg-dark-light) !important;
}

.text-bg-dark-lighter {
  color: var(--c-bg-dark-lighter) !important;
}

.text-bg-dark-way-lighter {
  color: var(--c-bg-dark-way-lighter) !important;
}

.text-bg-dark-dark {
  color: var(--c-bg-dark-dark) !important;
}

.text-bg-dark-darker {
  color: var(--c-bg-dark-darker) !important;
}

.text-bg-dark-way-darker {
  color: var(--c-bg-dark-way-darker) !important;
}

.bg-dark {
  color: #1D2E66 !important;
}

.bg-dark-light {
  color: var(--c-bg-dark-light) !important;
}

.bg-dark-lighter {
  color: var(--c-bg-dark-lighter) !important;
}

.bg-dark-way-lighter {
  color: var(--c-bg-dark-way-lighter) !important;
}

.bg-dark-dark {
  color: var(--c-bg-dark-dark) !important;
}

.bg-dark-darker {
  color: var(--c-bg-dark-darker) !important;
}

.bg-dark-way-darker {
  color: var(--c-bg-dark-way-darker) !important;
}

.color-bg-dark {
  color: #1D2E66 !important;
}

.color-bg-dark-light {
  color: var(--c-bg-dark-light) !important;
}

.color-bg-dark-lighter {
  color: var(--c-bg-dark-lighter) !important;
}

.color-bg-dark-way-lighter {
  color: var(--c-bg-dark-way-lighter) !important;
}

.color-bg-dark-dark {
  color: var(--c-bg-dark-dark) !important;
}

.color-bg-dark-darker {
  color: var(--c-bg-dark-darker) !important;
}

.color-bg-dark-way-darker {
  color: var(--c-bg-dark-way-darker) !important;
}

.bg-bg-dark {
  background-color: #1D2E66 !important;
}

.bg-bg-dark-light {
  background-color: var(--c-bg-dark-light) !important;
}

.bg-bg-dark-dark {
  background-color: var(--c-bg-dark-dark) !important;
}

.text-bg-dark-alt {
  color: rgb(13.05, 20.7, 45.9) !important;
}

.text-bg-dark-alt-light {
  color: var(--c-bg-dark-alt-light) !important;
}

.text-bg-dark-alt-lighter {
  color: var(--c-bg-dark-alt-lighter) !important;
}

.text-bg-dark-alt-way-lighter {
  color: var(--c-bg-dark-alt-way-lighter) !important;
}

.text-bg-dark-alt-dark {
  color: var(--c-bg-dark-alt-dark) !important;
}

.text-bg-dark-alt-darker {
  color: var(--c-bg-dark-alt-darker) !important;
}

.text-bg-dark-alt-way-darker {
  color: var(--c-bg-dark-alt-way-darker) !important;
}

.bg-dark-alt {
  color: rgb(13.05, 20.7, 45.9) !important;
}

.bg-dark-alt-light {
  color: var(--c-bg-dark-alt-light) !important;
}

.bg-dark-alt-lighter {
  color: var(--c-bg-dark-alt-lighter) !important;
}

.bg-dark-alt-way-lighter {
  color: var(--c-bg-dark-alt-way-lighter) !important;
}

.bg-dark-alt-dark {
  color: var(--c-bg-dark-alt-dark) !important;
}

.bg-dark-alt-darker {
  color: var(--c-bg-dark-alt-darker) !important;
}

.bg-dark-alt-way-darker {
  color: var(--c-bg-dark-alt-way-darker) !important;
}

.color-bg-dark-alt {
  color: rgb(13.05, 20.7, 45.9) !important;
}

.color-bg-dark-alt-light {
  color: var(--c-bg-dark-alt-light) !important;
}

.color-bg-dark-alt-lighter {
  color: var(--c-bg-dark-alt-lighter) !important;
}

.color-bg-dark-alt-way-lighter {
  color: var(--c-bg-dark-alt-way-lighter) !important;
}

.color-bg-dark-alt-dark {
  color: var(--c-bg-dark-alt-dark) !important;
}

.color-bg-dark-alt-darker {
  color: var(--c-bg-dark-alt-darker) !important;
}

.color-bg-dark-alt-way-darker {
  color: var(--c-bg-dark-alt-way-darker) !important;
}

.bg-bg-dark-alt {
  background-color: rgb(13.05, 20.7, 45.9) !important;
}

.bg-bg-dark-alt-light {
  background-color: var(--c-bg-dark-alt-light) !important;
}

.bg-bg-dark-alt-dark {
  background-color: var(--c-bg-dark-alt-dark) !important;
}

.text-bg-dark-neutral {
  color: #16224D !important;
}

.text-bg-dark-neutral-light {
  color: var(--c-bg-dark-neutral-light) !important;
}

.text-bg-dark-neutral-lighter {
  color: var(--c-bg-dark-neutral-lighter) !important;
}

.text-bg-dark-neutral-way-lighter {
  color: var(--c-bg-dark-neutral-way-lighter) !important;
}

.text-bg-dark-neutral-dark {
  color: var(--c-bg-dark-neutral-dark) !important;
}

.text-bg-dark-neutral-darker {
  color: var(--c-bg-dark-neutral-darker) !important;
}

.text-bg-dark-neutral-way-darker {
  color: var(--c-bg-dark-neutral-way-darker) !important;
}

.bg-dark-neutral {
  color: #16224D !important;
}

.bg-dark-neutral-light {
  color: var(--c-bg-dark-neutral-light) !important;
}

.bg-dark-neutral-lighter {
  color: var(--c-bg-dark-neutral-lighter) !important;
}

.bg-dark-neutral-way-lighter {
  color: var(--c-bg-dark-neutral-way-lighter) !important;
}

.bg-dark-neutral-dark {
  color: var(--c-bg-dark-neutral-dark) !important;
}

.bg-dark-neutral-darker {
  color: var(--c-bg-dark-neutral-darker) !important;
}

.bg-dark-neutral-way-darker {
  color: var(--c-bg-dark-neutral-way-darker) !important;
}

.color-bg-dark-neutral {
  color: #16224D !important;
}

.color-bg-dark-neutral-light {
  color: var(--c-bg-dark-neutral-light) !important;
}

.color-bg-dark-neutral-lighter {
  color: var(--c-bg-dark-neutral-lighter) !important;
}

.color-bg-dark-neutral-way-lighter {
  color: var(--c-bg-dark-neutral-way-lighter) !important;
}

.color-bg-dark-neutral-dark {
  color: var(--c-bg-dark-neutral-dark) !important;
}

.color-bg-dark-neutral-darker {
  color: var(--c-bg-dark-neutral-darker) !important;
}

.color-bg-dark-neutral-way-darker {
  color: var(--c-bg-dark-neutral-way-darker) !important;
}

.bg-bg-dark-neutral {
  background-color: #16224D !important;
}

.bg-bg-dark-neutral-light {
  background-color: var(--c-bg-dark-neutral-light) !important;
}

.bg-bg-dark-neutral-dark {
  background-color: var(--c-bg-dark-neutral-dark) !important;
}

.text-bg-footer {
  color: rgb(7.25, 11.5, 25.5) !important;
}

.text-bg-footer-light {
  color: var(--c-bg-footer-light) !important;
}

.text-bg-footer-lighter {
  color: var(--c-bg-footer-lighter) !important;
}

.text-bg-footer-way-lighter {
  color: var(--c-bg-footer-way-lighter) !important;
}

.text-bg-footer-dark {
  color: var(--c-bg-footer-dark) !important;
}

.text-bg-footer-darker {
  color: var(--c-bg-footer-darker) !important;
}

.text-bg-footer-way-darker {
  color: var(--c-bg-footer-way-darker) !important;
}

.bg-footer {
  color: rgb(7.25, 11.5, 25.5) !important;
}

.bg-footer-light {
  color: var(--c-bg-footer-light) !important;
}

.bg-footer-lighter {
  color: var(--c-bg-footer-lighter) !important;
}

.bg-footer-way-lighter {
  color: var(--c-bg-footer-way-lighter) !important;
}

.bg-footer-dark {
  color: var(--c-bg-footer-dark) !important;
}

.bg-footer-darker {
  color: var(--c-bg-footer-darker) !important;
}

.bg-footer-way-darker {
  color: var(--c-bg-footer-way-darker) !important;
}

.color-bg-footer {
  color: rgb(7.25, 11.5, 25.5) !important;
}

.color-bg-footer-light {
  color: var(--c-bg-footer-light) !important;
}

.color-bg-footer-lighter {
  color: var(--c-bg-footer-lighter) !important;
}

.color-bg-footer-way-lighter {
  color: var(--c-bg-footer-way-lighter) !important;
}

.color-bg-footer-dark {
  color: var(--c-bg-footer-dark) !important;
}

.color-bg-footer-darker {
  color: var(--c-bg-footer-darker) !important;
}

.color-bg-footer-way-darker {
  color: var(--c-bg-footer-way-darker) !important;
}

.bg-bg-footer {
  background-color: rgb(7.25, 11.5, 25.5) !important;
}

.bg-bg-footer-light {
  background-color: var(--c-bg-footer-light) !important;
}

.bg-bg-footer-dark {
  background-color: var(--c-bg-footer-dark) !important;
}

.text-text-body {
  color: #16224D !important;
}

.text-text-body-light {
  color: var(--c-text-body-light) !important;
}

.text-text-body-lighter {
  color: var(--c-text-body-lighter) !important;
}

.text-text-body-way-lighter {
  color: var(--c-text-body-way-lighter) !important;
}

.text-text-body-dark {
  color: var(--c-text-body-dark) !important;
}

.text-text-body-darker {
  color: var(--c-text-body-darker) !important;
}

.text-text-body-way-darker {
  color: var(--c-text-body-way-darker) !important;
}

.text-body {
  color: #16224D !important;
}

.text-body-light {
  color: var(--c-text-body-light) !important;
}

.text-body-lighter {
  color: var(--c-text-body-lighter) !important;
}

.text-body-way-lighter {
  color: var(--c-text-body-way-lighter) !important;
}

.text-body-dark {
  color: var(--c-text-body-dark) !important;
}

.text-body-darker {
  color: var(--c-text-body-darker) !important;
}

.text-body-way-darker {
  color: var(--c-text-body-way-darker) !important;
}

.color-text-body {
  color: #16224D !important;
}

.color-text-body-light {
  color: var(--c-text-body-light) !important;
}

.color-text-body-lighter {
  color: var(--c-text-body-lighter) !important;
}

.color-text-body-way-lighter {
  color: var(--c-text-body-way-lighter) !important;
}

.color-text-body-dark {
  color: var(--c-text-body-dark) !important;
}

.color-text-body-darker {
  color: var(--c-text-body-darker) !important;
}

.color-text-body-way-darker {
  color: var(--c-text-body-way-darker) !important;
}

.bg-text-body {
  background-color: #16224D !important;
}

.bg-text-body-light {
  background-color: var(--c-text-body-light) !important;
}

.bg-text-body-dark {
  background-color: var(--c-text-body-dark) !important;
}

.text-text-heading {
  color: rgb(20.88, 33.12, 73.44) !important;
}

.text-text-heading-light {
  color: var(--c-text-heading-light) !important;
}

.text-text-heading-lighter {
  color: var(--c-text-heading-lighter) !important;
}

.text-text-heading-way-lighter {
  color: var(--c-text-heading-way-lighter) !important;
}

.text-text-heading-dark {
  color: var(--c-text-heading-dark) !important;
}

.text-text-heading-darker {
  color: var(--c-text-heading-darker) !important;
}

.text-text-heading-way-darker {
  color: var(--c-text-heading-way-darker) !important;
}

.text-heading {
  color: rgb(20.88, 33.12, 73.44) !important;
}

.text-heading-light {
  color: var(--c-text-heading-light) !important;
}

.text-heading-lighter {
  color: var(--c-text-heading-lighter) !important;
}

.text-heading-way-lighter {
  color: var(--c-text-heading-way-lighter) !important;
}

.text-heading-dark {
  color: var(--c-text-heading-dark) !important;
}

.text-heading-darker {
  color: var(--c-text-heading-darker) !important;
}

.text-heading-way-darker {
  color: var(--c-text-heading-way-darker) !important;
}

.color-text-heading {
  color: rgb(20.88, 33.12, 73.44) !important;
}

.color-text-heading-light {
  color: var(--c-text-heading-light) !important;
}

.color-text-heading-lighter {
  color: var(--c-text-heading-lighter) !important;
}

.color-text-heading-way-lighter {
  color: var(--c-text-heading-way-lighter) !important;
}

.color-text-heading-dark {
  color: var(--c-text-heading-dark) !important;
}

.color-text-heading-darker {
  color: var(--c-text-heading-darker) !important;
}

.color-text-heading-way-darker {
  color: var(--c-text-heading-way-darker) !important;
}

.bg-text-heading {
  background-color: rgb(20.88, 33.12, 73.44) !important;
}

.bg-text-heading-light {
  background-color: var(--c-text-heading-light) !important;
}

.bg-text-heading-dark {
  background-color: var(--c-text-heading-dark) !important;
}

.text-text-link {
  color: rgb(123.25, 58.65, 130.9) !important;
}

.text-text-link-light {
  color: var(--c-text-link-light) !important;
}

.text-text-link-lighter {
  color: var(--c-text-link-lighter) !important;
}

.text-text-link-way-lighter {
  color: var(--c-text-link-way-lighter) !important;
}

.text-text-link-dark {
  color: var(--c-text-link-dark) !important;
}

.text-text-link-darker {
  color: var(--c-text-link-darker) !important;
}

.text-text-link-way-darker {
  color: var(--c-text-link-way-darker) !important;
}

.text-link {
  color: rgb(123.25, 58.65, 130.9) !important;
}

.text-link-light {
  color: var(--c-text-link-light) !important;
}

.text-link-lighter {
  color: var(--c-text-link-lighter) !important;
}

.text-link-way-lighter {
  color: var(--c-text-link-way-lighter) !important;
}

.text-link-dark {
  color: var(--c-text-link-dark) !important;
}

.text-link-darker {
  color: var(--c-text-link-darker) !important;
}

.text-link-way-darker {
  color: var(--c-text-link-way-darker) !important;
}

.color-text-link {
  color: rgb(123.25, 58.65, 130.9) !important;
}

.color-text-link-light {
  color: var(--c-text-link-light) !important;
}

.color-text-link-lighter {
  color: var(--c-text-link-lighter) !important;
}

.color-text-link-way-lighter {
  color: var(--c-text-link-way-lighter) !important;
}

.color-text-link-dark {
  color: var(--c-text-link-dark) !important;
}

.color-text-link-darker {
  color: var(--c-text-link-darker) !important;
}

.color-text-link-way-darker {
  color: var(--c-text-link-way-darker) !important;
}

.bg-text-link {
  background-color: rgb(123.25, 58.65, 130.9) !important;
}

.bg-text-link-light {
  background-color: var(--c-text-link-light) !important;
}

.bg-text-link-dark {
  background-color: var(--c-text-link-dark) !important;
}

.text-text-muted {
  color: rgb(90.95, 94.35, 119) !important;
}

.text-text-muted-light {
  color: var(--c-text-muted-light) !important;
}

.text-text-muted-lighter {
  color: var(--c-text-muted-lighter) !important;
}

.text-text-muted-way-lighter {
  color: var(--c-text-muted-way-lighter) !important;
}

.text-text-muted-dark {
  color: var(--c-text-muted-dark) !important;
}

.text-text-muted-darker {
  color: var(--c-text-muted-darker) !important;
}

.text-text-muted-way-darker {
  color: var(--c-text-muted-way-darker) !important;
}

.text-muted {
  color: rgb(90.95, 94.35, 119) !important;
}

.text-muted-light {
  color: var(--c-text-muted-light) !important;
}

.text-muted-lighter {
  color: var(--c-text-muted-lighter) !important;
}

.text-muted-way-lighter {
  color: var(--c-text-muted-way-lighter) !important;
}

.text-muted-dark {
  color: var(--c-text-muted-dark) !important;
}

.text-muted-darker {
  color: var(--c-text-muted-darker) !important;
}

.text-muted-way-darker {
  color: var(--c-text-muted-way-darker) !important;
}

.color-text-muted {
  color: rgb(90.95, 94.35, 119) !important;
}

.color-text-muted-light {
  color: var(--c-text-muted-light) !important;
}

.color-text-muted-lighter {
  color: var(--c-text-muted-lighter) !important;
}

.color-text-muted-way-lighter {
  color: var(--c-text-muted-way-lighter) !important;
}

.color-text-muted-dark {
  color: var(--c-text-muted-dark) !important;
}

.color-text-muted-darker {
  color: var(--c-text-muted-darker) !important;
}

.color-text-muted-way-darker {
  color: var(--c-text-muted-way-darker) !important;
}

.bg-text-muted {
  background-color: rgb(90.95, 94.35, 119) !important;
}

.bg-text-muted-light {
  background-color: var(--c-text-muted-light) !important;
}

.bg-text-muted-dark {
  background-color: var(--c-text-muted-dark) !important;
}

.text-text-muted-extra {
  color: rgb(129.2, 132.6, 157.25) !important;
}

.text-text-muted-extra-light {
  color: var(--c-text-muted-extra-light) !important;
}

.text-text-muted-extra-lighter {
  color: var(--c-text-muted-extra-lighter) !important;
}

.text-text-muted-extra-way-lighter {
  color: var(--c-text-muted-extra-way-lighter) !important;
}

.text-text-muted-extra-dark {
  color: var(--c-text-muted-extra-dark) !important;
}

.text-text-muted-extra-darker {
  color: var(--c-text-muted-extra-darker) !important;
}

.text-text-muted-extra-way-darker {
  color: var(--c-text-muted-extra-way-darker) !important;
}

.text-muted-extra {
  color: rgb(129.2, 132.6, 157.25) !important;
}

.text-muted-extra-light {
  color: var(--c-text-muted-extra-light) !important;
}

.text-muted-extra-lighter {
  color: var(--c-text-muted-extra-lighter) !important;
}

.text-muted-extra-way-lighter {
  color: var(--c-text-muted-extra-way-lighter) !important;
}

.text-muted-extra-dark {
  color: var(--c-text-muted-extra-dark) !important;
}

.text-muted-extra-darker {
  color: var(--c-text-muted-extra-darker) !important;
}

.text-muted-extra-way-darker {
  color: var(--c-text-muted-extra-way-darker) !important;
}

.color-text-muted-extra {
  color: rgb(129.2, 132.6, 157.25) !important;
}

.color-text-muted-extra-light {
  color: var(--c-text-muted-extra-light) !important;
}

.color-text-muted-extra-lighter {
  color: var(--c-text-muted-extra-lighter) !important;
}

.color-text-muted-extra-way-lighter {
  color: var(--c-text-muted-extra-way-lighter) !important;
}

.color-text-muted-extra-dark {
  color: var(--c-text-muted-extra-dark) !important;
}

.color-text-muted-extra-darker {
  color: var(--c-text-muted-extra-darker) !important;
}

.color-text-muted-extra-way-darker {
  color: var(--c-text-muted-extra-way-darker) !important;
}

.bg-text-muted-extra {
  background-color: rgb(129.2, 132.6, 157.25) !important;
}

.bg-text-muted-extra-light {
  background-color: var(--c-text-muted-extra-light) !important;
}

.bg-text-muted-extra-dark {
  background-color: var(--c-text-muted-extra-dark) !important;
}

.text-text-on-dark {
  color: #fff !important;
}

.text-text-on-dark-light {
  color: var(--c-text-on-dark-light) !important;
}

.text-text-on-dark-lighter {
  color: var(--c-text-on-dark-lighter) !important;
}

.text-text-on-dark-way-lighter {
  color: var(--c-text-on-dark-way-lighter) !important;
}

.text-text-on-dark-dark {
  color: var(--c-text-on-dark-dark) !important;
}

.text-text-on-dark-darker {
  color: var(--c-text-on-dark-darker) !important;
}

.text-text-on-dark-way-darker {
  color: var(--c-text-on-dark-way-darker) !important;
}

.text-on-dark {
  color: #fff !important;
}

.text-on-dark-light {
  color: var(--c-text-on-dark-light) !important;
}

.text-on-dark-lighter {
  color: var(--c-text-on-dark-lighter) !important;
}

.text-on-dark-way-lighter {
  color: var(--c-text-on-dark-way-lighter) !important;
}

.text-on-dark-dark {
  color: var(--c-text-on-dark-dark) !important;
}

.text-on-dark-darker {
  color: var(--c-text-on-dark-darker) !important;
}

.text-on-dark-way-darker {
  color: var(--c-text-on-dark-way-darker) !important;
}

.color-text-on-dark {
  color: #fff !important;
}

.color-text-on-dark-light {
  color: var(--c-text-on-dark-light) !important;
}

.color-text-on-dark-lighter {
  color: var(--c-text-on-dark-lighter) !important;
}

.color-text-on-dark-way-lighter {
  color: var(--c-text-on-dark-way-lighter) !important;
}

.color-text-on-dark-dark {
  color: var(--c-text-on-dark-dark) !important;
}

.color-text-on-dark-darker {
  color: var(--c-text-on-dark-darker) !important;
}

.color-text-on-dark-way-darker {
  color: var(--c-text-on-dark-way-darker) !important;
}

.bg-text-on-dark {
  background-color: #fff !important;
}

.bg-text-on-dark-light {
  background-color: var(--c-text-on-dark-light) !important;
}

.bg-text-on-dark-dark {
  background-color: var(--c-text-on-dark-dark) !important;
}

.text-text-on-dark-muted {
  color: #A5F1EC !important;
}

.text-text-on-dark-muted-light {
  color: var(--c-text-on-dark-muted-light) !important;
}

.text-text-on-dark-muted-lighter {
  color: var(--c-text-on-dark-muted-lighter) !important;
}

.text-text-on-dark-muted-way-lighter {
  color: var(--c-text-on-dark-muted-way-lighter) !important;
}

.text-text-on-dark-muted-dark {
  color: var(--c-text-on-dark-muted-dark) !important;
}

.text-text-on-dark-muted-darker {
  color: var(--c-text-on-dark-muted-darker) !important;
}

.text-text-on-dark-muted-way-darker {
  color: var(--c-text-on-dark-muted-way-darker) !important;
}

.text-on-dark-muted {
  color: #A5F1EC !important;
}

.text-on-dark-muted-light {
  color: var(--c-text-on-dark-muted-light) !important;
}

.text-on-dark-muted-lighter {
  color: var(--c-text-on-dark-muted-lighter) !important;
}

.text-on-dark-muted-way-lighter {
  color: var(--c-text-on-dark-muted-way-lighter) !important;
}

.text-on-dark-muted-dark {
  color: var(--c-text-on-dark-muted-dark) !important;
}

.text-on-dark-muted-darker {
  color: var(--c-text-on-dark-muted-darker) !important;
}

.text-on-dark-muted-way-darker {
  color: var(--c-text-on-dark-muted-way-darker) !important;
}

.color-text-on-dark-muted {
  color: #A5F1EC !important;
}

.color-text-on-dark-muted-light {
  color: var(--c-text-on-dark-muted-light) !important;
}

.color-text-on-dark-muted-lighter {
  color: var(--c-text-on-dark-muted-lighter) !important;
}

.color-text-on-dark-muted-way-lighter {
  color: var(--c-text-on-dark-muted-way-lighter) !important;
}

.color-text-on-dark-muted-dark {
  color: var(--c-text-on-dark-muted-dark) !important;
}

.color-text-on-dark-muted-darker {
  color: var(--c-text-on-dark-muted-darker) !important;
}

.color-text-on-dark-muted-way-darker {
  color: var(--c-text-on-dark-muted-way-darker) !important;
}

.bg-text-on-dark-muted {
  background-color: #A5F1EC !important;
}

.bg-text-on-dark-muted-light {
  background-color: var(--c-text-on-dark-muted-light) !important;
}

.bg-text-on-dark-muted-dark {
  background-color: var(--c-text-on-dark-muted-dark) !important;
}

.text-text-on-dark-link {
  color: #A5F1EC !important;
}

.text-text-on-dark-link-light {
  color: var(--c-text-on-dark-link-light) !important;
}

.text-text-on-dark-link-lighter {
  color: var(--c-text-on-dark-link-lighter) !important;
}

.text-text-on-dark-link-way-lighter {
  color: var(--c-text-on-dark-link-way-lighter) !important;
}

.text-text-on-dark-link-dark {
  color: var(--c-text-on-dark-link-dark) !important;
}

.text-text-on-dark-link-darker {
  color: var(--c-text-on-dark-link-darker) !important;
}

.text-text-on-dark-link-way-darker {
  color: var(--c-text-on-dark-link-way-darker) !important;
}

.text-on-dark-link {
  color: #A5F1EC !important;
}

.text-on-dark-link-light {
  color: var(--c-text-on-dark-link-light) !important;
}

.text-on-dark-link-lighter {
  color: var(--c-text-on-dark-link-lighter) !important;
}

.text-on-dark-link-way-lighter {
  color: var(--c-text-on-dark-link-way-lighter) !important;
}

.text-on-dark-link-dark {
  color: var(--c-text-on-dark-link-dark) !important;
}

.text-on-dark-link-darker {
  color: var(--c-text-on-dark-link-darker) !important;
}

.text-on-dark-link-way-darker {
  color: var(--c-text-on-dark-link-way-darker) !important;
}

.color-text-on-dark-link {
  color: #A5F1EC !important;
}

.color-text-on-dark-link-light {
  color: var(--c-text-on-dark-link-light) !important;
}

.color-text-on-dark-link-lighter {
  color: var(--c-text-on-dark-link-lighter) !important;
}

.color-text-on-dark-link-way-lighter {
  color: var(--c-text-on-dark-link-way-lighter) !important;
}

.color-text-on-dark-link-dark {
  color: var(--c-text-on-dark-link-dark) !important;
}

.color-text-on-dark-link-darker {
  color: var(--c-text-on-dark-link-darker) !important;
}

.color-text-on-dark-link-way-darker {
  color: var(--c-text-on-dark-link-way-darker) !important;
}

.bg-text-on-dark-link {
  background-color: #A5F1EC !important;
}

.bg-text-on-dark-link-light {
  background-color: var(--c-text-on-dark-link-light) !important;
}

.bg-text-on-dark-link-dark {
  background-color: var(--c-text-on-dark-link-dark) !important;
}

.text-border-on-dark {
  color: #fff !important;
}

.text-border-on-dark-light {
  color: var(--c-border-on-dark-light) !important;
}

.text-border-on-dark-lighter {
  color: var(--c-border-on-dark-lighter) !important;
}

.text-border-on-dark-way-lighter {
  color: var(--c-border-on-dark-way-lighter) !important;
}

.text-border-on-dark-dark {
  color: var(--c-border-on-dark-dark) !important;
}

.text-border-on-dark-darker {
  color: var(--c-border-on-dark-darker) !important;
}

.text-border-on-dark-way-darker {
  color: var(--c-border-on-dark-way-darker) !important;
}

.border-on-dark {
  color: #fff !important;
}

.border-on-dark-light {
  color: var(--c-border-on-dark-light) !important;
}

.border-on-dark-lighter {
  color: var(--c-border-on-dark-lighter) !important;
}

.border-on-dark-way-lighter {
  color: var(--c-border-on-dark-way-lighter) !important;
}

.border-on-dark-dark {
  color: var(--c-border-on-dark-dark) !important;
}

.border-on-dark-darker {
  color: var(--c-border-on-dark-darker) !important;
}

.border-on-dark-way-darker {
  color: var(--c-border-on-dark-way-darker) !important;
}

.color-border-on-dark {
  color: #fff !important;
}

.color-border-on-dark-light {
  color: var(--c-border-on-dark-light) !important;
}

.color-border-on-dark-lighter {
  color: var(--c-border-on-dark-lighter) !important;
}

.color-border-on-dark-way-lighter {
  color: var(--c-border-on-dark-way-lighter) !important;
}

.color-border-on-dark-dark {
  color: var(--c-border-on-dark-dark) !important;
}

.color-border-on-dark-darker {
  color: var(--c-border-on-dark-darker) !important;
}

.color-border-on-dark-way-darker {
  color: var(--c-border-on-dark-way-darker) !important;
}

.bg-border-on-dark {
  background-color: #fff !important;
}

.bg-border-on-dark-light {
  background-color: var(--c-border-on-dark-light) !important;
}

.bg-border-on-dark-dark {
  background-color: var(--c-border-on-dark-dark) !important;
}

.text-border-on-dark-subtle {
  color: rgb(90.95, 94.35, 119) !important;
}

.text-border-on-dark-subtle-light {
  color: var(--c-border-on-dark-subtle-light) !important;
}

.text-border-on-dark-subtle-lighter {
  color: var(--c-border-on-dark-subtle-lighter) !important;
}

.text-border-on-dark-subtle-way-lighter {
  color: var(--c-border-on-dark-subtle-way-lighter) !important;
}

.text-border-on-dark-subtle-dark {
  color: var(--c-border-on-dark-subtle-dark) !important;
}

.text-border-on-dark-subtle-darker {
  color: var(--c-border-on-dark-subtle-darker) !important;
}

.text-border-on-dark-subtle-way-darker {
  color: var(--c-border-on-dark-subtle-way-darker) !important;
}

.border-on-dark-subtle {
  color: rgb(90.95, 94.35, 119) !important;
}

.border-on-dark-subtle-light {
  color: var(--c-border-on-dark-subtle-light) !important;
}

.border-on-dark-subtle-lighter {
  color: var(--c-border-on-dark-subtle-lighter) !important;
}

.border-on-dark-subtle-way-lighter {
  color: var(--c-border-on-dark-subtle-way-lighter) !important;
}

.border-on-dark-subtle-dark {
  color: var(--c-border-on-dark-subtle-dark) !important;
}

.border-on-dark-subtle-darker {
  color: var(--c-border-on-dark-subtle-darker) !important;
}

.border-on-dark-subtle-way-darker {
  color: var(--c-border-on-dark-subtle-way-darker) !important;
}

.color-border-on-dark-subtle {
  color: rgb(90.95, 94.35, 119) !important;
}

.color-border-on-dark-subtle-light {
  color: var(--c-border-on-dark-subtle-light) !important;
}

.color-border-on-dark-subtle-lighter {
  color: var(--c-border-on-dark-subtle-lighter) !important;
}

.color-border-on-dark-subtle-way-lighter {
  color: var(--c-border-on-dark-subtle-way-lighter) !important;
}

.color-border-on-dark-subtle-dark {
  color: var(--c-border-on-dark-subtle-dark) !important;
}

.color-border-on-dark-subtle-darker {
  color: var(--c-border-on-dark-subtle-darker) !important;
}

.color-border-on-dark-subtle-way-darker {
  color: var(--c-border-on-dark-subtle-way-darker) !important;
}

.bg-border-on-dark-subtle {
  background-color: rgb(90.95, 94.35, 119) !important;
}

.bg-border-on-dark-subtle-light {
  background-color: var(--c-border-on-dark-subtle-light) !important;
}

.bg-border-on-dark-subtle-dark {
  background-color: var(--c-border-on-dark-subtle-dark) !important;
}

.text-border-input {
  color: #E3E6EE !important;
}

.text-border-input-light {
  color: var(--c-border-input-light) !important;
}

.text-border-input-lighter {
  color: var(--c-border-input-lighter) !important;
}

.text-border-input-way-lighter {
  color: var(--c-border-input-way-lighter) !important;
}

.text-border-input-dark {
  color: var(--c-border-input-dark) !important;
}

.text-border-input-darker {
  color: var(--c-border-input-darker) !important;
}

.text-border-input-way-darker {
  color: var(--c-border-input-way-darker) !important;
}

.border-input {
  color: #E3E6EE !important;
}

.border-input-light {
  color: var(--c-border-input-light) !important;
}

.border-input-lighter {
  color: var(--c-border-input-lighter) !important;
}

.border-input-way-lighter {
  color: var(--c-border-input-way-lighter) !important;
}

.border-input-dark {
  color: var(--c-border-input-dark) !important;
}

.border-input-darker {
  color: var(--c-border-input-darker) !important;
}

.border-input-way-darker {
  color: var(--c-border-input-way-darker) !important;
}

.color-border-input {
  color: #E3E6EE !important;
}

.color-border-input-light {
  color: var(--c-border-input-light) !important;
}

.color-border-input-lighter {
  color: var(--c-border-input-lighter) !important;
}

.color-border-input-way-lighter {
  color: var(--c-border-input-way-lighter) !important;
}

.color-border-input-dark {
  color: var(--c-border-input-dark) !important;
}

.color-border-input-darker {
  color: var(--c-border-input-darker) !important;
}

.color-border-input-way-darker {
  color: var(--c-border-input-way-darker) !important;
}

.bg-border-input {
  background-color: #E3E6EE !important;
}

.bg-border-input-light {
  background-color: var(--c-border-input-light) !important;
}

.bg-border-input-dark {
  background-color: var(--c-border-input-dark) !important;
}

.text-border-card {
  color: #E3E6EE !important;
}

.text-border-card-light {
  color: var(--c-border-card-light) !important;
}

.text-border-card-lighter {
  color: var(--c-border-card-lighter) !important;
}

.text-border-card-way-lighter {
  color: var(--c-border-card-way-lighter) !important;
}

.text-border-card-dark {
  color: var(--c-border-card-dark) !important;
}

.text-border-card-darker {
  color: var(--c-border-card-darker) !important;
}

.text-border-card-way-darker {
  color: var(--c-border-card-way-darker) !important;
}

.border-card {
  color: #E3E6EE !important;
}

.border-card-light {
  color: var(--c-border-card-light) !important;
}

.border-card-lighter {
  color: var(--c-border-card-lighter) !important;
}

.border-card-way-lighter {
  color: var(--c-border-card-way-lighter) !important;
}

.border-card-dark {
  color: var(--c-border-card-dark) !important;
}

.border-card-darker {
  color: var(--c-border-card-darker) !important;
}

.border-card-way-darker {
  color: var(--c-border-card-way-darker) !important;
}

.color-border-card {
  color: #E3E6EE !important;
}

.color-border-card-light {
  color: var(--c-border-card-light) !important;
}

.color-border-card-lighter {
  color: var(--c-border-card-lighter) !important;
}

.color-border-card-way-lighter {
  color: var(--c-border-card-way-lighter) !important;
}

.color-border-card-dark {
  color: var(--c-border-card-dark) !important;
}

.color-border-card-darker {
  color: var(--c-border-card-darker) !important;
}

.color-border-card-way-darker {
  color: var(--c-border-card-way-darker) !important;
}

.bg-border-card {
  background-color: #E3E6EE !important;
}

.bg-border-card-light {
  background-color: var(--c-border-card-light) !important;
}

.bg-border-card-dark {
  background-color: var(--c-border-card-dark) !important;
}

.text-border-divider {
  color: #E3E6EE !important;
}

.text-border-divider-light {
  color: var(--c-border-divider-light) !important;
}

.text-border-divider-lighter {
  color: var(--c-border-divider-lighter) !important;
}

.text-border-divider-way-lighter {
  color: var(--c-border-divider-way-lighter) !important;
}

.text-border-divider-dark {
  color: var(--c-border-divider-dark) !important;
}

.text-border-divider-darker {
  color: var(--c-border-divider-darker) !important;
}

.text-border-divider-way-darker {
  color: var(--c-border-divider-way-darker) !important;
}

.border-divider {
  color: #E3E6EE !important;
}

.border-divider-light {
  color: var(--c-border-divider-light) !important;
}

.border-divider-lighter {
  color: var(--c-border-divider-lighter) !important;
}

.border-divider-way-lighter {
  color: var(--c-border-divider-way-lighter) !important;
}

.border-divider-dark {
  color: var(--c-border-divider-dark) !important;
}

.border-divider-darker {
  color: var(--c-border-divider-darker) !important;
}

.border-divider-way-darker {
  color: var(--c-border-divider-way-darker) !important;
}

.color-border-divider {
  color: #E3E6EE !important;
}

.color-border-divider-light {
  color: var(--c-border-divider-light) !important;
}

.color-border-divider-lighter {
  color: var(--c-border-divider-lighter) !important;
}

.color-border-divider-way-lighter {
  color: var(--c-border-divider-way-lighter) !important;
}

.color-border-divider-dark {
  color: var(--c-border-divider-dark) !important;
}

.color-border-divider-darker {
  color: var(--c-border-divider-darker) !important;
}

.color-border-divider-way-darker {
  color: var(--c-border-divider-way-darker) !important;
}

.bg-border-divider {
  background-color: #E3E6EE !important;
}

.bg-border-divider-light {
  background-color: var(--c-border-divider-light) !important;
}

.bg-border-divider-dark {
  background-color: var(--c-border-divider-dark) !important;
}

.text-bg-input {
  color: #fff !important;
}

.text-bg-input-light {
  color: var(--c-bg-input-light) !important;
}

.text-bg-input-lighter {
  color: var(--c-bg-input-lighter) !important;
}

.text-bg-input-way-lighter {
  color: var(--c-bg-input-way-lighter) !important;
}

.text-bg-input-dark {
  color: var(--c-bg-input-dark) !important;
}

.text-bg-input-darker {
  color: var(--c-bg-input-darker) !important;
}

.text-bg-input-way-darker {
  color: var(--c-bg-input-way-darker) !important;
}

.bg-input {
  color: #fff !important;
}

.bg-input-light {
  color: var(--c-bg-input-light) !important;
}

.bg-input-lighter {
  color: var(--c-bg-input-lighter) !important;
}

.bg-input-way-lighter {
  color: var(--c-bg-input-way-lighter) !important;
}

.bg-input-dark {
  color: var(--c-bg-input-dark) !important;
}

.bg-input-darker {
  color: var(--c-bg-input-darker) !important;
}

.bg-input-way-darker {
  color: var(--c-bg-input-way-darker) !important;
}

.color-bg-input {
  color: #fff !important;
}

.color-bg-input-light {
  color: var(--c-bg-input-light) !important;
}

.color-bg-input-lighter {
  color: var(--c-bg-input-lighter) !important;
}

.color-bg-input-way-lighter {
  color: var(--c-bg-input-way-lighter) !important;
}

.color-bg-input-dark {
  color: var(--c-bg-input-dark) !important;
}

.color-bg-input-darker {
  color: var(--c-bg-input-darker) !important;
}

.color-bg-input-way-darker {
  color: var(--c-bg-input-way-darker) !important;
}

.bg-bg-input {
  background-color: #fff !important;
}

.bg-bg-input-light {
  background-color: var(--c-bg-input-light) !important;
}

.bg-bg-input-dark {
  background-color: var(--c-bg-input-dark) !important;
}

.text-border-input-focus {
  color: #91459A !important;
}

.text-border-input-focus-light {
  color: var(--c-border-input-focus-light) !important;
}

.text-border-input-focus-lighter {
  color: var(--c-border-input-focus-lighter) !important;
}

.text-border-input-focus-way-lighter {
  color: var(--c-border-input-focus-way-lighter) !important;
}

.text-border-input-focus-dark {
  color: var(--c-border-input-focus-dark) !important;
}

.text-border-input-focus-darker {
  color: var(--c-border-input-focus-darker) !important;
}

.text-border-input-focus-way-darker {
  color: var(--c-border-input-focus-way-darker) !important;
}

.border-input-focus {
  color: #91459A !important;
}

.border-input-focus-light {
  color: var(--c-border-input-focus-light) !important;
}

.border-input-focus-lighter {
  color: var(--c-border-input-focus-lighter) !important;
}

.border-input-focus-way-lighter {
  color: var(--c-border-input-focus-way-lighter) !important;
}

.border-input-focus-dark {
  color: var(--c-border-input-focus-dark) !important;
}

.border-input-focus-darker {
  color: var(--c-border-input-focus-darker) !important;
}

.border-input-focus-way-darker {
  color: var(--c-border-input-focus-way-darker) !important;
}

.color-border-input-focus {
  color: #91459A !important;
}

.color-border-input-focus-light {
  color: var(--c-border-input-focus-light) !important;
}

.color-border-input-focus-lighter {
  color: var(--c-border-input-focus-lighter) !important;
}

.color-border-input-focus-way-lighter {
  color: var(--c-border-input-focus-way-lighter) !important;
}

.color-border-input-focus-dark {
  color: var(--c-border-input-focus-dark) !important;
}

.color-border-input-focus-darker {
  color: var(--c-border-input-focus-darker) !important;
}

.color-border-input-focus-way-darker {
  color: var(--c-border-input-focus-way-darker) !important;
}

.bg-border-input-focus {
  background-color: #91459A !important;
}

.bg-border-input-focus-light {
  background-color: var(--c-border-input-focus-light) !important;
}

.bg-border-input-focus-dark {
  background-color: var(--c-border-input-focus-dark) !important;
}

.text-bg-table-header {
  color: #1D2E66 !important;
}

.text-bg-table-header-light {
  color: var(--c-bg-table-header-light) !important;
}

.text-bg-table-header-lighter {
  color: var(--c-bg-table-header-lighter) !important;
}

.text-bg-table-header-way-lighter {
  color: var(--c-bg-table-header-way-lighter) !important;
}

.text-bg-table-header-dark {
  color: var(--c-bg-table-header-dark) !important;
}

.text-bg-table-header-darker {
  color: var(--c-bg-table-header-darker) !important;
}

.text-bg-table-header-way-darker {
  color: var(--c-bg-table-header-way-darker) !important;
}

.bg-table-header {
  color: #1D2E66 !important;
}

.bg-table-header-light {
  color: var(--c-bg-table-header-light) !important;
}

.bg-table-header-lighter {
  color: var(--c-bg-table-header-lighter) !important;
}

.bg-table-header-way-lighter {
  color: var(--c-bg-table-header-way-lighter) !important;
}

.bg-table-header-dark {
  color: var(--c-bg-table-header-dark) !important;
}

.bg-table-header-darker {
  color: var(--c-bg-table-header-darker) !important;
}

.bg-table-header-way-darker {
  color: var(--c-bg-table-header-way-darker) !important;
}

.color-bg-table-header {
  color: #1D2E66 !important;
}

.color-bg-table-header-light {
  color: var(--c-bg-table-header-light) !important;
}

.color-bg-table-header-lighter {
  color: var(--c-bg-table-header-lighter) !important;
}

.color-bg-table-header-way-lighter {
  color: var(--c-bg-table-header-way-lighter) !important;
}

.color-bg-table-header-dark {
  color: var(--c-bg-table-header-dark) !important;
}

.color-bg-table-header-darker {
  color: var(--c-bg-table-header-darker) !important;
}

.color-bg-table-header-way-darker {
  color: var(--c-bg-table-header-way-darker) !important;
}

.bg-bg-table-header {
  background-color: #1D2E66 !important;
}

.bg-bg-table-header-light {
  background-color: var(--c-bg-table-header-light) !important;
}

.bg-bg-table-header-dark {
  background-color: var(--c-bg-table-header-dark) !important;
}

.text-text-table-header {
  color: #fff !important;
}

.text-text-table-header-light {
  color: var(--c-text-table-header-light) !important;
}

.text-text-table-header-lighter {
  color: var(--c-text-table-header-lighter) !important;
}

.text-text-table-header-way-lighter {
  color: var(--c-text-table-header-way-lighter) !important;
}

.text-text-table-header-dark {
  color: var(--c-text-table-header-dark) !important;
}

.text-text-table-header-darker {
  color: var(--c-text-table-header-darker) !important;
}

.text-text-table-header-way-darker {
  color: var(--c-text-table-header-way-darker) !important;
}

.text-table-header {
  color: #fff !important;
}

.text-table-header-light {
  color: var(--c-text-table-header-light) !important;
}

.text-table-header-lighter {
  color: var(--c-text-table-header-lighter) !important;
}

.text-table-header-way-lighter {
  color: var(--c-text-table-header-way-lighter) !important;
}

.text-table-header-dark {
  color: var(--c-text-table-header-dark) !important;
}

.text-table-header-darker {
  color: var(--c-text-table-header-darker) !important;
}

.text-table-header-way-darker {
  color: var(--c-text-table-header-way-darker) !important;
}

.color-text-table-header {
  color: #fff !important;
}

.color-text-table-header-light {
  color: var(--c-text-table-header-light) !important;
}

.color-text-table-header-lighter {
  color: var(--c-text-table-header-lighter) !important;
}

.color-text-table-header-way-lighter {
  color: var(--c-text-table-header-way-lighter) !important;
}

.color-text-table-header-dark {
  color: var(--c-text-table-header-dark) !important;
}

.color-text-table-header-darker {
  color: var(--c-text-table-header-darker) !important;
}

.color-text-table-header-way-darker {
  color: var(--c-text-table-header-way-darker) !important;
}

.bg-text-table-header {
  background-color: #fff !important;
}

.bg-text-table-header-light {
  background-color: var(--c-text-table-header-light) !important;
}

.bg-text-table-header-dark {
  background-color: var(--c-text-table-header-dark) !important;
}

.text-bg-table-alt {
  color: #C8C8C8 !important;
}

.text-bg-table-alt-light {
  color: var(--c-bg-table-alt-light) !important;
}

.text-bg-table-alt-lighter {
  color: var(--c-bg-table-alt-lighter) !important;
}

.text-bg-table-alt-way-lighter {
  color: var(--c-bg-table-alt-way-lighter) !important;
}

.text-bg-table-alt-dark {
  color: var(--c-bg-table-alt-dark) !important;
}

.text-bg-table-alt-darker {
  color: var(--c-bg-table-alt-darker) !important;
}

.text-bg-table-alt-way-darker {
  color: var(--c-bg-table-alt-way-darker) !important;
}

.bg-table-alt {
  color: #C8C8C8 !important;
}

.bg-table-alt-light {
  color: var(--c-bg-table-alt-light) !important;
}

.bg-table-alt-lighter {
  color: var(--c-bg-table-alt-lighter) !important;
}

.bg-table-alt-way-lighter {
  color: var(--c-bg-table-alt-way-lighter) !important;
}

.bg-table-alt-dark {
  color: var(--c-bg-table-alt-dark) !important;
}

.bg-table-alt-darker {
  color: var(--c-bg-table-alt-darker) !important;
}

.bg-table-alt-way-darker {
  color: var(--c-bg-table-alt-way-darker) !important;
}

.color-bg-table-alt {
  color: #C8C8C8 !important;
}

.color-bg-table-alt-light {
  color: var(--c-bg-table-alt-light) !important;
}

.color-bg-table-alt-lighter {
  color: var(--c-bg-table-alt-lighter) !important;
}

.color-bg-table-alt-way-lighter {
  color: var(--c-bg-table-alt-way-lighter) !important;
}

.color-bg-table-alt-dark {
  color: var(--c-bg-table-alt-dark) !important;
}

.color-bg-table-alt-darker {
  color: var(--c-bg-table-alt-darker) !important;
}

.color-bg-table-alt-way-darker {
  color: var(--c-bg-table-alt-way-darker) !important;
}

.bg-bg-table-alt {
  background-color: #C8C8C8 !important;
}

.bg-bg-table-alt-light {
  background-color: var(--c-bg-table-alt-light) !important;
}

.bg-bg-table-alt-dark {
  background-color: var(--c-bg-table-alt-dark) !important;
}

.text-bg-table-hover {
  color: #91459A !important;
}

.text-bg-table-hover-light {
  color: var(--c-bg-table-hover-light) !important;
}

.text-bg-table-hover-lighter {
  color: var(--c-bg-table-hover-lighter) !important;
}

.text-bg-table-hover-way-lighter {
  color: var(--c-bg-table-hover-way-lighter) !important;
}

.text-bg-table-hover-dark {
  color: var(--c-bg-table-hover-dark) !important;
}

.text-bg-table-hover-darker {
  color: var(--c-bg-table-hover-darker) !important;
}

.text-bg-table-hover-way-darker {
  color: var(--c-bg-table-hover-way-darker) !important;
}

.bg-table-hover {
  color: #91459A !important;
}

.bg-table-hover-light {
  color: var(--c-bg-table-hover-light) !important;
}

.bg-table-hover-lighter {
  color: var(--c-bg-table-hover-lighter) !important;
}

.bg-table-hover-way-lighter {
  color: var(--c-bg-table-hover-way-lighter) !important;
}

.bg-table-hover-dark {
  color: var(--c-bg-table-hover-dark) !important;
}

.bg-table-hover-darker {
  color: var(--c-bg-table-hover-darker) !important;
}

.bg-table-hover-way-darker {
  color: var(--c-bg-table-hover-way-darker) !important;
}

.color-bg-table-hover {
  color: #91459A !important;
}

.color-bg-table-hover-light {
  color: var(--c-bg-table-hover-light) !important;
}

.color-bg-table-hover-lighter {
  color: var(--c-bg-table-hover-lighter) !important;
}

.color-bg-table-hover-way-lighter {
  color: var(--c-bg-table-hover-way-lighter) !important;
}

.color-bg-table-hover-dark {
  color: var(--c-bg-table-hover-dark) !important;
}

.color-bg-table-hover-darker {
  color: var(--c-bg-table-hover-darker) !important;
}

.color-bg-table-hover-way-darker {
  color: var(--c-bg-table-hover-way-darker) !important;
}

.bg-bg-table-hover {
  background-color: #91459A !important;
}

.bg-bg-table-hover-light {
  background-color: var(--c-bg-table-hover-light) !important;
}

.bg-bg-table-hover-dark {
  background-color: var(--c-bg-table-hover-dark) !important;
}

.text-text-table-hover {
  color: #fff !important;
}

.text-text-table-hover-light {
  color: var(--c-text-table-hover-light) !important;
}

.text-text-table-hover-lighter {
  color: var(--c-text-table-hover-lighter) !important;
}

.text-text-table-hover-way-lighter {
  color: var(--c-text-table-hover-way-lighter) !important;
}

.text-text-table-hover-dark {
  color: var(--c-text-table-hover-dark) !important;
}

.text-text-table-hover-darker {
  color: var(--c-text-table-hover-darker) !important;
}

.text-text-table-hover-way-darker {
  color: var(--c-text-table-hover-way-darker) !important;
}

.text-table-hover {
  color: #fff !important;
}

.text-table-hover-light {
  color: var(--c-text-table-hover-light) !important;
}

.text-table-hover-lighter {
  color: var(--c-text-table-hover-lighter) !important;
}

.text-table-hover-way-lighter {
  color: var(--c-text-table-hover-way-lighter) !important;
}

.text-table-hover-dark {
  color: var(--c-text-table-hover-dark) !important;
}

.text-table-hover-darker {
  color: var(--c-text-table-hover-darker) !important;
}

.text-table-hover-way-darker {
  color: var(--c-text-table-hover-way-darker) !important;
}

.color-text-table-hover {
  color: #fff !important;
}

.color-text-table-hover-light {
  color: var(--c-text-table-hover-light) !important;
}

.color-text-table-hover-lighter {
  color: var(--c-text-table-hover-lighter) !important;
}

.color-text-table-hover-way-lighter {
  color: var(--c-text-table-hover-way-lighter) !important;
}

.color-text-table-hover-dark {
  color: var(--c-text-table-hover-dark) !important;
}

.color-text-table-hover-darker {
  color: var(--c-text-table-hover-darker) !important;
}

.color-text-table-hover-way-darker {
  color: var(--c-text-table-hover-way-darker) !important;
}

.bg-text-table-hover {
  background-color: #fff !important;
}

.bg-text-table-hover-light {
  background-color: var(--c-text-table-hover-light) !important;
}

.bg-text-table-hover-dark {
  background-color: var(--c-text-table-hover-dark) !important;
}

.text-white {
  color: #fff !important;
}

.text-white-light {
  color: var(--c-white-light) !important;
}

.text-white-lighter {
  color: var(--c-white-lighter) !important;
}

.text-white-way-lighter {
  color: var(--c-white-way-lighter) !important;
}

.text-white-dark {
  color: var(--c-white-dark) !important;
}

.text-white-darker {
  color: var(--c-white-darker) !important;
}

.text-white-way-darker {
  color: var(--c-white-way-darker) !important;
}

.white {
  color: #fff !important;
}

.white-light {
  color: var(--c-white-light) !important;
}

.white-lighter {
  color: var(--c-white-lighter) !important;
}

.white-way-lighter {
  color: var(--c-white-way-lighter) !important;
}

.white-dark {
  color: var(--c-white-dark) !important;
}

.white-darker {
  color: var(--c-white-darker) !important;
}

.white-way-darker {
  color: var(--c-white-way-darker) !important;
}

.color-white {
  color: #fff !important;
}

.color-white-light {
  color: var(--c-white-light) !important;
}

.color-white-lighter {
  color: var(--c-white-lighter) !important;
}

.color-white-way-lighter {
  color: var(--c-white-way-lighter) !important;
}

.color-white-dark {
  color: var(--c-white-dark) !important;
}

.color-white-darker {
  color: var(--c-white-darker) !important;
}

.color-white-way-darker {
  color: var(--c-white-way-darker) !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-white-light {
  background-color: var(--c-white-light) !important;
}

.bg-white-dark {
  background-color: var(--c-white-dark) !important;
}

.border-navy {
  border-color: #1D2E66 !important;
}

.border-navy-light {
  border-color: var(--c-navy-light) !important;
}

.border-navy-dark {
  border-color: var(--c-navy-dark) !important;
}

.border-blue {
  border-color: #3fa9f5 !important;
}

.border-blue-light {
  border-color: var(--c-blue-light) !important;
}

.border-blue-dark {
  border-color: var(--c-blue-dark) !important;
}

.border-green {
  border-color: #1FA463 !important;
}

.border-green-light {
  border-color: var(--c-green-light) !important;
}

.border-green-dark {
  border-color: var(--c-green-dark) !important;
}

.border-red {
  border-color: #E4483D !important;
}

.border-red-light {
  border-color: var(--c-red-light) !important;
}

.border-red-dark {
  border-color: var(--c-red-dark) !important;
}

.border-pink {
  border-color: #FF3399 !important;
}

.border-pink-light {
  border-color: var(--c-pink-light) !important;
}

.border-pink-dark {
  border-color: var(--c-pink-dark) !important;
}

.border-mint {
  border-color: #A5F1EC !important;
}

.border-mint-light {
  border-color: var(--c-mint-light) !important;
}

.border-mint-dark {
  border-color: var(--c-mint-dark) !important;
}

.border-silver {
  border-color: #C8C8C8 !important;
}

.border-silver-light {
  border-color: var(--c-silver-light) !important;
}

.border-silver-dark {
  border-color: var(--c-silver-dark) !important;
}

.border-purple {
  border-color: #91459A !important;
}

.border-purple-light {
  border-color: var(--c-purple-light) !important;
}

.border-purple-dark {
  border-color: var(--c-purple-dark) !important;
}

.border-orange {
  border-color: #FBB03B !important;
}

.border-orange-light {
  border-color: var(--c-orange-light) !important;
}

.border-orange-dark {
  border-color: var(--c-orange-dark) !important;
}

.border-yellow {
  border-color: #ffc700 !important;
}

.border-yellow-light {
  border-color: var(--c-yellow-light) !important;
}

.border-yellow-dark {
  border-color: var(--c-yellow-dark) !important;
}

.border-gray {
  border-color: #6B6F8C !important;
}

.border-gray-light {
  border-color: var(--c-gray-light) !important;
}

.border-gray-dark {
  border-color: var(--c-gray-dark) !important;
}

.border-white {
  border-color: #fff !important;
}

.border-black {
  border-color: #000 !important;
}

.border-charcoal {
  border-color: #16224D !important;
}

.border-primary {
  border-color: #91459A !important;
}

.border-primary-light {
  border-color: var(--c-primary-light) !important;
}

.border-primary-dark {
  border-color: var(--c-primary-dark) !important;
}

.border-secondary {
  border-color: #6B6F8C !important;
}

.border-secondary-light {
  border-color: var(--c-secondary-light) !important;
}

.border-secondary-dark {
  border-color: var(--c-secondary-dark) !important;
}

.border-tertiary {
  border-color: #A5F1EC !important;
}

.border-tertiary-light {
  border-color: var(--c-tertiary-light) !important;
}

.border-tertiary-dark {
  border-color: var(--c-tertiary-dark) !important;
}

.border-cta {
  border-color: #FF3399 !important;
}

.border-cta-light {
  border-color: var(--c-cta-light) !important;
}

.border-cta-dark {
  border-color: var(--c-cta-dark) !important;
}

.border-success {
  border-color: #1FA463 !important;
}

.border-success-light {
  border-color: var(--c-success-light) !important;
}

.border-success-dark {
  border-color: var(--c-success-dark) !important;
}

.border-danger {
  border-color: #E4483D !important;
}

.border-danger-light {
  border-color: var(--c-danger-light) !important;
}

.border-danger-dark {
  border-color: var(--c-danger-dark) !important;
}

.border-warning {
  border-color: #FBB03B !important;
}

.border-warning-light {
  border-color: var(--c-warning-light) !important;
}

.border-warning-dark {
  border-color: var(--c-warning-dark) !important;
}

.border-info {
  border-color: #6B6F8C !important;
}

.border-info-light {
  border-color: var(--c-info-light) !important;
}

.border-info-dark {
  border-color: var(--c-info-dark) !important;
}

.border-bg-body {
  border-color: #fff !important;
}

.border-bg-body-light {
  border-color: var(--c-bg-body-light) !important;
}

.border-bg-body-dark {
  border-color: var(--c-bg-body-dark) !important;
}

.border-bg-alt {
  border-color: #F5F9FA !important;
}

.border-bg-alt-light {
  border-color: var(--c-bg-alt-light) !important;
}

.border-bg-alt-dark {
  border-color: var(--c-bg-alt-dark) !important;
}

.border-bg-tint {
  border-color: #FBFDFD !important;
}

.border-bg-tint-light {
  border-color: var(--c-bg-tint-light) !important;
}

.border-bg-tint-dark {
  border-color: var(--c-bg-tint-dark) !important;
}

.border-bg-accent {
  border-color: rgb(246, 253.6, 253.1) !important;
}

.border-bg-accent-light {
  border-color: var(--c-bg-accent-light) !important;
}

.border-bg-accent-dark {
  border-color: var(--c-bg-accent-dark) !important;
}

.border-bg-dark {
  border-color: #1D2E66 !important;
}

.border-bg-dark-light {
  border-color: var(--c-bg-dark-light) !important;
}

.border-bg-dark-dark {
  border-color: var(--c-bg-dark-dark) !important;
}

.border-bg-dark-alt {
  border-color: rgb(13.05, 20.7, 45.9) !important;
}

.border-bg-dark-alt-light {
  border-color: var(--c-bg-dark-alt-light) !important;
}

.border-bg-dark-alt-dark {
  border-color: var(--c-bg-dark-alt-dark) !important;
}

.border-bg-dark-neutral {
  border-color: #16224D !important;
}

.border-bg-dark-neutral-light {
  border-color: var(--c-bg-dark-neutral-light) !important;
}

.border-bg-dark-neutral-dark {
  border-color: var(--c-bg-dark-neutral-dark) !important;
}

.border-bg-footer {
  border-color: rgb(7.25, 11.5, 25.5) !important;
}

.border-bg-footer-light {
  border-color: var(--c-bg-footer-light) !important;
}

.border-bg-footer-dark {
  border-color: var(--c-bg-footer-dark) !important;
}

.border-text-body {
  border-color: #16224D !important;
}

.border-text-body-light {
  border-color: var(--c-text-body-light) !important;
}

.border-text-body-dark {
  border-color: var(--c-text-body-dark) !important;
}

.border-text-heading {
  border-color: rgb(20.88, 33.12, 73.44) !important;
}

.border-text-heading-light {
  border-color: var(--c-text-heading-light) !important;
}

.border-text-heading-dark {
  border-color: var(--c-text-heading-dark) !important;
}

.border-text-link {
  border-color: rgb(123.25, 58.65, 130.9) !important;
}

.border-text-link-light {
  border-color: var(--c-text-link-light) !important;
}

.border-text-link-dark {
  border-color: var(--c-text-link-dark) !important;
}

.border-text-muted {
  border-color: rgb(90.95, 94.35, 119) !important;
}

.border-text-muted-light {
  border-color: var(--c-text-muted-light) !important;
}

.border-text-muted-dark {
  border-color: var(--c-text-muted-dark) !important;
}

.border-text-muted-extra {
  border-color: rgb(129.2, 132.6, 157.25) !important;
}

.border-text-muted-extra-light {
  border-color: var(--c-text-muted-extra-light) !important;
}

.border-text-muted-extra-dark {
  border-color: var(--c-text-muted-extra-dark) !important;
}

.border-text-on-dark {
  border-color: #fff !important;
}

.border-text-on-dark-light {
  border-color: var(--c-text-on-dark-light) !important;
}

.border-text-on-dark-dark {
  border-color: var(--c-text-on-dark-dark) !important;
}

.border-text-on-dark-muted {
  border-color: #A5F1EC !important;
}

.border-text-on-dark-muted-light {
  border-color: var(--c-text-on-dark-muted-light) !important;
}

.border-text-on-dark-muted-dark {
  border-color: var(--c-text-on-dark-muted-dark) !important;
}

.border-text-on-dark-link {
  border-color: #A5F1EC !important;
}

.border-text-on-dark-link-light {
  border-color: var(--c-text-on-dark-link-light) !important;
}

.border-text-on-dark-link-dark {
  border-color: var(--c-text-on-dark-link-dark) !important;
}

.border-border-on-dark {
  border-color: #fff !important;
}

.border-border-on-dark-light {
  border-color: var(--c-border-on-dark-light) !important;
}

.border-border-on-dark-dark {
  border-color: var(--c-border-on-dark-dark) !important;
}

.border-border-on-dark-subtle {
  border-color: rgb(90.95, 94.35, 119) !important;
}

.border-border-on-dark-subtle-light {
  border-color: var(--c-border-on-dark-subtle-light) !important;
}

.border-border-on-dark-subtle-dark {
  border-color: var(--c-border-on-dark-subtle-dark) !important;
}

.border-border-input {
  border-color: #E3E6EE !important;
}

.border-border-input-light {
  border-color: var(--c-border-input-light) !important;
}

.border-border-input-dark {
  border-color: var(--c-border-input-dark) !important;
}

.border-border-card {
  border-color: #E3E6EE !important;
}

.border-border-card-light {
  border-color: var(--c-border-card-light) !important;
}

.border-border-card-dark {
  border-color: var(--c-border-card-dark) !important;
}

.border-border-divider {
  border-color: #E3E6EE !important;
}

.border-border-divider-light {
  border-color: var(--c-border-divider-light) !important;
}

.border-border-divider-dark {
  border-color: var(--c-border-divider-dark) !important;
}

.border-bg-input {
  border-color: #fff !important;
}

.border-bg-input-light {
  border-color: var(--c-bg-input-light) !important;
}

.border-bg-input-dark {
  border-color: var(--c-bg-input-dark) !important;
}

.border-border-input-focus {
  border-color: #91459A !important;
}

.border-border-input-focus-light {
  border-color: var(--c-border-input-focus-light) !important;
}

.border-border-input-focus-dark {
  border-color: var(--c-border-input-focus-dark) !important;
}

.border-bg-table-header {
  border-color: #1D2E66 !important;
}

.border-bg-table-header-light {
  border-color: var(--c-bg-table-header-light) !important;
}

.border-bg-table-header-dark {
  border-color: var(--c-bg-table-header-dark) !important;
}

.border-text-table-header {
  border-color: #fff !important;
}

.border-text-table-header-light {
  border-color: var(--c-text-table-header-light) !important;
}

.border-text-table-header-dark {
  border-color: var(--c-text-table-header-dark) !important;
}

.border-bg-table-alt {
  border-color: #C8C8C8 !important;
}

.border-bg-table-alt-light {
  border-color: var(--c-bg-table-alt-light) !important;
}

.border-bg-table-alt-dark {
  border-color: var(--c-bg-table-alt-dark) !important;
}

.border-bg-table-hover {
  border-color: #91459A !important;
}

.border-bg-table-hover-light {
  border-color: var(--c-bg-table-hover-light) !important;
}

.border-bg-table-hover-dark {
  border-color: var(--c-bg-table-hover-dark) !important;
}

.border-text-table-hover {
  border-color: #fff !important;
}

.border-text-table-hover-light {
  border-color: var(--c-text-table-hover-light) !important;
}

.border-text-table-hover-dark {
  border-color: var(--c-text-table-hover-dark) !important;
}

.border-white {
  border-color: #fff !important;
}

.border-white-light {
  border-color: var(--c-white-light) !important;
}

.border-white-dark {
  border-color: var(--c-white-dark) !important;
}

.hover\:navy:hover {
  color: #1D2E66 !important;
}

.hover\:navy-dark:hover {
  color: var(--c-navy-dark) !important;
}

.hover\:navy-darker:hover {
  color: var(--c-navy-darker) !important;
}

.hover\:blue:hover {
  color: #3fa9f5 !important;
}

.hover\:blue-dark:hover {
  color: var(--c-blue-dark) !important;
}

.hover\:blue-darker:hover {
  color: var(--c-blue-darker) !important;
}

.hover\:green:hover {
  color: #1FA463 !important;
}

.hover\:green-dark:hover {
  color: var(--c-green-dark) !important;
}

.hover\:green-darker:hover {
  color: var(--c-green-darker) !important;
}

.hover\:red:hover {
  color: #E4483D !important;
}

.hover\:red-dark:hover {
  color: var(--c-red-dark) !important;
}

.hover\:red-darker:hover {
  color: var(--c-red-darker) !important;
}

.hover\:pink:hover {
  color: #FF3399 !important;
}

.hover\:pink-dark:hover {
  color: var(--c-pink-dark) !important;
}

.hover\:pink-darker:hover {
  color: var(--c-pink-darker) !important;
}

.hover\:mint:hover {
  color: #A5F1EC !important;
}

.hover\:mint-dark:hover {
  color: var(--c-mint-dark) !important;
}

.hover\:mint-darker:hover {
  color: var(--c-mint-darker) !important;
}

.hover\:silver:hover {
  color: #C8C8C8 !important;
}

.hover\:silver-dark:hover {
  color: var(--c-silver-dark) !important;
}

.hover\:silver-darker:hover {
  color: var(--c-silver-darker) !important;
}

.hover\:purple:hover {
  color: #91459A !important;
}

.hover\:purple-dark:hover {
  color: var(--c-purple-dark) !important;
}

.hover\:purple-darker:hover {
  color: var(--c-purple-darker) !important;
}

.hover\:orange:hover {
  color: #FBB03B !important;
}

.hover\:orange-dark:hover {
  color: var(--c-orange-dark) !important;
}

.hover\:orange-darker:hover {
  color: var(--c-orange-darker) !important;
}

.hover\:yellow:hover {
  color: #ffc700 !important;
}

.hover\:yellow-dark:hover {
  color: var(--c-yellow-dark) !important;
}

.hover\:yellow-darker:hover {
  color: var(--c-yellow-darker) !important;
}

.hover\:gray:hover {
  color: #6B6F8C !important;
}

.hover\:gray-dark:hover {
  color: var(--c-gray-dark) !important;
}

.hover\:gray-darker:hover {
  color: var(--c-gray-darker) !important;
}

.hover\:white:hover {
  color: #fff !important;
}

.hover\:black:hover {
  color: #000 !important;
}

.hover\:charcoal:hover {
  color: #16224D !important;
}

.decoration-navy {
  text-decoration-color: #1D2E66 !important;
}

.decoration-blue {
  text-decoration-color: #3fa9f5 !important;
}

.decoration-green {
  text-decoration-color: #1FA463 !important;
}

.decoration-red {
  text-decoration-color: #E4483D !important;
}

.decoration-pink {
  text-decoration-color: #FF3399 !important;
}

.decoration-mint {
  text-decoration-color: #A5F1EC !important;
}

.decoration-silver {
  text-decoration-color: #C8C8C8 !important;
}

.decoration-purple {
  text-decoration-color: #91459A !important;
}

.decoration-orange {
  text-decoration-color: #FBB03B !important;
}

.decoration-yellow {
  text-decoration-color: #ffc700 !important;
}

.decoration-gray {
  text-decoration-color: #6B6F8C !important;
}

.decoration-white {
  text-decoration-color: #fff !important;
}

.decoration-black {
  text-decoration-color: #000 !important;
}

.decoration-charcoal {
  text-decoration-color: #16224D !important;
}

.fill-navy {
  fill: #1D2E66 !important;
}

.stroke-navy {
  stroke: #1D2E66 !important;
}

.fill-blue {
  fill: #3fa9f5 !important;
}

.stroke-blue {
  stroke: #3fa9f5 !important;
}

.fill-green {
  fill: #1FA463 !important;
}

.stroke-green {
  stroke: #1FA463 !important;
}

.fill-red {
  fill: #E4483D !important;
}

.stroke-red {
  stroke: #E4483D !important;
}

.fill-pink {
  fill: #FF3399 !important;
}

.stroke-pink {
  stroke: #FF3399 !important;
}

.fill-mint {
  fill: #A5F1EC !important;
}

.stroke-mint {
  stroke: #A5F1EC !important;
}

.fill-silver {
  fill: #C8C8C8 !important;
}

.stroke-silver {
  stroke: #C8C8C8 !important;
}

.fill-purple {
  fill: #91459A !important;
}

.stroke-purple {
  stroke: #91459A !important;
}

.fill-orange {
  fill: #FBB03B !important;
}

.stroke-orange {
  stroke: #FBB03B !important;
}

.fill-yellow {
  fill: #ffc700 !important;
}

.stroke-yellow {
  stroke: #ffc700 !important;
}

.fill-gray {
  fill: #6B6F8C !important;
}

.stroke-gray {
  stroke: #6B6F8C !important;
}

.fill-white {
  fill: #fff !important;
}

.stroke-white {
  stroke: #fff !important;
}

.fill-black {
  fill: #000 !important;
}

.stroke-black {
  stroke: #000 !important;
}

.fill-charcoal {
  fill: #16224D !important;
}

.stroke-charcoal {
  stroke: #16224D !important;
}

:root {
  --container-max-width: 1300px;
  --container-max-width-reading: 900px;
  --menu-height: 75px;
}
@media screen and (max-width: 991px) {
  :root {
    --menu-height: 55px;
  }
}
:root {
  --footer-height: 31vh;
  --section-padding-tight: 60px;
  --z-nav: 100;
  --z-subnav: 99;
  --z-above-all: 1000;
  --radius-lg: 18px;
  --radius-md: 5px;
  --btn-border-radius: 5px;
  --header-lg: 3.5rem;
  --header-md: 2.75rem;
}

:root {
  --font-heading: Poppins, system-ui, -apple-system, sans-serif;
  --font-body: Inter, system-ui, -apple-system, sans-serif;
  --fs-1: 0.75rem;
  --fs-2: 0.875rem;
  --fs-3: 1rem;
  --fs-4: 1.125rem;
  --fs-5: 1.25rem;
  --fs-6: 1.5rem;
  --fs-7: 1.75rem;
  --fs-8: 2rem;
  --fs-9: 2.5rem;
  --fs-10: 3rem;
  --fs-11: 4rem;
  --fs-12: 5rem;
  --fs-13: 6rem;
  --fs-14: 7rem;
  --fs-15: 8rem;
  --lh-1: 1.4;
  --lh-2: 1.4;
  --lh-3: 1.5;
  --lh-4: 1.5;
  --lh-5: 1.4;
  --lh-6: 1.3;
  --lh-7: 1.3;
  --lh-8: 1.2;
  --lh-9: 1.2;
  --lh-10: 1.1;
  --lh-11: 1.1;
  --lh-12: 1.1;
  --lh-13: 1.1;
  --lh-14: 1.1;
  --lh-15: 1.1;
  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;
  --fw-900: 900;
}

.fs-1 {
  font-size: 0.75rem !important;
  line-height: 1.4 !important;
}

.fs-2 {
  font-size: 0.875rem !important;
  line-height: 1.4 !important;
}

.fs-3 {
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

.fs-4 {
  font-size: 1.125rem !important;
  line-height: 1.5 !important;
}

.fs-5 {
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
}

.fs-6 {
  font-size: 1.5rem !important;
  line-height: 1.3 !important;
}

.fs-7 {
  font-size: 1.75rem !important;
  line-height: 1.3 !important;
}

.fs-8 {
  font-size: 2rem !important;
  line-height: 1.2 !important;
}

.fs-9 {
  font-size: 2.5rem !important;
  line-height: 1.2 !important;
}

.fs-10 {
  font-size: 3rem !important;
  line-height: 1.1 !important;
}

.fs-11 {
  font-size: 4rem !important;
  line-height: 1.1 !important;
}

.fs-12 {
  font-size: 5rem !important;
  line-height: 1.1 !important;
}

.fs-13 {
  font-size: 6rem !important;
  line-height: 1.1 !important;
}

.fs-14 {
  font-size: 7rem !important;
  line-height: 1.1 !important;
}

.fs-15 {
  font-size: 8rem !important;
  line-height: 1.1 !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 1.75 !important;
}

.lh-2 {
  line-height: 2 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.ls-tighter {
  letter-spacing: -0.03em !important;
}

.ls-tight {
  letter-spacing: -0.02em !important;
}

.ls-normal {
  letter-spacing: 0 !important;
}

.ls-wide {
  letter-spacing: 0.025em !important;
}

.ls-wider {
  letter-spacing: 0.05em !important;
}

.ls-widest {
  letter-spacing: 0.1em !important;
}

.fs-10, .fs-11, .fs-12, .fs-13, .fs-14, .fs-15 {
  letter-spacing: -0.02em;
}

h1, .h1 {
  letter-spacing: -0.02em;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

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

.text-underline {
  text-decoration: underline !important;
}

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

.text-no-underline {
  text-decoration: none !important;
}

.text-italic {
  font-style: italic !important;
}

.text-not-italic {
  font-style: normal !important;
}

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

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

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

.link-underline, .link-underline-reverse {
  position: relative;
  text-decoration: none;
}
.link-underline::after, .link-underline-reverse::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: currentColor;
  transition: width 0.3s ease;
}
.link-underline:hover::after, .link-underline-reverse:hover::after {
  width: 100%;
}

.link-underline-reverse::after {
  left: auto;
  right: 0;
}

.fa-solid.fa-md {
  font-size: 20px;
}

.fa-solid.fa-md.green {
  color: var(--c-cta);
  margin-top: 4px;
}

.fa-solid.fa-md.pink {
  color: var(--c-pink);
}

.fa-solid.fa-sm {
  font-size: 20px;
}

.fa-solid.fa-sm.green {
  color: var(--c-cta);
}

@media screen and (max-width: 767px) {
  .text-left-mobile {
    text-align: left !important;
  }
}

@media screen and (max-width: 767px) {
  .text-center-mobile {
    text-align: center !important;
  }
}

@media screen and (max-width: 767px) {
  .text-right-mobile {
    text-align: right !important;
  }
}

@media screen and (min-width: 992px) {
  .text-left-desktop {
    text-align: left !important;
  }
}

@media screen and (min-width: 992px) {
  .text-center-desktop {
    text-align: center !important;
  }
}

@media screen and (min-width: 992px) {
  .text-right-desktop {
    text-align: right !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-1 {
    font-size: 0.75rem !important;
    line-height: 1.4 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-2 {
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-3 {
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-4 {
    font-size: 1.125rem !important;
    line-height: 1.5 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-5 {
    font-size: 1.25rem !important;
    line-height: 1.4 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-6 {
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-7 {
    font-size: 1.75rem !important;
    line-height: 1.3 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-8 {
    font-size: 2rem !important;
    line-height: 1.2 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-9 {
    font-size: 2.5rem !important;
    line-height: 1.2 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-10 {
    font-size: 3rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-11 {
    font-size: 4rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-12 {
    font-size: 5rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-13 {
    font-size: 6rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-14 {
    font-size: 7rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-15 {
    font-size: 8rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-1 {
    font-size: 0.75rem !important;
    line-height: 1.4 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-2 {
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-3 {
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-4 {
    font-size: 1.125rem !important;
    line-height: 1.5 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-5 {
    font-size: 1.25rem !important;
    line-height: 1.4 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-6 {
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-7 {
    font-size: 1.75rem !important;
    line-height: 1.3 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-8 {
    font-size: 2rem !important;
    line-height: 1.2 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-9 {
    font-size: 2.5rem !important;
    line-height: 1.2 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-10 {
    font-size: 3rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-11 {
    font-size: 4rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-12 {
    font-size: 5rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-13 {
    font-size: 6rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-14 {
    font-size: 7rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-15 {
    font-size: 8rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (max-width: 767px) {
  .text-sm-mobile {
    font-size: 0.875rem !important;
  }
}

@media screen and (max-width: 767px) {
  .text-md-mobile {
    font-size: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .text-lg-mobile {
    font-size: 1.125rem !important;
  }
}

@media screen and (max-width: 767px) {
  .text-xl-mobile {
    font-size: 1.25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .text-sm-desktop {
    font-size: 0.875rem !important;
  }
}

@media screen and (min-width: 992px) {
  .text-md-desktop {
    font-size: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .text-lg-desktop {
    font-size: 1.125rem !important;
  }
}

@media screen and (min-width: 992px) {
  .text-xl-desktop {
    font-size: 1.25rem !important;
  }
}

html {
  scrollbar-gutter: stable;
}

body {
  font-family: var(--font-body);
  color: var(--text-body);
  font-weight: 300;
}

body:has(.page-content) {
  overflow: hidden;
  height: 100vh;
}

html:has(.page-content) {
  scrollbar-gutter: auto;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  padding-left: 0;
}

h1 {
  margin-top: 0;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  h1 {
    font-size: 2.75rem;
    line-height: 3.25rem;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

h2 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 3rem;
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 16px;
  }
}

h3 {
  text-shadow: none;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.875rem;
}
@media screen and (max-width: 767px) {
  h3 {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-bottom: 12px;
  }
}

h4 {
  color: var(--c-charcoal);
  text-shadow: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
}

h5 {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.125rem;
}

p {
  margin-top: 5px;
  margin-bottom: 5px;
}

a {
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  font-size: 1.125rem;
}

li {
  font-size: 1rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

@media screen and (width <= 767px) {
  h3 {
    margin-bottom: 8px;
  }
  li {
    text-align: left;
  }
}
.d-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.d-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

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

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

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

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

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

.flex-basis-auto {
  flex-basis: auto !important;
}

.flex-basis-0 {
  flex-basis: 0 !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-auto {
  flex: 1 1 auto !important;
}

.flex-none {
  flex: none !important;
}

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

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

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

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

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

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

.gap-0 {
  gap: var(--space-0) !important;
}

.gap-1 {
  gap: var(--space-1) !important;
}

.gap-2 {
  gap: var(--space-2) !important;
}

.gap-3 {
  gap: var(--space-3) !important;
}

.gap-4 {
  gap: var(--space-4) !important;
}

.gap-5 {
  gap: var(--space-5) !important;
}

.gap-6 {
  gap: var(--space-6) !important;
}

.gap-7 {
  gap: var(--space-7) !important;
}

.gap-8 {
  gap: var(--space-8) !important;
}

.gap-9 {
  gap: var(--space-9) !important;
}

.gap-10 {
  gap: var(--space-10) !important;
}

.gap-xs {
  gap: var(--space-xs) !important;
}

.gap-sm {
  gap: var(--space-sm) !important;
}

.gap-md {
  gap: var(--space-md) !important;
}

.gap-lg {
  gap: var(--space-lg) !important;
}

.gap-xl {
  gap: var(--space-xl) !important;
}

.column-gap-0 {
  column-gap: var(--space-0) !important;
}

.column-gap-1 {
  column-gap: var(--space-1) !important;
}

.column-gap-2 {
  column-gap: var(--space-2) !important;
}

.column-gap-3 {
  column-gap: var(--space-3) !important;
}

.column-gap-4 {
  column-gap: var(--space-4) !important;
}

.column-gap-5 {
  column-gap: var(--space-5) !important;
}

.column-gap-6 {
  column-gap: var(--space-6) !important;
}

.column-gap-7 {
  column-gap: var(--space-7) !important;
}

.column-gap-8 {
  column-gap: var(--space-8) !important;
}

.column-gap-9 {
  column-gap: var(--space-9) !important;
}

.column-gap-10 {
  column-gap: var(--space-10) !important;
}

.column-gap-xs {
  column-gap: var(--space-xs) !important;
}

.column-gap-sm {
  column-gap: var(--space-sm) !important;
}

.column-gap-md {
  column-gap: var(--space-md) !important;
}

.column-gap-lg {
  column-gap: var(--space-lg) !important;
}

.column-gap-xl {
  column-gap: var(--space-xl) !important;
}

.row-gap-0 {
  row-gap: var(--space-0) !important;
}

.row-gap-1 {
  row-gap: var(--space-1) !important;
}

.row-gap-2 {
  row-gap: var(--space-2) !important;
}

.row-gap-3 {
  row-gap: var(--space-3) !important;
}

.row-gap-4 {
  row-gap: var(--space-4) !important;
}

.row-gap-5 {
  row-gap: var(--space-5) !important;
}

.row-gap-6 {
  row-gap: var(--space-6) !important;
}

.row-gap-7 {
  row-gap: var(--space-7) !important;
}

.row-gap-8 {
  row-gap: var(--space-8) !important;
}

.row-gap-9 {
  row-gap: var(--space-9) !important;
}

.row-gap-10 {
  row-gap: var(--space-10) !important;
}

.row-gap-xs {
  row-gap: var(--space-xs) !important;
}

.row-gap-sm {
  row-gap: var(--space-sm) !important;
}

.row-gap-md {
  row-gap: var(--space-md) !important;
}

.row-gap-lg {
  row-gap: var(--space-lg) !important;
}

.row-gap-xl {
  row-gap: var(--space-xl) !important;
}

@media screen and (max-width: 767px) {
  .flex-row-mobile {
    flex-direction: row !important;
  }
}

@media screen and (max-width: 767px) {
  .flex-row-reverse-mobile {
    flex-direction: row-reverse !important;
  }
}

@media screen and (max-width: 767px) {
  .flex-column-mobile {
    flex-direction: column !important;
  }
}

@media screen and (max-width: 767px) {
  .flex-column-reverse-mobile {
    flex-direction: column-reverse !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .flex-row-tablet {
    flex-direction: row !important;
  }
}

@media screen and (max-width: 991px) {
  .flex-column-tablet {
    flex-direction: column !important;
  }
}

@media screen and (min-width: 992px) {
  .flex-row-desktop {
    flex-direction: row !important;
  }
}

@media screen and (min-width: 992px) {
  .flex-column-desktop {
    flex-direction: column !important;
  }
}

@media screen and (max-width: 767px) {
  .flex-wrap-mobile {
    flex-wrap: wrap !important;
  }
}

@media screen and (max-width: 767px) {
  .flex-nowrap-mobile {
    flex-wrap: nowrap !important;
  }
}

@media screen and (min-width: 992px) {
  .flex-wrap-desktop {
    flex-wrap: wrap !important;
  }
}

@media screen and (min-width: 992px) {
  .flex-nowrap-desktop {
    flex-wrap: nowrap !important;
  }
}

@media screen and (max-width: 767px) {
  .justify-content-start-mobile {
    justify-content: flex-start !important;
  }
}

@media screen and (max-width: 767px) {
  .justify-content-end-mobile {
    justify-content: flex-end !important;
  }
}

@media screen and (max-width: 767px) {
  .justify-content-center-mobile {
    justify-content: center !important;
  }
}

@media screen and (max-width: 767px) {
  .justify-content-between-mobile {
    justify-content: space-between !important;
  }
}

@media screen and (max-width: 767px) {
  .justify-content-around-mobile {
    justify-content: space-around !important;
  }
}

@media screen and (max-width: 767px) {
  .justify-content-evenly-mobile {
    justify-content: space-evenly !important;
  }
}

@media screen and (max-width: 767px) {
  .justify-center-mobile {
    justify-content: center !important;
  }
}

@media screen and (max-width: 767px) {
  .justify-start-mobile {
    justify-content: flex-start !important;
  }
}

@media screen and (min-width: 992px) {
  .justify-content-start-desktop {
    justify-content: flex-start !important;
  }
}

@media screen and (min-width: 992px) {
  .justify-content-end-desktop {
    justify-content: flex-end !important;
  }
}

@media screen and (min-width: 992px) {
  .justify-content-center-desktop {
    justify-content: center !important;
  }
}

@media screen and (min-width: 992px) {
  .justify-content-between-desktop {
    justify-content: space-between !important;
  }
}

@media screen and (max-width: 767px) {
  .align-items-start-mobile {
    align-items: flex-start !important;
  }
}

@media screen and (max-width: 767px) {
  .align-items-end-mobile {
    align-items: flex-end !important;
  }
}

@media screen and (max-width: 767px) {
  .align-items-center-mobile {
    align-items: center !important;
  }
}

@media screen and (max-width: 767px) {
  .align-items-baseline-mobile {
    align-items: baseline !important;
  }
}

@media screen and (max-width: 767px) {
  .align-items-stretch-mobile {
    align-items: stretch !important;
  }
}

@media screen and (max-width: 767px) {
  .align-center-mobile {
    align-items: center !important;
  }
}

@media screen and (max-width: 767px) {
  .align-start-mobile {
    align-items: flex-start !important;
  }
}

@media screen and (min-width: 992px) {
  .align-items-start-desktop {
    align-items: flex-start !important;
  }
}

@media screen and (min-width: 992px) {
  .align-items-end-desktop {
    align-items: flex-end !important;
  }
}

@media screen and (min-width: 992px) {
  .align-items-center-desktop {
    align-items: center !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-0 {
    gap: var(--space-0) !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-1 {
    gap: var(--space-1) !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-2 {
    gap: var(--space-2) !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-3 {
    gap: var(--space-3) !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-4 {
    gap: var(--space-4) !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-5 {
    gap: var(--space-5) !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-6 {
    gap: var(--space-6) !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-7 {
    gap: var(--space-7) !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-8 {
    gap: var(--space-8) !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-9 {
    gap: var(--space-9) !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-10 {
    gap: var(--space-10) !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-xs {
    gap: var(--space-xs) !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-sm {
    gap: var(--space-sm) !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-md {
    gap: var(--space-md) !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-lg {
    gap: var(--space-lg) !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-xl {
    gap: var(--space-xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-0 {
    gap: var(--space-0) !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-1 {
    gap: var(--space-1) !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-2 {
    gap: var(--space-2) !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-3 {
    gap: var(--space-3) !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-4 {
    gap: var(--space-4) !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-5 {
    gap: var(--space-5) !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-6 {
    gap: var(--space-6) !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-7 {
    gap: var(--space-7) !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-8 {
    gap: var(--space-8) !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-9 {
    gap: var(--space-9) !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-10 {
    gap: var(--space-10) !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-xs {
    gap: var(--space-xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-sm {
    gap: var(--space-sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-md {
    gap: var(--space-md) !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-lg {
    gap: var(--space-lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-xl {
    gap: var(--space-xl) !important;
  }
}

:root {
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 5rem;
  --space-8: 6rem;
  --space-9: 8rem;
  --space-10: 10rem;
  --space-xs: var(--space-3);
  --space-sm: var(--space-4);
  --space-md: var(--space-6);
  --space-lg: var(--space-8);
  --space-xl: var(--space-10);
}

.p-0 {
  padding: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.me-0 {
  margin-right: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.p-6 {
  padding: 4rem !important;
}

.py-6 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.px-6 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.pt-6 {
  padding-top: 4rem !important;
}

.pb-6 {
  padding-bottom: 4rem !important;
}

.ps-6 {
  padding-left: 4rem !important;
}

.pe-6 {
  padding-right: 4rem !important;
}

.m-6 {
  margin: 4rem !important;
}

.my-6 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.mx-6 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.mt-6 {
  margin-top: 4rem !important;
}

.mb-6 {
  margin-bottom: 4rem !important;
}

.ms-6 {
  margin-left: 4rem !important;
}

.me-6 {
  margin-right: 4rem !important;
}

.p-7 {
  padding: 5rem !important;
}

.py-7 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.px-7 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.pt-7 {
  padding-top: 5rem !important;
}

.pb-7 {
  padding-bottom: 5rem !important;
}

.ps-7 {
  padding-left: 5rem !important;
}

.pe-7 {
  padding-right: 5rem !important;
}

.m-7 {
  margin: 5rem !important;
}

.my-7 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.mx-7 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.mt-7 {
  margin-top: 5rem !important;
}

.mb-7 {
  margin-bottom: 5rem !important;
}

.ms-7 {
  margin-left: 5rem !important;
}

.me-7 {
  margin-right: 5rem !important;
}

.p-8 {
  padding: 6rem !important;
}

.py-8 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.px-8 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.pt-8 {
  padding-top: 6rem !important;
}

.pb-8 {
  padding-bottom: 6rem !important;
}

.ps-8 {
  padding-left: 6rem !important;
}

.pe-8 {
  padding-right: 6rem !important;
}

.m-8 {
  margin: 6rem !important;
}

.my-8 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.mx-8 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.mt-8 {
  margin-top: 6rem !important;
}

.mb-8 {
  margin-bottom: 6rem !important;
}

.ms-8 {
  margin-left: 6rem !important;
}

.me-8 {
  margin-right: 6rem !important;
}

.p-9 {
  padding: 8rem !important;
}

.py-9 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.px-9 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.pt-9 {
  padding-top: 8rem !important;
}

.pb-9 {
  padding-bottom: 8rem !important;
}

.ps-9 {
  padding-left: 8rem !important;
}

.pe-9 {
  padding-right: 8rem !important;
}

.m-9 {
  margin: 8rem !important;
}

.my-9 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.mx-9 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.mt-9 {
  margin-top: 8rem !important;
}

.mb-9 {
  margin-bottom: 8rem !important;
}

.ms-9 {
  margin-left: 8rem !important;
}

.me-9 {
  margin-right: 8rem !important;
}

.p-10 {
  padding: 10rem !important;
}

.py-10 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.px-10 {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

.pt-10 {
  padding-top: 10rem !important;
}

.pb-10 {
  padding-bottom: 10rem !important;
}

.ps-10 {
  padding-left: 10rem !important;
}

.pe-10 {
  padding-right: 10rem !important;
}

.m-10 {
  margin: 10rem !important;
}

.my-10 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

.mx-10 {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

.mt-10 {
  margin-top: 10rem !important;
}

.mb-10 {
  margin-bottom: 10rem !important;
}

.ms-10 {
  margin-left: 10rem !important;
}

.me-10 {
  margin-right: 10rem !important;
}

.p-xs {
  padding: var(--space-xs) !important;
}

.py-xs {
  padding-top: var(--space-xs) !important;
  padding-bottom: var(--space-xs) !important;
}

.px-xs {
  padding-left: var(--space-xs) !important;
  padding-right: var(--space-xs) !important;
}

.pt-xs {
  padding-top: var(--space-xs) !important;
}

.pb-xs {
  padding-bottom: var(--space-xs) !important;
}

.ps-xs {
  padding-left: var(--space-xs) !important;
}

.pe-xs {
  padding-right: var(--space-xs) !important;
}

.m-xs {
  margin: var(--space-xs) !important;
}

.my-xs {
  margin-top: var(--space-xs) !important;
  margin-bottom: var(--space-xs) !important;
}

.mx-xs {
  margin-left: var(--space-xs) !important;
  margin-right: var(--space-xs) !important;
}

.mt-xs {
  margin-top: var(--space-xs) !important;
}

.mb-xs {
  margin-bottom: var(--space-xs) !important;
}

.ms-xs {
  margin-left: var(--space-xs) !important;
}

.me-xs {
  margin-right: var(--space-xs) !important;
}

.p-sm {
  padding: var(--space-sm) !important;
}

.py-sm {
  padding-top: var(--space-sm) !important;
  padding-bottom: var(--space-sm) !important;
}

.px-sm {
  padding-left: var(--space-sm) !important;
  padding-right: var(--space-sm) !important;
}

.pt-sm {
  padding-top: var(--space-sm) !important;
}

.pb-sm {
  padding-bottom: var(--space-sm) !important;
}

.ps-sm {
  padding-left: var(--space-sm) !important;
}

.pe-sm {
  padding-right: var(--space-sm) !important;
}

.m-sm {
  margin: var(--space-sm) !important;
}

.my-sm {
  margin-top: var(--space-sm) !important;
  margin-bottom: var(--space-sm) !important;
}

.mx-sm {
  margin-left: var(--space-sm) !important;
  margin-right: var(--space-sm) !important;
}

.mt-sm {
  margin-top: var(--space-sm) !important;
}

.mb-sm {
  margin-bottom: var(--space-sm) !important;
}

.ms-sm {
  margin-left: var(--space-sm) !important;
}

.me-sm {
  margin-right: var(--space-sm) !important;
}

.p-md {
  padding: var(--space-md) !important;
}

.py-md {
  padding-top: var(--space-md) !important;
  padding-bottom: var(--space-md) !important;
}

.px-md {
  padding-left: var(--space-md) !important;
  padding-right: var(--space-md) !important;
}

.pt-md {
  padding-top: var(--space-md) !important;
}

.pb-md {
  padding-bottom: var(--space-md) !important;
}

.ps-md {
  padding-left: var(--space-md) !important;
}

.pe-md {
  padding-right: var(--space-md) !important;
}

.m-md {
  margin: var(--space-md) !important;
}

.my-md {
  margin-top: var(--space-md) !important;
  margin-bottom: var(--space-md) !important;
}

.mx-md {
  margin-left: var(--space-md) !important;
  margin-right: var(--space-md) !important;
}

.mt-md {
  margin-top: var(--space-md) !important;
}

.mb-md {
  margin-bottom: var(--space-md) !important;
}

.ms-md {
  margin-left: var(--space-md) !important;
}

.me-md {
  margin-right: var(--space-md) !important;
}

.p-lg {
  padding: var(--space-lg) !important;
}

.py-lg {
  padding-top: var(--space-lg) !important;
  padding-bottom: var(--space-lg) !important;
}

.px-lg {
  padding-left: var(--space-lg) !important;
  padding-right: var(--space-lg) !important;
}

.pt-lg {
  padding-top: var(--space-lg) !important;
}

.pb-lg {
  padding-bottom: var(--space-lg) !important;
}

.ps-lg {
  padding-left: var(--space-lg) !important;
}

.pe-lg {
  padding-right: var(--space-lg) !important;
}

.m-lg {
  margin: var(--space-lg) !important;
}

.my-lg {
  margin-top: var(--space-lg) !important;
  margin-bottom: var(--space-lg) !important;
}

.mx-lg {
  margin-left: var(--space-lg) !important;
  margin-right: var(--space-lg) !important;
}

.mt-lg {
  margin-top: var(--space-lg) !important;
}

.mb-lg {
  margin-bottom: var(--space-lg) !important;
}

.ms-lg {
  margin-left: var(--space-lg) !important;
}

.me-lg {
  margin-right: var(--space-lg) !important;
}

.p-xl {
  padding: var(--space-xl) !important;
}

.py-xl {
  padding-top: var(--space-xl) !important;
  padding-bottom: var(--space-xl) !important;
}

.px-xl {
  padding-left: var(--space-xl) !important;
  padding-right: var(--space-xl) !important;
}

.pt-xl {
  padding-top: var(--space-xl) !important;
}

.pb-xl {
  padding-bottom: var(--space-xl) !important;
}

.ps-xl {
  padding-left: var(--space-xl) !important;
}

.pe-xl {
  padding-right: var(--space-xl) !important;
}

.m-xl {
  margin: var(--space-xl) !important;
}

.my-xl {
  margin-top: var(--space-xl) !important;
  margin-bottom: var(--space-xl) !important;
}

.mx-xl {
  margin-left: var(--space-xl) !important;
  margin-right: var(--space-xl) !important;
}

.mt-xl {
  margin-top: var(--space-xl) !important;
}

.mb-xl {
  margin-bottom: var(--space-xl) !important;
}

.ms-xl {
  margin-left: var(--space-xl) !important;
}

.me-xl {
  margin-right: var(--space-xl) !important;
}

.m-auto {
  margin: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.ms-auto {
  margin-left: auto !important;
}

.me-auto {
  margin-right: auto !important;
}

@media screen and (max-width: 767px) {
  .p-mobile-0 {
    padding: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-0 {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-0 {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .ps-mobile-0 {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .pe-mobile-0 {
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-0 {
    margin: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-0 {
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-0 {
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .ms-mobile-0 {
    margin-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .me-mobile-0 {
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-1 {
    padding: 0.25rem !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-1 {
    padding-top: 0.25rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-1 {
    padding-bottom: 0.25rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ps-mobile-1 {
    padding-left: 0.25rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pe-mobile-1 {
    padding-right: 0.25rem !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-1 {
    margin: 0.25rem !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-1 {
    margin-top: 0.25rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-1 {
    margin-bottom: 0.25rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ms-mobile-1 {
    margin-left: 0.25rem !important;
  }
}

@media screen and (max-width: 767px) {
  .me-mobile-1 {
    margin-right: 0.25rem !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-2 {
    padding: 0.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-2 {
    padding-top: 0.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-2 {
    padding-bottom: 0.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ps-mobile-2 {
    padding-left: 0.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pe-mobile-2 {
    padding-right: 0.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-2 {
    margin: 0.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-2 {
    margin-top: 0.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-2 {
    margin-bottom: 0.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ms-mobile-2 {
    margin-left: 0.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .me-mobile-2 {
    margin-right: 0.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-3 {
    padding: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-3 {
    padding-top: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-3 {
    padding-bottom: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ps-mobile-3 {
    padding-left: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pe-mobile-3 {
    padding-right: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-3 {
    margin: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-3 {
    margin-top: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-3 {
    margin-bottom: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ms-mobile-3 {
    margin-left: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .me-mobile-3 {
    margin-right: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-4 {
    padding: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-4 {
    padding-top: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-4 {
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ps-mobile-4 {
    padding-left: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pe-mobile-4 {
    padding-right: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-4 {
    margin: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-4 {
    margin-top: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-4 {
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ms-mobile-4 {
    margin-left: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .me-mobile-4 {
    margin-right: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-5 {
    padding: 3rem !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-5 {
    padding-top: 3rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-5 {
    padding-bottom: 3rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ps-mobile-5 {
    padding-left: 3rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pe-mobile-5 {
    padding-right: 3rem !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-5 {
    margin: 3rem !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-5 {
    margin-top: 3rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-5 {
    margin-bottom: 3rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ms-mobile-5 {
    margin-left: 3rem !important;
  }
}

@media screen and (max-width: 767px) {
  .me-mobile-5 {
    margin-right: 3rem !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-6 {
    padding: 4rem !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-6 {
    padding-top: 4rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-6 {
    padding-bottom: 4rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ps-mobile-6 {
    padding-left: 4rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pe-mobile-6 {
    padding-right: 4rem !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-6 {
    margin: 4rem !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-6 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-6 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-6 {
    margin-top: 4rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-6 {
    margin-bottom: 4rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ms-mobile-6 {
    margin-left: 4rem !important;
  }
}

@media screen and (max-width: 767px) {
  .me-mobile-6 {
    margin-right: 4rem !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-7 {
    padding: 5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-7 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-7 {
    padding-top: 5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-7 {
    padding-bottom: 5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ps-mobile-7 {
    padding-left: 5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pe-mobile-7 {
    padding-right: 5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-7 {
    margin: 5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-7 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-7 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-7 {
    margin-top: 5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-7 {
    margin-bottom: 5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ms-mobile-7 {
    margin-left: 5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .me-mobile-7 {
    margin-right: 5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-8 {
    padding: 6rem !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-8 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-8 {
    padding-top: 6rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-8 {
    padding-bottom: 6rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ps-mobile-8 {
    padding-left: 6rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pe-mobile-8 {
    padding-right: 6rem !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-8 {
    margin: 6rem !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-8 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-8 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-8 {
    margin-top: 6rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-8 {
    margin-bottom: 6rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ms-mobile-8 {
    margin-left: 6rem !important;
  }
}

@media screen and (max-width: 767px) {
  .me-mobile-8 {
    margin-right: 6rem !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-9 {
    padding: 8rem !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-9 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-9 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-9 {
    padding-top: 8rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-9 {
    padding-bottom: 8rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ps-mobile-9 {
    padding-left: 8rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pe-mobile-9 {
    padding-right: 8rem !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-9 {
    margin: 8rem !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-9 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-9 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-9 {
    margin-top: 8rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-9 {
    margin-bottom: 8rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ms-mobile-9 {
    margin-left: 8rem !important;
  }
}

@media screen and (max-width: 767px) {
  .me-mobile-9 {
    margin-right: 8rem !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-10 {
    padding: 10rem !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-10 {
    padding-top: 10rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-10 {
    padding-bottom: 10rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ps-mobile-10 {
    padding-left: 10rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pe-mobile-10 {
    padding-right: 10rem !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-10 {
    margin: 10rem !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-10 {
    margin-top: 10rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-10 {
    margin-bottom: 10rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ms-mobile-10 {
    margin-left: 10rem !important;
  }
}

@media screen and (max-width: 767px) {
  .me-mobile-10 {
    margin-right: 10rem !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-xs {
    padding: var(--space-xs) !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-xs {
    padding-top: var(--space-xs) !important;
    padding-bottom: var(--space-xs) !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-xs {
    padding-left: var(--space-xs) !important;
    padding-right: var(--space-xs) !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-xs {
    padding-top: var(--space-xs) !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-xs {
    padding-bottom: var(--space-xs) !important;
  }
}

@media screen and (max-width: 767px) {
  .ps-mobile-xs {
    padding-left: var(--space-xs) !important;
  }
}

@media screen and (max-width: 767px) {
  .pe-mobile-xs {
    padding-right: var(--space-xs) !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-xs {
    margin: var(--space-xs) !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-xs {
    margin-top: var(--space-xs) !important;
    margin-bottom: var(--space-xs) !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-xs {
    margin-left: var(--space-xs) !important;
    margin-right: var(--space-xs) !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-xs {
    margin-top: var(--space-xs) !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-xs {
    margin-bottom: var(--space-xs) !important;
  }
}

@media screen and (max-width: 767px) {
  .ms-mobile-xs {
    margin-left: var(--space-xs) !important;
  }
}

@media screen and (max-width: 767px) {
  .me-mobile-xs {
    margin-right: var(--space-xs) !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-sm {
    padding: var(--space-sm) !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-sm {
    padding-top: var(--space-sm) !important;
    padding-bottom: var(--space-sm) !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-sm {
    padding-left: var(--space-sm) !important;
    padding-right: var(--space-sm) !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-sm {
    padding-top: var(--space-sm) !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-sm {
    padding-bottom: var(--space-sm) !important;
  }
}

@media screen and (max-width: 767px) {
  .ps-mobile-sm {
    padding-left: var(--space-sm) !important;
  }
}

@media screen and (max-width: 767px) {
  .pe-mobile-sm {
    padding-right: var(--space-sm) !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-sm {
    margin: var(--space-sm) !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-sm {
    margin-top: var(--space-sm) !important;
    margin-bottom: var(--space-sm) !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-sm {
    margin-left: var(--space-sm) !important;
    margin-right: var(--space-sm) !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-sm {
    margin-top: var(--space-sm) !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-sm {
    margin-bottom: var(--space-sm) !important;
  }
}

@media screen and (max-width: 767px) {
  .ms-mobile-sm {
    margin-left: var(--space-sm) !important;
  }
}

@media screen and (max-width: 767px) {
  .me-mobile-sm {
    margin-right: var(--space-sm) !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-md {
    padding: var(--space-md) !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-md {
    padding-top: var(--space-md) !important;
    padding-bottom: var(--space-md) !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-md {
    padding-left: var(--space-md) !important;
    padding-right: var(--space-md) !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-md {
    padding-top: var(--space-md) !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-md {
    padding-bottom: var(--space-md) !important;
  }
}

@media screen and (max-width: 767px) {
  .ps-mobile-md {
    padding-left: var(--space-md) !important;
  }
}

@media screen and (max-width: 767px) {
  .pe-mobile-md {
    padding-right: var(--space-md) !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-md {
    margin: var(--space-md) !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-md {
    margin-top: var(--space-md) !important;
    margin-bottom: var(--space-md) !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-md {
    margin-left: var(--space-md) !important;
    margin-right: var(--space-md) !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-md {
    margin-top: var(--space-md) !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-md {
    margin-bottom: var(--space-md) !important;
  }
}

@media screen and (max-width: 767px) {
  .ms-mobile-md {
    margin-left: var(--space-md) !important;
  }
}

@media screen and (max-width: 767px) {
  .me-mobile-md {
    margin-right: var(--space-md) !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-lg {
    padding: var(--space-lg) !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-lg {
    padding-top: var(--space-lg) !important;
    padding-bottom: var(--space-lg) !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-lg {
    padding-left: var(--space-lg) !important;
    padding-right: var(--space-lg) !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-lg {
    padding-top: var(--space-lg) !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-lg {
    padding-bottom: var(--space-lg) !important;
  }
}

@media screen and (max-width: 767px) {
  .ps-mobile-lg {
    padding-left: var(--space-lg) !important;
  }
}

@media screen and (max-width: 767px) {
  .pe-mobile-lg {
    padding-right: var(--space-lg) !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-lg {
    margin: var(--space-lg) !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-lg {
    margin-top: var(--space-lg) !important;
    margin-bottom: var(--space-lg) !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-lg {
    margin-left: var(--space-lg) !important;
    margin-right: var(--space-lg) !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-lg {
    margin-top: var(--space-lg) !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-lg {
    margin-bottom: var(--space-lg) !important;
  }
}

@media screen and (max-width: 767px) {
  .ms-mobile-lg {
    margin-left: var(--space-lg) !important;
  }
}

@media screen and (max-width: 767px) {
  .me-mobile-lg {
    margin-right: var(--space-lg) !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-xl {
    padding: var(--space-xl) !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-xl {
    padding-top: var(--space-xl) !important;
    padding-bottom: var(--space-xl) !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-xl {
    padding-left: var(--space-xl) !important;
    padding-right: var(--space-xl) !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-xl {
    padding-top: var(--space-xl) !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-xl {
    padding-bottom: var(--space-xl) !important;
  }
}

@media screen and (max-width: 767px) {
  .ps-mobile-xl {
    padding-left: var(--space-xl) !important;
  }
}

@media screen and (max-width: 767px) {
  .pe-mobile-xl {
    padding-right: var(--space-xl) !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-xl {
    margin: var(--space-xl) !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-xl {
    margin-top: var(--space-xl) !important;
    margin-bottom: var(--space-xl) !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-xl {
    margin-left: var(--space-xl) !important;
    margin-right: var(--space-xl) !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-xl {
    margin-top: var(--space-xl) !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-xl {
    margin-bottom: var(--space-xl) !important;
  }
}

@media screen and (max-width: 767px) {
  .ms-mobile-xl {
    margin-left: var(--space-xl) !important;
  }
}

@media screen and (max-width: 767px) {
  .me-mobile-xl {
    margin-right: var(--space-xl) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-tablet-0 {
    padding: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .py-tablet-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .px-tablet-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pt-tablet-0 {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pb-tablet-0 {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ps-tablet-0 {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pe-tablet-0 {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .m-tablet-0 {
    margin: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-tablet-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mx-tablet-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-tablet-0 {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mb-tablet-0 {
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ms-tablet-0 {
    margin-left: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .me-tablet-0 {
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-tablet-1 {
    padding: 0.25rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .py-tablet-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .px-tablet-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pt-tablet-1 {
    padding-top: 0.25rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pb-tablet-1 {
    padding-bottom: 0.25rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ps-tablet-1 {
    padding-left: 0.25rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pe-tablet-1 {
    padding-right: 0.25rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .m-tablet-1 {
    margin: 0.25rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-tablet-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mx-tablet-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-tablet-1 {
    margin-top: 0.25rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mb-tablet-1 {
    margin-bottom: 0.25rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ms-tablet-1 {
    margin-left: 0.25rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .me-tablet-1 {
    margin-right: 0.25rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-tablet-2 {
    padding: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .py-tablet-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .px-tablet-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pt-tablet-2 {
    padding-top: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pb-tablet-2 {
    padding-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ps-tablet-2 {
    padding-left: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pe-tablet-2 {
    padding-right: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .m-tablet-2 {
    margin: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-tablet-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mx-tablet-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-tablet-2 {
    margin-top: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mb-tablet-2 {
    margin-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ms-tablet-2 {
    margin-left: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .me-tablet-2 {
    margin-right: 0.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-tablet-3 {
    padding: 1rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .py-tablet-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .px-tablet-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pt-tablet-3 {
    padding-top: 1rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pb-tablet-3 {
    padding-bottom: 1rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ps-tablet-3 {
    padding-left: 1rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pe-tablet-3 {
    padding-right: 1rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .m-tablet-3 {
    margin: 1rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-tablet-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mx-tablet-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-tablet-3 {
    margin-top: 1rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mb-tablet-3 {
    margin-bottom: 1rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ms-tablet-3 {
    margin-left: 1rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .me-tablet-3 {
    margin-right: 1rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-tablet-4 {
    padding: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .py-tablet-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .px-tablet-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pt-tablet-4 {
    padding-top: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pb-tablet-4 {
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ps-tablet-4 {
    padding-left: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pe-tablet-4 {
    padding-right: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .m-tablet-4 {
    margin: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-tablet-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mx-tablet-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-tablet-4 {
    margin-top: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mb-tablet-4 {
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ms-tablet-4 {
    margin-left: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .me-tablet-4 {
    margin-right: 1.5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-tablet-5 {
    padding: 3rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .py-tablet-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .px-tablet-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pt-tablet-5 {
    padding-top: 3rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pb-tablet-5 {
    padding-bottom: 3rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ps-tablet-5 {
    padding-left: 3rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pe-tablet-5 {
    padding-right: 3rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .m-tablet-5 {
    margin: 3rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-tablet-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mx-tablet-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-tablet-5 {
    margin-top: 3rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mb-tablet-5 {
    margin-bottom: 3rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ms-tablet-5 {
    margin-left: 3rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .me-tablet-5 {
    margin-right: 3rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-tablet-6 {
    padding: 4rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .py-tablet-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .px-tablet-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pt-tablet-6 {
    padding-top: 4rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pb-tablet-6 {
    padding-bottom: 4rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ps-tablet-6 {
    padding-left: 4rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pe-tablet-6 {
    padding-right: 4rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .m-tablet-6 {
    margin: 4rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-tablet-6 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mx-tablet-6 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-tablet-6 {
    margin-top: 4rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mb-tablet-6 {
    margin-bottom: 4rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ms-tablet-6 {
    margin-left: 4rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .me-tablet-6 {
    margin-right: 4rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-tablet-7 {
    padding: 5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .py-tablet-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .px-tablet-7 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pt-tablet-7 {
    padding-top: 5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pb-tablet-7 {
    padding-bottom: 5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ps-tablet-7 {
    padding-left: 5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pe-tablet-7 {
    padding-right: 5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .m-tablet-7 {
    margin: 5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-tablet-7 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mx-tablet-7 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-tablet-7 {
    margin-top: 5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mb-tablet-7 {
    margin-bottom: 5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ms-tablet-7 {
    margin-left: 5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .me-tablet-7 {
    margin-right: 5rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-tablet-8 {
    padding: 6rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .py-tablet-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .px-tablet-8 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pt-tablet-8 {
    padding-top: 6rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pb-tablet-8 {
    padding-bottom: 6rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ps-tablet-8 {
    padding-left: 6rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pe-tablet-8 {
    padding-right: 6rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .m-tablet-8 {
    margin: 6rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-tablet-8 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mx-tablet-8 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-tablet-8 {
    margin-top: 6rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mb-tablet-8 {
    margin-bottom: 6rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ms-tablet-8 {
    margin-left: 6rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .me-tablet-8 {
    margin-right: 6rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-tablet-9 {
    padding: 8rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .py-tablet-9 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .px-tablet-9 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pt-tablet-9 {
    padding-top: 8rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pb-tablet-9 {
    padding-bottom: 8rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ps-tablet-9 {
    padding-left: 8rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pe-tablet-9 {
    padding-right: 8rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .m-tablet-9 {
    margin: 8rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-tablet-9 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mx-tablet-9 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-tablet-9 {
    margin-top: 8rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mb-tablet-9 {
    margin-bottom: 8rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ms-tablet-9 {
    margin-left: 8rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .me-tablet-9 {
    margin-right: 8rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-tablet-10 {
    padding: 10rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .py-tablet-10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .px-tablet-10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pt-tablet-10 {
    padding-top: 10rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pb-tablet-10 {
    padding-bottom: 10rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ps-tablet-10 {
    padding-left: 10rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pe-tablet-10 {
    padding-right: 10rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .m-tablet-10 {
    margin: 10rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-tablet-10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mx-tablet-10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-tablet-10 {
    margin-top: 10rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mb-tablet-10 {
    margin-bottom: 10rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ms-tablet-10 {
    margin-left: 10rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .me-tablet-10 {
    margin-right: 10rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-tablet-xs {
    padding: var(--space-xs) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .py-tablet-xs {
    padding-top: var(--space-xs) !important;
    padding-bottom: var(--space-xs) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .px-tablet-xs {
    padding-left: var(--space-xs) !important;
    padding-right: var(--space-xs) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pt-tablet-xs {
    padding-top: var(--space-xs) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pb-tablet-xs {
    padding-bottom: var(--space-xs) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ps-tablet-xs {
    padding-left: var(--space-xs) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pe-tablet-xs {
    padding-right: var(--space-xs) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .m-tablet-xs {
    margin: var(--space-xs) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-tablet-xs {
    margin-top: var(--space-xs) !important;
    margin-bottom: var(--space-xs) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mx-tablet-xs {
    margin-left: var(--space-xs) !important;
    margin-right: var(--space-xs) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-tablet-xs {
    margin-top: var(--space-xs) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mb-tablet-xs {
    margin-bottom: var(--space-xs) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ms-tablet-xs {
    margin-left: var(--space-xs) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .me-tablet-xs {
    margin-right: var(--space-xs) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-tablet-sm {
    padding: var(--space-sm) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .py-tablet-sm {
    padding-top: var(--space-sm) !important;
    padding-bottom: var(--space-sm) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .px-tablet-sm {
    padding-left: var(--space-sm) !important;
    padding-right: var(--space-sm) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pt-tablet-sm {
    padding-top: var(--space-sm) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pb-tablet-sm {
    padding-bottom: var(--space-sm) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ps-tablet-sm {
    padding-left: var(--space-sm) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pe-tablet-sm {
    padding-right: var(--space-sm) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .m-tablet-sm {
    margin: var(--space-sm) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-tablet-sm {
    margin-top: var(--space-sm) !important;
    margin-bottom: var(--space-sm) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mx-tablet-sm {
    margin-left: var(--space-sm) !important;
    margin-right: var(--space-sm) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-tablet-sm {
    margin-top: var(--space-sm) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mb-tablet-sm {
    margin-bottom: var(--space-sm) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ms-tablet-sm {
    margin-left: var(--space-sm) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .me-tablet-sm {
    margin-right: var(--space-sm) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-tablet-md {
    padding: var(--space-md) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .py-tablet-md {
    padding-top: var(--space-md) !important;
    padding-bottom: var(--space-md) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .px-tablet-md {
    padding-left: var(--space-md) !important;
    padding-right: var(--space-md) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pt-tablet-md {
    padding-top: var(--space-md) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pb-tablet-md {
    padding-bottom: var(--space-md) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ps-tablet-md {
    padding-left: var(--space-md) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pe-tablet-md {
    padding-right: var(--space-md) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .m-tablet-md {
    margin: var(--space-md) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-tablet-md {
    margin-top: var(--space-md) !important;
    margin-bottom: var(--space-md) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mx-tablet-md {
    margin-left: var(--space-md) !important;
    margin-right: var(--space-md) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-tablet-md {
    margin-top: var(--space-md) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mb-tablet-md {
    margin-bottom: var(--space-md) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ms-tablet-md {
    margin-left: var(--space-md) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .me-tablet-md {
    margin-right: var(--space-md) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-tablet-lg {
    padding: var(--space-lg) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .py-tablet-lg {
    padding-top: var(--space-lg) !important;
    padding-bottom: var(--space-lg) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .px-tablet-lg {
    padding-left: var(--space-lg) !important;
    padding-right: var(--space-lg) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pt-tablet-lg {
    padding-top: var(--space-lg) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pb-tablet-lg {
    padding-bottom: var(--space-lg) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ps-tablet-lg {
    padding-left: var(--space-lg) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pe-tablet-lg {
    padding-right: var(--space-lg) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .m-tablet-lg {
    margin: var(--space-lg) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-tablet-lg {
    margin-top: var(--space-lg) !important;
    margin-bottom: var(--space-lg) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mx-tablet-lg {
    margin-left: var(--space-lg) !important;
    margin-right: var(--space-lg) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-tablet-lg {
    margin-top: var(--space-lg) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mb-tablet-lg {
    margin-bottom: var(--space-lg) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ms-tablet-lg {
    margin-left: var(--space-lg) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .me-tablet-lg {
    margin-right: var(--space-lg) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-tablet-xl {
    padding: var(--space-xl) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .py-tablet-xl {
    padding-top: var(--space-xl) !important;
    padding-bottom: var(--space-xl) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .px-tablet-xl {
    padding-left: var(--space-xl) !important;
    padding-right: var(--space-xl) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pt-tablet-xl {
    padding-top: var(--space-xl) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pb-tablet-xl {
    padding-bottom: var(--space-xl) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ps-tablet-xl {
    padding-left: var(--space-xl) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pe-tablet-xl {
    padding-right: var(--space-xl) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .m-tablet-xl {
    margin: var(--space-xl) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-tablet-xl {
    margin-top: var(--space-xl) !important;
    margin-bottom: var(--space-xl) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mx-tablet-xl {
    margin-left: var(--space-xl) !important;
    margin-right: var(--space-xl) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-tablet-xl {
    margin-top: var(--space-xl) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mb-tablet-xl {
    margin-bottom: var(--space-xl) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ms-tablet-xl {
    margin-left: var(--space-xl) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .me-tablet-xl {
    margin-right: var(--space-xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .p-desktop-0 {
    padding: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .py-desktop-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .px-desktop-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-desktop-0 {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-desktop-0 {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .ps-desktop-0 {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .pe-desktop-0 {
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .m-desktop-0 {
    margin: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .my-desktop-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-desktop-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-desktop-0 {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-desktop-0 {
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .ms-desktop-0 {
    margin-left: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .me-desktop-0 {
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .p-desktop-1 {
    padding: 0.25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-desktop-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-desktop-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-desktop-1 {
    padding-top: 0.25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-desktop-1 {
    padding-bottom: 0.25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ps-desktop-1 {
    padding-left: 0.25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pe-desktop-1 {
    padding-right: 0.25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-desktop-1 {
    margin: 0.25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-desktop-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-desktop-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-desktop-1 {
    margin-top: 0.25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-desktop-1 {
    margin-bottom: 0.25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ms-desktop-1 {
    margin-left: 0.25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .me-desktop-1 {
    margin-right: 0.25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-desktop-2 {
    padding: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-desktop-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-desktop-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-desktop-2 {
    padding-top: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-desktop-2 {
    padding-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ps-desktop-2 {
    padding-left: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pe-desktop-2 {
    padding-right: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-desktop-2 {
    margin: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-desktop-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-desktop-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-desktop-2 {
    margin-top: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-desktop-2 {
    margin-bottom: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ms-desktop-2 {
    margin-left: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .me-desktop-2 {
    margin-right: 0.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-desktop-3 {
    padding: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-desktop-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-desktop-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-desktop-3 {
    padding-top: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-desktop-3 {
    padding-bottom: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ps-desktop-3 {
    padding-left: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pe-desktop-3 {
    padding-right: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-desktop-3 {
    margin: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-desktop-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-desktop-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-desktop-3 {
    margin-top: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-desktop-3 {
    margin-bottom: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ms-desktop-3 {
    margin-left: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .me-desktop-3 {
    margin-right: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-desktop-4 {
    padding: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-desktop-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-desktop-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-desktop-4 {
    padding-top: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-desktop-4 {
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ps-desktop-4 {
    padding-left: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pe-desktop-4 {
    padding-right: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-desktop-4 {
    margin: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-desktop-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-desktop-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-desktop-4 {
    margin-top: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-desktop-4 {
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ms-desktop-4 {
    margin-left: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .me-desktop-4 {
    margin-right: 1.5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-desktop-5 {
    padding: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-desktop-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-desktop-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-desktop-5 {
    padding-top: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-desktop-5 {
    padding-bottom: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ps-desktop-5 {
    padding-left: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pe-desktop-5 {
    padding-right: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-desktop-5 {
    margin: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-desktop-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-desktop-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-desktop-5 {
    margin-top: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-desktop-5 {
    margin-bottom: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ms-desktop-5 {
    margin-left: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .me-desktop-5 {
    margin-right: 3rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-desktop-6 {
    padding: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-desktop-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-desktop-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-desktop-6 {
    padding-top: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-desktop-6 {
    padding-bottom: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ps-desktop-6 {
    padding-left: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pe-desktop-6 {
    padding-right: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-desktop-6 {
    margin: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-desktop-6 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-desktop-6 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-desktop-6 {
    margin-top: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-desktop-6 {
    margin-bottom: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ms-desktop-6 {
    margin-left: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .me-desktop-6 {
    margin-right: 4rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-desktop-7 {
    padding: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-desktop-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-desktop-7 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-desktop-7 {
    padding-top: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-desktop-7 {
    padding-bottom: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ps-desktop-7 {
    padding-left: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pe-desktop-7 {
    padding-right: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-desktop-7 {
    margin: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-desktop-7 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-desktop-7 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-desktop-7 {
    margin-top: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-desktop-7 {
    margin-bottom: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ms-desktop-7 {
    margin-left: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .me-desktop-7 {
    margin-right: 5rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-desktop-8 {
    padding: 6rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-desktop-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-desktop-8 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-desktop-8 {
    padding-top: 6rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-desktop-8 {
    padding-bottom: 6rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ps-desktop-8 {
    padding-left: 6rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pe-desktop-8 {
    padding-right: 6rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-desktop-8 {
    margin: 6rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-desktop-8 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-desktop-8 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-desktop-8 {
    margin-top: 6rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-desktop-8 {
    margin-bottom: 6rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ms-desktop-8 {
    margin-left: 6rem !important;
  }
}

@media screen and (min-width: 992px) {
  .me-desktop-8 {
    margin-right: 6rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-desktop-9 {
    padding: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-desktop-9 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-desktop-9 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-desktop-9 {
    padding-top: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-desktop-9 {
    padding-bottom: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ps-desktop-9 {
    padding-left: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pe-desktop-9 {
    padding-right: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-desktop-9 {
    margin: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-desktop-9 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-desktop-9 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-desktop-9 {
    margin-top: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-desktop-9 {
    margin-bottom: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ms-desktop-9 {
    margin-left: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .me-desktop-9 {
    margin-right: 8rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-desktop-10 {
    padding: 10rem !important;
  }
}

@media screen and (min-width: 992px) {
  .py-desktop-10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}

@media screen and (min-width: 992px) {
  .px-desktop-10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-desktop-10 {
    padding-top: 10rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-desktop-10 {
    padding-bottom: 10rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ps-desktop-10 {
    padding-left: 10rem !important;
  }
}

@media screen and (min-width: 992px) {
  .pe-desktop-10 {
    padding-right: 10rem !important;
  }
}

@media screen and (min-width: 992px) {
  .m-desktop-10 {
    margin: 10rem !important;
  }
}

@media screen and (min-width: 992px) {
  .my-desktop-10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-desktop-10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-desktop-10 {
    margin-top: 10rem !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-desktop-10 {
    margin-bottom: 10rem !important;
  }
}

@media screen and (min-width: 992px) {
  .ms-desktop-10 {
    margin-left: 10rem !important;
  }
}

@media screen and (min-width: 992px) {
  .me-desktop-10 {
    margin-right: 10rem !important;
  }
}

@media screen and (min-width: 992px) {
  .p-desktop-xs {
    padding: var(--space-xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .py-desktop-xs {
    padding-top: var(--space-xs) !important;
    padding-bottom: var(--space-xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .px-desktop-xs {
    padding-left: var(--space-xs) !important;
    padding-right: var(--space-xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-desktop-xs {
    padding-top: var(--space-xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-desktop-xs {
    padding-bottom: var(--space-xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .ps-desktop-xs {
    padding-left: var(--space-xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .pe-desktop-xs {
    padding-right: var(--space-xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .m-desktop-xs {
    margin: var(--space-xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .my-desktop-xs {
    margin-top: var(--space-xs) !important;
    margin-bottom: var(--space-xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-desktop-xs {
    margin-left: var(--space-xs) !important;
    margin-right: var(--space-xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-desktop-xs {
    margin-top: var(--space-xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-desktop-xs {
    margin-bottom: var(--space-xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .ms-desktop-xs {
    margin-left: var(--space-xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .me-desktop-xs {
    margin-right: var(--space-xs) !important;
  }
}

@media screen and (min-width: 992px) {
  .p-desktop-sm {
    padding: var(--space-sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .py-desktop-sm {
    padding-top: var(--space-sm) !important;
    padding-bottom: var(--space-sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .px-desktop-sm {
    padding-left: var(--space-sm) !important;
    padding-right: var(--space-sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-desktop-sm {
    padding-top: var(--space-sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-desktop-sm {
    padding-bottom: var(--space-sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .ps-desktop-sm {
    padding-left: var(--space-sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .pe-desktop-sm {
    padding-right: var(--space-sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .m-desktop-sm {
    margin: var(--space-sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .my-desktop-sm {
    margin-top: var(--space-sm) !important;
    margin-bottom: var(--space-sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-desktop-sm {
    margin-left: var(--space-sm) !important;
    margin-right: var(--space-sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-desktop-sm {
    margin-top: var(--space-sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-desktop-sm {
    margin-bottom: var(--space-sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .ms-desktop-sm {
    margin-left: var(--space-sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .me-desktop-sm {
    margin-right: var(--space-sm) !important;
  }
}

@media screen and (min-width: 992px) {
  .p-desktop-md {
    padding: var(--space-md) !important;
  }
}

@media screen and (min-width: 992px) {
  .py-desktop-md {
    padding-top: var(--space-md) !important;
    padding-bottom: var(--space-md) !important;
  }
}

@media screen and (min-width: 992px) {
  .px-desktop-md {
    padding-left: var(--space-md) !important;
    padding-right: var(--space-md) !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-desktop-md {
    padding-top: var(--space-md) !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-desktop-md {
    padding-bottom: var(--space-md) !important;
  }
}

@media screen and (min-width: 992px) {
  .ps-desktop-md {
    padding-left: var(--space-md) !important;
  }
}

@media screen and (min-width: 992px) {
  .pe-desktop-md {
    padding-right: var(--space-md) !important;
  }
}

@media screen and (min-width: 992px) {
  .m-desktop-md {
    margin: var(--space-md) !important;
  }
}

@media screen and (min-width: 992px) {
  .my-desktop-md {
    margin-top: var(--space-md) !important;
    margin-bottom: var(--space-md) !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-desktop-md {
    margin-left: var(--space-md) !important;
    margin-right: var(--space-md) !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-desktop-md {
    margin-top: var(--space-md) !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-desktop-md {
    margin-bottom: var(--space-md) !important;
  }
}

@media screen and (min-width: 992px) {
  .ms-desktop-md {
    margin-left: var(--space-md) !important;
  }
}

@media screen and (min-width: 992px) {
  .me-desktop-md {
    margin-right: var(--space-md) !important;
  }
}

@media screen and (min-width: 992px) {
  .p-desktop-lg {
    padding: var(--space-lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .py-desktop-lg {
    padding-top: var(--space-lg) !important;
    padding-bottom: var(--space-lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .px-desktop-lg {
    padding-left: var(--space-lg) !important;
    padding-right: var(--space-lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-desktop-lg {
    padding-top: var(--space-lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-desktop-lg {
    padding-bottom: var(--space-lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .ps-desktop-lg {
    padding-left: var(--space-lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .pe-desktop-lg {
    padding-right: var(--space-lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .m-desktop-lg {
    margin: var(--space-lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .my-desktop-lg {
    margin-top: var(--space-lg) !important;
    margin-bottom: var(--space-lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-desktop-lg {
    margin-left: var(--space-lg) !important;
    margin-right: var(--space-lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-desktop-lg {
    margin-top: var(--space-lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-desktop-lg {
    margin-bottom: var(--space-lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .ms-desktop-lg {
    margin-left: var(--space-lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .me-desktop-lg {
    margin-right: var(--space-lg) !important;
  }
}

@media screen and (min-width: 992px) {
  .p-desktop-xl {
    padding: var(--space-xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .py-desktop-xl {
    padding-top: var(--space-xl) !important;
    padding-bottom: var(--space-xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .px-desktop-xl {
    padding-left: var(--space-xl) !important;
    padding-right: var(--space-xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pt-desktop-xl {
    padding-top: var(--space-xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pb-desktop-xl {
    padding-bottom: var(--space-xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .ps-desktop-xl {
    padding-left: var(--space-xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .pe-desktop-xl {
    padding-right: var(--space-xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .m-desktop-xl {
    margin: var(--space-xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .my-desktop-xl {
    margin-top: var(--space-xl) !important;
    margin-bottom: var(--space-xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-desktop-xl {
    margin-left: var(--space-xl) !important;
    margin-right: var(--space-xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-desktop-xl {
    margin-top: var(--space-xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-desktop-xl {
    margin-bottom: var(--space-xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .ms-desktop-xl {
    margin-left: var(--space-xl) !important;
  }
}

@media screen and (min-width: 992px) {
  .me-desktop-xl {
    margin-right: var(--space-xl) !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-auto {
    margin: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-auto {
    margin-top: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-auto {
    margin-bottom: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .ms-mobile-auto {
    margin-left: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .me-mobile-auto {
    margin-right: auto !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .m-tablet-auto {
    margin: auto !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mx-tablet-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .my-tablet-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mt-tablet-auto {
    margin-top: auto !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mb-tablet-auto {
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ms-tablet-auto {
    margin-left: auto !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .me-tablet-auto {
    margin-right: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .m-desktop-auto {
    margin: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .mx-desktop-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .my-desktop-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .mt-desktop-auto {
    margin-top: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .mb-desktop-auto {
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .ms-desktop-auto {
    margin-left: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .me-desktop-auto {
    margin-right: auto !important;
  }
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-page-count {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

@media screen and (width <= 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}
@media screen and (width <= 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}
.bg-navy {
  background-color: #1D2E66 !important;
}

.bg-navy-100 {
  background-color: var(--c-navy-100) !important;
}

.bg-navy-200 {
  background-color: var(--c-navy-200) !important;
}

.bg-navy-300 {
  background-color: var(--c-navy-300) !important;
}

.bg-navy-400 {
  background-color: var(--c-navy-400) !important;
}

.bg-navy-500 {
  background-color: var(--c-navy-500) !important;
}

.bg-navy-600 {
  background-color: var(--c-navy-600) !important;
}

.bg-navy-700 {
  background-color: var(--c-navy-700) !important;
}

.bg-navy-800 {
  background-color: var(--c-navy-800) !important;
}

.bg-navy-900 {
  background-color: var(--c-navy-900) !important;
}

.bg-navy-light {
  background-color: var(--c-navy-light) !important;
}

.bg-navy-lighter {
  background-color: var(--c-navy-lighter) !important;
}

.bg-navy-dark {
  background-color: var(--c-navy-dark) !important;
}

.bg-navy-darker {
  background-color: var(--c-navy-darker) !important;
}

.bg-blue {
  background-color: #3fa9f5 !important;
}

.bg-blue-100 {
  background-color: var(--c-blue-100) !important;
}

.bg-blue-200 {
  background-color: var(--c-blue-200) !important;
}

.bg-blue-300 {
  background-color: var(--c-blue-300) !important;
}

.bg-blue-400 {
  background-color: var(--c-blue-400) !important;
}

.bg-blue-500 {
  background-color: var(--c-blue-500) !important;
}

.bg-blue-600 {
  background-color: var(--c-blue-600) !important;
}

.bg-blue-700 {
  background-color: var(--c-blue-700) !important;
}

.bg-blue-800 {
  background-color: var(--c-blue-800) !important;
}

.bg-blue-900 {
  background-color: var(--c-blue-900) !important;
}

.bg-blue-light {
  background-color: var(--c-blue-light) !important;
}

.bg-blue-lighter {
  background-color: var(--c-blue-lighter) !important;
}

.bg-blue-dark {
  background-color: var(--c-blue-dark) !important;
}

.bg-blue-darker {
  background-color: var(--c-blue-darker) !important;
}

.bg-green {
  background-color: #1FA463 !important;
}

.bg-green-100 {
  background-color: var(--c-green-100) !important;
}

.bg-green-200 {
  background-color: var(--c-green-200) !important;
}

.bg-green-300 {
  background-color: var(--c-green-300) !important;
}

.bg-green-400 {
  background-color: var(--c-green-400) !important;
}

.bg-green-500 {
  background-color: var(--c-green-500) !important;
}

.bg-green-600 {
  background-color: var(--c-green-600) !important;
}

.bg-green-700 {
  background-color: var(--c-green-700) !important;
}

.bg-green-800 {
  background-color: var(--c-green-800) !important;
}

.bg-green-900 {
  background-color: var(--c-green-900) !important;
}

.bg-green-light {
  background-color: var(--c-green-light) !important;
}

.bg-green-lighter {
  background-color: var(--c-green-lighter) !important;
}

.bg-green-dark {
  background-color: var(--c-green-dark) !important;
}

.bg-green-darker {
  background-color: var(--c-green-darker) !important;
}

.bg-red {
  background-color: #E4483D !important;
}

.bg-red-100 {
  background-color: var(--c-red-100) !important;
}

.bg-red-200 {
  background-color: var(--c-red-200) !important;
}

.bg-red-300 {
  background-color: var(--c-red-300) !important;
}

.bg-red-400 {
  background-color: var(--c-red-400) !important;
}

.bg-red-500 {
  background-color: var(--c-red-500) !important;
}

.bg-red-600 {
  background-color: var(--c-red-600) !important;
}

.bg-red-700 {
  background-color: var(--c-red-700) !important;
}

.bg-red-800 {
  background-color: var(--c-red-800) !important;
}

.bg-red-900 {
  background-color: var(--c-red-900) !important;
}

.bg-red-light {
  background-color: var(--c-red-light) !important;
}

.bg-red-lighter {
  background-color: var(--c-red-lighter) !important;
}

.bg-red-dark {
  background-color: var(--c-red-dark) !important;
}

.bg-red-darker {
  background-color: var(--c-red-darker) !important;
}

.bg-pink {
  background-color: #FF3399 !important;
}

.bg-pink-100 {
  background-color: var(--c-pink-100) !important;
}

.bg-pink-200 {
  background-color: var(--c-pink-200) !important;
}

.bg-pink-300 {
  background-color: var(--c-pink-300) !important;
}

.bg-pink-400 {
  background-color: var(--c-pink-400) !important;
}

.bg-pink-500 {
  background-color: var(--c-pink-500) !important;
}

.bg-pink-600 {
  background-color: var(--c-pink-600) !important;
}

.bg-pink-700 {
  background-color: var(--c-pink-700) !important;
}

.bg-pink-800 {
  background-color: var(--c-pink-800) !important;
}

.bg-pink-900 {
  background-color: var(--c-pink-900) !important;
}

.bg-pink-light {
  background-color: var(--c-pink-light) !important;
}

.bg-pink-lighter {
  background-color: var(--c-pink-lighter) !important;
}

.bg-pink-dark {
  background-color: var(--c-pink-dark) !important;
}

.bg-pink-darker {
  background-color: var(--c-pink-darker) !important;
}

.bg-mint {
  background-color: #A5F1EC !important;
}

.bg-mint-100 {
  background-color: var(--c-mint-100) !important;
}

.bg-mint-200 {
  background-color: var(--c-mint-200) !important;
}

.bg-mint-300 {
  background-color: var(--c-mint-300) !important;
}

.bg-mint-400 {
  background-color: var(--c-mint-400) !important;
}

.bg-mint-500 {
  background-color: var(--c-mint-500) !important;
}

.bg-mint-600 {
  background-color: var(--c-mint-600) !important;
}

.bg-mint-700 {
  background-color: var(--c-mint-700) !important;
}

.bg-mint-800 {
  background-color: var(--c-mint-800) !important;
}

.bg-mint-900 {
  background-color: var(--c-mint-900) !important;
}

.bg-mint-light {
  background-color: var(--c-mint-light) !important;
}

.bg-mint-lighter {
  background-color: var(--c-mint-lighter) !important;
}

.bg-mint-dark {
  background-color: var(--c-mint-dark) !important;
}

.bg-mint-darker {
  background-color: var(--c-mint-darker) !important;
}

.bg-silver {
  background-color: #C8C8C8 !important;
}

.bg-silver-100 {
  background-color: var(--c-silver-100) !important;
}

.bg-silver-200 {
  background-color: var(--c-silver-200) !important;
}

.bg-silver-300 {
  background-color: var(--c-silver-300) !important;
}

.bg-silver-400 {
  background-color: var(--c-silver-400) !important;
}

.bg-silver-500 {
  background-color: var(--c-silver-500) !important;
}

.bg-silver-600 {
  background-color: var(--c-silver-600) !important;
}

.bg-silver-700 {
  background-color: var(--c-silver-700) !important;
}

.bg-silver-800 {
  background-color: var(--c-silver-800) !important;
}

.bg-silver-900 {
  background-color: var(--c-silver-900) !important;
}

.bg-silver-light {
  background-color: var(--c-silver-light) !important;
}

.bg-silver-lighter {
  background-color: var(--c-silver-lighter) !important;
}

.bg-silver-dark {
  background-color: var(--c-silver-dark) !important;
}

.bg-silver-darker {
  background-color: var(--c-silver-darker) !important;
}

.bg-purple {
  background-color: #91459A !important;
}

.bg-purple-100 {
  background-color: var(--c-purple-100) !important;
}

.bg-purple-200 {
  background-color: var(--c-purple-200) !important;
}

.bg-purple-300 {
  background-color: var(--c-purple-300) !important;
}

.bg-purple-400 {
  background-color: var(--c-purple-400) !important;
}

.bg-purple-500 {
  background-color: var(--c-purple-500) !important;
}

.bg-purple-600 {
  background-color: var(--c-purple-600) !important;
}

.bg-purple-700 {
  background-color: var(--c-purple-700) !important;
}

.bg-purple-800 {
  background-color: var(--c-purple-800) !important;
}

.bg-purple-900 {
  background-color: var(--c-purple-900) !important;
}

.bg-purple-light {
  background-color: var(--c-purple-light) !important;
}

.bg-purple-lighter {
  background-color: var(--c-purple-lighter) !important;
}

.bg-purple-dark {
  background-color: var(--c-purple-dark) !important;
}

.bg-purple-darker {
  background-color: var(--c-purple-darker) !important;
}

.bg-orange {
  background-color: #FBB03B !important;
}

.bg-orange-100 {
  background-color: var(--c-orange-100) !important;
}

.bg-orange-200 {
  background-color: var(--c-orange-200) !important;
}

.bg-orange-300 {
  background-color: var(--c-orange-300) !important;
}

.bg-orange-400 {
  background-color: var(--c-orange-400) !important;
}

.bg-orange-500 {
  background-color: var(--c-orange-500) !important;
}

.bg-orange-600 {
  background-color: var(--c-orange-600) !important;
}

.bg-orange-700 {
  background-color: var(--c-orange-700) !important;
}

.bg-orange-800 {
  background-color: var(--c-orange-800) !important;
}

.bg-orange-900 {
  background-color: var(--c-orange-900) !important;
}

.bg-orange-light {
  background-color: var(--c-orange-light) !important;
}

.bg-orange-lighter {
  background-color: var(--c-orange-lighter) !important;
}

.bg-orange-dark {
  background-color: var(--c-orange-dark) !important;
}

.bg-orange-darker {
  background-color: var(--c-orange-darker) !important;
}

.bg-yellow {
  background-color: #ffc700 !important;
}

.bg-yellow-100 {
  background-color: var(--c-yellow-100) !important;
}

.bg-yellow-200 {
  background-color: var(--c-yellow-200) !important;
}

.bg-yellow-300 {
  background-color: var(--c-yellow-300) !important;
}

.bg-yellow-400 {
  background-color: var(--c-yellow-400) !important;
}

.bg-yellow-500 {
  background-color: var(--c-yellow-500) !important;
}

.bg-yellow-600 {
  background-color: var(--c-yellow-600) !important;
}

.bg-yellow-700 {
  background-color: var(--c-yellow-700) !important;
}

.bg-yellow-800 {
  background-color: var(--c-yellow-800) !important;
}

.bg-yellow-900 {
  background-color: var(--c-yellow-900) !important;
}

.bg-yellow-light {
  background-color: var(--c-yellow-light) !important;
}

.bg-yellow-lighter {
  background-color: var(--c-yellow-lighter) !important;
}

.bg-yellow-dark {
  background-color: var(--c-yellow-dark) !important;
}

.bg-yellow-darker {
  background-color: var(--c-yellow-darker) !important;
}

.bg-gray {
  background-color: #6B6F8C !important;
}

.bg-gray-100 {
  background-color: var(--c-gray-100) !important;
}

.bg-gray-200 {
  background-color: var(--c-gray-200) !important;
}

.bg-gray-300 {
  background-color: var(--c-gray-300) !important;
}

.bg-gray-400 {
  background-color: var(--c-gray-400) !important;
}

.bg-gray-500 {
  background-color: var(--c-gray-500) !important;
}

.bg-gray-600 {
  background-color: var(--c-gray-600) !important;
}

.bg-gray-700 {
  background-color: var(--c-gray-700) !important;
}

.bg-gray-800 {
  background-color: var(--c-gray-800) !important;
}

.bg-gray-900 {
  background-color: var(--c-gray-900) !important;
}

.bg-gray-light {
  background-color: var(--c-gray-light) !important;
}

.bg-gray-lighter {
  background-color: var(--c-gray-lighter) !important;
}

.bg-gray-dark {
  background-color: var(--c-gray-dark) !important;
}

.bg-gray-darker {
  background-color: var(--c-gray-darker) !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-black {
  background-color: #000 !important;
}

.bg-charcoal {
  background-color: #16224D !important;
}

.bg-primary {
  background-color: #91459A !important;
}

.bg-primary-light {
  background-color: var(--c-primary-light) !important;
}

.bg-primary-lighter {
  background-color: var(--c-primary-lighter) !important;
}

.bg-primary-way-lighter {
  background-color: var(--c-primary-way-lighter) !important;
}

.bg-primary-dark {
  background-color: var(--c-primary-dark) !important;
}

.bg-primary-darker {
  background-color: var(--c-primary-darker) !important;
}

.bg-primary-way-darker {
  background-color: var(--c-primary-way-darker) !important;
}

.bg-secondary {
  background-color: #6B6F8C !important;
}

.bg-secondary-light {
  background-color: var(--c-secondary-light) !important;
}

.bg-secondary-lighter {
  background-color: var(--c-secondary-lighter) !important;
}

.bg-secondary-way-lighter {
  background-color: var(--c-secondary-way-lighter) !important;
}

.bg-secondary-dark {
  background-color: var(--c-secondary-dark) !important;
}

.bg-secondary-darker {
  background-color: var(--c-secondary-darker) !important;
}

.bg-secondary-way-darker {
  background-color: var(--c-secondary-way-darker) !important;
}

.bg-tertiary {
  background-color: #A5F1EC !important;
}

.bg-tertiary-light {
  background-color: var(--c-tertiary-light) !important;
}

.bg-tertiary-lighter {
  background-color: var(--c-tertiary-lighter) !important;
}

.bg-tertiary-way-lighter {
  background-color: var(--c-tertiary-way-lighter) !important;
}

.bg-tertiary-dark {
  background-color: var(--c-tertiary-dark) !important;
}

.bg-tertiary-darker {
  background-color: var(--c-tertiary-darker) !important;
}

.bg-tertiary-way-darker {
  background-color: var(--c-tertiary-way-darker) !important;
}

.bg-cta {
  background-color: #FF3399 !important;
}

.bg-cta-light {
  background-color: var(--c-cta-light) !important;
}

.bg-cta-lighter {
  background-color: var(--c-cta-lighter) !important;
}

.bg-cta-way-lighter {
  background-color: var(--c-cta-way-lighter) !important;
}

.bg-cta-dark {
  background-color: var(--c-cta-dark) !important;
}

.bg-cta-darker {
  background-color: var(--c-cta-darker) !important;
}

.bg-cta-way-darker {
  background-color: var(--c-cta-way-darker) !important;
}

.bg-success {
  background-color: #1FA463 !important;
}

.bg-success-light {
  background-color: var(--c-success-light) !important;
}

.bg-success-lighter {
  background-color: var(--c-success-lighter) !important;
}

.bg-success-way-lighter {
  background-color: var(--c-success-way-lighter) !important;
}

.bg-success-dark {
  background-color: var(--c-success-dark) !important;
}

.bg-success-darker {
  background-color: var(--c-success-darker) !important;
}

.bg-success-way-darker {
  background-color: var(--c-success-way-darker) !important;
}

.bg-danger {
  background-color: #E4483D !important;
}

.bg-danger-light {
  background-color: var(--c-danger-light) !important;
}

.bg-danger-lighter {
  background-color: var(--c-danger-lighter) !important;
}

.bg-danger-way-lighter {
  background-color: var(--c-danger-way-lighter) !important;
}

.bg-danger-dark {
  background-color: var(--c-danger-dark) !important;
}

.bg-danger-darker {
  background-color: var(--c-danger-darker) !important;
}

.bg-danger-way-darker {
  background-color: var(--c-danger-way-darker) !important;
}

.bg-warning {
  background-color: #FBB03B !important;
}

.bg-warning-light {
  background-color: var(--c-warning-light) !important;
}

.bg-warning-lighter {
  background-color: var(--c-warning-lighter) !important;
}

.bg-warning-way-lighter {
  background-color: var(--c-warning-way-lighter) !important;
}

.bg-warning-dark {
  background-color: var(--c-warning-dark) !important;
}

.bg-warning-darker {
  background-color: var(--c-warning-darker) !important;
}

.bg-warning-way-darker {
  background-color: var(--c-warning-way-darker) !important;
}

.bg-info {
  background-color: #6B6F8C !important;
}

.bg-info-light {
  background-color: var(--c-info-light) !important;
}

.bg-info-lighter {
  background-color: var(--c-info-lighter) !important;
}

.bg-info-way-lighter {
  background-color: var(--c-info-way-lighter) !important;
}

.bg-info-dark {
  background-color: var(--c-info-dark) !important;
}

.bg-info-darker {
  background-color: var(--c-info-darker) !important;
}

.bg-info-way-darker {
  background-color: var(--c-info-way-darker) !important;
}

.bg-bg-body {
  background-color: #fff !important;
}

.bg-bg-body-light {
  background-color: var(--c-bg-body-light) !important;
}

.bg-bg-body-lighter {
  background-color: var(--c-bg-body-lighter) !important;
}

.bg-bg-body-way-lighter {
  background-color: var(--c-bg-body-way-lighter) !important;
}

.bg-bg-body-dark {
  background-color: var(--c-bg-body-dark) !important;
}

.bg-bg-body-darker {
  background-color: var(--c-bg-body-darker) !important;
}

.bg-bg-body-way-darker {
  background-color: var(--c-bg-body-way-darker) !important;
}

.bg-bg-alt {
  background-color: #F5F9FA !important;
}

.bg-bg-alt-light {
  background-color: var(--c-bg-alt-light) !important;
}

.bg-bg-alt-lighter {
  background-color: var(--c-bg-alt-lighter) !important;
}

.bg-bg-alt-way-lighter {
  background-color: var(--c-bg-alt-way-lighter) !important;
}

.bg-bg-alt-dark {
  background-color: var(--c-bg-alt-dark) !important;
}

.bg-bg-alt-darker {
  background-color: var(--c-bg-alt-darker) !important;
}

.bg-bg-alt-way-darker {
  background-color: var(--c-bg-alt-way-darker) !important;
}

.bg-bg-tint {
  background-color: #FBFDFD !important;
}

.bg-bg-tint-light {
  background-color: var(--c-bg-tint-light) !important;
}

.bg-bg-tint-lighter {
  background-color: var(--c-bg-tint-lighter) !important;
}

.bg-bg-tint-way-lighter {
  background-color: var(--c-bg-tint-way-lighter) !important;
}

.bg-bg-tint-dark {
  background-color: var(--c-bg-tint-dark) !important;
}

.bg-bg-tint-darker {
  background-color: var(--c-bg-tint-darker) !important;
}

.bg-bg-tint-way-darker {
  background-color: var(--c-bg-tint-way-darker) !important;
}

.bg-bg-accent {
  background-color: rgb(246, 253.6, 253.1) !important;
}

.bg-bg-accent-light {
  background-color: var(--c-bg-accent-light) !important;
}

.bg-bg-accent-lighter {
  background-color: var(--c-bg-accent-lighter) !important;
}

.bg-bg-accent-way-lighter {
  background-color: var(--c-bg-accent-way-lighter) !important;
}

.bg-bg-accent-dark {
  background-color: var(--c-bg-accent-dark) !important;
}

.bg-bg-accent-darker {
  background-color: var(--c-bg-accent-darker) !important;
}

.bg-bg-accent-way-darker {
  background-color: var(--c-bg-accent-way-darker) !important;
}

.bg-bg-dark {
  background-color: #1D2E66 !important;
}

.bg-bg-dark-light {
  background-color: var(--c-bg-dark-light) !important;
}

.bg-bg-dark-lighter {
  background-color: var(--c-bg-dark-lighter) !important;
}

.bg-bg-dark-way-lighter {
  background-color: var(--c-bg-dark-way-lighter) !important;
}

.bg-bg-dark-dark {
  background-color: var(--c-bg-dark-dark) !important;
}

.bg-bg-dark-darker {
  background-color: var(--c-bg-dark-darker) !important;
}

.bg-bg-dark-way-darker {
  background-color: var(--c-bg-dark-way-darker) !important;
}

.bg-bg-dark-alt {
  background-color: rgb(13.05, 20.7, 45.9) !important;
}

.bg-bg-dark-alt-light {
  background-color: var(--c-bg-dark-alt-light) !important;
}

.bg-bg-dark-alt-lighter {
  background-color: var(--c-bg-dark-alt-lighter) !important;
}

.bg-bg-dark-alt-way-lighter {
  background-color: var(--c-bg-dark-alt-way-lighter) !important;
}

.bg-bg-dark-alt-dark {
  background-color: var(--c-bg-dark-alt-dark) !important;
}

.bg-bg-dark-alt-darker {
  background-color: var(--c-bg-dark-alt-darker) !important;
}

.bg-bg-dark-alt-way-darker {
  background-color: var(--c-bg-dark-alt-way-darker) !important;
}

.bg-bg-dark-neutral {
  background-color: #16224D !important;
}

.bg-bg-dark-neutral-light {
  background-color: var(--c-bg-dark-neutral-light) !important;
}

.bg-bg-dark-neutral-lighter {
  background-color: var(--c-bg-dark-neutral-lighter) !important;
}

.bg-bg-dark-neutral-way-lighter {
  background-color: var(--c-bg-dark-neutral-way-lighter) !important;
}

.bg-bg-dark-neutral-dark {
  background-color: var(--c-bg-dark-neutral-dark) !important;
}

.bg-bg-dark-neutral-darker {
  background-color: var(--c-bg-dark-neutral-darker) !important;
}

.bg-bg-dark-neutral-way-darker {
  background-color: var(--c-bg-dark-neutral-way-darker) !important;
}

.bg-bg-footer {
  background-color: rgb(7.25, 11.5, 25.5) !important;
}

.bg-bg-footer-light {
  background-color: var(--c-bg-footer-light) !important;
}

.bg-bg-footer-lighter {
  background-color: var(--c-bg-footer-lighter) !important;
}

.bg-bg-footer-way-lighter {
  background-color: var(--c-bg-footer-way-lighter) !important;
}

.bg-bg-footer-dark {
  background-color: var(--c-bg-footer-dark) !important;
}

.bg-bg-footer-darker {
  background-color: var(--c-bg-footer-darker) !important;
}

.bg-bg-footer-way-darker {
  background-color: var(--c-bg-footer-way-darker) !important;
}

.bg-text-body {
  background-color: #16224D !important;
}

.bg-text-body-light {
  background-color: var(--c-text-body-light) !important;
}

.bg-text-body-lighter {
  background-color: var(--c-text-body-lighter) !important;
}

.bg-text-body-way-lighter {
  background-color: var(--c-text-body-way-lighter) !important;
}

.bg-text-body-dark {
  background-color: var(--c-text-body-dark) !important;
}

.bg-text-body-darker {
  background-color: var(--c-text-body-darker) !important;
}

.bg-text-body-way-darker {
  background-color: var(--c-text-body-way-darker) !important;
}

.bg-text-heading {
  background-color: rgb(20.88, 33.12, 73.44) !important;
}

.bg-text-heading-light {
  background-color: var(--c-text-heading-light) !important;
}

.bg-text-heading-lighter {
  background-color: var(--c-text-heading-lighter) !important;
}

.bg-text-heading-way-lighter {
  background-color: var(--c-text-heading-way-lighter) !important;
}

.bg-text-heading-dark {
  background-color: var(--c-text-heading-dark) !important;
}

.bg-text-heading-darker {
  background-color: var(--c-text-heading-darker) !important;
}

.bg-text-heading-way-darker {
  background-color: var(--c-text-heading-way-darker) !important;
}

.bg-text-link {
  background-color: rgb(123.25, 58.65, 130.9) !important;
}

.bg-text-link-light {
  background-color: var(--c-text-link-light) !important;
}

.bg-text-link-lighter {
  background-color: var(--c-text-link-lighter) !important;
}

.bg-text-link-way-lighter {
  background-color: var(--c-text-link-way-lighter) !important;
}

.bg-text-link-dark {
  background-color: var(--c-text-link-dark) !important;
}

.bg-text-link-darker {
  background-color: var(--c-text-link-darker) !important;
}

.bg-text-link-way-darker {
  background-color: var(--c-text-link-way-darker) !important;
}

.bg-text-muted {
  background-color: rgb(90.95, 94.35, 119) !important;
}

.bg-text-muted-light {
  background-color: var(--c-text-muted-light) !important;
}

.bg-text-muted-lighter {
  background-color: var(--c-text-muted-lighter) !important;
}

.bg-text-muted-way-lighter {
  background-color: var(--c-text-muted-way-lighter) !important;
}

.bg-text-muted-dark {
  background-color: var(--c-text-muted-dark) !important;
}

.bg-text-muted-darker {
  background-color: var(--c-text-muted-darker) !important;
}

.bg-text-muted-way-darker {
  background-color: var(--c-text-muted-way-darker) !important;
}

.bg-text-muted-extra {
  background-color: rgb(129.2, 132.6, 157.25) !important;
}

.bg-text-muted-extra-light {
  background-color: var(--c-text-muted-extra-light) !important;
}

.bg-text-muted-extra-lighter {
  background-color: var(--c-text-muted-extra-lighter) !important;
}

.bg-text-muted-extra-way-lighter {
  background-color: var(--c-text-muted-extra-way-lighter) !important;
}

.bg-text-muted-extra-dark {
  background-color: var(--c-text-muted-extra-dark) !important;
}

.bg-text-muted-extra-darker {
  background-color: var(--c-text-muted-extra-darker) !important;
}

.bg-text-muted-extra-way-darker {
  background-color: var(--c-text-muted-extra-way-darker) !important;
}

.bg-text-on-dark {
  background-color: #fff !important;
}

.bg-text-on-dark-light {
  background-color: var(--c-text-on-dark-light) !important;
}

.bg-text-on-dark-lighter {
  background-color: var(--c-text-on-dark-lighter) !important;
}

.bg-text-on-dark-way-lighter {
  background-color: var(--c-text-on-dark-way-lighter) !important;
}

.bg-text-on-dark-dark {
  background-color: var(--c-text-on-dark-dark) !important;
}

.bg-text-on-dark-darker {
  background-color: var(--c-text-on-dark-darker) !important;
}

.bg-text-on-dark-way-darker {
  background-color: var(--c-text-on-dark-way-darker) !important;
}

.bg-text-on-dark-muted {
  background-color: #A5F1EC !important;
}

.bg-text-on-dark-muted-light {
  background-color: var(--c-text-on-dark-muted-light) !important;
}

.bg-text-on-dark-muted-lighter {
  background-color: var(--c-text-on-dark-muted-lighter) !important;
}

.bg-text-on-dark-muted-way-lighter {
  background-color: var(--c-text-on-dark-muted-way-lighter) !important;
}

.bg-text-on-dark-muted-dark {
  background-color: var(--c-text-on-dark-muted-dark) !important;
}

.bg-text-on-dark-muted-darker {
  background-color: var(--c-text-on-dark-muted-darker) !important;
}

.bg-text-on-dark-muted-way-darker {
  background-color: var(--c-text-on-dark-muted-way-darker) !important;
}

.bg-text-on-dark-link {
  background-color: #A5F1EC !important;
}

.bg-text-on-dark-link-light {
  background-color: var(--c-text-on-dark-link-light) !important;
}

.bg-text-on-dark-link-lighter {
  background-color: var(--c-text-on-dark-link-lighter) !important;
}

.bg-text-on-dark-link-way-lighter {
  background-color: var(--c-text-on-dark-link-way-lighter) !important;
}

.bg-text-on-dark-link-dark {
  background-color: var(--c-text-on-dark-link-dark) !important;
}

.bg-text-on-dark-link-darker {
  background-color: var(--c-text-on-dark-link-darker) !important;
}

.bg-text-on-dark-link-way-darker {
  background-color: var(--c-text-on-dark-link-way-darker) !important;
}

.bg-border-on-dark {
  background-color: #fff !important;
}

.bg-border-on-dark-light {
  background-color: var(--c-border-on-dark-light) !important;
}

.bg-border-on-dark-lighter {
  background-color: var(--c-border-on-dark-lighter) !important;
}

.bg-border-on-dark-way-lighter {
  background-color: var(--c-border-on-dark-way-lighter) !important;
}

.bg-border-on-dark-dark {
  background-color: var(--c-border-on-dark-dark) !important;
}

.bg-border-on-dark-darker {
  background-color: var(--c-border-on-dark-darker) !important;
}

.bg-border-on-dark-way-darker {
  background-color: var(--c-border-on-dark-way-darker) !important;
}

.bg-border-on-dark-subtle {
  background-color: rgb(90.95, 94.35, 119) !important;
}

.bg-border-on-dark-subtle-light {
  background-color: var(--c-border-on-dark-subtle-light) !important;
}

.bg-border-on-dark-subtle-lighter {
  background-color: var(--c-border-on-dark-subtle-lighter) !important;
}

.bg-border-on-dark-subtle-way-lighter {
  background-color: var(--c-border-on-dark-subtle-way-lighter) !important;
}

.bg-border-on-dark-subtle-dark {
  background-color: var(--c-border-on-dark-subtle-dark) !important;
}

.bg-border-on-dark-subtle-darker {
  background-color: var(--c-border-on-dark-subtle-darker) !important;
}

.bg-border-on-dark-subtle-way-darker {
  background-color: var(--c-border-on-dark-subtle-way-darker) !important;
}

.bg-border-input {
  background-color: #E3E6EE !important;
}

.bg-border-input-light {
  background-color: var(--c-border-input-light) !important;
}

.bg-border-input-lighter {
  background-color: var(--c-border-input-lighter) !important;
}

.bg-border-input-way-lighter {
  background-color: var(--c-border-input-way-lighter) !important;
}

.bg-border-input-dark {
  background-color: var(--c-border-input-dark) !important;
}

.bg-border-input-darker {
  background-color: var(--c-border-input-darker) !important;
}

.bg-border-input-way-darker {
  background-color: var(--c-border-input-way-darker) !important;
}

.bg-border-card {
  background-color: #E3E6EE !important;
}

.bg-border-card-light {
  background-color: var(--c-border-card-light) !important;
}

.bg-border-card-lighter {
  background-color: var(--c-border-card-lighter) !important;
}

.bg-border-card-way-lighter {
  background-color: var(--c-border-card-way-lighter) !important;
}

.bg-border-card-dark {
  background-color: var(--c-border-card-dark) !important;
}

.bg-border-card-darker {
  background-color: var(--c-border-card-darker) !important;
}

.bg-border-card-way-darker {
  background-color: var(--c-border-card-way-darker) !important;
}

.bg-border-divider {
  background-color: #E3E6EE !important;
}

.bg-border-divider-light {
  background-color: var(--c-border-divider-light) !important;
}

.bg-border-divider-lighter {
  background-color: var(--c-border-divider-lighter) !important;
}

.bg-border-divider-way-lighter {
  background-color: var(--c-border-divider-way-lighter) !important;
}

.bg-border-divider-dark {
  background-color: var(--c-border-divider-dark) !important;
}

.bg-border-divider-darker {
  background-color: var(--c-border-divider-darker) !important;
}

.bg-border-divider-way-darker {
  background-color: var(--c-border-divider-way-darker) !important;
}

.bg-bg-input {
  background-color: #fff !important;
}

.bg-bg-input-light {
  background-color: var(--c-bg-input-light) !important;
}

.bg-bg-input-lighter {
  background-color: var(--c-bg-input-lighter) !important;
}

.bg-bg-input-way-lighter {
  background-color: var(--c-bg-input-way-lighter) !important;
}

.bg-bg-input-dark {
  background-color: var(--c-bg-input-dark) !important;
}

.bg-bg-input-darker {
  background-color: var(--c-bg-input-darker) !important;
}

.bg-bg-input-way-darker {
  background-color: var(--c-bg-input-way-darker) !important;
}

.bg-border-input-focus {
  background-color: #91459A !important;
}

.bg-border-input-focus-light {
  background-color: var(--c-border-input-focus-light) !important;
}

.bg-border-input-focus-lighter {
  background-color: var(--c-border-input-focus-lighter) !important;
}

.bg-border-input-focus-way-lighter {
  background-color: var(--c-border-input-focus-way-lighter) !important;
}

.bg-border-input-focus-dark {
  background-color: var(--c-border-input-focus-dark) !important;
}

.bg-border-input-focus-darker {
  background-color: var(--c-border-input-focus-darker) !important;
}

.bg-border-input-focus-way-darker {
  background-color: var(--c-border-input-focus-way-darker) !important;
}

.bg-bg-table-header {
  background-color: #1D2E66 !important;
}

.bg-bg-table-header-light {
  background-color: var(--c-bg-table-header-light) !important;
}

.bg-bg-table-header-lighter {
  background-color: var(--c-bg-table-header-lighter) !important;
}

.bg-bg-table-header-way-lighter {
  background-color: var(--c-bg-table-header-way-lighter) !important;
}

.bg-bg-table-header-dark {
  background-color: var(--c-bg-table-header-dark) !important;
}

.bg-bg-table-header-darker {
  background-color: var(--c-bg-table-header-darker) !important;
}

.bg-bg-table-header-way-darker {
  background-color: var(--c-bg-table-header-way-darker) !important;
}

.bg-text-table-header {
  background-color: #fff !important;
}

.bg-text-table-header-light {
  background-color: var(--c-text-table-header-light) !important;
}

.bg-text-table-header-lighter {
  background-color: var(--c-text-table-header-lighter) !important;
}

.bg-text-table-header-way-lighter {
  background-color: var(--c-text-table-header-way-lighter) !important;
}

.bg-text-table-header-dark {
  background-color: var(--c-text-table-header-dark) !important;
}

.bg-text-table-header-darker {
  background-color: var(--c-text-table-header-darker) !important;
}

.bg-text-table-header-way-darker {
  background-color: var(--c-text-table-header-way-darker) !important;
}

.bg-bg-table-alt {
  background-color: #C8C8C8 !important;
}

.bg-bg-table-alt-light {
  background-color: var(--c-bg-table-alt-light) !important;
}

.bg-bg-table-alt-lighter {
  background-color: var(--c-bg-table-alt-lighter) !important;
}

.bg-bg-table-alt-way-lighter {
  background-color: var(--c-bg-table-alt-way-lighter) !important;
}

.bg-bg-table-alt-dark {
  background-color: var(--c-bg-table-alt-dark) !important;
}

.bg-bg-table-alt-darker {
  background-color: var(--c-bg-table-alt-darker) !important;
}

.bg-bg-table-alt-way-darker {
  background-color: var(--c-bg-table-alt-way-darker) !important;
}

.bg-bg-table-hover {
  background-color: #91459A !important;
}

.bg-bg-table-hover-light {
  background-color: var(--c-bg-table-hover-light) !important;
}

.bg-bg-table-hover-lighter {
  background-color: var(--c-bg-table-hover-lighter) !important;
}

.bg-bg-table-hover-way-lighter {
  background-color: var(--c-bg-table-hover-way-lighter) !important;
}

.bg-bg-table-hover-dark {
  background-color: var(--c-bg-table-hover-dark) !important;
}

.bg-bg-table-hover-darker {
  background-color: var(--c-bg-table-hover-darker) !important;
}

.bg-bg-table-hover-way-darker {
  background-color: var(--c-bg-table-hover-way-darker) !important;
}

.bg-text-table-hover {
  background-color: #fff !important;
}

.bg-text-table-hover-light {
  background-color: var(--c-text-table-hover-light) !important;
}

.bg-text-table-hover-lighter {
  background-color: var(--c-text-table-hover-lighter) !important;
}

.bg-text-table-hover-way-lighter {
  background-color: var(--c-text-table-hover-way-lighter) !important;
}

.bg-text-table-hover-dark {
  background-color: var(--c-text-table-hover-dark) !important;
}

.bg-text-table-hover-darker {
  background-color: var(--c-text-table-hover-darker) !important;
}

.bg-text-table-hover-way-darker {
  background-color: var(--c-text-table-hover-way-darker) !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-white-light {
  background-color: var(--c-white-light) !important;
}

.bg-white-lighter {
  background-color: var(--c-white-lighter) !important;
}

.bg-white-way-lighter {
  background-color: var(--c-white-way-lighter) !important;
}

.bg-white-dark {
  background-color: var(--c-white-dark) !important;
}

.bg-white-darker {
  background-color: var(--c-white-darker) !important;
}

.bg-white-way-darker {
  background-color: var(--c-white-way-darker) !important;
}

.bg-gradient-primary {
  background: linear-gradient(135deg, #91459A, var(--c-primary-dark));
}

.bg-gradient-light-primary {
  background: linear-gradient(135deg, var(--c-primary-lighter), #91459A);
}

.bg-gradient-secondary {
  background: linear-gradient(135deg, #6B6F8C, var(--c-secondary-dark));
}

.bg-gradient-light-secondary {
  background: linear-gradient(135deg, var(--c-secondary-lighter), #6B6F8C);
}

.bg-gradient-tertiary {
  background: linear-gradient(135deg, #A5F1EC, var(--c-tertiary-dark));
}

.bg-gradient-light-tertiary {
  background: linear-gradient(135deg, var(--c-tertiary-lighter), #A5F1EC);
}

.bg-gradient-cta {
  background: linear-gradient(135deg, #FF3399, var(--c-cta-dark));
}

.bg-gradient-light-cta {
  background: linear-gradient(135deg, var(--c-cta-lighter), #FF3399);
}

.bg-gradient-success {
  background: linear-gradient(135deg, #1FA463, var(--c-success-dark));
}

.bg-gradient-light-success {
  background: linear-gradient(135deg, var(--c-success-lighter), #1FA463);
}

.bg-gradient-danger {
  background: linear-gradient(135deg, #E4483D, var(--c-danger-dark));
}

.bg-gradient-light-danger {
  background: linear-gradient(135deg, var(--c-danger-lighter), #E4483D);
}

.bg-gradient-warning {
  background: linear-gradient(135deg, #FBB03B, var(--c-warning-dark));
}

.bg-gradient-light-warning {
  background: linear-gradient(135deg, var(--c-warning-lighter), #FBB03B);
}

.bg-gradient-info {
  background: linear-gradient(135deg, #6B6F8C, var(--c-info-dark));
}

.bg-gradient-light-info {
  background: linear-gradient(135deg, var(--c-info-lighter), #6B6F8C);
}

.bg-gradient-bg-body {
  background: linear-gradient(135deg, #fff, var(--c-bg-body-dark));
}

.bg-gradient-light-bg-body {
  background: linear-gradient(135deg, var(--c-bg-body-lighter), #fff);
}

.bg-gradient-bg-alt {
  background: linear-gradient(135deg, #F5F9FA, var(--c-bg-alt-dark));
}

.bg-gradient-light-bg-alt {
  background: linear-gradient(135deg, var(--c-bg-alt-lighter), #F5F9FA);
}

.bg-gradient-bg-tint {
  background: linear-gradient(135deg, #FBFDFD, var(--c-bg-tint-dark));
}

.bg-gradient-light-bg-tint {
  background: linear-gradient(135deg, var(--c-bg-tint-lighter), #FBFDFD);
}

.bg-gradient-bg-accent {
  background: linear-gradient(135deg, rgb(246, 253.6, 253.1), var(--c-bg-accent-dark));
}

.bg-gradient-light-bg-accent {
  background: linear-gradient(135deg, var(--c-bg-accent-lighter), rgb(246, 253.6, 253.1));
}

.bg-gradient-bg-dark {
  background: linear-gradient(135deg, #1D2E66, var(--c-bg-dark-dark));
}

.bg-gradient-light-bg-dark {
  background: linear-gradient(135deg, var(--c-bg-dark-lighter), #1D2E66);
}

.bg-gradient-bg-dark-alt {
  background: linear-gradient(135deg, rgb(13.05, 20.7, 45.9), var(--c-bg-dark-alt-dark));
}

.bg-gradient-light-bg-dark-alt {
  background: linear-gradient(135deg, var(--c-bg-dark-alt-lighter), rgb(13.05, 20.7, 45.9));
}

.bg-gradient-bg-dark-neutral {
  background: linear-gradient(135deg, #16224D, var(--c-bg-dark-neutral-dark));
}

.bg-gradient-light-bg-dark-neutral {
  background: linear-gradient(135deg, var(--c-bg-dark-neutral-lighter), #16224D);
}

.bg-gradient-bg-footer {
  background: linear-gradient(135deg, rgb(7.25, 11.5, 25.5), var(--c-bg-footer-dark));
}

.bg-gradient-light-bg-footer {
  background: linear-gradient(135deg, var(--c-bg-footer-lighter), rgb(7.25, 11.5, 25.5));
}

.bg-gradient-text-body {
  background: linear-gradient(135deg, #16224D, var(--c-text-body-dark));
}

.bg-gradient-light-text-body {
  background: linear-gradient(135deg, var(--c-text-body-lighter), #16224D);
}

.bg-gradient-text-heading {
  background: linear-gradient(135deg, rgb(20.88, 33.12, 73.44), var(--c-text-heading-dark));
}

.bg-gradient-light-text-heading {
  background: linear-gradient(135deg, var(--c-text-heading-lighter), rgb(20.88, 33.12, 73.44));
}

.bg-gradient-text-link {
  background: linear-gradient(135deg, rgb(123.25, 58.65, 130.9), var(--c-text-link-dark));
}

.bg-gradient-light-text-link {
  background: linear-gradient(135deg, var(--c-text-link-lighter), rgb(123.25, 58.65, 130.9));
}

.bg-gradient-text-muted {
  background: linear-gradient(135deg, rgb(90.95, 94.35, 119), var(--c-text-muted-dark));
}

.bg-gradient-light-text-muted {
  background: linear-gradient(135deg, var(--c-text-muted-lighter), rgb(90.95, 94.35, 119));
}

.bg-gradient-text-muted-extra {
  background: linear-gradient(135deg, rgb(129.2, 132.6, 157.25), var(--c-text-muted-extra-dark));
}

.bg-gradient-light-text-muted-extra {
  background: linear-gradient(135deg, var(--c-text-muted-extra-lighter), rgb(129.2, 132.6, 157.25));
}

.bg-gradient-text-on-dark {
  background: linear-gradient(135deg, #fff, var(--c-text-on-dark-dark));
}

.bg-gradient-light-text-on-dark {
  background: linear-gradient(135deg, var(--c-text-on-dark-lighter), #fff);
}

.bg-gradient-text-on-dark-muted {
  background: linear-gradient(135deg, #A5F1EC, var(--c-text-on-dark-muted-dark));
}

.bg-gradient-light-text-on-dark-muted {
  background: linear-gradient(135deg, var(--c-text-on-dark-muted-lighter), #A5F1EC);
}

.bg-gradient-text-on-dark-link {
  background: linear-gradient(135deg, #A5F1EC, var(--c-text-on-dark-link-dark));
}

.bg-gradient-light-text-on-dark-link {
  background: linear-gradient(135deg, var(--c-text-on-dark-link-lighter), #A5F1EC);
}

.bg-gradient-border-on-dark {
  background: linear-gradient(135deg, #fff, var(--c-border-on-dark-dark));
}

.bg-gradient-light-border-on-dark {
  background: linear-gradient(135deg, var(--c-border-on-dark-lighter), #fff);
}

.bg-gradient-border-on-dark-subtle {
  background: linear-gradient(135deg, rgb(90.95, 94.35, 119), var(--c-border-on-dark-subtle-dark));
}

.bg-gradient-light-border-on-dark-subtle {
  background: linear-gradient(135deg, var(--c-border-on-dark-subtle-lighter), rgb(90.95, 94.35, 119));
}

.bg-gradient-border-input {
  background: linear-gradient(135deg, #E3E6EE, var(--c-border-input-dark));
}

.bg-gradient-light-border-input {
  background: linear-gradient(135deg, var(--c-border-input-lighter), #E3E6EE);
}

.bg-gradient-border-card {
  background: linear-gradient(135deg, #E3E6EE, var(--c-border-card-dark));
}

.bg-gradient-light-border-card {
  background: linear-gradient(135deg, var(--c-border-card-lighter), #E3E6EE);
}

.bg-gradient-border-divider {
  background: linear-gradient(135deg, #E3E6EE, var(--c-border-divider-dark));
}

.bg-gradient-light-border-divider {
  background: linear-gradient(135deg, var(--c-border-divider-lighter), #E3E6EE);
}

.bg-gradient-bg-input {
  background: linear-gradient(135deg, #fff, var(--c-bg-input-dark));
}

.bg-gradient-light-bg-input {
  background: linear-gradient(135deg, var(--c-bg-input-lighter), #fff);
}

.bg-gradient-border-input-focus {
  background: linear-gradient(135deg, #91459A, var(--c-border-input-focus-dark));
}

.bg-gradient-light-border-input-focus {
  background: linear-gradient(135deg, var(--c-border-input-focus-lighter), #91459A);
}

.bg-gradient-bg-table-header {
  background: linear-gradient(135deg, #1D2E66, var(--c-bg-table-header-dark));
}

.bg-gradient-light-bg-table-header {
  background: linear-gradient(135deg, var(--c-bg-table-header-lighter), #1D2E66);
}

.bg-gradient-text-table-header {
  background: linear-gradient(135deg, #fff, var(--c-text-table-header-dark));
}

.bg-gradient-light-text-table-header {
  background: linear-gradient(135deg, var(--c-text-table-header-lighter), #fff);
}

.bg-gradient-bg-table-alt {
  background: linear-gradient(135deg, #C8C8C8, var(--c-bg-table-alt-dark));
}

.bg-gradient-light-bg-table-alt {
  background: linear-gradient(135deg, var(--c-bg-table-alt-lighter), #C8C8C8);
}

.bg-gradient-bg-table-hover {
  background: linear-gradient(135deg, #91459A, var(--c-bg-table-hover-dark));
}

.bg-gradient-light-bg-table-hover {
  background: linear-gradient(135deg, var(--c-bg-table-hover-lighter), #91459A);
}

.bg-gradient-text-table-hover {
  background: linear-gradient(135deg, #fff, var(--c-text-table-hover-dark));
}

.bg-gradient-light-text-table-hover {
  background: linear-gradient(135deg, var(--c-text-table-hover-lighter), #fff);
}

.bg-gradient-white {
  background: linear-gradient(135deg, #fff, var(--c-white-dark));
}

.bg-gradient-light-white {
  background: linear-gradient(135deg, var(--c-white-lighter), #fff);
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-inherit {
  background-color: inherit !important;
}

.bg-current {
  background-color: currentcolor !important;
}

.bg-opacity-0 {
  --bg-opacity: 0;
}

.bg-opacity-10 {
  --bg-opacity: 0.1;
}

.bg-opacity-20 {
  --bg-opacity: 0.2;
}

.bg-opacity-30 {
  --bg-opacity: 0.3;
}

.bg-opacity-40 {
  --bg-opacity: 0.4;
}

.bg-opacity-50 {
  --bg-opacity: 0.5;
}

.bg-opacity-60 {
  --bg-opacity: 0.6;
}

.bg-opacity-70 {
  --bg-opacity: 0.7;
}

.bg-opacity-80 {
  --bg-opacity: 0.8;
}

.bg-opacity-90 {
  --bg-opacity: 0.9;
}

.bg-opacity-100 {
  --bg-opacity: 1;
}

.bg-blend-normal {
  background-blend-mode: normal;
}

.bg-blend-multiply {
  background-blend-mode: multiply;
}

.bg-blend-overlay {
  background-blend-mode: overlay;
}

.bg-blend-darken {
  background-blend-mode: darken;
}

.bg-blend-lighten {
  background-blend-mode: lighten;
}

.bg-body, .bg-light {
  --section-bg: var(--bg-body);
  background-color: var(--bg-body) !important;
  color: var(--text-body) !important;
}

.bg-alt-light {
  --section-bg: var(--bg-alt-light);
  background-color: var(--bg-alt-light) !important;
  color: var(--text-body) !important;
}

.bg-alt-tint {
  --section-bg: var(--bg-alt-tint);
  background-color: var(--bg-alt-tint) !important;
  color: var(--text-body) !important;
}

.bg-accent-light {
  --section-bg: var(--bg-accent-light);
  background-color: var(--bg-accent-light) !important;
  color: var(--text-body) !important;
}

.bg-dark-primary, .bg-dark {
  --section-bg: var(--bg-dark-primary);
  background-color: var(--bg-dark-primary) !important;
  color: var(--text-on-dark) !important;
}

.bg-dark-alt {
  --section-bg: var(--bg-dark-alt);
  background-color: var(--bg-dark-alt) !important;
  color: var(--text-on-dark) !important;
}

.bg-dark-neutral {
  --section-bg: var(--bg-dark-neutral);
  background-color: var(--bg-dark-neutral) !important;
  color: var(--text-on-dark) !important;
}

.bg-footer {
  --section-bg: var(--bg-footer);
  background-color: var(--bg-footer) !important;
  color: var(--text-on-dark) !important;
}

.text-light {
  color: var(--text-on-dark) !important;
}

.text-dark {
  color: var(--text-body) !important;
}

:root {
  --parallax-depth: 1;
  --parallax-zoom: 1.4;
}

.page-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: var(--menu-height);
  scrollbar-width: none;
}
.page-content::-webkit-scrollbar {
  display: none;
}

.page-content--transparent-nav {
  padding-top: 0;
}

.page-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-position: center;
  background-size: var(--bg-pattern-size, 120%);
  background-repeat: repeat;
  opacity: var(--bg-pattern-opacity, 0.02);
  filter: invert(var(--bg-pattern-invert, 0)) var(--bg-pattern-tint, );
  pointer-events: none;
}

.page-bg[data-page-parallax] {
  position: fixed;
  will-change: transform;
}

.page-bg-circuit {
  background-image: url("/images/backgrounds/circuit.svg");
}

.page-bg-dots {
  background-image: url("/images/backgrounds/dots.svg");
}

.page-bg-dots-funnel {
  background-image: url("/images/backgrounds/dots-funnel.svg");
}

.page-bg-gradient-dots {
  background-image: url("/images/backgrounds/gradient-dots.svg");
}

.page-bg-hexagons {
  background-image: url("/images/backgrounds/hexagons.svg");
}

.page-bg-molecules {
  background-image: url("/images/backgrounds/molecules.svg");
}

.page-bg-snakes {
  background-image: url("/images/backgrounds/snakes.svg");
}

.page-bg-snakes-left {
  background-image: url("/images/backgrounds/snakes-left.svg");
}

.page-bg-squares {
  background-image: url("/images/backgrounds/squares.svg");
}

.page-bg-stalagmites {
  background-image: url("/images/backgrounds/stalagmites.svg");
}

.page-bg-waves-bottom-right {
  background-image: url("/images/backgrounds/waves-bottom-right.svg");
}

.page-content > [style*="--section-bg-opacity"] {
  background-color: transparent !important;
  position: relative;
}
.page-content > [style*="--section-bg-opacity"]::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--section-bg);
  opacity: var(--section-bg-opacity, 1);
  z-index: 0;
  pointer-events: none;
}
.page-content > [style*="--section-bg-opacity"] > * {
  position: relative;
  z-index: 1;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: var(--btn-border-radius);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  font-weight: 700;
  padding: 12px 28px;
  font-size: var(--fs-3);
}
.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--c-primary-200);
}
.btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn.btn-xs {
  padding: 6px 8px;
  font-size: 0.75rem;
}
.btn.btn-sm {
  padding: 8px 20px;
  font-size: 0.875rem;
}
.btn.btn-lg {
  padding: 20px 50px;
  font-size: 1.5rem;
}
.btn.btn-xl {
  padding: 24px 60px;
  font-size: 1.75rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-rounded {
  border-radius: 9999px;
}

.btn-primary {
  background-color: #91459A;
  color: #fff;
  border: 1px solid #91459A;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-primary:hover {
  background-color: var(--c-primary-dark);
  border-color: var(--c-primary-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-primary:active, .btn-primary:focus {
  background-color: var(--c-primary-darker);
  border-color: var(--c-primary-darker);
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-primary {
  background-color: transparent;
  color: #91459A;
  border: 1px solid #91459A;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-primary:hover {
  background-color: #91459A;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-outline-primary:active, .btn-outline-primary:focus {
  background-color: var(--c-primary-dark);
  border-color: var(--c-primary-dark);
  color: #fff;
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-outline-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-primary {
  background-color: rgba(145, 69, 154, 0.25);
  color: var(--c-primary-dark);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-ghost-primary:hover {
  background-color: rgba(145, 69, 154, 0.15);
}
.btn-ghost-primary:active, .btn-ghost-primary:focus {
  background-color: rgba(145, 69, 154, 0.2);
}
.btn-ghost-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-secondary {
  background-color: #6B6F8C;
  color: #fff;
  border: 1px solid #6B6F8C;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-secondary:hover {
  background-color: var(--c-secondary-dark);
  border-color: var(--c-secondary-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-secondary:active, .btn-secondary:focus {
  background-color: var(--c-secondary-darker);
  border-color: var(--c-secondary-darker);
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-secondary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-secondary {
  background-color: transparent;
  color: #6B6F8C;
  border: 1px solid #6B6F8C;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-secondary:hover {
  background-color: #6B6F8C;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-outline-secondary:active, .btn-outline-secondary:focus {
  background-color: var(--c-secondary-dark);
  border-color: var(--c-secondary-dark);
  color: #fff;
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-outline-secondary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-secondary {
  background-color: rgba(107, 111, 140, 0.25);
  color: var(--c-secondary-dark);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-ghost-secondary:hover {
  background-color: rgba(107, 111, 140, 0.15);
}
.btn-ghost-secondary:active, .btn-ghost-secondary:focus {
  background-color: rgba(107, 111, 140, 0.2);
}
.btn-ghost-secondary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-tertiary {
  background-color: #A5F1EC;
  color: #16224D;
  border: 1px solid #A5F1EC;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-tertiary:hover {
  background-color: var(--c-tertiary-dark);
  border-color: var(--c-tertiary-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-tertiary:active, .btn-tertiary:focus {
  background-color: var(--c-tertiary-darker);
  border-color: var(--c-tertiary-darker);
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-tertiary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-tertiary {
  background-color: transparent;
  color: #A5F1EC;
  border: 1px solid #A5F1EC;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-tertiary:hover {
  background-color: #A5F1EC;
  color: #16224D;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-outline-tertiary:active, .btn-outline-tertiary:focus {
  background-color: var(--c-tertiary-dark);
  border-color: var(--c-tertiary-dark);
  color: #16224D;
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-outline-tertiary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-tertiary {
  background-color: rgba(165, 241, 236, 0.25);
  color: var(--c-tertiary-dark);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-ghost-tertiary:hover {
  background-color: rgba(165, 241, 236, 0.15);
}
.btn-ghost-tertiary:active, .btn-ghost-tertiary:focus {
  background-color: rgba(165, 241, 236, 0.2);
}
.btn-ghost-tertiary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-cta {
  background-color: #FF3399;
  color: #16224D;
  border: 1px solid #FF3399;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-cta:hover {
  background-color: var(--c-cta-dark);
  border-color: var(--c-cta-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-cta:active, .btn-cta:focus {
  background-color: var(--c-cta-darker);
  border-color: var(--c-cta-darker);
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-cta:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-cta {
  background-color: transparent;
  color: #FF3399;
  border: 1px solid #FF3399;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-cta:hover {
  background-color: #FF3399;
  color: #16224D;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-outline-cta:active, .btn-outline-cta:focus {
  background-color: var(--c-cta-dark);
  border-color: var(--c-cta-dark);
  color: #16224D;
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-outline-cta:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-cta {
  background-color: rgba(255, 51, 153, 0.25);
  color: var(--c-cta-dark);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-ghost-cta:hover {
  background-color: rgba(255, 51, 153, 0.15);
}
.btn-ghost-cta:active, .btn-ghost-cta:focus {
  background-color: rgba(255, 51, 153, 0.2);
}
.btn-ghost-cta:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-success {
  background-color: #1FA463;
  color: #fff;
  border: 1px solid #1FA463;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-success:hover {
  background-color: var(--c-success-dark);
  border-color: var(--c-success-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-success:active, .btn-success:focus {
  background-color: var(--c-success-darker);
  border-color: var(--c-success-darker);
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-success:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-success {
  background-color: transparent;
  color: #1FA463;
  border: 1px solid #1FA463;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-success:hover {
  background-color: #1FA463;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-outline-success:active, .btn-outline-success:focus {
  background-color: var(--c-success-dark);
  border-color: var(--c-success-dark);
  color: #fff;
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-outline-success:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-success {
  background-color: rgba(31, 164, 99, 0.25);
  color: var(--c-success-dark);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-ghost-success:hover {
  background-color: rgba(31, 164, 99, 0.15);
}
.btn-ghost-success:active, .btn-ghost-success:focus {
  background-color: rgba(31, 164, 99, 0.2);
}
.btn-ghost-success:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-danger {
  background-color: #E4483D;
  color: #fff;
  border: 1px solid #E4483D;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-danger:hover {
  background-color: var(--c-danger-dark);
  border-color: var(--c-danger-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-danger:active, .btn-danger:focus {
  background-color: var(--c-danger-darker);
  border-color: var(--c-danger-darker);
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-danger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-danger {
  background-color: transparent;
  color: #E4483D;
  border: 1px solid #E4483D;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-danger:hover {
  background-color: #E4483D;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-outline-danger:active, .btn-outline-danger:focus {
  background-color: var(--c-danger-dark);
  border-color: var(--c-danger-dark);
  color: #fff;
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-outline-danger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-danger {
  background-color: rgba(228, 72, 61, 0.25);
  color: var(--c-danger-dark);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-ghost-danger:hover {
  background-color: rgba(228, 72, 61, 0.15);
}
.btn-ghost-danger:active, .btn-ghost-danger:focus {
  background-color: rgba(228, 72, 61, 0.2);
}
.btn-ghost-danger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-warning {
  background-color: #FBB03B;
  color: #16224D;
  border: 1px solid #FBB03B;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-warning:hover {
  background-color: var(--c-warning-dark);
  border-color: var(--c-warning-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-warning:active, .btn-warning:focus {
  background-color: var(--c-warning-darker);
  border-color: var(--c-warning-darker);
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-warning:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-warning {
  background-color: transparent;
  color: #FBB03B;
  border: 1px solid #FBB03B;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-warning:hover {
  background-color: #FBB03B;
  color: #16224D;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-outline-warning:active, .btn-outline-warning:focus {
  background-color: var(--c-warning-dark);
  border-color: var(--c-warning-dark);
  color: #16224D;
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-outline-warning:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-warning {
  background-color: rgba(251, 176, 59, 0.25);
  color: var(--c-warning-dark);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-ghost-warning:hover {
  background-color: rgba(251, 176, 59, 0.15);
}
.btn-ghost-warning:active, .btn-ghost-warning:focus {
  background-color: rgba(251, 176, 59, 0.2);
}
.btn-ghost-warning:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-info {
  background-color: #6B6F8C;
  color: #fff;
  border: 1px solid #6B6F8C;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-info:hover {
  background-color: var(--c-info-dark);
  border-color: var(--c-info-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-info:active, .btn-info:focus {
  background-color: var(--c-info-darker);
  border-color: var(--c-info-darker);
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-info:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-info {
  background-color: transparent;
  color: #6B6F8C;
  border: 1px solid #6B6F8C;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-info:hover {
  background-color: #6B6F8C;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-outline-info:active, .btn-outline-info:focus {
  background-color: var(--c-info-dark);
  border-color: var(--c-info-dark);
  color: #fff;
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-outline-info:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-info {
  background-color: rgba(107, 111, 140, 0.25);
  color: var(--c-info-dark);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-ghost-info:hover {
  background-color: rgba(107, 111, 140, 0.15);
}
.btn-ghost-info:active, .btn-ghost-info:focus {
  background-color: rgba(107, 111, 140, 0.2);
}
.btn-ghost-info:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-white {
  background-color: transparent;
  color: var(--c-white);
  border: 1px solid var(--c-white);
  text-shadow: none;
}
.btn-outline-white:hover {
  background-color: var(--c-white);
  color: var(--c-cta);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-outline-white:active, .btn-outline-white:focus {
  background-color: var(--c-white);
  border-color: var(--c-white);
  color: var(--c-cta);
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.hover-text-primary:hover {
  color: var(--c-primary) !important;
}

.hover-text-secondary:hover {
  color: var(--c-secondary) !important;
}

.hover-text-tertiary:hover {
  color: var(--c-tertiary) !important;
}

.hover-text-cta:hover {
  color: var(--c-cta) !important;
}

.hover-text-success:hover {
  color: var(--c-success) !important;
}

.hover-text-danger:hover {
  color: var(--c-danger) !important;
}

.hover-text-warning:hover {
  color: var(--c-warning) !important;
}

.hover-text-info:hover {
  color: var(--c-info) !important;
}

.cta {
  border-radius: var(--btn-border-radius);
  background-color: var(--c-cta);
  color: var(--c-cta-ink);
  text-shadow: none;
  padding: 16px 40px;
  font-size: 20px;
  font-weight: 700;
  transition: background-color 0.2s;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}

.cta:where(.w-variant-398d9832-4ecc-04db-582a-1af20ac1943e),
.cta:where(.w-variant-26b93f40-8830-d3fb-84bf-afb3828a6f8a) {
  border: 1px solid var(--border-on-dark);
  background-color: var(--c-transparent);
}

.cta:where(.w-variant-ce280cb2-c9d4-3f65-6df3-06b169f8a866) {
  border: 1px solid var(--c-cta);
  background-color: var(--bg-body);
  color: var(--c-cta);
}

.cta:where(.w-variant-b23b49ce-686a-4579-d311-07199ae2777e) {
  border: 1px solid var(--border-on-dark);
  background-color: var(--c-transparent);
}

.cta:where(.w-variant-b23b49ce-686a-4579-d311-07199ae2777f) {
  border: 1px solid var(--c-cta);
  background-color: var(--bg-body);
  color: var(--c-cta);
}

.cta:where(.w-variant-12096eb0-82bb-0130-3085-91fe590bca98) {
  border: 1px solid var(--border-on-dark);
  background-color: var(--c-transparent);
}

.cta:where(.w-variant-12096eb0-82bb-0130-3085-91fe590bca99) {
  border: 1px solid var(--c-cta);
  background-color: var(--bg-body);
  color: var(--c-cta);
}

.cta:where(.w-variant-dbc0b0c8-4534-2f8d-b9de-8fbcc43bf5f3) {
  border: 1px solid var(--border-on-dark);
  background-color: var(--c-transparent);
}

.cta:where(.w-variant-dbc0b0c8-4534-2f8d-b9de-8fbcc43bf5f4) {
  border: 1px solid var(--c-cta);
  background-color: var(--bg-body);
  color: var(--c-cta);
}

.cta.trans-cta {
  border: 0.5px solid var(--c-cta);
  background-color: var(--c-transparent);
  color: var(--c-cta);
  align-self: center;
}

.cta.second-cta-on-dk {
  border: 1px solid var(--border-on-dark);
  background-color: var(--c-transparent);
  align-self: center;
}

.trans-cta {
  border: 1px solid var(--c-cta);
  background-color: var(--c-transparent);
  color: var(--c-cta);
}

.alert-primary {
  background-color: var(--c-primary-way-lighter);
  color: var(--c-primary-darker);
  border: 1px solid var(--c-primary-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-primary a {
  color: var(--c-primary-darker);
  text-decoration: underline;
}
.alert-primary a:hover {
  color: var(--c-primary-way-darker);
}
.alert-primary.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-primary.alert-dismissible .close, .alert-primary.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-primary-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-primary.alert-dismissible .close:hover, .alert-primary.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-primary {
  background-color: transparent;
  color: #91459A;
  border: 1px solid #91459A;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-secondary {
  background-color: var(--c-secondary-way-lighter);
  color: var(--c-secondary-darker);
  border: 1px solid var(--c-secondary-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-secondary a {
  color: var(--c-secondary-darker);
  text-decoration: underline;
}
.alert-secondary a:hover {
  color: var(--c-secondary-way-darker);
}
.alert-secondary.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-secondary.alert-dismissible .close, .alert-secondary.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-secondary-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-secondary.alert-dismissible .close:hover, .alert-secondary.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-secondary {
  background-color: transparent;
  color: #6B6F8C;
  border: 1px solid #6B6F8C;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-tertiary {
  background-color: var(--c-tertiary-way-lighter);
  color: var(--c-tertiary-darker);
  border: 1px solid var(--c-tertiary-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-tertiary a {
  color: var(--c-tertiary-darker);
  text-decoration: underline;
}
.alert-tertiary a:hover {
  color: var(--c-tertiary-way-darker);
}
.alert-tertiary.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-tertiary.alert-dismissible .close, .alert-tertiary.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-tertiary-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-tertiary.alert-dismissible .close:hover, .alert-tertiary.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-tertiary {
  background-color: transparent;
  color: #A5F1EC;
  border: 1px solid #A5F1EC;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-cta {
  background-color: var(--c-cta-way-lighter);
  color: var(--c-cta-darker);
  border: 1px solid var(--c-cta-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-cta a {
  color: var(--c-cta-darker);
  text-decoration: underline;
}
.alert-cta a:hover {
  color: var(--c-cta-way-darker);
}
.alert-cta.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-cta.alert-dismissible .close, .alert-cta.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-cta-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-cta.alert-dismissible .close:hover, .alert-cta.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-cta {
  background-color: transparent;
  color: #FF3399;
  border: 1px solid #FF3399;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-success {
  background-color: var(--c-success-way-lighter);
  color: var(--c-success-darker);
  border: 1px solid var(--c-success-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-success a {
  color: var(--c-success-darker);
  text-decoration: underline;
}
.alert-success a:hover {
  color: var(--c-success-way-darker);
}
.alert-success.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-success.alert-dismissible .close, .alert-success.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-success-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-success.alert-dismissible .close:hover, .alert-success.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-success {
  background-color: transparent;
  color: #1FA463;
  border: 1px solid #1FA463;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-danger {
  background-color: var(--c-danger-way-lighter);
  color: var(--c-danger-darker);
  border: 1px solid var(--c-danger-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-danger a {
  color: var(--c-danger-darker);
  text-decoration: underline;
}
.alert-danger a:hover {
  color: var(--c-danger-way-darker);
}
.alert-danger.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-danger.alert-dismissible .close, .alert-danger.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-danger-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-danger.alert-dismissible .close:hover, .alert-danger.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-danger {
  background-color: transparent;
  color: #E4483D;
  border: 1px solid #E4483D;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-warning {
  background-color: var(--c-warning-way-lighter);
  color: var(--c-warning-darker);
  border: 1px solid var(--c-warning-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-warning a {
  color: var(--c-warning-darker);
  text-decoration: underline;
}
.alert-warning a:hover {
  color: var(--c-warning-way-darker);
}
.alert-warning.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-warning.alert-dismissible .close, .alert-warning.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-warning-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-warning.alert-dismissible .close:hover, .alert-warning.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-warning {
  background-color: transparent;
  color: #FBB03B;
  border: 1px solid #FBB03B;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-info {
  background-color: var(--c-info-way-lighter);
  color: var(--c-info-darker);
  border: 1px solid var(--c-info-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-info a {
  color: var(--c-info-darker);
  text-decoration: underline;
}
.alert-info a:hover {
  color: var(--c-info-way-darker);
}
.alert-info.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-info.alert-dismissible .close, .alert-info.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-info-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-info.alert-dismissible .close:hover, .alert-info.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-info {
  background-color: transparent;
  color: #6B6F8C;
  border: 1px solid #6B6F8C;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-body {
  background-color: var(--c-bg-body-way-lighter);
  color: var(--c-bg-body-darker);
  border: 1px solid var(--c-bg-body-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-body a {
  color: var(--c-bg-body-darker);
  text-decoration: underline;
}
.alert-bg-body a:hover {
  color: var(--c-bg-body-way-darker);
}
.alert-bg-body.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-body.alert-dismissible .close, .alert-bg-body.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-body-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-body.alert-dismissible .close:hover, .alert-bg-body.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-body {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-alt {
  background-color: var(--c-bg-alt-way-lighter);
  color: var(--c-bg-alt-darker);
  border: 1px solid var(--c-bg-alt-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-alt a {
  color: var(--c-bg-alt-darker);
  text-decoration: underline;
}
.alert-bg-alt a:hover {
  color: var(--c-bg-alt-way-darker);
}
.alert-bg-alt.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-alt.alert-dismissible .close, .alert-bg-alt.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-alt-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-alt.alert-dismissible .close:hover, .alert-bg-alt.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-alt {
  background-color: transparent;
  color: #F5F9FA;
  border: 1px solid #F5F9FA;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-tint {
  background-color: var(--c-bg-tint-way-lighter);
  color: var(--c-bg-tint-darker);
  border: 1px solid var(--c-bg-tint-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-tint a {
  color: var(--c-bg-tint-darker);
  text-decoration: underline;
}
.alert-bg-tint a:hover {
  color: var(--c-bg-tint-way-darker);
}
.alert-bg-tint.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-tint.alert-dismissible .close, .alert-bg-tint.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-tint-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-tint.alert-dismissible .close:hover, .alert-bg-tint.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-tint {
  background-color: transparent;
  color: #FBFDFD;
  border: 1px solid #FBFDFD;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-accent {
  background-color: var(--c-bg-accent-way-lighter);
  color: var(--c-bg-accent-darker);
  border: 1px solid var(--c-bg-accent-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-accent a {
  color: var(--c-bg-accent-darker);
  text-decoration: underline;
}
.alert-bg-accent a:hover {
  color: var(--c-bg-accent-way-darker);
}
.alert-bg-accent.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-accent.alert-dismissible .close, .alert-bg-accent.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-accent-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-accent.alert-dismissible .close:hover, .alert-bg-accent.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-accent {
  background-color: transparent;
  color: rgb(246, 253.6, 253.1);
  border: 1px solid rgb(246, 253.6, 253.1);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-dark {
  background-color: var(--c-bg-dark-way-lighter);
  color: var(--c-bg-dark-darker);
  border: 1px solid var(--c-bg-dark-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-dark a {
  color: var(--c-bg-dark-darker);
  text-decoration: underline;
}
.alert-bg-dark a:hover {
  color: var(--c-bg-dark-way-darker);
}
.alert-bg-dark.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-dark.alert-dismissible .close, .alert-bg-dark.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-dark-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-dark.alert-dismissible .close:hover, .alert-bg-dark.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-dark {
  background-color: transparent;
  color: #1D2E66;
  border: 1px solid #1D2E66;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-dark-alt {
  background-color: var(--c-bg-dark-alt-way-lighter);
  color: var(--c-bg-dark-alt-darker);
  border: 1px solid var(--c-bg-dark-alt-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-dark-alt a {
  color: var(--c-bg-dark-alt-darker);
  text-decoration: underline;
}
.alert-bg-dark-alt a:hover {
  color: var(--c-bg-dark-alt-way-darker);
}
.alert-bg-dark-alt.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-dark-alt.alert-dismissible .close, .alert-bg-dark-alt.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-dark-alt-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-dark-alt.alert-dismissible .close:hover, .alert-bg-dark-alt.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-dark-alt {
  background-color: transparent;
  color: rgb(13.05, 20.7, 45.9);
  border: 1px solid rgb(13.05, 20.7, 45.9);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-dark-neutral {
  background-color: var(--c-bg-dark-neutral-way-lighter);
  color: var(--c-bg-dark-neutral-darker);
  border: 1px solid var(--c-bg-dark-neutral-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-dark-neutral a {
  color: var(--c-bg-dark-neutral-darker);
  text-decoration: underline;
}
.alert-bg-dark-neutral a:hover {
  color: var(--c-bg-dark-neutral-way-darker);
}
.alert-bg-dark-neutral.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-dark-neutral.alert-dismissible .close, .alert-bg-dark-neutral.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-dark-neutral-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-dark-neutral.alert-dismissible .close:hover, .alert-bg-dark-neutral.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-dark-neutral {
  background-color: transparent;
  color: #16224D;
  border: 1px solid #16224D;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-footer {
  background-color: var(--c-bg-footer-way-lighter);
  color: var(--c-bg-footer-darker);
  border: 1px solid var(--c-bg-footer-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-footer a {
  color: var(--c-bg-footer-darker);
  text-decoration: underline;
}
.alert-bg-footer a:hover {
  color: var(--c-bg-footer-way-darker);
}
.alert-bg-footer.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-footer.alert-dismissible .close, .alert-bg-footer.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-footer-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-footer.alert-dismissible .close:hover, .alert-bg-footer.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-footer {
  background-color: transparent;
  color: rgb(7.25, 11.5, 25.5);
  border: 1px solid rgb(7.25, 11.5, 25.5);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-body {
  background-color: var(--c-text-body-way-lighter);
  color: var(--c-text-body-darker);
  border: 1px solid var(--c-text-body-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-body a {
  color: var(--c-text-body-darker);
  text-decoration: underline;
}
.alert-text-body a:hover {
  color: var(--c-text-body-way-darker);
}
.alert-text-body.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-body.alert-dismissible .close, .alert-text-body.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-body-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-body.alert-dismissible .close:hover, .alert-text-body.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-body {
  background-color: transparent;
  color: #16224D;
  border: 1px solid #16224D;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-heading {
  background-color: var(--c-text-heading-way-lighter);
  color: var(--c-text-heading-darker);
  border: 1px solid var(--c-text-heading-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-heading a {
  color: var(--c-text-heading-darker);
  text-decoration: underline;
}
.alert-text-heading a:hover {
  color: var(--c-text-heading-way-darker);
}
.alert-text-heading.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-heading.alert-dismissible .close, .alert-text-heading.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-heading-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-heading.alert-dismissible .close:hover, .alert-text-heading.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-heading {
  background-color: transparent;
  color: rgb(20.88, 33.12, 73.44);
  border: 1px solid rgb(20.88, 33.12, 73.44);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-link {
  background-color: var(--c-text-link-way-lighter);
  color: var(--c-text-link-darker);
  border: 1px solid var(--c-text-link-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-link a {
  color: var(--c-text-link-darker);
  text-decoration: underline;
}
.alert-text-link a:hover {
  color: var(--c-text-link-way-darker);
}
.alert-text-link.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-link.alert-dismissible .close, .alert-text-link.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-link-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-link.alert-dismissible .close:hover, .alert-text-link.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-link {
  background-color: transparent;
  color: rgb(123.25, 58.65, 130.9);
  border: 1px solid rgb(123.25, 58.65, 130.9);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-muted {
  background-color: var(--c-text-muted-way-lighter);
  color: var(--c-text-muted-darker);
  border: 1px solid var(--c-text-muted-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-muted a {
  color: var(--c-text-muted-darker);
  text-decoration: underline;
}
.alert-text-muted a:hover {
  color: var(--c-text-muted-way-darker);
}
.alert-text-muted.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-muted.alert-dismissible .close, .alert-text-muted.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-muted-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-muted.alert-dismissible .close:hover, .alert-text-muted.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-muted {
  background-color: transparent;
  color: rgb(90.95, 94.35, 119);
  border: 1px solid rgb(90.95, 94.35, 119);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-muted-extra {
  background-color: var(--c-text-muted-extra-way-lighter);
  color: var(--c-text-muted-extra-darker);
  border: 1px solid var(--c-text-muted-extra-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-muted-extra a {
  color: var(--c-text-muted-extra-darker);
  text-decoration: underline;
}
.alert-text-muted-extra a:hover {
  color: var(--c-text-muted-extra-way-darker);
}
.alert-text-muted-extra.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-muted-extra.alert-dismissible .close, .alert-text-muted-extra.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-muted-extra-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-muted-extra.alert-dismissible .close:hover, .alert-text-muted-extra.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-muted-extra {
  background-color: transparent;
  color: rgb(129.2, 132.6, 157.25);
  border: 1px solid rgb(129.2, 132.6, 157.25);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-on-dark {
  background-color: var(--c-text-on-dark-way-lighter);
  color: var(--c-text-on-dark-darker);
  border: 1px solid var(--c-text-on-dark-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-on-dark a {
  color: var(--c-text-on-dark-darker);
  text-decoration: underline;
}
.alert-text-on-dark a:hover {
  color: var(--c-text-on-dark-way-darker);
}
.alert-text-on-dark.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-on-dark.alert-dismissible .close, .alert-text-on-dark.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-on-dark-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-on-dark.alert-dismissible .close:hover, .alert-text-on-dark.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-on-dark {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-on-dark-muted {
  background-color: var(--c-text-on-dark-muted-way-lighter);
  color: var(--c-text-on-dark-muted-darker);
  border: 1px solid var(--c-text-on-dark-muted-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-on-dark-muted a {
  color: var(--c-text-on-dark-muted-darker);
  text-decoration: underline;
}
.alert-text-on-dark-muted a:hover {
  color: var(--c-text-on-dark-muted-way-darker);
}
.alert-text-on-dark-muted.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-on-dark-muted.alert-dismissible .close, .alert-text-on-dark-muted.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-on-dark-muted-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-on-dark-muted.alert-dismissible .close:hover, .alert-text-on-dark-muted.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-on-dark-muted {
  background-color: transparent;
  color: #A5F1EC;
  border: 1px solid #A5F1EC;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-on-dark-link {
  background-color: var(--c-text-on-dark-link-way-lighter);
  color: var(--c-text-on-dark-link-darker);
  border: 1px solid var(--c-text-on-dark-link-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-on-dark-link a {
  color: var(--c-text-on-dark-link-darker);
  text-decoration: underline;
}
.alert-text-on-dark-link a:hover {
  color: var(--c-text-on-dark-link-way-darker);
}
.alert-text-on-dark-link.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-on-dark-link.alert-dismissible .close, .alert-text-on-dark-link.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-on-dark-link-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-on-dark-link.alert-dismissible .close:hover, .alert-text-on-dark-link.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-on-dark-link {
  background-color: transparent;
  color: #A5F1EC;
  border: 1px solid #A5F1EC;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-border-on-dark {
  background-color: var(--c-border-on-dark-way-lighter);
  color: var(--c-border-on-dark-darker);
  border: 1px solid var(--c-border-on-dark-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-border-on-dark a {
  color: var(--c-border-on-dark-darker);
  text-decoration: underline;
}
.alert-border-on-dark a:hover {
  color: var(--c-border-on-dark-way-darker);
}
.alert-border-on-dark.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-border-on-dark.alert-dismissible .close, .alert-border-on-dark.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-border-on-dark-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-border-on-dark.alert-dismissible .close:hover, .alert-border-on-dark.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-border-on-dark {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-border-on-dark-subtle {
  background-color: var(--c-border-on-dark-subtle-way-lighter);
  color: var(--c-border-on-dark-subtle-darker);
  border: 1px solid var(--c-border-on-dark-subtle-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-border-on-dark-subtle a {
  color: var(--c-border-on-dark-subtle-darker);
  text-decoration: underline;
}
.alert-border-on-dark-subtle a:hover {
  color: var(--c-border-on-dark-subtle-way-darker);
}
.alert-border-on-dark-subtle.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-border-on-dark-subtle.alert-dismissible .close, .alert-border-on-dark-subtle.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-border-on-dark-subtle-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-border-on-dark-subtle.alert-dismissible .close:hover, .alert-border-on-dark-subtle.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-border-on-dark-subtle {
  background-color: transparent;
  color: rgb(90.95, 94.35, 119);
  border: 1px solid rgb(90.95, 94.35, 119);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-border-input {
  background-color: var(--c-border-input-way-lighter);
  color: var(--c-border-input-darker);
  border: 1px solid var(--c-border-input-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-border-input a {
  color: var(--c-border-input-darker);
  text-decoration: underline;
}
.alert-border-input a:hover {
  color: var(--c-border-input-way-darker);
}
.alert-border-input.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-border-input.alert-dismissible .close, .alert-border-input.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-border-input-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-border-input.alert-dismissible .close:hover, .alert-border-input.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-border-input {
  background-color: transparent;
  color: #E3E6EE;
  border: 1px solid #E3E6EE;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-border-card {
  background-color: var(--c-border-card-way-lighter);
  color: var(--c-border-card-darker);
  border: 1px solid var(--c-border-card-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-border-card a {
  color: var(--c-border-card-darker);
  text-decoration: underline;
}
.alert-border-card a:hover {
  color: var(--c-border-card-way-darker);
}
.alert-border-card.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-border-card.alert-dismissible .close, .alert-border-card.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-border-card-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-border-card.alert-dismissible .close:hover, .alert-border-card.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-border-card {
  background-color: transparent;
  color: #E3E6EE;
  border: 1px solid #E3E6EE;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-border-divider {
  background-color: var(--c-border-divider-way-lighter);
  color: var(--c-border-divider-darker);
  border: 1px solid var(--c-border-divider-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-border-divider a {
  color: var(--c-border-divider-darker);
  text-decoration: underline;
}
.alert-border-divider a:hover {
  color: var(--c-border-divider-way-darker);
}
.alert-border-divider.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-border-divider.alert-dismissible .close, .alert-border-divider.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-border-divider-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-border-divider.alert-dismissible .close:hover, .alert-border-divider.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-border-divider {
  background-color: transparent;
  color: #E3E6EE;
  border: 1px solid #E3E6EE;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-input {
  background-color: var(--c-bg-input-way-lighter);
  color: var(--c-bg-input-darker);
  border: 1px solid var(--c-bg-input-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-input a {
  color: var(--c-bg-input-darker);
  text-decoration: underline;
}
.alert-bg-input a:hover {
  color: var(--c-bg-input-way-darker);
}
.alert-bg-input.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-input.alert-dismissible .close, .alert-bg-input.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-input-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-input.alert-dismissible .close:hover, .alert-bg-input.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-input {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-border-input-focus {
  background-color: var(--c-border-input-focus-way-lighter);
  color: var(--c-border-input-focus-darker);
  border: 1px solid var(--c-border-input-focus-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-border-input-focus a {
  color: var(--c-border-input-focus-darker);
  text-decoration: underline;
}
.alert-border-input-focus a:hover {
  color: var(--c-border-input-focus-way-darker);
}
.alert-border-input-focus.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-border-input-focus.alert-dismissible .close, .alert-border-input-focus.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-border-input-focus-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-border-input-focus.alert-dismissible .close:hover, .alert-border-input-focus.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-border-input-focus {
  background-color: transparent;
  color: #91459A;
  border: 1px solid #91459A;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-table-header {
  background-color: var(--c-bg-table-header-way-lighter);
  color: var(--c-bg-table-header-darker);
  border: 1px solid var(--c-bg-table-header-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-table-header a {
  color: var(--c-bg-table-header-darker);
  text-decoration: underline;
}
.alert-bg-table-header a:hover {
  color: var(--c-bg-table-header-way-darker);
}
.alert-bg-table-header.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-table-header.alert-dismissible .close, .alert-bg-table-header.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-table-header-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-table-header.alert-dismissible .close:hover, .alert-bg-table-header.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-table-header {
  background-color: transparent;
  color: #1D2E66;
  border: 1px solid #1D2E66;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-table-header {
  background-color: var(--c-text-table-header-way-lighter);
  color: var(--c-text-table-header-darker);
  border: 1px solid var(--c-text-table-header-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-table-header a {
  color: var(--c-text-table-header-darker);
  text-decoration: underline;
}
.alert-text-table-header a:hover {
  color: var(--c-text-table-header-way-darker);
}
.alert-text-table-header.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-table-header.alert-dismissible .close, .alert-text-table-header.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-table-header-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-table-header.alert-dismissible .close:hover, .alert-text-table-header.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-table-header {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-table-alt {
  background-color: var(--c-bg-table-alt-way-lighter);
  color: var(--c-bg-table-alt-darker);
  border: 1px solid var(--c-bg-table-alt-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-table-alt a {
  color: var(--c-bg-table-alt-darker);
  text-decoration: underline;
}
.alert-bg-table-alt a:hover {
  color: var(--c-bg-table-alt-way-darker);
}
.alert-bg-table-alt.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-table-alt.alert-dismissible .close, .alert-bg-table-alt.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-table-alt-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-table-alt.alert-dismissible .close:hover, .alert-bg-table-alt.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-table-alt {
  background-color: transparent;
  color: #C8C8C8;
  border: 1px solid #C8C8C8;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-table-hover {
  background-color: var(--c-bg-table-hover-way-lighter);
  color: var(--c-bg-table-hover-darker);
  border: 1px solid var(--c-bg-table-hover-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-table-hover a {
  color: var(--c-bg-table-hover-darker);
  text-decoration: underline;
}
.alert-bg-table-hover a:hover {
  color: var(--c-bg-table-hover-way-darker);
}
.alert-bg-table-hover.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-table-hover.alert-dismissible .close, .alert-bg-table-hover.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-table-hover-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-table-hover.alert-dismissible .close:hover, .alert-bg-table-hover.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-table-hover {
  background-color: transparent;
  color: #91459A;
  border: 1px solid #91459A;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-table-hover {
  background-color: var(--c-text-table-hover-way-lighter);
  color: var(--c-text-table-hover-darker);
  border: 1px solid var(--c-text-table-hover-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-table-hover a {
  color: var(--c-text-table-hover-darker);
  text-decoration: underline;
}
.alert-text-table-hover a:hover {
  color: var(--c-text-table-hover-way-darker);
}
.alert-text-table-hover.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-table-hover.alert-dismissible .close, .alert-text-table-hover.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-table-hover-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-table-hover.alert-dismissible .close:hover, .alert-text-table-hover.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-table-hover {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-white {
  background-color: var(--c-white-way-lighter);
  color: var(--c-white-darker);
  border: 1px solid var(--c-white-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-white a {
  color: var(--c-white-darker);
  text-decoration: underline;
}
.alert-white a:hover {
  color: var(--c-white-way-darker);
}
.alert-white.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-white.alert-dismissible .close, .alert-white.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-white-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-white.alert-dismissible .close:hover, .alert-white.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-white {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.badge-primary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #91459A;
}
.btn .badge-primary {
  position: relative;
  top: -1px;
}
.badge-primary:empty {
  display: none;
}

.badge-outline-primary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #91459A;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #91459A;
}

.badge-light-primary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-primary-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-primary-lighter);
}

.badge-secondary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #6B6F8C;
}
.btn .badge-secondary {
  position: relative;
  top: -1px;
}
.badge-secondary:empty {
  display: none;
}

.badge-outline-secondary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #6B6F8C;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #6B6F8C;
}

.badge-light-secondary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-secondary-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-secondary-lighter);
}

.badge-tertiary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #A5F1EC;
}
.btn .badge-tertiary {
  position: relative;
  top: -1px;
}
.badge-tertiary:empty {
  display: none;
}

.badge-outline-tertiary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #A5F1EC;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #A5F1EC;
}

.badge-light-tertiary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-tertiary-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-tertiary-lighter);
}

.badge-cta {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #FF3399;
}
.btn .badge-cta {
  position: relative;
  top: -1px;
}
.badge-cta:empty {
  display: none;
}

.badge-outline-cta {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #FF3399;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #FF3399;
}

.badge-light-cta {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-cta-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-cta-lighter);
}

.badge-success {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #1FA463;
}
.btn .badge-success {
  position: relative;
  top: -1px;
}
.badge-success:empty {
  display: none;
}

.badge-outline-success {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #1FA463;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #1FA463;
}

.badge-light-success {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-success-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-success-lighter);
}

.badge-danger {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #E4483D;
}
.btn .badge-danger {
  position: relative;
  top: -1px;
}
.badge-danger:empty {
  display: none;
}

.badge-outline-danger {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #E4483D;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #E4483D;
}

.badge-light-danger {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-danger-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-danger-lighter);
}

.badge-warning {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #FBB03B;
}
.btn .badge-warning {
  position: relative;
  top: -1px;
}
.badge-warning:empty {
  display: none;
}

.badge-outline-warning {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #FBB03B;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #FBB03B;
}

.badge-light-warning {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-warning-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-warning-lighter);
}

.badge-info {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #6B6F8C;
}
.btn .badge-info {
  position: relative;
  top: -1px;
}
.badge-info:empty {
  display: none;
}

.badge-outline-info {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #6B6F8C;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #6B6F8C;
}

.badge-light-info {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-info-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-info-lighter);
}

.badge-bg-body {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #fff;
}
.btn .badge-bg-body {
  position: relative;
  top: -1px;
}
.badge-bg-body:empty {
  display: none;
}

.badge-outline-bg-body {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #fff;
}

.badge-light-bg-body {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-body-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-body-lighter);
}

.badge-bg-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #F5F9FA;
}
.btn .badge-bg-alt {
  position: relative;
  top: -1px;
}
.badge-bg-alt:empty {
  display: none;
}

.badge-outline-bg-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #F5F9FA;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #F5F9FA;
}

.badge-light-bg-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-alt-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-alt-lighter);
}

.badge-bg-tint {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #FBFDFD;
}
.btn .badge-bg-tint {
  position: relative;
  top: -1px;
}
.badge-bg-tint:empty {
  display: none;
}

.badge-outline-bg-tint {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #FBFDFD;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #FBFDFD;
}

.badge-light-bg-tint {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-tint-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-tint-lighter);
}

.badge-bg-accent {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: rgb(246, 253.6, 253.1);
}
.btn .badge-bg-accent {
  position: relative;
  top: -1px;
}
.badge-bg-accent:empty {
  display: none;
}

.badge-outline-bg-accent {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: rgb(246, 253.6, 253.1);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid rgb(246, 253.6, 253.1);
}

.badge-light-bg-accent {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-accent-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-accent-lighter);
}

.badge-bg-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #1D2E66;
}
.btn .badge-bg-dark {
  position: relative;
  top: -1px;
}
.badge-bg-dark:empty {
  display: none;
}

.badge-outline-bg-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #1D2E66;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #1D2E66;
}

.badge-light-bg-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-dark-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-dark-lighter);
}

.badge-bg-dark-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: rgb(13.05, 20.7, 45.9);
}
.btn .badge-bg-dark-alt {
  position: relative;
  top: -1px;
}
.badge-bg-dark-alt:empty {
  display: none;
}

.badge-outline-bg-dark-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: rgb(13.05, 20.7, 45.9);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid rgb(13.05, 20.7, 45.9);
}

.badge-light-bg-dark-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-dark-alt-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-dark-alt-lighter);
}

.badge-bg-dark-neutral {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #16224D;
}
.btn .badge-bg-dark-neutral {
  position: relative;
  top: -1px;
}
.badge-bg-dark-neutral:empty {
  display: none;
}

.badge-outline-bg-dark-neutral {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #16224D;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #16224D;
}

.badge-light-bg-dark-neutral {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-dark-neutral-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-dark-neutral-lighter);
}

.badge-bg-footer {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: rgb(7.25, 11.5, 25.5);
}
.btn .badge-bg-footer {
  position: relative;
  top: -1px;
}
.badge-bg-footer:empty {
  display: none;
}

.badge-outline-bg-footer {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: rgb(7.25, 11.5, 25.5);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid rgb(7.25, 11.5, 25.5);
}

.badge-light-bg-footer {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-footer-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-footer-lighter);
}

.badge-text-body {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #16224D;
}
.btn .badge-text-body {
  position: relative;
  top: -1px;
}
.badge-text-body:empty {
  display: none;
}

.badge-outline-text-body {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #16224D;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #16224D;
}

.badge-light-text-body {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-body-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-body-lighter);
}

.badge-text-heading {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: rgb(20.88, 33.12, 73.44);
}
.btn .badge-text-heading {
  position: relative;
  top: -1px;
}
.badge-text-heading:empty {
  display: none;
}

.badge-outline-text-heading {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: rgb(20.88, 33.12, 73.44);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid rgb(20.88, 33.12, 73.44);
}

.badge-light-text-heading {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-heading-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-heading-lighter);
}

.badge-text-link {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: rgb(123.25, 58.65, 130.9);
}
.btn .badge-text-link {
  position: relative;
  top: -1px;
}
.badge-text-link:empty {
  display: none;
}

.badge-outline-text-link {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: rgb(123.25, 58.65, 130.9);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid rgb(123.25, 58.65, 130.9);
}

.badge-light-text-link {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-link-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-link-lighter);
}

.badge-text-muted {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: rgb(90.95, 94.35, 119);
}
.btn .badge-text-muted {
  position: relative;
  top: -1px;
}
.badge-text-muted:empty {
  display: none;
}

.badge-outline-text-muted {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: rgb(90.95, 94.35, 119);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid rgb(90.95, 94.35, 119);
}

.badge-light-text-muted {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-muted-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-muted-lighter);
}

.badge-text-muted-extra {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: rgb(129.2, 132.6, 157.25);
}
.btn .badge-text-muted-extra {
  position: relative;
  top: -1px;
}
.badge-text-muted-extra:empty {
  display: none;
}

.badge-outline-text-muted-extra {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: rgb(129.2, 132.6, 157.25);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid rgb(129.2, 132.6, 157.25);
}

.badge-light-text-muted-extra {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-muted-extra-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-muted-extra-lighter);
}

.badge-text-on-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #fff;
}
.btn .badge-text-on-dark {
  position: relative;
  top: -1px;
}
.badge-text-on-dark:empty {
  display: none;
}

.badge-outline-text-on-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #fff;
}

.badge-light-text-on-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-on-dark-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-on-dark-lighter);
}

.badge-text-on-dark-muted {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #A5F1EC;
}
.btn .badge-text-on-dark-muted {
  position: relative;
  top: -1px;
}
.badge-text-on-dark-muted:empty {
  display: none;
}

.badge-outline-text-on-dark-muted {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #A5F1EC;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #A5F1EC;
}

.badge-light-text-on-dark-muted {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-on-dark-muted-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-on-dark-muted-lighter);
}

.badge-text-on-dark-link {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #A5F1EC;
}
.btn .badge-text-on-dark-link {
  position: relative;
  top: -1px;
}
.badge-text-on-dark-link:empty {
  display: none;
}

.badge-outline-text-on-dark-link {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #A5F1EC;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #A5F1EC;
}

.badge-light-text-on-dark-link {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-on-dark-link-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-on-dark-link-lighter);
}

.badge-border-on-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #fff;
}
.btn .badge-border-on-dark {
  position: relative;
  top: -1px;
}
.badge-border-on-dark:empty {
  display: none;
}

.badge-outline-border-on-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #fff;
}

.badge-light-border-on-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-border-on-dark-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-border-on-dark-lighter);
}

.badge-border-on-dark-subtle {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: rgb(90.95, 94.35, 119);
}
.btn .badge-border-on-dark-subtle {
  position: relative;
  top: -1px;
}
.badge-border-on-dark-subtle:empty {
  display: none;
}

.badge-outline-border-on-dark-subtle {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: rgb(90.95, 94.35, 119);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid rgb(90.95, 94.35, 119);
}

.badge-light-border-on-dark-subtle {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-border-on-dark-subtle-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-border-on-dark-subtle-lighter);
}

.badge-border-input {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #E3E6EE;
}
.btn .badge-border-input {
  position: relative;
  top: -1px;
}
.badge-border-input:empty {
  display: none;
}

.badge-outline-border-input {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #E3E6EE;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #E3E6EE;
}

.badge-light-border-input {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-border-input-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-border-input-lighter);
}

.badge-border-card {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #E3E6EE;
}
.btn .badge-border-card {
  position: relative;
  top: -1px;
}
.badge-border-card:empty {
  display: none;
}

.badge-outline-border-card {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #E3E6EE;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #E3E6EE;
}

.badge-light-border-card {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-border-card-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-border-card-lighter);
}

.badge-border-divider {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #E3E6EE;
}
.btn .badge-border-divider {
  position: relative;
  top: -1px;
}
.badge-border-divider:empty {
  display: none;
}

.badge-outline-border-divider {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #E3E6EE;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #E3E6EE;
}

.badge-light-border-divider {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-border-divider-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-border-divider-lighter);
}

.badge-bg-input {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #fff;
}
.btn .badge-bg-input {
  position: relative;
  top: -1px;
}
.badge-bg-input:empty {
  display: none;
}

.badge-outline-bg-input {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #fff;
}

.badge-light-bg-input {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-input-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-input-lighter);
}

.badge-border-input-focus {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #91459A;
}
.btn .badge-border-input-focus {
  position: relative;
  top: -1px;
}
.badge-border-input-focus:empty {
  display: none;
}

.badge-outline-border-input-focus {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #91459A;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #91459A;
}

.badge-light-border-input-focus {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-border-input-focus-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-border-input-focus-lighter);
}

.badge-bg-table-header {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #1D2E66;
}
.btn .badge-bg-table-header {
  position: relative;
  top: -1px;
}
.badge-bg-table-header:empty {
  display: none;
}

.badge-outline-bg-table-header {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #1D2E66;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #1D2E66;
}

.badge-light-bg-table-header {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-table-header-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-table-header-lighter);
}

.badge-text-table-header {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #fff;
}
.btn .badge-text-table-header {
  position: relative;
  top: -1px;
}
.badge-text-table-header:empty {
  display: none;
}

.badge-outline-text-table-header {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #fff;
}

.badge-light-text-table-header {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-table-header-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-table-header-lighter);
}

.badge-bg-table-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #C8C8C8;
}
.btn .badge-bg-table-alt {
  position: relative;
  top: -1px;
}
.badge-bg-table-alt:empty {
  display: none;
}

.badge-outline-bg-table-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #C8C8C8;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #C8C8C8;
}

.badge-light-bg-table-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-table-alt-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-table-alt-lighter);
}

.badge-bg-table-hover {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #91459A;
}
.btn .badge-bg-table-hover {
  position: relative;
  top: -1px;
}
.badge-bg-table-hover:empty {
  display: none;
}

.badge-outline-bg-table-hover {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #91459A;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #91459A;
}

.badge-light-bg-table-hover {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-table-hover-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-table-hover-lighter);
}

.badge-text-table-hover {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #fff;
}
.btn .badge-text-table-hover {
  position: relative;
  top: -1px;
}
.badge-text-table-hover:empty {
  display: none;
}

.badge-outline-text-table-hover {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #fff;
}

.badge-light-text-table-hover {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-table-hover-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-table-hover-lighter);
}

.badge-white {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #fff;
}
.btn .badge-white {
  position: relative;
  top: -1px;
}
.badge-white:empty {
  display: none;
}

.badge-outline-white {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #fff;
}

.badge-light-white {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-white-lighter);
}

.badge-pill {
  padding-left: 0.8em;
  padding-right: 0.8em;
  border-radius: 10rem;
}

.badge-square {
  border-radius: 0;
}

.badge-rounded {
  border-radius: 0.5rem;
}

.badge-sm {
  padding: 0.125em 0.4em;
  font-size: 0.65rem;
}

.badge-lg {
  padding: 0.35em 0.8em;
  font-size: 0.85rem;
}

.toast-primary {
  background-color: #91459A;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-primary .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-primary .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-primary {
  background-color: var(--c-primary-way-lighter);
  color: var(--c-primary-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #91459A;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-secondary {
  background-color: #6B6F8C;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-secondary .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-secondary .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-secondary {
  background-color: var(--c-secondary-way-lighter);
  color: var(--c-secondary-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #6B6F8C;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-tertiary {
  background-color: #A5F1EC;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-tertiary .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-tertiary .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-tertiary {
  background-color: var(--c-tertiary-way-lighter);
  color: var(--c-tertiary-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #A5F1EC;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-cta {
  background-color: #FF3399;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-cta .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-cta .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-cta {
  background-color: var(--c-cta-way-lighter);
  color: var(--c-cta-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #FF3399;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-success {
  background-color: #1FA463;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-success .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-success .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-success {
  background-color: var(--c-success-way-lighter);
  color: var(--c-success-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #1FA463;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-danger {
  background-color: #E4483D;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-danger .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-danger .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-danger {
  background-color: var(--c-danger-way-lighter);
  color: var(--c-danger-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #E4483D;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-warning {
  background-color: #FBB03B;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-warning .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-warning .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-warning {
  background-color: var(--c-warning-way-lighter);
  color: var(--c-warning-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #FBB03B;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-info {
  background-color: #6B6F8C;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-info .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-info .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-info {
  background-color: var(--c-info-way-lighter);
  color: var(--c-info-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #6B6F8C;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-body {
  background-color: #fff;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-body .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-body .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-body {
  background-color: var(--c-bg-body-way-lighter);
  color: var(--c-bg-body-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-alt {
  background-color: #F5F9FA;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-alt .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-alt .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-alt {
  background-color: var(--c-bg-alt-way-lighter);
  color: var(--c-bg-alt-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #F5F9FA;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-tint {
  background-color: #FBFDFD;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-tint .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-tint .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-tint {
  background-color: var(--c-bg-tint-way-lighter);
  color: var(--c-bg-tint-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #FBFDFD;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-accent {
  background-color: rgb(246, 253.6, 253.1);
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-accent .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-accent .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-accent {
  background-color: var(--c-bg-accent-way-lighter);
  color: var(--c-bg-accent-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid rgb(246, 253.6, 253.1);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-dark {
  background-color: #1D2E66;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-dark .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-dark .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-dark {
  background-color: var(--c-bg-dark-way-lighter);
  color: var(--c-bg-dark-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #1D2E66;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-dark-alt {
  background-color: rgb(13.05, 20.7, 45.9);
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-dark-alt .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-dark-alt .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-dark-alt {
  background-color: var(--c-bg-dark-alt-way-lighter);
  color: var(--c-bg-dark-alt-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid rgb(13.05, 20.7, 45.9);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-dark-neutral {
  background-color: #16224D;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-dark-neutral .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-dark-neutral .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-dark-neutral {
  background-color: var(--c-bg-dark-neutral-way-lighter);
  color: var(--c-bg-dark-neutral-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #16224D;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-footer {
  background-color: rgb(7.25, 11.5, 25.5);
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-footer .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-footer .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-footer {
  background-color: var(--c-bg-footer-way-lighter);
  color: var(--c-bg-footer-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid rgb(7.25, 11.5, 25.5);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-body {
  background-color: #16224D;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-body .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-body .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-body {
  background-color: var(--c-text-body-way-lighter);
  color: var(--c-text-body-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #16224D;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-heading {
  background-color: rgb(20.88, 33.12, 73.44);
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-heading .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-heading .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-heading {
  background-color: var(--c-text-heading-way-lighter);
  color: var(--c-text-heading-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid rgb(20.88, 33.12, 73.44);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-link {
  background-color: rgb(123.25, 58.65, 130.9);
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-link .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-link .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-link {
  background-color: var(--c-text-link-way-lighter);
  color: var(--c-text-link-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid rgb(123.25, 58.65, 130.9);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-muted {
  background-color: rgb(90.95, 94.35, 119);
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-muted .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-muted .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-muted {
  background-color: var(--c-text-muted-way-lighter);
  color: var(--c-text-muted-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid rgb(90.95, 94.35, 119);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-muted-extra {
  background-color: rgb(129.2, 132.6, 157.25);
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-muted-extra .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-muted-extra .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-muted-extra {
  background-color: var(--c-text-muted-extra-way-lighter);
  color: var(--c-text-muted-extra-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid rgb(129.2, 132.6, 157.25);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-on-dark {
  background-color: #fff;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-on-dark .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-on-dark .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-on-dark {
  background-color: var(--c-text-on-dark-way-lighter);
  color: var(--c-text-on-dark-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-on-dark-muted {
  background-color: #A5F1EC;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-on-dark-muted .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-on-dark-muted .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-on-dark-muted {
  background-color: var(--c-text-on-dark-muted-way-lighter);
  color: var(--c-text-on-dark-muted-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #A5F1EC;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-on-dark-link {
  background-color: #A5F1EC;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-on-dark-link .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-on-dark-link .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-on-dark-link {
  background-color: var(--c-text-on-dark-link-way-lighter);
  color: var(--c-text-on-dark-link-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #A5F1EC;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-border-on-dark {
  background-color: #fff;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-border-on-dark .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-border-on-dark .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-border-on-dark {
  background-color: var(--c-border-on-dark-way-lighter);
  color: var(--c-border-on-dark-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-border-on-dark-subtle {
  background-color: rgb(90.95, 94.35, 119);
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-border-on-dark-subtle .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-border-on-dark-subtle .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-border-on-dark-subtle {
  background-color: var(--c-border-on-dark-subtle-way-lighter);
  color: var(--c-border-on-dark-subtle-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid rgb(90.95, 94.35, 119);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-border-input {
  background-color: #E3E6EE;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-border-input .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-border-input .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-border-input {
  background-color: var(--c-border-input-way-lighter);
  color: var(--c-border-input-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #E3E6EE;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-border-card {
  background-color: #E3E6EE;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-border-card .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-border-card .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-border-card {
  background-color: var(--c-border-card-way-lighter);
  color: var(--c-border-card-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #E3E6EE;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-border-divider {
  background-color: #E3E6EE;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-border-divider .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-border-divider .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-border-divider {
  background-color: var(--c-border-divider-way-lighter);
  color: var(--c-border-divider-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #E3E6EE;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-input {
  background-color: #fff;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-input .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-input .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-input {
  background-color: var(--c-bg-input-way-lighter);
  color: var(--c-bg-input-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-border-input-focus {
  background-color: #91459A;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-border-input-focus .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-border-input-focus .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-border-input-focus {
  background-color: var(--c-border-input-focus-way-lighter);
  color: var(--c-border-input-focus-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #91459A;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-table-header {
  background-color: #1D2E66;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-table-header .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-table-header .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-table-header {
  background-color: var(--c-bg-table-header-way-lighter);
  color: var(--c-bg-table-header-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #1D2E66;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-table-header {
  background-color: #fff;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-table-header .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-table-header .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-table-header {
  background-color: var(--c-text-table-header-way-lighter);
  color: var(--c-text-table-header-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-table-alt {
  background-color: #C8C8C8;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-table-alt .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-table-alt .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-table-alt {
  background-color: var(--c-bg-table-alt-way-lighter);
  color: var(--c-bg-table-alt-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #C8C8C8;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-table-hover {
  background-color: #91459A;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-table-hover .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-table-hover .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-table-hover {
  background-color: var(--c-bg-table-hover-way-lighter);
  color: var(--c-bg-table-hover-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #91459A;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-table-hover {
  background-color: #fff;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-table-hover .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-table-hover .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-table-hover {
  background-color: var(--c-text-table-hover-way-lighter);
  color: var(--c-text-table-hover-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-white {
  background-color: #fff;
  color: white;
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-white .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-white .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-white {
  background-color: var(--c-white-way-lighter);
  color: var(--c-white-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.tag-primary {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-primary-lighter);
  color: var(--c-primary-darker);
}
.tag-primary:hover {
  background-color: var(--c-primary-light);
}

.tag-secondary {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-secondary-lighter);
  color: var(--c-secondary-darker);
}
.tag-secondary:hover {
  background-color: var(--c-secondary-light);
}

.tag-tertiary {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-tertiary-lighter);
  color: var(--c-tertiary-darker);
}
.tag-tertiary:hover {
  background-color: var(--c-tertiary-light);
}

.tag-cta {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-cta-lighter);
  color: var(--c-cta-darker);
}
.tag-cta:hover {
  background-color: var(--c-cta-light);
}

.tag-success {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-success-lighter);
  color: var(--c-success-darker);
}
.tag-success:hover {
  background-color: var(--c-success-light);
}

.tag-danger {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-danger-lighter);
  color: var(--c-danger-darker);
}
.tag-danger:hover {
  background-color: var(--c-danger-light);
}

.tag-warning {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-warning-lighter);
  color: var(--c-warning-darker);
}
.tag-warning:hover {
  background-color: var(--c-warning-light);
}

.tag-info {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-info-lighter);
  color: var(--c-info-darker);
}
.tag-info:hover {
  background-color: var(--c-info-light);
}

.tag-bg-body {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-body-lighter);
  color: var(--c-bg-body-darker);
}
.tag-bg-body:hover {
  background-color: var(--c-bg-body-light);
}

.tag-bg-alt {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-alt-lighter);
  color: var(--c-bg-alt-darker);
}
.tag-bg-alt:hover {
  background-color: var(--c-bg-alt-light);
}

.tag-bg-tint {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-tint-lighter);
  color: var(--c-bg-tint-darker);
}
.tag-bg-tint:hover {
  background-color: var(--c-bg-tint-light);
}

.tag-bg-accent {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-accent-lighter);
  color: var(--c-bg-accent-darker);
}
.tag-bg-accent:hover {
  background-color: var(--c-bg-accent-light);
}

.tag-bg-dark {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-dark-lighter);
  color: var(--c-bg-dark-darker);
}
.tag-bg-dark:hover {
  background-color: var(--c-bg-dark-light);
}

.tag-bg-dark-alt {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-dark-alt-lighter);
  color: var(--c-bg-dark-alt-darker);
}
.tag-bg-dark-alt:hover {
  background-color: var(--c-bg-dark-alt-light);
}

.tag-bg-dark-neutral {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-dark-neutral-lighter);
  color: var(--c-bg-dark-neutral-darker);
}
.tag-bg-dark-neutral:hover {
  background-color: var(--c-bg-dark-neutral-light);
}

.tag-bg-footer {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-footer-lighter);
  color: var(--c-bg-footer-darker);
}
.tag-bg-footer:hover {
  background-color: var(--c-bg-footer-light);
}

.tag-text-body {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-body-lighter);
  color: var(--c-text-body-darker);
}
.tag-text-body:hover {
  background-color: var(--c-text-body-light);
}

.tag-text-heading {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-heading-lighter);
  color: var(--c-text-heading-darker);
}
.tag-text-heading:hover {
  background-color: var(--c-text-heading-light);
}

.tag-text-link {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-link-lighter);
  color: var(--c-text-link-darker);
}
.tag-text-link:hover {
  background-color: var(--c-text-link-light);
}

.tag-text-muted {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-muted-lighter);
  color: var(--c-text-muted-darker);
}
.tag-text-muted:hover {
  background-color: var(--c-text-muted-light);
}

.tag-text-muted-extra {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-muted-extra-lighter);
  color: var(--c-text-muted-extra-darker);
}
.tag-text-muted-extra:hover {
  background-color: var(--c-text-muted-extra-light);
}

.tag-text-on-dark {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-on-dark-lighter);
  color: var(--c-text-on-dark-darker);
}
.tag-text-on-dark:hover {
  background-color: var(--c-text-on-dark-light);
}

.tag-text-on-dark-muted {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-on-dark-muted-lighter);
  color: var(--c-text-on-dark-muted-darker);
}
.tag-text-on-dark-muted:hover {
  background-color: var(--c-text-on-dark-muted-light);
}

.tag-text-on-dark-link {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-on-dark-link-lighter);
  color: var(--c-text-on-dark-link-darker);
}
.tag-text-on-dark-link:hover {
  background-color: var(--c-text-on-dark-link-light);
}

.tag-border-on-dark {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-border-on-dark-lighter);
  color: var(--c-border-on-dark-darker);
}
.tag-border-on-dark:hover {
  background-color: var(--c-border-on-dark-light);
}

.tag-border-on-dark-subtle {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-border-on-dark-subtle-lighter);
  color: var(--c-border-on-dark-subtle-darker);
}
.tag-border-on-dark-subtle:hover {
  background-color: var(--c-border-on-dark-subtle-light);
}

.tag-border-input {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-border-input-lighter);
  color: var(--c-border-input-darker);
}
.tag-border-input:hover {
  background-color: var(--c-border-input-light);
}

.tag-border-card {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-border-card-lighter);
  color: var(--c-border-card-darker);
}
.tag-border-card:hover {
  background-color: var(--c-border-card-light);
}

.tag-border-divider {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-border-divider-lighter);
  color: var(--c-border-divider-darker);
}
.tag-border-divider:hover {
  background-color: var(--c-border-divider-light);
}

.tag-bg-input {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-input-lighter);
  color: var(--c-bg-input-darker);
}
.tag-bg-input:hover {
  background-color: var(--c-bg-input-light);
}

.tag-border-input-focus {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-border-input-focus-lighter);
  color: var(--c-border-input-focus-darker);
}
.tag-border-input-focus:hover {
  background-color: var(--c-border-input-focus-light);
}

.tag-bg-table-header {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-table-header-lighter);
  color: var(--c-bg-table-header-darker);
}
.tag-bg-table-header:hover {
  background-color: var(--c-bg-table-header-light);
}

.tag-text-table-header {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-table-header-lighter);
  color: var(--c-text-table-header-darker);
}
.tag-text-table-header:hover {
  background-color: var(--c-text-table-header-light);
}

.tag-bg-table-alt {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-table-alt-lighter);
  color: var(--c-bg-table-alt-darker);
}
.tag-bg-table-alt:hover {
  background-color: var(--c-bg-table-alt-light);
}

.tag-bg-table-hover {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-table-hover-lighter);
  color: var(--c-bg-table-hover-darker);
}
.tag-bg-table-hover:hover {
  background-color: var(--c-bg-table-hover-light);
}

.tag-text-table-hover {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-table-hover-lighter);
  color: var(--c-text-table-hover-darker);
}
.tag-text-table-hover:hover {
  background-color: var(--c-text-table-hover-light);
}

.tag-white {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-white-lighter);
  color: var(--c-white-darker);
}
.tag-white:hover {
  background-color: var(--c-white-light);
}

.status-primary {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #91459A;
}
.status-primary.status-pulse {
  animation: pulse-primary 2s infinite;
}

@keyframes pulse-primary {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-secondary {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #6B6F8C;
}
.status-secondary.status-pulse {
  animation: pulse-secondary 2s infinite;
}

@keyframes pulse-secondary {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-tertiary {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #A5F1EC;
}
.status-tertiary.status-pulse {
  animation: pulse-tertiary 2s infinite;
}

@keyframes pulse-tertiary {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-cta {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #FF3399;
}
.status-cta.status-pulse {
  animation: pulse-cta 2s infinite;
}

@keyframes pulse-cta {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-success {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #1FA463;
}
.status-success.status-pulse {
  animation: pulse-success 2s infinite;
}

@keyframes pulse-success {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-danger {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #E4483D;
}
.status-danger.status-pulse {
  animation: pulse-danger 2s infinite;
}

@keyframes pulse-danger {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-warning {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #FBB03B;
}
.status-warning.status-pulse {
  animation: pulse-warning 2s infinite;
}

@keyframes pulse-warning {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-info {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #6B6F8C;
}
.status-info.status-pulse {
  animation: pulse-info 2s infinite;
}

@keyframes pulse-info {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-body {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #fff;
}
.status-bg-body.status-pulse {
  animation: pulse-bg-body 2s infinite;
}

@keyframes pulse-bg-body {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-alt {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #F5F9FA;
}
.status-bg-alt.status-pulse {
  animation: pulse-bg-alt 2s infinite;
}

@keyframes pulse-bg-alt {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-tint {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #FBFDFD;
}
.status-bg-tint.status-pulse {
  animation: pulse-bg-tint 2s infinite;
}

@keyframes pulse-bg-tint {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-accent {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: rgb(246, 253.6, 253.1);
}
.status-bg-accent.status-pulse {
  animation: pulse-bg-accent 2s infinite;
}

@keyframes pulse-bg-accent {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-dark {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #1D2E66;
}
.status-bg-dark.status-pulse {
  animation: pulse-bg-dark 2s infinite;
}

@keyframes pulse-bg-dark {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-dark-alt {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: rgb(13.05, 20.7, 45.9);
}
.status-bg-dark-alt.status-pulse {
  animation: pulse-bg-dark-alt 2s infinite;
}

@keyframes pulse-bg-dark-alt {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-dark-neutral {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #16224D;
}
.status-bg-dark-neutral.status-pulse {
  animation: pulse-bg-dark-neutral 2s infinite;
}

@keyframes pulse-bg-dark-neutral {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-footer {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: rgb(7.25, 11.5, 25.5);
}
.status-bg-footer.status-pulse {
  animation: pulse-bg-footer 2s infinite;
}

@keyframes pulse-bg-footer {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-body {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #16224D;
}
.status-text-body.status-pulse {
  animation: pulse-text-body 2s infinite;
}

@keyframes pulse-text-body {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-heading {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: rgb(20.88, 33.12, 73.44);
}
.status-text-heading.status-pulse {
  animation: pulse-text-heading 2s infinite;
}

@keyframes pulse-text-heading {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-link {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: rgb(123.25, 58.65, 130.9);
}
.status-text-link.status-pulse {
  animation: pulse-text-link 2s infinite;
}

@keyframes pulse-text-link {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-muted {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: rgb(90.95, 94.35, 119);
}
.status-text-muted.status-pulse {
  animation: pulse-text-muted 2s infinite;
}

@keyframes pulse-text-muted {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-muted-extra {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: rgb(129.2, 132.6, 157.25);
}
.status-text-muted-extra.status-pulse {
  animation: pulse-text-muted-extra 2s infinite;
}

@keyframes pulse-text-muted-extra {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-on-dark {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #fff;
}
.status-text-on-dark.status-pulse {
  animation: pulse-text-on-dark 2s infinite;
}

@keyframes pulse-text-on-dark {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-on-dark-muted {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #A5F1EC;
}
.status-text-on-dark-muted.status-pulse {
  animation: pulse-text-on-dark-muted 2s infinite;
}

@keyframes pulse-text-on-dark-muted {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-on-dark-link {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #A5F1EC;
}
.status-text-on-dark-link.status-pulse {
  animation: pulse-text-on-dark-link 2s infinite;
}

@keyframes pulse-text-on-dark-link {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-border-on-dark {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #fff;
}
.status-border-on-dark.status-pulse {
  animation: pulse-border-on-dark 2s infinite;
}

@keyframes pulse-border-on-dark {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-border-on-dark-subtle {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: rgb(90.95, 94.35, 119);
}
.status-border-on-dark-subtle.status-pulse {
  animation: pulse-border-on-dark-subtle 2s infinite;
}

@keyframes pulse-border-on-dark-subtle {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-border-input {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #E3E6EE;
}
.status-border-input.status-pulse {
  animation: pulse-border-input 2s infinite;
}

@keyframes pulse-border-input {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-border-card {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #E3E6EE;
}
.status-border-card.status-pulse {
  animation: pulse-border-card 2s infinite;
}

@keyframes pulse-border-card {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-border-divider {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #E3E6EE;
}
.status-border-divider.status-pulse {
  animation: pulse-border-divider 2s infinite;
}

@keyframes pulse-border-divider {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-input {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #fff;
}
.status-bg-input.status-pulse {
  animation: pulse-bg-input 2s infinite;
}

@keyframes pulse-bg-input {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-border-input-focus {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #91459A;
}
.status-border-input-focus.status-pulse {
  animation: pulse-border-input-focus 2s infinite;
}

@keyframes pulse-border-input-focus {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-table-header {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #1D2E66;
}
.status-bg-table-header.status-pulse {
  animation: pulse-bg-table-header 2s infinite;
}

@keyframes pulse-bg-table-header {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-table-header {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #fff;
}
.status-text-table-header.status-pulse {
  animation: pulse-text-table-header 2s infinite;
}

@keyframes pulse-text-table-header {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-table-alt {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #C8C8C8;
}
.status-bg-table-alt.status-pulse {
  animation: pulse-bg-table-alt 2s infinite;
}

@keyframes pulse-bg-table-alt {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-table-hover {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #91459A;
}
.status-bg-table-hover.status-pulse {
  animation: pulse-bg-table-hover 2s infinite;
}

@keyframes pulse-bg-table-hover {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-table-hover {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #fff;
}
.status-text-table-hover.status-pulse {
  animation: pulse-text-table-hover 2s infinite;
}

@keyframes pulse-text-table-hover {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-white {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #fff;
}
.status-white.status-pulse {
  animation: pulse-white 2s infinite;
}

@keyframes pulse-white {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.callout-primary {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-primary-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-primary-way-lighter);
}
.callout-primary .callout-title {
  color: var(--c-primary-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-primary .callout-text {
  color: var(--c-primary-dark);
}

.callout-secondary {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-secondary-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-secondary-way-lighter);
}
.callout-secondary .callout-title {
  color: var(--c-secondary-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-secondary .callout-text {
  color: var(--c-secondary-dark);
}

.callout-tertiary {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-tertiary-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-tertiary-way-lighter);
}
.callout-tertiary .callout-title {
  color: var(--c-tertiary-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-tertiary .callout-text {
  color: var(--c-tertiary-dark);
}

.callout-cta {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-cta-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-cta-way-lighter);
}
.callout-cta .callout-title {
  color: var(--c-cta-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-cta .callout-text {
  color: var(--c-cta-dark);
}

.callout-success {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-success-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-success-way-lighter);
}
.callout-success .callout-title {
  color: var(--c-success-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-success .callout-text {
  color: var(--c-success-dark);
}

.callout-danger {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-danger-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-danger-way-lighter);
}
.callout-danger .callout-title {
  color: var(--c-danger-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-danger .callout-text {
  color: var(--c-danger-dark);
}

.callout-warning {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-warning-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-warning-way-lighter);
}
.callout-warning .callout-title {
  color: var(--c-warning-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-warning .callout-text {
  color: var(--c-warning-dark);
}

.callout-info {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-info-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-info-way-lighter);
}
.callout-info .callout-title {
  color: var(--c-info-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-info .callout-text {
  color: var(--c-info-dark);
}

.callout-bg-body {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-body-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-body-way-lighter);
}
.callout-bg-body .callout-title {
  color: var(--c-bg-body-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-body .callout-text {
  color: var(--c-bg-body-dark);
}

.callout-bg-alt {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-alt-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-alt-way-lighter);
}
.callout-bg-alt .callout-title {
  color: var(--c-bg-alt-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-alt .callout-text {
  color: var(--c-bg-alt-dark);
}

.callout-bg-tint {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-tint-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-tint-way-lighter);
}
.callout-bg-tint .callout-title {
  color: var(--c-bg-tint-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-tint .callout-text {
  color: var(--c-bg-tint-dark);
}

.callout-bg-accent {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-accent-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-accent-way-lighter);
}
.callout-bg-accent .callout-title {
  color: var(--c-bg-accent-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-accent .callout-text {
  color: var(--c-bg-accent-dark);
}

.callout-bg-dark {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-dark-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-dark-way-lighter);
}
.callout-bg-dark .callout-title {
  color: var(--c-bg-dark-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-dark .callout-text {
  color: var(--c-bg-dark-dark);
}

.callout-bg-dark-alt {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-dark-alt-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-dark-alt-way-lighter);
}
.callout-bg-dark-alt .callout-title {
  color: var(--c-bg-dark-alt-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-dark-alt .callout-text {
  color: var(--c-bg-dark-alt-dark);
}

.callout-bg-dark-neutral {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-dark-neutral-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-dark-neutral-way-lighter);
}
.callout-bg-dark-neutral .callout-title {
  color: var(--c-bg-dark-neutral-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-dark-neutral .callout-text {
  color: var(--c-bg-dark-neutral-dark);
}

.callout-bg-footer {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-footer-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-footer-way-lighter);
}
.callout-bg-footer .callout-title {
  color: var(--c-bg-footer-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-footer .callout-text {
  color: var(--c-bg-footer-dark);
}

.callout-text-body {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-body-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-body-way-lighter);
}
.callout-text-body .callout-title {
  color: var(--c-text-body-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-body .callout-text {
  color: var(--c-text-body-dark);
}

.callout-text-heading {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-heading-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-heading-way-lighter);
}
.callout-text-heading .callout-title {
  color: var(--c-text-heading-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-heading .callout-text {
  color: var(--c-text-heading-dark);
}

.callout-text-link {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-link-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-link-way-lighter);
}
.callout-text-link .callout-title {
  color: var(--c-text-link-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-link .callout-text {
  color: var(--c-text-link-dark);
}

.callout-text-muted {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-muted-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-muted-way-lighter);
}
.callout-text-muted .callout-title {
  color: var(--c-text-muted-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-muted .callout-text {
  color: var(--c-text-muted-dark);
}

.callout-text-muted-extra {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-muted-extra-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-muted-extra-way-lighter);
}
.callout-text-muted-extra .callout-title {
  color: var(--c-text-muted-extra-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-muted-extra .callout-text {
  color: var(--c-text-muted-extra-dark);
}

.callout-text-on-dark {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-on-dark-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-on-dark-way-lighter);
}
.callout-text-on-dark .callout-title {
  color: var(--c-text-on-dark-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-on-dark .callout-text {
  color: var(--c-text-on-dark-dark);
}

.callout-text-on-dark-muted {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-on-dark-muted-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-on-dark-muted-way-lighter);
}
.callout-text-on-dark-muted .callout-title {
  color: var(--c-text-on-dark-muted-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-on-dark-muted .callout-text {
  color: var(--c-text-on-dark-muted-dark);
}

.callout-text-on-dark-link {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-on-dark-link-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-on-dark-link-way-lighter);
}
.callout-text-on-dark-link .callout-title {
  color: var(--c-text-on-dark-link-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-on-dark-link .callout-text {
  color: var(--c-text-on-dark-link-dark);
}

.callout-border-on-dark {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-border-on-dark-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-border-on-dark-way-lighter);
}
.callout-border-on-dark .callout-title {
  color: var(--c-border-on-dark-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-border-on-dark .callout-text {
  color: var(--c-border-on-dark-dark);
}

.callout-border-on-dark-subtle {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-border-on-dark-subtle-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-border-on-dark-subtle-way-lighter);
}
.callout-border-on-dark-subtle .callout-title {
  color: var(--c-border-on-dark-subtle-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-border-on-dark-subtle .callout-text {
  color: var(--c-border-on-dark-subtle-dark);
}

.callout-border-input {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-border-input-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-border-input-way-lighter);
}
.callout-border-input .callout-title {
  color: var(--c-border-input-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-border-input .callout-text {
  color: var(--c-border-input-dark);
}

.callout-border-card {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-border-card-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-border-card-way-lighter);
}
.callout-border-card .callout-title {
  color: var(--c-border-card-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-border-card .callout-text {
  color: var(--c-border-card-dark);
}

.callout-border-divider {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-border-divider-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-border-divider-way-lighter);
}
.callout-border-divider .callout-title {
  color: var(--c-border-divider-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-border-divider .callout-text {
  color: var(--c-border-divider-dark);
}

.callout-bg-input {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-input-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-input-way-lighter);
}
.callout-bg-input .callout-title {
  color: var(--c-bg-input-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-input .callout-text {
  color: var(--c-bg-input-dark);
}

.callout-border-input-focus {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-border-input-focus-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-border-input-focus-way-lighter);
}
.callout-border-input-focus .callout-title {
  color: var(--c-border-input-focus-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-border-input-focus .callout-text {
  color: var(--c-border-input-focus-dark);
}

.callout-bg-table-header {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-table-header-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-table-header-way-lighter);
}
.callout-bg-table-header .callout-title {
  color: var(--c-bg-table-header-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-table-header .callout-text {
  color: var(--c-bg-table-header-dark);
}

.callout-text-table-header {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-table-header-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-table-header-way-lighter);
}
.callout-text-table-header .callout-title {
  color: var(--c-text-table-header-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-table-header .callout-text {
  color: var(--c-text-table-header-dark);
}

.callout-bg-table-alt {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-table-alt-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-table-alt-way-lighter);
}
.callout-bg-table-alt .callout-title {
  color: var(--c-bg-table-alt-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-table-alt .callout-text {
  color: var(--c-bg-table-alt-dark);
}

.callout-bg-table-hover {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-table-hover-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-table-hover-way-lighter);
}
.callout-bg-table-hover .callout-title {
  color: var(--c-bg-table-hover-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-table-hover .callout-text {
  color: var(--c-bg-table-hover-dark);
}

.callout-text-table-hover {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-table-hover-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-table-hover-way-lighter);
}
.callout-text-table-hover .callout-title {
  color: var(--c-text-table-hover-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-table-hover .callout-text {
  color: var(--c-text-table-hover-dark);
}

.callout-white {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-white-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-white-way-lighter);
}
.callout-white .callout-title {
  color: var(--c-white-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-white .callout-text {
  color: var(--c-white-dark);
}

.border-0 {
  border-width: 0 !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border {
  border-width: 1px !important;
}

.border-solid {
  border-style: solid !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-dotted {
  border-style: dotted !important;
}

.border-none {
  border-style: none !important;
}

.border-top {
  border-top: 1px solid !important;
}

.border-bottom {
  border-bottom: 1px solid !important;
}

.border-left {
  border-left: 1px solid !important;
}

.border-right {
  border-right: 1px solid !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

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

.rounded-sm {
  border-radius: 4px !important;
}

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

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

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

.rounded-xl {
  border-radius: 24px !important;
}

.rounded-full {
  border-radius: 9999px !important;
}

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

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

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

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

@media screen and (max-width: 767px) {
  .border-mobile-0 {
    border-width: 0 !important;
  }
  .border-mobile-1 {
    border-width: 1px !important;
  }
  .border-mobile-2 {
    border-width: 2px !important;
  }
  .border-mobile {
    border-width: 1px !important;
  }
  .border-mobile-none {
    border-style: none !important;
  }
  .border-mobile-solid {
    border-style: solid !important;
  }
  .border-mobile-dashed {
    border-style: dashed !important;
  }
  .rounded-mobile-none {
    border-radius: 0 !important;
  }
  .rounded-mobile-sm {
    border-radius: 4px !important;
  }
  .rounded-mobile {
    border-radius: var(--radius-md) !important;
  }
  .rounded-mobile-lg {
    border-radius: var(--radius-lg) !important;
  }
}
@media screen and (min-width: 992px) {
  .border-desktop-0 {
    border-width: 0 !important;
  }
  .border-desktop-1 {
    border-width: 1px !important;
  }
  .border-desktop-2 {
    border-width: 2px !important;
  }
  .border-desktop {
    border-width: 1px !important;
  }
  .border-desktop-none {
    border-style: none !important;
  }
  .border-desktop-solid {
    border-style: solid !important;
  }
  .border-desktop-dashed {
    border-style: dashed !important;
  }
  .rounded-desktop-none {
    border-radius: 0 !important;
  }
  .rounded-desktop-sm {
    border-radius: 4px !important;
  }
  .rounded-desktop {
    border-radius: var(--radius-md) !important;
  }
  .rounded-desktop-lg {
    border-radius: var(--radius-lg) !important;
  }
}
.d-none {
  display: none !important;
}

.d-mobile-only {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .d-mobile-only {
    display: block !important;
  }
}

.d-mobile-inline-only {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .d-mobile-inline-only {
    display: inline !important;
  }
}

.d-mobile-flex-only {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .d-mobile-flex-only {
    display: flex !important;
  }
}

.d-tablet-only {
  display: none !important;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .d-tablet-only {
    display: block !important;
  }
}

.d-desktop-only {
  display: none !important;
}
@media screen and (min-width: 992px) {
  .d-desktop-only {
    display: block !important;
  }
}

@media screen and (max-width: 767px) {
  .d-mobile-none {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  .d-tablet-down-none {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .d-desktop-none {
    display: none !important;
  }
}

.grid {
  display: grid;
  gap: var(--gap, 1rem);
}

.grid-1 {
  grid-template-columns: 1fr;
}

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

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

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

@media screen and (max-width: 991px) {
  .grid-tablet-1 {
    grid-template-columns: 1fr !important;
  }
}

@media screen and (max-width: 767px) {
  .grid-mobile-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .grid-tablet-1 {
    grid-template-columns: 1fr !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .grid-tablet-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .grid-tablet-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media screen and (min-width: 992px) {
  .grid-desktop-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media screen and (min-width: 992px) {
  .grid-desktop-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media screen and (min-width: 992px) {
  .grid-desktop-4 {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

.grid-responsive {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 992px) {
  .grid-responsive {
    grid-template-columns: repeat(2, 1fr);
  }
}

.grid-responsive-3 {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .grid-responsive-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .grid-responsive-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-1 {
    order: 1 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-2 {
    order: 2 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-3 {
    order: 3 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-4 {
    order: 4 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-5 {
    order: 5 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-6 {
    order: 6 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-7 {
    order: 7 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-8 {
    order: 8 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-9 {
    order: 9 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-10 {
    order: 10 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-1 {
    order: 1 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-2 {
    order: 2 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-3 {
    order: 3 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-4 {
    order: 4 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-5 {
    order: 5 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-6 {
    order: 6 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-7 {
    order: 7 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-8 {
    order: 8 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-9 {
    order: 9 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-10 {
    order: 10 !important;
  }
}

@media screen and (max-width: 767px) {
  .w-full-mobile {
    width: 100% !important;
  }
}

@media screen and (min-width: 992px) {
  .w-auto-desktop {
    width: auto !important;
  }
}

@media screen and (max-width: 991px) {
  .w-full-tablet {
    width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .max-w-full-mobile {
    max-width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .min-w-0-mobile {
    min-width: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .h-auto-mobile {
    height: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .min-h-0-mobile {
    min-height: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .position-static-mobile {
    position: static !important;
  }
}

@media screen and (max-width: 767px) {
  .position-relative-mobile {
    position: relative !important;
  }
}

@media screen and (max-width: 767px) {
  .overflow-hidden-mobile {
    overflow: hidden !important;
  }
}

@media screen and (max-width: 767px) {
  .overflow-auto-mobile {
    overflow: auto !important;
  }
}

.animate-on-scroll {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.animate-on-scroll.in-view {
  opacity: 1;
  transform: translateY(0);
}

.animate-stagger {
  --stagger-delay: 80ms;
}
.animate-stagger > * {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.animate-stagger.in-view > * {
  opacity: 1;
  transform: translateY(0);
}
.animate-stagger.in-view > *:nth-child(1) {
  transition-delay: calc(0 * var(--stagger-delay));
}
.animate-stagger.in-view > *:nth-child(2) {
  transition-delay: calc(1 * var(--stagger-delay));
}
.animate-stagger.in-view > *:nth-child(3) {
  transition-delay: calc(2 * var(--stagger-delay));
}
.animate-stagger.in-view > *:nth-child(4) {
  transition-delay: calc(3 * var(--stagger-delay));
}
.animate-stagger.in-view > *:nth-child(5) {
  transition-delay: calc(4 * var(--stagger-delay));
}
.animate-stagger.in-view > *:nth-child(6) {
  transition-delay: calc(5 * var(--stagger-delay));
}
.animate-stagger.in-view > *:nth-child(7) {
  transition-delay: calc(6 * var(--stagger-delay));
}
.animate-stagger.in-view > *:nth-child(8) {
  transition-delay: calc(7 * var(--stagger-delay));
}
.animate-stagger.in-view > *:nth-child(9) {
  transition-delay: calc(8 * var(--stagger-delay));
}
.animate-stagger.in-view > *:nth-child(10) {
  transition-delay: calc(9 * var(--stagger-delay));
}
.animate-stagger.in-view > *:nth-child(11) {
  transition-delay: calc(10 * var(--stagger-delay));
}
.animate-stagger.in-view > *:nth-child(12) {
  transition-delay: calc(11 * var(--stagger-delay));
}

.stagger-100 {
  --stagger-delay: 100ms;
}

.stagger-200 {
  --stagger-delay: 200ms;
}

.stagger-300 {
  --stagger-delay: 300ms;
}

.stagger-400 {
  --stagger-delay: 400ms;
}

.stagger-500 {
  --stagger-delay: 500ms;
}

.stagger-600 {
  --stagger-delay: 600ms;
}

.stagger-700 {
  --stagger-delay: 700ms;
}

.stagger-800 {
  --stagger-delay: 800ms;
}

.stagger-900 {
  --stagger-delay: 900ms;
}

.stagger-1000 {
  --stagger-delay: 1000ms;
}

.animate-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition-delay: var(--animate-delay, 0ms);
}
.animate-in.in-view {
  opacity: 1;
  transform: translateY(0);
}
.animate-stagger.in-view .animate-in {
  transition-delay: var(--animate-delay, 0ms);
}

.delay-500 {
  --animate-delay: 500ms;
}

.delay-1000 {
  --animate-delay: 1000ms;
}

.delay-1500 {
  --animate-delay: 1500ms;
}

.delay-2000 {
  --animate-delay: 2000ms;
}

.delay-2500 {
  --animate-delay: 2500ms;
}

.delay-3000 {
  --animate-delay: 3000ms;
}

.delay-3500 {
  --animate-delay: 3500ms;
}

.delay-4000 {
  --animate-delay: 4000ms;
}

.delay-4500 {
  --animate-delay: 4500ms;
}

.delay-5000 {
  --animate-delay: 5000ms;
}

.animate-fade {
  opacity: 0;
  transition: opacity 0.6s ease-out;
}
.animate-fade.in-view {
  opacity: 1;
}

.animate-slide-left {
  opacity: 0;
  transform: translateX(-30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.animate-slide-left.in-view {
  opacity: 1;
  transform: translateX(0);
}

.animate-slide-right {
  opacity: 0;
  transform: translateX(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.animate-slide-right.in-view {
  opacity: 1;
  transform: translateX(0);
}

.btn-elevate {
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.btn-elevate:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-elevate:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.card-elevate {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-elevate:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.shadow-rest {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.media-frame {
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .animate-on-scroll,
  .animate-stagger > *,
  .animate-in,
  .animate-fade,
  .animate-slide-left,
  .animate-slide-right {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.nav a:not(.btn),
.nav .a-nav-logo,
.nav .nav-item a:not(.btn),
.nav .mm-row-link,
.mobile-nav-drawer a:not(.btn),
.mobile-nav-drawer .mobile-nav-link {
  text-decoration: none;
}
.nav a:not(.btn):link, .nav a:not(.btn):visited, .nav a:not(.btn):-webkit-any-link,
.nav .a-nav-logo:link,
.nav .a-nav-logo:visited,
.nav .a-nav-logo:-webkit-any-link,
.nav .nav-item a:not(.btn):link,
.nav .nav-item a:not(.btn):visited,
.nav .nav-item a:not(.btn):-webkit-any-link,
.nav .mm-row-link:link,
.nav .mm-row-link:visited,
.nav .mm-row-link:-webkit-any-link,
.mobile-nav-drawer a:not(.btn):link,
.mobile-nav-drawer a:not(.btn):visited,
.mobile-nav-drawer a:not(.btn):-webkit-any-link,
.mobile-nav-drawer .mobile-nav-link:link,
.mobile-nav-drawer .mobile-nav-link:visited,
.mobile-nav-drawer .mobile-nav-link:-webkit-any-link {
  text-decoration: none;
  color: inherit;
}

.nav {
  z-index: var(--z-nav);
  min-height: var(--menu-height);
  background-color: var(--bg-body);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 1px var(--shadow-light);
}

.nav.nav-dark {
  background-color: var(--bg-dark-primary);
  box-shadow: 0 1px rgba(255, 255, 255, 0.1);
}
.nav.nav-dark .nav-text,
.nav.nav-dark .nav-item a {
  color: var(--text-on-dark);
}
.nav.nav-dark .bd-b-3-navy-hover::after {
  background-color: var(--text-on-dark);
}
.nav.nav-dark .nav-hamburger {
  color: var(--text-on-dark);
}
.nav.nav-dark .nav-hamburger:hover {
  box-shadow: inset 0 3px var(--text-on-dark);
}

.nav-spacer {
  height: var(--menu-height);
  flex-shrink: 0;
}

.nav-spacer--transparent {
  height: 0;
}

.below-transparent-nav {
  padding-top: calc(var(--menu-height) + 2rem) !important;
}
@media screen and (max-width: 991px) {
  .below-transparent-nav {
    padding-top: calc(var(--menu-height) + 1rem) !important;
  }
}

@media screen and (min-width: 992px) {
  .nav.nav-transparent {
    background-color: transparent;
    box-shadow: none;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
  }
  .nav.nav-transparent.nav-scrolled, .nav.nav-transparent:has(.block-mega-menu.active) {
    background-color: var(--bg-body);
    box-shadow: 0 1px var(--shadow-light);
  }
  .nav.nav-transparent.nav-dark.nav-scrolled, .nav.nav-transparent.nav-dark:has(.block-mega-menu.active) {
    background-color: var(--bg-dark-primary);
    box-shadow: 0 1px rgba(255, 255, 255, 0.1);
  }
}
.nav-hamburger {
  margin-left: 5px;
  margin-right: 5px;
  padding: 10px;
  transition: box-shadow 0.5s, color 0.3s;
  box-shadow: inset 0 3px transparent;
}

.nav-hamburger:hover {
  box-shadow: inset 0 3px var(--c-primary);
}

.nav-hamburger.w--current {
  color: var(--c-cta);
  box-shadow: inset 0 3px var(--c-cta);
}

.nav-menu {
  align-self: stretch;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.a-nav-logo {
  align-self: stretch;
  text-decoration: none;
  display: flex;
}

.nav-container {
  align-items: center;
  min-height: var(--menu-height);
  max-height: var(--menu-height);
  display: flex;
}

.nav-logo-img {
  min-width: 190px;
  padding: 5px;
}

.nav-with-children {
  flex-flow: row;
  justify-content: center;
  display: flex;
}

.nav-icon {
  margin-left: 5px;
  font-family: fa-solid, Arial, sans-serif;
  font-size: 0.7rem;
  transition: transform 0.2s ease;
}

[data-mega-menu-active] .nav-icon {
  transform: rotate(180deg);
}

.block-mega-menu {
  z-index: var(--z-subnav);
  background-color: var(--bg-alt-light);
  opacity: 0;
  min-width: 100%;
  display: flex;
  position: fixed;
  top: var(--menu-height);
  left: 0;
  right: 0;
  visibility: hidden;
  transition: opacity 120ms ease-in-out, visibility 120ms ease-in-out;
}

.block-mega-menu.active {
  opacity: 1;
  visibility: visible;
  border-bottom: 1px solid var(--c-border-light);
  box-shadow: 0 16px 32px -8px rgba(0, 38, 80, 0.18), 0 6px 12px -4px rgba(0, 38, 80, 0.1), 0 2px 4px rgba(0, 38, 80, 0.06);
}

.nav.nav-dark + .block-mega-menu,
.block-mega-menu.mega-menu-dark {
  background-color: var(--bg-dark-primary);
}
.nav.nav-dark + .block-mega-menu .h5-subtitle,
.block-mega-menu.mega-menu-dark .h5-subtitle {
  color: var(--text-on-dark-muted);
}
.nav.nav-dark + .block-mega-menu .mm-row-link,
.block-mega-menu.mega-menu-dark .mm-row-link {
  color: var(--text-on-dark);
}
.nav.nav-dark + .block-mega-menu .mega-menu-row:hover,
.block-mega-menu.mega-menu-dark .mega-menu-row:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.nav.nav-dark + .block-mega-menu .mega-menu-row.hover-lighten:hover,
.block-mega-menu.mega-menu-dark .mega-menu-row.hover-lighten:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.nav.nav-dark + .block-mega-menu .mm-links-cell h5,
.block-mega-menu.mega-menu-dark .mm-links-cell h5 {
  color: var(--text-on-dark);
}
.nav.nav-dark + .block-mega-menu.active,
.block-mega-menu.mega-menu-dark.active {
  box-shadow: 0 1px rgba(255, 255, 255, 0.1);
}

.nav-item {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 10px;
  display: flex;
}

.nav-item.nav-with-children.bd-b-3-navy-hover {
  cursor: pointer;
}

.nav-login-left {
  margin-left: var(--space-md);
  color: var(--text-muted);
  line-height: 1;
  transition: color 0.2s ease;
}
.nav-login-left:hover {
  color: var(--text-body);
}

.nav-login-link {
  font-weight: 500;
}

.hidden-animation-helpers {
  display: none;
}

.animation-helper {
  margin-bottom: 6px;
}

.bd-b-3-navy-hover {
  position: relative;
  border: 3px solid var(--c-transparent);
}
.bd-b-3-navy-hover::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  height: 3px;
  background-color: var(--c-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}
.bd-b-3-navy-hover:hover::after {
  transform: scaleX(1);
}

.force-show-flex {
  opacity: 1;
  display: flex;
}

.mega-menu-container {
  max-width: var(--container-max-width);
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.quick-stack {
  grid-gap: 0;
  flex: 1;
  padding: 0;
}

.h5-subtitle {
  color: var(--text-muted);
  text-align: left;
  margin-bottom: 20px;
  font-size: 0.82rem;
  line-height: 1rem;
}

.with-subtitle {
  margin-bottom: 5px;
}

.mm-column-title-link {
  text-decoration: none;
  color: inherit;
  display: block;
  border-radius: var(--btn-border-radius);
  margin-left: -8px;
  padding-left: 8px;
  margin-right: -8px;
  padding-right: 8px;
}
.mm-column-title-link:hover {
  background-color: var(--overlay-dark);
}
.mm-column-title-link .with-subtitle {
  margin-bottom: 5px;
}

.mega-menu-row {
  border-radius: var(--btn-border-radius);
  align-self: stretch;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-left: -10px;
  display: flex;
}

.mega-menu-row:hover {
  background-color: var(--overlay-dark);
}

.mega-menu-row.hover-lighten:hover {
  background-color: var(--overlay-light);
}

.mm-row-icon {
  color: var(--c-gray-150);
  font-family: font-awesome-solid, sans-serif;
  margin-right: 15px;
}

.mm-row-link {
  color: var(--text-body);
  flex: 1;
  font-size: var(--fs-2);
  font-weight: var(--fw-600);
}

.mm-highlight-card {
  background-color: var(--bg-dark-primary);
  color: var(--text-on-dark);
  flex: 1;
  align-self: stretch;
  padding-left: 20px;
}

.mm-links-cell {
  padding-top: 20px;
  padding-bottom: 24px;
  padding-left: 5px;
  padding-right: 5px;
}

.mm-links-cell.mm-highlight-card {
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.mm-icon {
  text-align: center;
  min-width: 1.3rem;
  margin-bottom: 0;
  font-family: fa-solid, Arial, sans-serif;
  font-size: 1rem;
}

.mm-highlight-card-img {
  flex: 1;
  align-self: center;
  max-width: 70%;
  margin-bottom: 20px;
}

.nav-content-callout {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
}

@media screen and (max-width: 991px) {
  .nav-menu {
    display: none !important;
  }
  .block-mega-menu {
    display: none !important;
  }
  .nav-hamburger {
    color: var(--text-body);
    padding: 22px 17px;
    font-size: 30px;
    margin-left: 0;
    margin-right: 0;
  }
  .nav-hamburger:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 992px) {
  .mobile-nav-drawer {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  .mobile-nav-drawer {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    background-color: var(--bg-dark-primary);
    color: var(--text-on-dark);
    z-index: 9999;
    transform: translateX(100%);
    transition: transform 250ms ease-in-out;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
  }
  .mobile-nav-drawer.drawer-open {
    transform: translateX(0);
  }
  .mobile-drawer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    min-height: 75px;
    border-bottom: 1px solid var(--border-on-dark-subtle);
  }
  .mobile-drawer-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    align-self: stretch;
  }
  .mobile-drawer-logo-img {
    min-width: 190px;
    padding: 5px;
  }
  .mobile-close-btn {
    background: transparent;
    border: none;
    color: var(--text-on-dark);
    font-size: 30px;
    padding: 22px 17px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s;
  }
  .mobile-close-btn:hover {
    opacity: 0.7;
  }
  .mobile-drawer-content {
    flex: 1;
    padding: 20px;
    overflow-y: auto;
  }
  .mobile-nav-section {
    margin-bottom: 10px;
  }
  .mobile-nav-accordion-trigger {
    width: 100%;
    background: transparent;
    border: none;
    color: var(--text-on-dark);
    font-size: 1.1rem;
    font-weight: 500;
    padding: 15px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-align: left;
    border-bottom: 1px solid var(--border-on-dark-subtle);
    transition: background-color 0.2s;
  }
  .mobile-nav-accordion-trigger:hover {
    background-color: var(--overlay-light);
  }
  .mobile-accordion-icon {
    font-size: 0.9rem;
    transition: transform 0.25s ease-in-out;
  }
  .mobile-nav-accordion-trigger.accordion-open .mobile-accordion-icon {
    transform: rotate(180deg);
  }
  .mobile-nav-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-in-out;
    background-color: var(--overlay-dark);
  }
  .mobile-nav-accordion-content.accordion-open {
    max-height: 2000px;
    padding: 15px 0;
  }
  .mobile-nav-column {
    padding: 15px 20px;
  }
  .mobile-nav-column:not(:last-child) {
    border-bottom: 1px solid var(--border-on-dark-subtle);
  }
  .mobile-nav-column-title {
    color: var(--text-on-dark);
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    opacity: 0.8;
  }
  .mobile-nav-column-title-link {
    text-decoration: none;
    display: block;
    margin-bottom: 12px;
    border-radius: var(--btn-border-radius);
    margin-left: -8px;
    padding-left: 8px;
    margin-right: -8px;
    padding-right: 8px;
  }
  .mobile-nav-column-title-link:hover, .mobile-nav-column-title-link:active {
    background-color: var(--overlay-light);
  }
  .mobile-nav-column-title-link .mobile-nav-column-title {
    margin-bottom: 0;
  }
  .mobile-nav-link {
    display: block;
    color: var(--text-on-dark);
    text-decoration: none;
    padding: 10px 20px;
    font-size: 1rem;
    transition: background-color 0.2s;
    border-radius: 4px;
  }
  .mobile-nav-link:hover {
    background-color: var(--overlay-light);
  }
  .mobile-nav-link.mobile-nav-top-level {
    font-weight: 500;
    font-size: 1.1rem;
    padding: 15px 10px;
    border-bottom: 1px solid var(--border-on-dark-subtle);
    margin-bottom: 10px;
  }
  .mobile-nav-column.mobile-nav-highlight {
    background-color: var(--overlay-light);
    border-radius: 4px;
    margin: 10px 0;
  }
  .mobile-nav-ctas {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .mobile-nav-login-link {
    display: block;
    text-align: center;
    color: var(--text-on-dark);
    text-decoration: none;
    padding: 14px 12px 4px;
    margin-top: 4px;
    font-size: 1rem;
    font-weight: 500;
    border-top: 1px solid var(--border-on-dark-subtle);
    transition: opacity 0.2s;
  }
  .mobile-nav-login-link:hover {
    opacity: 0.7;
  }
  .btn-block {
    width: 100%;
    display: block;
    text-align: center;
  }
  .nav-menu {
    display: none;
  }
  .nav-hamburger {
    display: block;
  }
}
.section.footer {
  min-height: var(--footer-height);
  color: var(--text-on-dark-muted);
  background-color: var(--bg-footer);
  padding-top: 42px;
  padding-bottom: 42px;
}
@media screen and (max-width: 767px) {
  .section.footer {
    min-height: unset;
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.h3-footer {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .h3-footer {
    margin-bottom: var(--space-sm);
  }
}

.footer-stack {
  flex: 1;
}

.footer-logo {
  max-width: 200px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .footer-logo {
    max-width: 160px;
    margin-bottom: 16px;
  }
}

.a-footer {
  color: var(--text-on-dark-link);
  text-decoration: none;
  margin-bottom: 10px;
  position: relative;
}
.a-footer::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: currentColor;
  transition: width 0.3s ease;
}
.a-footer:hover::after {
  width: 100%;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--c-primary-200);
}

.form-utility-page {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.form-contact {
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  display: flex;
}
.form-contact .form {
  background: var(--bg-body);
  border-radius: var(--radius-lg);
  padding: var(--space-sm);
}
.form-contact .form label {
  color: var(--text-body);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 4px;
}

.text-field,
.text-field-2 {
  max-width: 500px;
}

.textarea {
  max-width: 900px;
  min-height: 100px;
}

.form-contact-success-block {
  border: 4px solid var(--border-on-dark);
  background-color: var(--c-transparent);
  font-size: 20px;
}

.form-contact-fail-block {
  border: 4px solid var(--border-on-dark);
  background-color: var(--c-transparent);
  text-align: center;
  padding: 0;
  font-size: 20px;
}

.form-failure-messae {
  background-color: var(--c-pink);
  padding: 10px;
}

.hero-subtitle-contact-notice {
  border: 4px solid var(--border-on-dark);
  text-align: left;
  background-color: var(--c-danger-dark);
  align-self: center;
  margin-bottom: 40px;
  padding: 20px;
  font-size: 24px;
  font-weight: 500;
  line-height: 2.25rem;
}

.p-contact-notice {
  font-size: 24px;
  font-weight: 400;
}

.p-contact-notice.center {
  text-align: center;
  margin-bottom: 20px;
  font-weight: 700;
  text-decoration: underline;
}

.accordion-list .accordion-list-container {
  padding: 0 var(--space-md);
}
@media screen and (max-width: 991px) {
  .accordion-list .accordion-list-container {
    padding: 0 var(--space-xs);
  }
}
.accordion-list .accordion-list-heading {
  text-align: center;
  margin-bottom: var(--space-lg);
}
.accordion-list .accordion-list-items {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.accordion-item {
  background: white;
  border-radius: var(--radius-md);
  border: 1px solid #e0e0e0;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}
.accordion-item:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.accordion-item .accordion-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-4);
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
}
.accordion-item .accordion-item-header:hover {
  background-color: #f9f9f9;
}
.accordion-item .accordion-item-header .accordion-item-title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-heading);
  flex: 1;
}
.accordion-item .accordion-item-header .accordion-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  margin-left: var(--space-3);
}
.accordion-item .accordion-item-header .accordion-item-icon i {
  color: var(--c-cta);
  font-size: 1rem;
  transition: transform 0.2s ease;
}
.accordion-item .accordion-item-content {
  overflow: hidden;
}
.accordion-item .accordion-item-content .accordion-item-content-inner {
  padding: var(--space-2) var(--space-4) var(--space-4) var(--space-4);
  color: var(--text-body);
}
.accordion-item .accordion-item-content .accordion-item-content-inner p {
  margin-bottom: var(--space-3);
}
.accordion-item .accordion-item-content .accordion-item-content-inner p:last-child {
  margin-bottom: 0;
}

.bg-dark .accordion-item,
.bg-dark-alt .accordion-item,
.bg-dark-neutral .accordion-item {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}
.bg-dark .accordion-item:hover,
.bg-dark-alt .accordion-item:hover,
.bg-dark-neutral .accordion-item:hover {
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.bg-dark .accordion-item .accordion-item-header:hover,
.bg-dark-alt .accordion-item .accordion-item-header:hover,
.bg-dark-neutral .accordion-item .accordion-item-header:hover {
  background-color: rgba(255, 255, 255, 0.03);
}
.bg-dark .accordion-item .accordion-item-header .accordion-item-title,
.bg-dark-alt .accordion-item .accordion-item-header .accordion-item-title,
.bg-dark-neutral .accordion-item .accordion-item-header .accordion-item-title {
  color: var(--text-on-dark);
}
.bg-dark .accordion-item .accordion-item-content-inner,
.bg-dark-alt .accordion-item .accordion-item-content-inner,
.bg-dark-neutral .accordion-item .accordion-item-content-inner {
  color: var(--text-on-dark);
}

.accordion-enter-active,
.accordion-leave-active {
  transition: all 0.3s ease;
  max-height: 1000px;
}

.accordion-enter-from,
.accordion-leave-to {
  max-height: 0;
  opacity: 0;
}

.card-list {
  padding: 4rem 2rem;
}

.card-list-container {
  max-width: 1100px;
  margin: 0 auto;
}

.card-list-heading {
  text-align: center;
  margin-bottom: 3rem;
}

.card-list-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .card-list-items {
    grid-template-columns: 1fr;
  }
}

.card-list-item {
  padding: 2rem;
  background: var(--c-alt-light, #f5f7fa);
  border-radius: var(--radius-lg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-list-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.card-list-item h3 {
  margin-bottom: 1rem;
}

.card-list-content {
  line-height: 1.6;
}
.card-list-content p {
  margin-bottom: 1rem;
}
.card-list-content p:last-child {
  margin-bottom: 0;
}

/**
 * Chat Widget Styles
 *
 * Styles for the Overlook chat interface
 * Uses theme CSS variables for consistency
 */
.hero-chat {
  --section-min-height: 80vh;
  --section-min-height-mobile: 65vh;
  min-height: var(--section-min-height);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  .hero-chat {
    min-height: var(--section-min-height-mobile);
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .hero-chat h1 {
    font-size: var(--fs-7);
    line-height: 1.2;
    margin-bottom: var(--space-3);
  }
}

.hero-chat__header {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(var(--menu-height) * -1);
}

.hero-chat__subtitle {
  font-size: var(--fs-5);
  margin: 0;
  opacity: 0.9;
}
@media screen and (max-width: 767px) {
  .hero-chat__subtitle {
    font-size: var(--fs-4);
  }
}
@media (max-width: 480px) {
  .hero-chat__subtitle {
    font-size: var(--fs-3);
  }
}

.hero-chat__widget {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-top: var(--space-sm);
  padding-bottom: var(--space-md);
}
@media screen and (max-width: 767px) {
  .hero-chat__widget {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-sm);
  }
}

.hero-chat__note {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.overlook-chat {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  --chat-min-height: 200px;
  --chat-max-height: 600px;
}

.chat-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-5) var(--space-sm);
  text-align: center;
  background: var(--c-white);
  border-radius: var(--radius-md);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  min-height: var(--chat-min-height);
  max-height: var(--chat-max-height);
}
.chat-overlay p {
  margin: var(--space-2) 0;
  color: var(--text-body);
}
.chat-overlay--error .error-icon {
  font-size: var(--fs-10);
  margin-bottom: var(--space-3);
}
.chat-overlay--error .btn-reload {
  margin-top: var(--space-sm);
  padding: 0.75rem var(--space-sm);
  background: var(--c-blue-500);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-size: var(--fs-3);
  font-weight: var(--fw-600);
  transition: background 0.2s;
}
.chat-overlay--error .btn-reload:hover {
  background: var(--c-blue-600);
}

.chat-wrapper {
  background: var(--c-white);
  border-radius: 22px;
  border: 1px solid var(--c-primary);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-height: var(--chat-max-height);
  transition: min-height 0.3s ease, background-color 0.2s ease;
  animation: ctaGlow 10s ease-in-out forwards;
}
.chat-wrapper.chat-wrapper--expanded {
  min-height: 500px;
}
@media screen and (max-width: 767px) {
  .chat-wrapper {
    min-height: 200px;
    max-height: 60vh;
  }
  .chat-wrapper.chat-wrapper--expanded {
    min-height: 300px;
  }
}

.chat-messages {
  flex: 1;
  overflow-y: auto;
  padding: var(--space-3);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  font-size: var(--fs-2);
  background: var(--c-offwhite);
}
.chat-messages::-webkit-scrollbar {
  width: 8px;
}
.chat-messages::-webkit-scrollbar-track {
  background: var(--c-gray-100);
}
.chat-messages::-webkit-scrollbar-thumb {
  background: var(--c-gray-300);
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .chat-messages::-webkit-scrollbar-thumb {
    border-radius: 0;
  }
}
.chat-messages::-webkit-scrollbar-thumb:hover {
  background: var(--c-gray-400);
}

.message {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  animation: fadeIn 0.3s ease-in;
}
.message--user {
  align-self: flex-end;
  align-items: flex-start;
  max-width: 85%;
}
.message--user .message-content {
  background: var(--c-blue-100);
  color: var(--text-body);
  border-radius: var(--radius-md);
  padding: 0.75rem var(--space-3);
}
.message--assistant {
  align-self: flex-start;
  align-items: flex-start;
  max-width: 100%;
}
.message--assistant .message-content {
  background: transparent;
  color: var(--text-body);
  padding: var(--space-2) 0;
}
.message--welcome {
  max-width: 100%;
  background: var(--c-blue-50);
  border: 1px solid var(--c-blue-200);
  border-radius: var(--radius-lg);
  padding: var(--space-3);
}
.message--welcome .message-content {
  background: transparent;
  padding: 0;
}
.message--welcome .message-content p {
  margin: var(--space-2) 0;
}
.message--welcome .message-content p:first-child {
  margin-top: 0;
}
.message--welcome .message-content p:last-child {
  margin-bottom: 0;
}
.message--welcome .message-content ul {
  margin: 0.75rem 0;
  padding-left: var(--space-sm);
}
.message--welcome .message-content ul li {
  margin: 0.375rem 0;
}
.message--loading {
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  align-self: flex-start;
  max-width: 100%;
  color: var(--text-muted);
  font-size: var(--fs-2);
}

.message-content {
  word-wrap: break-word;
  line-height: 1.5;
  text-align: left;
}
.message-content p {
  margin: var(--space-2) 0;
}
.message-content p:first-child {
  margin-top: 0;
}
.message-content p:last-child {
  margin-bottom: 0;
}
.message-content strong {
  font-weight: var(--fw-600);
}
.message-content em {
  font-style: italic;
}
.message-content code {
  background: rgba(0, 0, 0, 0.08);
  padding: 0.125rem 0.375rem;
  border-radius: 3px;
  font-family: "Courier New", monospace;
  font-size: 0.875em;
}
.message-content pre {
  background: var(--c-gray-800);
  color: var(--c-gray-100);
  padding: var(--space-3);
  border-radius: var(--radius-md);
  overflow-x: auto;
  margin: 0.75rem 0;
}
.message-content pre code {
  background: none;
  padding: 0;
  color: inherit;
}
.message-content ul, .message-content ol {
  margin: 0.75rem 0;
  padding-left: var(--space-sm);
}
.message-content ul li, .message-content ol li {
  margin: 0.25rem 0;
}
.message-content a {
  color: var(--c-blue-600);
  text-decoration: underline;
}
.message-content a:hover {
  color: var(--c-blue-700);
}

.message-meta {
  display: flex;
  gap: var(--space-2);
  margin-top: 0.25rem;
  font-size: 0.6875rem;
  color: var(--c-gray-500);
}

.thinking-blocks {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.thinking-block {
  background: var(--c-blue-50);
  border: 1px solid var(--c-primary-way-lighter);
  border-radius: var(--radius-md);
  padding: var(--space-2);
  animation: fadeIn 0.2s ease-in;
  font-size: var(--fs-1);
}
.thinking-block--thinking {
  border-color: var(--c-primary);
}
.thinking-block--completed {
  color: var(--text-muted);
  border-color: var(--c-info-way-lighter);
}

.thinking-block__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
}

.thinking-block__text {
  flex: 1;
  text-align: left;
}

.thinking-block__status {
  display: flex;
  align-items: center;
  color: var(--c-gray-600);
  margin-left: auto;
  flex-shrink: 0;
}
.thinking-block__status i {
  font-size: 0.875rem;
}
.thinking-block__status .fa-spinner {
  color: var(--c-primary);
}
.thinking-block__status .fa-check {
  color: var(--c-info);
}

.tool-blocks {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.tool-block {
  background: var(--c-blue-50);
  border: 1px solid var(--c-blue-200);
  border-radius: var(--radius-md);
  padding: 0.75rem var(--space-3);
  animation: fadeIn 0.2s ease-in;
}
.tool-block--running {
  border-color: var(--c-blue-400);
}
.tool-block--completed {
  border-color: var(--c-green-300);
}

.tool-block__header {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: 0.8125rem;
  font-weight: var(--fw-600);
  color: var(--c-gray-800);
}
.tool-block__header > i:first-child {
  color: var(--c-blue-600);
  font-size: 0.875rem;
  flex-shrink: 0;
}

.tool-block__name {
  flex: 1;
  font-family: "Courier New", monospace;
  font-size: 0.8125rem;
}

.tool-block__status {
  display: flex;
  align-items: center;
  color: var(--c-gray-600);
}
.tool-block__status i {
  font-size: 0.875rem;
}
.tool-block__status .fa-spinner {
  color: var(--c-blue-600);
}
.tool-block__status .fa-check {
  color: var(--c-green-600);
}

.waiting-indicator {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}
.waiting-indicator i {
  flex-shrink: 0;
}

.waiting-indicator__counter {
  font-size: 0.75rem;
  color: var(--text-muted);
  white-space: nowrap;
  flex-shrink: 0;
}

.tool-block__progress {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--c-gray-200);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-height: 1.5rem;
  min-width: 400px;
  max-width: 100%;
  overflow-x: hidden;
}
@media (max-width: 600px) {
  .tool-block__progress {
    min-width: 280px;
  }
}
@media (max-width: 480px) {
  .tool-block__progress {
    min-width: 200px;
  }
}

.tool-block__progress-item {
  font-size: 0.75rem;
  color: var(--c-gray-600);
  position: relative;
  min-height: 1.125rem;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chat-input {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: var(--space-3) 1.25rem;
  border-top: none;
  background: var(--c-white);
  flex-shrink: 0;
}

.chat-input__field {
  flex: 1;
  padding: var(--space-2) 0 var(--space-5);
  border: none;
  border-radius: 0;
  font-size: var(--fs-3);
  line-height: 1.6;
  color: var(--text-body);
  background: transparent;
  resize: none;
  min-height: 40px;
  max-height: 200px;
  overflow-y: auto;
  font-family: inherit;
  transition: none;
}
@media screen and (max-width: 767px) {
  .chat-input__field {
    min-height: 150px;
    max-height: 300px;
  }
  .chat-input__field.has-messages {
    min-height: 50px;
  }
}
.chat-input__field:focus {
  outline: none;
}
.chat-input__field:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.chat-input__field::placeholder {
  color: var(--c-gray-400);
  opacity: 0.6;
}
.chat-input__field::-webkit-scrollbar {
  width: 6px;
}
.chat-input__field::-webkit-scrollbar-track {
  background: transparent;
}
.chat-input__field::-webkit-scrollbar-thumb {
  background: var(--c-gray-300);
  border-radius: 3px;
}
@media screen and (max-width: 767px) {
  .chat-input__field {
    font-size: var(--fs-3);
  }
}

.chat-input__buttons {
  display: flex;
  gap: var(--space-2);
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.chat-cta-inline {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid var(--c-gray-200);
  animation: slideInUp 0.3s ease-out;
}
.chat-cta-inline .btn-primary {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: 0.875rem var(--space-sm);
  font-size: 0.9375rem;
  font-weight: var(--fw-600);
  white-space: nowrap;
}
.chat-cta-inline .btn-primary i:first-child {
  font-size: var(--fs-3);
}
.chat-cta-inline .btn-primary i:last-child {
  margin-left: 0.25rem;
  font-size: var(--fs-2);
}
.chat-cta-inline .btn-text {
  flex-shrink: 0;
  padding: var(--space-2);
  color: var(--c-gray-500);
  transition: color 0.2s ease;
}
.chat-cta-inline .btn-text:hover {
  color: var(--c-gray-700);
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.suggested-questions {
  display: flex;
  gap: var(--space-2);
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
}

.spinner {
  width: 20px;
  height: 20px;
  border: 2px solid var(--c-gray-200);
  border-top-color: var(--c-blue-500);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.chat-overlay .spinner {
  width: 40px;
  height: 40px;
  border-width: 3px;
  margin-bottom: var(--space-3);
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ctaGlow {
  0%, 50% {
    box-shadow: 0 0 12px 1px var(--shadow-light) !important;
  }
  55% {
    box-shadow: 0 0 12px 1px var(--c-primary-way-lighter) !important;
  }
  60% {
    box-shadow: 0 0 12px 1px var(--shadow-light) !important;
  }
  65%, 100% {
    box-shadow: 0 0 12px 1px var(--c-primary-way-lighter) !important;
  }
}
.chat-takeover {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: var(--c-offwhite);
  position: relative;
  overflow: hidden;
}
.chat-takeover::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: url("/images/backgrounds/squares.svg");
  background-position: center;
  background-size: var(--bg-pattern-size, cover);
  background-repeat: var(--bg-pattern-repeat, no-repeat);
  opacity: var(--bg-pattern-opacity, 0.02);
  filter: invert(var(--bg-pattern-invert, 0)) var(--bg-pattern-tint, );
  pointer-events: none;
}
.chat-takeover > * {
  position: relative;
  z-index: 1;
}
.chat-takeover {
  display: flex;
  flex-direction: column;
  animation: takeoverFadeIn 0.3s ease-out;
}

.chat-takeover__header {
  background: transparent;
  flex-shrink: 0;
  min-height: var(--menu-height);
}
@media screen and (max-width: 767px) {
  .chat-takeover__header {
    padding: var(--space-3) 0;
  }
}

.chat-takeover__header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.chat-takeover__logo {
  display: flex;
  align-items: center;
}
.chat-takeover__logo img {
  height: 32px;
  width: auto;
}
@media screen and (max-width: 767px) {
  .chat-takeover__logo img {
    height: 28px;
  }
}

.chat-takeover__minimize {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  background: var(--c-offwhite);
  border: none;
  color: var(--c-gray-600);
  font-size: var(--fs-2);
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.2s;
}
.chat-takeover__minimize:hover {
  color: var(--c-blue-600);
}
.chat-takeover__minimize:active {
  transform: scale(0.98);
}
.chat-takeover__minimize i {
  font-size: var(--fs-1);
}
@media screen and (max-width: 767px) {
  .chat-takeover__minimize {
    padding: var(--space-2) 0.75rem;
  }
  .chat-takeover__minimize span {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .chat-takeover__nav-desktop {
    display: none;
  }
}

.chat-takeover__nav-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .chat-takeover__nav-mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: var(--c-white);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding: var(--space-2) var(--space-3);
    z-index: var(--z-nav);
  }
}

.chat-takeover__nav-mobile-actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.chat-takeover__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  padding: var(--menu-height) var(--space-3) var(--space-3);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .chat-takeover__body {
    padding-inline: var(--space-1);
    padding-top: calc(3.5rem + var(--space-1));
  }
}
.chat-takeover__body .chat-messages {
  flex: 1;
  max-height: none;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  background: var(--c-offwhite);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .chat-takeover__body .chat-messages {
    border-radius: 0;
  }
}
.chat-takeover__body .chat-input {
  background: var(--c-white);
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 0;
}

@keyframes takeoverFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.chat-toggle-btn-wrapper {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}

.chat-toggle-btn {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.7);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  z-index: 10;
  transition: all 0.2s;
  color: var(--c-gray-500);
}
.chat-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.9);
  color: var(--c-blue-600);
  transform: scale(1.05);
}
.chat-toggle-btn:active {
  transform: scale(0.95);
}
.chat-toggle-btn svg {
  display: block;
}
@media screen and (max-width: 767px) {
  .chat-toggle-btn {
    width: 40px;
    height: 40px;
  }
}

.chat-cta-banner {
  padding: var(--space-3);
  margin: 0.75rem 0;
  background: linear-gradient(135deg, var(--c-info-100) 0%, var(--c-info-200) 100%);
  border: 1px solid var(--c-info-300);
  border-radius: var(--radius-md);
  animation: slideIn 0.3s ease-out;
}
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.chat-cta-banner__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}
@media (max-width: 600px) {
  .chat-cta-banner__content {
    flex-direction: column;
    align-items: flex-start;
  }
}

.chat-cta-banner__text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.chat-cta-banner__text strong {
  color: var(--c-info-900);
  font-size: var(--fs-3);
  font-weight: var(--fw-600);
}
.chat-cta-banner__text span {
  color: var(--c-info-700);
  font-size: var(--fs-2);
}

.chat-cta-banner__actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .chat-cta-banner__actions {
    width: 100%;
    justify-content: flex-end;
  }
}
.chat-cta-banner__actions .btn {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}
.chat-cta-banner__actions .btn-text {
  padding: var(--space-2);
  min-width: auto;
  background: transparent;
  color: var(--c-info-600);
}
.chat-cta-banner__actions .btn-text:hover {
  background: var(--c-info-200);
  color: var(--c-info-800);
}

@media screen and (max-width: 767px) {
  .overlook-chat {
    max-width: 100%;
  }
  .chat-wrapper {
    border-radius: var(--radius-md);
  }
  .message {
    max-width: 90%;
  }
  .message--welcome {
    padding: 0.875rem;
  }
  .chat-input {
    padding: 0.75rem;
    gap: 0.375rem;
  }
}
@media (max-width: 480px) {
  .chat-messages {
    padding: 0.75rem;
    font-size: var(--fs-2);
  }
  .message--user {
    max-width: 90%;
  }
}
.progress-fade-enter-active,
.progress-fade-leave-active {
  transition: opacity 0.25s ease;
}

.progress-fade-enter-from {
  opacity: 0;
}

.progress-fade-leave-to {
  opacity: 0;
}

.progress-fade-enter-to,
.progress-fade-leave-from {
  opacity: 1;
}

.comparison-table-container {
  --col-count: 3;
  --alternate-row-color: var(--c-primary-way-lighter);
  margin: 0 auto;
  padding: 0 var(--space-md);
}
@media screen and (max-width: 991px) {
  .comparison-table-container {
    padding: 0 var(--space-xs);
  }
}

.comparison-table-heading {
  text-align: center;
  font-size: var(--fs-7);
  font-weight: 700;
  margin-bottom: var(--space-3);
  color: var(--text-heading);
}
@media screen and (max-width: 767px) {
  .comparison-table-heading {
    font-size: var(--fs-6);
  }
}

.comparison-table-subtitle {
  text-align: center;
  font-size: var(--fs-3);
  color: var(--text-muted);
  margin-bottom: var(--space-5);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.comparison-table {
  border: 1px solid var(--c-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--c-white);
}

.comparison-table-header {
  display: grid;
  grid-template-columns: 1.2fr repeat(calc(var(--col-count) - 1), 1fr);
  background: var(--c-primary-500);
}

.comparison-table-header-cell {
  padding: var(--space-3) var(--space-4);
  font-weight: 700;
  font-size: var(--fs-4);
  text-align: center;
}
.comparison-table-header-cell.highlighted {
  background: var(--c-cta-500);
}
@media screen and (max-width: 767px) {
  .comparison-table-header-cell {
    padding: var(--space-2) var(--space-2);
    font-size: var(--fs-3);
  }
}

.comparison-table-row {
  display: grid;
  grid-template-columns: 1.2fr repeat(calc(var(--col-count) - 1), 1fr);
  border-bottom: 1px solid var(--c-border-light);
}
.comparison-table-row:last-child {
  border-bottom: none;
}
.comparison-table-row:nth-child(even) {
  background: var(--alternate-row-color);
}

.comparison-table-cell {
  padding: var(--space-3) var(--space-4);
  display: flex;
  align-items: center;
  font-size: var(--fs-3);
}
@media screen and (max-width: 767px) {
  .comparison-table-cell {
    padding: var(--space-2) var(--space-2);
    font-size: var(--fs-2);
  }
}

.comparison-table-label-cell {
  font-weight: 600;
  color: var(--text-body);
  border-right: 1px solid var(--c-border-light);
}

.comparison-table-value-cell {
  justify-content: flex-start;
  color: var(--text-body);
  border-right: 1px solid var(--c-border-light);
}
.comparison-table-value-cell:last-child {
  border-right: none;
}

.comparison-table-icon {
  font-size: var(--fs-5);
}
.comparison-table-icon.check {
  color: var(--c-cta-500);
}
.comparison-table-icon.x {
  color: var(--c-danger-500);
}

.comparison-table-footer {
  text-align: center;
  font-size: var(--fs-4);
  color: var(--text-body);
  margin-top: var(--space-5);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .comparison-table-footer {
    font-size: var(--fs-3);
  }
}

.bg-dark .comparison-table-heading,
.bg-dark .comparison-table-footer,
.bg-dark-alt .comparison-table-heading,
.bg-dark-alt .comparison-table-footer,
.bg-dark-neutral .comparison-table-heading,
.bg-dark-neutral .comparison-table-footer {
  color: var(--text-on-dark);
}
.bg-dark .comparison-table-subtitle,
.bg-dark-alt .comparison-table-subtitle,
.bg-dark-neutral .comparison-table-subtitle {
  color: var(--text-on-dark-muted);
}
.bg-dark .comparison-table,
.bg-dark-alt .comparison-table,
.bg-dark-neutral .comparison-table {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.15);
}
.bg-dark .comparison-table-header,
.bg-dark-alt .comparison-table-header,
.bg-dark-neutral .comparison-table-header {
  background: rgba(255, 255, 255, 0.15);
}
.bg-dark .comparison-table-header-cell,
.bg-dark-alt .comparison-table-header-cell,
.bg-dark-neutral .comparison-table-header-cell {
  color: var(--text-on-dark);
}
.bg-dark .comparison-table-header-cell.highlighted,
.bg-dark-alt .comparison-table-header-cell.highlighted,
.bg-dark-neutral .comparison-table-header-cell.highlighted {
  background: var(--c-cta-500);
}
.bg-dark .comparison-table-row,
.bg-dark-alt .comparison-table-row,
.bg-dark-neutral .comparison-table-row {
  border-color: rgba(255, 255, 255, 0.1);
}
.bg-dark .comparison-table-row:nth-child(even),
.bg-dark-alt .comparison-table-row:nth-child(even),
.bg-dark-neutral .comparison-table-row:nth-child(even) {
  background: rgba(255, 255, 255, 0.03);
}
.bg-dark .comparison-table-label-cell,
.bg-dark-alt .comparison-table-label-cell,
.bg-dark-neutral .comparison-table-label-cell {
  color: var(--text-on-dark);
  border-color: rgba(255, 255, 255, 0.1);
}
.bg-dark .comparison-table-value-cell,
.bg-dark-alt .comparison-table-value-cell,
.bg-dark-neutral .comparison-table-value-cell {
  color: var(--text-on-dark);
  border-color: rgba(255, 255, 255, 0.1);
}

.block-cta {
  grid-gap: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
@media screen and (max-width: 767px) {
  .block-cta {
    grid-gap: 12px;
    padding: 0 1rem;
  }
}

.hero-audit-section {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--space-sm);
  height: var(--hero-audit-height, 82vh);
  min-height: var(--hero-audit-min-height, auto);
  background: transparent;
  transform-style: preserve-3d;
  overflow: visible;
}
.hero-audit-section > *:not(.hero-bg) {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .hero-audit-section {
    padding: 40px 20px 0;
    height: auto;
    min-height: var(--hero-audit-min-height-mobile, var(--hero-audit-min-height, auto));
  }
}
.hero-audit-section h1 {
  text-align: left;
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 600;
  color: var(--c-dark, #0E2637);
  line-height: 1.12;
  max-width: 700px;
  letter-spacing: -0.02em;
  margin-bottom: 0;
}
.hero-audit-section h1 strong {
  font-weight: 800;
}
.hero-audit-section h1 em {
  font-size: 2rem;
  color: var(--c-primary);
  font-style: normal;
}

.hero-rotate-wrap {
  display: inline-grid;
  vertical-align: baseline;
  text-align: left;
  overflow: hidden;
  padding-bottom: 0.1em;
}

.hero-rotate-item {
  grid-area: 1/1;
  color: var(--text-muted-extra);
  opacity: 0;
  transform: translateY(0.4em);
  transition: opacity 0.45s ease, transform 0.45s ease;
}
.hero-rotate-item.active {
  opacity: 1;
  transform: translateY(0);
}
.hero-rotate-item.exit {
  opacity: 0;
  transform: translateY(-0.4em);
}

.hero-audit-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: var(--c-primary-100, #e8f4fd);
  color: var(--c-primary-700, #1a6ba8);
}
.hero-audit-badge i {
  font-size: 11px;
  color: var(--c-primary);
}

.hero-audit-eyebrow {
  font-size: 1.75rem;
  font-weight: 600;
  color: var(--c-primary);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.hero-audit-subtitle {
  font-size: clamp(1.05rem, 1.6vw, 1.2rem);
  color: var(--text-muted);
  max-width: 750px;
  line-height: 1.7;
}
.hero-audit-subtitle strong {
  color: var(--text-body);
  font-weight: 600;
}

.hero-audit-input {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .hero-audit-input {
    max-width: 100%;
    box-sizing: border-box;
  }
}

.url-input-form {
  flex: 1;
  max-width: 700px;
  display: flex;
  align-items: stretch;
  border-radius: 14px;
  overflow: visible;
  background: var(--c-white, #fff);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s;
  animation: input-glow-pulse 4s ease-in-out infinite;
}
.url-input-form:focus-within {
  animation: none;
  box-shadow: 0 8px 32px rgba(63, 169, 245, 0.15), 0 0 0 2px var(--c-primary);
}
@media screen and (max-width: 767px) {
  .url-input-form {
    flex-direction: column;
    overflow: hidden;
  }
}

@keyframes input-glow-pulse {
  0%, 100% {
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 12px rgba(63, 169, 245, 0.15);
  }
  50% {
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05), 0 0 0 2px var(--c-primary), 0 0 24px rgba(63, 169, 245, 0.25);
  }
}
.url-input {
  flex: 1;
  padding: 18px 24px;
  border: none;
  font-size: 16px;
  font-family: inherit;
  outline: none;
  background: transparent;
  color: var(--text-body);
  min-width: 0;
}
.url-input::placeholder {
  color: var(--c-medium-gray, #bbb);
}
@media screen and (max-width: 767px) {
  .url-input {
    padding: 14px 16px;
    font-size: 15px;
  }
}

.url-submit {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 18px 26px;
  background: var(--c-primary);
  color: white;
  border: none;
  border-radius: 0 14px 14px 0;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  transition: background 0.2s;
  font-family: inherit;
}
.url-submit:hover {
  filter: brightness(0.9);
}
@media screen and (max-width: 767px) {
  .url-submit {
    border-radius: 0;
    justify-content: center;
    padding: 16px 18px;
    font-size: 15px;
  }
}

.hero-audit-logos {
  margin-bottom: var(--space-xs);
  display: flex;
  align-items: center;
  gap: 42px;
  margin-top: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
.hero-audit-logos img {
  height: 30px;
  width: auto;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.hero-audit-logos img:hover {
  opacity: 0.85;
}
@media screen and (max-width: 767px) {
  .hero-audit-logos {
    gap: 24px;
  }
  .hero-audit-logos img {
    height: 18px;
  }
}

.hero-audit-suffix {
  font-size: 12px;
  color: var(--text-muted);
}

.hero-home {
  justify-content: flex-start;
  align-self: center;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  .hero-home {
    margin-bottom: 2rem;
  }
}

.hero-home.pricing {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .hero-home.pricing {
    margin-bottom: 1rem;
  }
}

.h1-hero {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .h1-hero {
    margin-bottom: 1rem;
    padding: 0 1rem;
  }
}

.h1-hero.hidden {
  display: none;
}

.p-subtitle {
  text-align: center;
  align-self: center;
  margin-bottom: 40px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.25rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-subtitle {
    font-size: 1.25rem;
    line-height: 1.875rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-subtitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 1.5rem;
    padding: 0 1rem;
  }
}

.p-subtitle.hidden {
  display: none;
}

.p-subtitle.pricing {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .p-subtitle.pricing {
    margin-bottom: 0.75rem;
  }
}

.hero-cta-row {
  align-self: center;
  display: flex;
}
@media screen and (max-width: 767px) {
  .hero-cta-row {
    width: 100%;
    padding: 0 1rem;
  }
}

.h1-hero-word-highlight {
  color: var(--c-tertiary);
  transition: opacity 0.2s;
  display: inline;
}

.img-hero {
  align-self: center;
  max-width: 1100px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 991px) {
  .img-hero {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .img-hero {
    max-width: 100%;
    padding: 0 0.5rem;
    box-sizing: border-box;
  }
}

.hero-split-section {
  min-height: var(--hero-split-min-height, auto);
  overflow-x: hidden;
}
@media screen and (max-width: 767px) {
  .hero-split-section {
    min-height: var(--hero-split-min-height-mobile, var(--hero-split-min-height, auto));
    padding-left: var(--space-sm);
    padding-right: var(--space-sm);
  }
}

.hero-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .hero-split {
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: start;
  }
}

.hero-split__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.hero-split__content > * {
  margin-top: 0;
  margin-bottom: 0;
}

.hero-split__ctas {
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.hero-split__ctas .btn {
  padding: 18px 40px;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .hero-split__ctas {
    flex-direction: column;
  }
  .hero-split__ctas .btn {
    padding: 16px 32px;
    font-size: 1.125rem;
  }
}

.hero-split__note {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  max-width: 540px;
  margin-top: -0.25rem;
}
@media screen and (max-width: 767px) {
  .hero-split__note {
    align-items: center;
    text-align: center;
  }
}

.hero-split__note-heading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-body);
}
.hero-split__note-heading i,
.hero-split__note-heading .hero-split__note-icon {
  color: var(--c-primary);
  font-size: 1rem;
  flex-shrink: 0;
}

.hero-split__note-body {
  font-size: 0.6875rem;
  line-height: 1.5;
  color: var(--text-muted);
  margin: 0;
}

.hero-split__image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-split__image img,
.hero-split__image video {
  width: 100%;
  height: auto;
  border-radius: var(--radius-md);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25), 0 8px 16px rgba(0, 0, 0, 0.15);
}
.hero-split__image img.no-shadow,
.hero-split__image video.no-shadow {
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .hero-split__image img.no-shadow {
    max-height: 80px;
    width: auto;
    max-width: 70%;
  }
}

.h1-hero.split {
  box-sizing: border-box;
  text-align: left;
  flex: 0 auto;
  width: auto;
  display: block;
  position: static;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
@media screen and (max-width: 767px) {
  .h1-hero.split {
    text-align: center;
  }
}

.p-hero-subtitle {
  font-size: 1.25rem;
  line-height: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-hero-subtitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding: 0 1rem;
  }
}

.p-hero-subtitle.on-light {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-hero-subtitle.on-light {
    text-align: center;
  }
}

.hero-split__eyebrow {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--c-primary);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .hero-split__eyebrow {
    text-align: center;
  }
}

.hero-split__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hero-split__list li {
  display: flex;
  align-items: baseline;
  gap: 0.75em;
  font-size: clamp(1.125rem, 1.8vw, 1.375rem);
  line-height: 1.5;
  font-weight: 500;
}
.hero-split__list li:not(:last-child) {
  margin-bottom: 0.6em;
}
.hero-split__list li i {
  color: var(--c-primary);
  font-size: 1em;
  flex-shrink: 0;
  width: 1.25em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hero-split__list {
    text-align: left;
  }
  .hero-split__list li {
    font-size: 1.125rem;
  }
}

.hero-2-split {
  grid-gap: 40px;
}
@media screen and (max-width: 767px) {
  .hero-2-split {
    grid-gap: 1.5rem;
  }
}

.hero-split-2-img {
  max-width: 100%;
  box-shadow: 0 2px 5px var(--overlay-dark);
}
@media screen and (max-width: 767px) {
  .hero-split-2-img {
    padding: 0 0.5rem;
    box-sizing: border-box;
  }
}

.cell-hero-split-2 {
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .section-hero-minimal {
    padding-bottom: var(--space-sm) !important;
  }
  .section-hero-minimal .hero-home {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .hero-callout-banner {
    max-width: 100% !important;
    width: calc(100% - 2rem);
    font-size: 0.9rem !important;
    padding: 0.625rem 1rem !important;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.hero-with-form {
  display: flex;
  align-items: center;
  padding: 3rem 2rem;
}

.hero-with-form-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}

.hero-with-form-content {
  padding: 0;
}
.hero-with-form-content h1 {
  font-size: 2.5rem;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}
.hero-with-form-content p {
  font-size: 1.125rem;
  margin-bottom: 1.5rem;
  line-height: 1.6;
}
.hero-with-form-content p:last-child {
  margin-bottom: 0;
}

.hero-with-form-card {
  background: white;
  border-radius: var(--radius-lg);
  padding: 2.5rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.hero-with-form-card h2 {
  font-size: 1.75rem;
  margin-bottom: 1rem;
}
.hero-with-form-card p {
  margin-bottom: 2rem;
  line-height: 1.6;
}

.hero-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.hero-form-input {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 1px solid var(--border-input);
  border-radius: var(--radius-md);
  font-size: 1rem;
}
.hero-form-input:focus {
  outline: none;
  border-color: var(--border-input-focus);
}

textarea.hero-form-input {
  min-height: 100px;
  resize: vertical;
  font-family: inherit;
}

.hero-form-submit {
  background: var(--c-cta);
  color: white;
  padding: 0.875rem 2rem;
  border: none;
  border-radius: var(--radius-md);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}
.hero-form-submit:hover {
  opacity: 0.9;
}

@media (max-width: 991px) {
  .hero-with-form-container {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
@media (max-width: 767px) {
  .hero-with-form-content h1 {
    font-size: 2rem;
  }
}
/**
 * Hero Chat Video Section
 * Component-specific styles only (layout via utility classes)
 */
.hero-chat-video {
  position: relative;
  overflow: hidden;
}

.hero-chat-video__hex-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

.hero-chat-video > .container-flex-column {
  position: relative;
  z-index: 1;
}

.hero-chat-video__title {
  color: var(--text-heading);
  font-size: clamp(1.5rem, 6vw, var(--header-lg));
  line-height: 1.15;
  white-space: nowrap;
  text-align: center;
}

.hero-chat-video__subtitle {
  color: var(--text-muted);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 0.75rem;
}

.hero-chat-video__video {
  max-width: 900px;
  width: 100%;
}
.hero-chat-video__video video {
  width: 100%;
  height: auto;
  border-radius: var(--radius-md);
  box-shadow: 0 2px 5px var(--overlay-dark);
}
.hero-chat-video__video .clickable-video-wrapper {
  cursor: pointer;
}
.hero-chat-video__video .clickable-video-wrapper:hover video {
  transform: scale(1.01);
}

.hero-chat-video__widget {
  width: 100%;
  max-width: 900px;
}

.cell-side-by-side {
  justify-content: center;
  align-items: center;
  display: flex;
}
@media screen and (max-width: 767px) {
  .cell-side-by-side {
    text-align: center;
  }
}
.cell-side-by-side p {
  text-align: left;
  line-height: var(--lh-3);
}

.cell-side-by-side.left {
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .cell-side-by-side.left {
    align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .feature-grid-left .cell-content {
    order: 2;
  }
  .feature-grid-left .cell-image {
    order: 1;
  }
}

@media screen and (min-width: 768px) {
  .feature-grid-right .cell-content {
    order: 1;
  }
  .feature-grid-right .cell-image {
    order: 2;
  }
}

.h2-dual-color {
  color: var(--text-heading);
  font-size: var(--header-lg);
  text-transform: uppercase;
  line-height: calc(var(--header-lg) + var(--header-lg) / 8);
  align-self: flex-start;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .h2-dual-color {
    font-size: var(--header-md);
    line-height: 3.25rem;
  }
}
@media screen and (max-width: 767px) {
  .h2-dual-color {
    font-size: var(--fs-9);
    line-height: var(--lh-5);
    padding: 0 var(--space-xs);
    align-self: center;
    text-align: center;
  }
}

.h2-second-color {
  color: var(--c-cta);
}

.wrap-icon-list-icon {
  line-height: var(--fs-3);
}
.wrap-icon-list-icon i {
  color: var(--c-primary);
}

.list-icon-text {
  gap: 1.25rem;
  border-bottom: 1px solid var(--text-muted);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.625rem;
  padding-bottom: 0.625rem;
}
@media screen and (max-width: 767px) {
  .list-icon-text {
    gap: 0.75rem;
    margin-bottom: var(--space-2);
    padding-bottom: var(--space-2);
  }
}

.wrap-list-icon-text {
  width: 100%;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media screen and (max-width: 767px) {
  .wrap-list-icon-text {
    padding: 0 var(--space-xs);
  }
}

.p-icon-list.sm {
  margin-bottom: 0;
  font-size: var(--fs-3);
  line-height: var(--fs-3);
}

.cell-image img,
.cell-image video {
  display: block;
  width: 100%;
  max-width: 600px;
  max-height: 480px;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
  border-radius: var(--radius-md);
}

.integrations-search-section {
  min-height: 60vh;
}

.integrations-search {
  max-width: 1000px;
  margin: 0 auto;
}

.integrations-search-box {
  margin-bottom: var(--space-sm);
}

.search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.search-icon {
  position: absolute;
  left: 1rem;
  color: var(--text-muted);
  pointer-events: none;
}

.integrations-search-input {
  width: 100%;
  padding: 1rem 3rem;
  font-size: 1.125rem;
  border: 2px solid var(--border-input);
  border-radius: var(--radius-md);
  background: var(--bg-input);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.integrations-search-input:focus {
  outline: none;
  border-color: var(--border-input-focus);
  box-shadow: 0 0 0 3px rgba(37, 192, 35, 0.1);
}
.integrations-search-input::placeholder {
  color: var(--text-muted);
}

.search-clear-btn {
  position: absolute;
  right: 1rem;
  padding: 0.25rem;
  background: none;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s, background-color 0.2s;
}
.search-clear-btn:hover {
  color: var(--text-body);
  background-color: rgba(0, 0, 0, 0.05);
}

.integrations-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: var(--space-md);
  justify-content: center;
}

.category-chip {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid var(--border-input);
  border-radius: 2rem;
  background: transparent;
  color: var(--text-body);
  cursor: pointer;
  transition: all 0.2s;
}
.category-chip:hover {
  border-color: var(--c-primary-500);
  color: var(--c-primary-500);
}
.category-chip.active {
  background: var(--c-primary-500);
  border-color: var(--c-primary-500);
  color: white;
}

.integrations-results {
  margin-top: var(--space-sm);
}

.integrations-group {
  margin-bottom: var(--space-md);
}

.group-title {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
  margin-bottom: var(--space-xs);
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-input);
}

.integrations-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1.5rem;
}

.integration-card {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  padding: var(--space-xs);
  background: white;
  border: 1px solid var(--border-input);
  border-radius: var(--radius-md);
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.integration-card:hover {
  border-color: var(--c-primary-500);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
}

.integration-logo {
  width: 100%;
  height: 100%;
  max-width: 180px;
  max-height: 180px;
  object-fit: contain;
}

.integrations-custom {
  margin-top: var(--space-md);
  padding-top: var(--space-sm);
  border-top: 2px solid var(--border-input);
  transition: all 0.3s;
}
.integrations-custom.highlighted {
  padding: var(--space-sm);
  margin: var(--space-sm) calc(-1 * var(--space-sm));
  background: linear-gradient(135deg, rgba(37, 192, 35, 0.05) 0%, rgba(55, 143, 250, 0.05) 100%);
  border: 2px solid var(--c-cta-500);
  border-radius: var(--radius-lg);
}

.custom-card {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.5rem;
  background: white;
  border: 2px solid var(--border-input);
  border-radius: var(--radius-md);
  text-decoration: none;
  color: var(--text-body);
  transition: all 0.2s;
}
.custom-card:hover {
  border-color: var(--c-primary-500);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.custom-card .custom-integration-logo-wrapper {
  flex: 1 0 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-card .integration-logo {
  max-width: 220px;
}

.custom-content {
  flex: 1 0 500px;
}

.custom-name {
  display: block;
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
  color: var(--text-heading);
}

.custom-description {
  font-size: 0.9375rem;
  color: var(--text-muted);
  margin: 0;
  line-height: 1.5;
}

.bg-dark .integrations-search-input,
.bg-dark-alt .integrations-search-input,
.bg-dark-neutral .integrations-search-input {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: var(--text-on-dark);
}
.bg-dark .integrations-search-input::placeholder,
.bg-dark-alt .integrations-search-input::placeholder,
.bg-dark-neutral .integrations-search-input::placeholder {
  color: var(--text-on-dark-muted);
}
.bg-dark .integrations-search-input:focus,
.bg-dark-alt .integrations-search-input:focus,
.bg-dark-neutral .integrations-search-input:focus {
  border-color: var(--c-cta-500);
  background: rgba(255, 255, 255, 0.15);
}
.bg-dark .search-icon,
.bg-dark .search-clear-btn,
.bg-dark-alt .search-icon,
.bg-dark-alt .search-clear-btn,
.bg-dark-neutral .search-icon,
.bg-dark-neutral .search-clear-btn {
  color: var(--text-on-dark-muted);
}
.bg-dark .category-chip,
.bg-dark-alt .category-chip,
.bg-dark-neutral .category-chip {
  border-color: rgba(255, 255, 255, 0.3);
  color: var(--text-on-dark);
}
.bg-dark .category-chip:hover,
.bg-dark-alt .category-chip:hover,
.bg-dark-neutral .category-chip:hover {
  border-color: var(--c-cta-500);
  color: var(--c-cta-500);
}
.bg-dark .category-chip.active,
.bg-dark-alt .category-chip.active,
.bg-dark-neutral .category-chip.active {
  background: var(--c-cta-500);
  border-color: var(--c-cta-500);
}
.bg-dark .group-title,
.bg-dark-alt .group-title,
.bg-dark-neutral .group-title {
  color: var(--text-on-dark-muted);
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.bg-dark .no-results,
.bg-dark-alt .no-results,
.bg-dark-neutral .no-results {
  color: var(--text-on-dark-muted);
}
.bg-dark .integrations-custom,
.bg-dark-alt .integrations-custom,
.bg-dark-neutral .integrations-custom {
  border-top-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
  .integrations-search-input {
    font-size: 1rem;
    padding: 0.875rem 2.5rem;
  }
  .integrations-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
  }
  .integration-card {
    padding: 1rem;
  }
  .integration-logo {
    max-width: 60px;
    max-height: 60px;
  }
  .custom-card {
    flex-direction: column;
    text-align: center;
    padding: 1.25rem;
  }
  .custom-card .integration-logo {
    width: 48px;
    height: 48px;
  }
  .integrations-categories {
    gap: 0.375rem;
  }
  .category-chip {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
  }
}
.feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  margin-top: 2rem;
}
@media screen and (max-width: 991px) {
  .feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .feature-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.feature-grid.feature-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (width <= 767px) {
  .feature-grid.feature-grid-2 {
    grid-template-columns: 1fr;
  }
}

.feature-grid-item {
  text-align: center;
}

.feature-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 140px;
}
.feature-icon-wrapper img {
  max-height: 100%;
  max-width: 220px;
}
.feature-icon-wrapper i {
  font-size: 3rem;
  color: var(--c-cta);
}

.h3-feature-grid {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
}

.p-feature-grid {
  color: var(--text-body);
  line-height: 1.6;
}

.for-us-by-us {
  box-sizing: border-box;
  object-fit: fill;
  width: auto;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .for-us-by-us {
    padding: 0 0.5rem;
  }
}

.stack-for-us-by-us {
  padding: var(--section-padding-tight);
  grid-gap: 60px;
  text-align: left;
  line-height: var(--lh-4);
}
@media screen and (max-width: 767px) {
  .stack-for-us-by-us {
    grid-gap: 30px;
    padding: 1.5rem 1rem;
  }
}
@media screen and (max-width: 767px) {
  .stack-for-us-by-us h2, .stack-for-us-by-us p, .stack-for-us-by-us ul {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .stack-for-us-by-us ul {
    list-style-position: inside;
  }
}

/**
 * Trial Form Widget Styles
 *
 * Google OAuth trial interface
 * Uses theme CSS variables for consistency
 */
body.body-minimal {
  background: var(--c-alt-light);
  min-height: 100vh;
}

.trial-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.trial-page__header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1.5rem 2rem;
  z-index: 10;
}
.trial-page__logo {
  display: inline-block;
}
.trial-page__logo img {
  height: 32px;
  width: auto;
  min-width: 140px;
}
.trial-page__main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.trial-form {
  padding: 0;
  background: transparent;
}
.trial-form__widget {
  max-width: 100%;
  margin: 0;
}
.trial-form .container-narrow,
.trial-form .container {
  max-width: 100%;
  padding: 0;
}

.trial-step-indicator {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--c-gray-600);
  margin-bottom: 1.5rem;
  text-align: left;
}

.trial-widget {
  width: 100%;
  background: var(--c-white);
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
  padding: 3rem 2.5rem;
}
@media (max-width: 768px) {
  .trial-widget {
    padding: 2rem 1.5rem;
  }
}

.trial-logos {
  margin-top: var(--space-sm);
  padding-top: var(--space-sm);
  border-top: 1px solid var(--c-gray-100);
  text-align: center;
}
.trial-logos__heading {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--c-gray-500);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 1.5rem 0;
}
.trial-logos__grid {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .trial-logos__grid {
    gap: 2rem;
  }
}

.trial-logo {
  height: 40px;
  width: auto;
  object-fit: contain;
  opacity: 0.6;
  filter: grayscale(100%);
  transition: all 0.3s ease;
}
.trial-logo:hover {
  opacity: 1;
  filter: grayscale(0%);
}
@media (max-width: 768px) {
  .trial-logo {
    height: 32px;
  }
}

.trial-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1.5rem;
  text-align: center;
}
.trial-loading .spinner {
  width: 48px;
  height: 48px;
  border: 4px solid var(--c-gray-200);
  border-top-color: var(--c-blue-500);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin-bottom: 1rem;
}
.trial-loading p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.9375rem;
}

.trial-authenticated {
  text-align: center;
}
.trial-authenticated .user-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
}
.trial-authenticated .user-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.trial-authenticated .user-details h3 {
  font-size: 1.5rem;
  margin: 0 0 0.5rem 0;
  color: var(--text-body);
}
.trial-authenticated .user-details .user-name {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0.5rem 0 0.25rem 0;
  color: var(--text-body);
}
.trial-authenticated .user-details .user-email {
  font-size: 0.9375rem;
  margin: 0;
  color: var(--text-muted);
}
.trial-authenticated .btn-logout {
  padding: 0.75rem 2rem;
  background: var(--c-white);
  border: 1px solid var(--c-gray-300);
  border-radius: var(--radius-md);
  color: var(--text-body);
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.trial-authenticated .btn-logout:hover:not(:disabled) {
  background: var(--c-gray-50);
  border-color: var(--c-gray-400);
}
.trial-authenticated .btn-logout:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.trial-form .trial-header {
  text-align: center;
  margin-bottom: 2rem;
}
.trial-form .trial-header h2 {
  text-align: center;
  line-height: 1.2;
  margin: 0 0 0.5rem 0;
}
.trial-form .trial-header .subheading {
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  color: var(--c-gray-600);
}
.trial-form .pre-heading {
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--c-blue-500);
  margin-bottom: 0.75rem;
}

.email-input-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: stretch;
}
@media (max-width: 768px) {
  .email-input-group {
    flex-direction: column;
  }
}

.email-input {
  flex: 1;
  padding: 0.875rem 1rem;
  border: 1px solid var(--c-gray-300);
  border-radius: var(--radius-md);
  font-size: 1rem;
  color: var(--text-body);
  background: var(--c-white);
  transition: all 0.2s ease;
}
.email-input::placeholder {
  color: var(--c-gray-400);
}
.email-input:focus {
  outline: none;
  border-color: var(--c-blue-500);
  box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.1);
}
.email-input:disabled {
  background: var(--c-gray-50);
  cursor: not-allowed;
  opacity: 0.6;
}

.btn-submit {
  padding: 0.875rem 2rem;
  background: var(--c-green-600);
  border: none;
  border-radius: var(--radius-md);
  color: var(--c-white);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-submit:hover:not(:disabled) {
  background: var(--c-green-700);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
}
.btn-submit:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
@media (max-width: 768px) {
  .btn-submit {
    width: 100%;
  }
}

.divider {
  position: relative;
  text-align: center;
  margin: var(--space-sm) 0;
}
.divider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--c-gray-100);
}
.divider span {
  position: relative;
  display: inline-block;
  padding: 0 1rem;
  background: var(--c-white);
  color: var(--text-muted);
}

.error-message {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
  background: var(--c-red-50);
  border: 1px solid var(--c-red-200);
  border-radius: var(--radius-md);
  color: var(--c-red-700);
  font-size: 0.9375rem;
}
.error-message svg {
  flex-shrink: 0;
  color: var(--c-red-500);
}
.error-message span {
  flex: 1;
}

.btn-google-signin {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding-right: var(--space-3);
  background: #4285f4;
  border: none;
  border-radius: 4px;
  color: #ffffff;
  font-size: var(--fs-2);
  font-weight: var(--fw-700);
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  min-height: 50px;
}
.btn-google-signin:hover:not(:disabled) {
  background: #357ae8;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
.btn-google-signin:active:not(:disabled) {
  background: #2b5fc7;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.btn-google-signin:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-google-signin .google-icon {
  flex-shrink: 0;
  background: var(--bg-body);
  padding: 0.5rem;
  border-radius: var(--radius-md);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-google-signin .spinner-small {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: var(--c-white);
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}

.trial-form__widget .terms-notice {
  margin-top: var(--space-xs);
  font-size: var(--fs-1);
  color: var(--text-muted);
  text-align: center;
  line-height: 1.5;
}
.trial-form__widget .terms-notice a {
  color: var(--c-blue-500);
  text-decoration: none;
  transition: color 0.2s ease;
}
.trial-form__widget .terms-notice a:hover {
  color: var(--c-blue-600);
  text-decoration: underline;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.section.supported-by {
  background-color: var(--c-cta);
  color: var(--text-on-dark);
}

.link-support-by {
  vertical-align: baseline;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  max-width: 250px;
  display: flex;
}
@media screen and (max-width: 767px) {
  .link-support-by {
    max-width: 200px;
  }
}

.fs-16 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 1rem;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .fs-16 {
    padding: 0 1rem;
    margin-bottom: 16px;
  }
}

.section-quote {
  background-color: var(--bg-alt-light);
}

.section.testimonial-section {
  padding-top: 22px;
  padding-bottom: 22px;
}
.section.testimonial-section .quote-img {
  max-width: 50%;
  max-height: 215px;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: var(--radius-md);
}
.section.testimonial-section .quote-p {
  font-size: 1.5rem;
  line-height: 2rem;
}
@media screen and (max-width: 767px) {
  .section.testimonial-section {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .section.testimonial-section .quote-img {
    max-height: 150px;
    max-width: 60%;
  }
  .section.testimonial-section .quote-p {
    font-size: 1.25rem;
    line-height: 1.65rem;
  }
}

.quote-card {
  background: white;
  color: var(--text-body);
  padding: 3rem;
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--c-primary);
}

.bg-dark .quote-card,
.bg-dark-alt .quote-card,
.bg-dark-neutral .quote-card {
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-on-dark);
  border-left-color: var(--c-primary);
  backdrop-filter: blur(10px);
}

.quote-img {
  grid-gap: 20px;
  justify-content: center;
  align-items: center;
  max-width: 75%;
}
@media screen and (max-width: 767px) {
  .quote-img {
    max-width: 90%;
    margin: 0 auto;
  }
}

.quote-p {
  font-size: 2.25rem;
  line-height: 3rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .quote-p {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .quote-p {
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 0 1rem;
    text-align: center;
  }
}

.quote-p-title {
  align-self: flex-start;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .quote-p-title {
    text-align: center;
    align-self: center;
    padding: 0 1rem;
  }
}

.testimonial-author-row {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: var(--space-md);
  margin-top: var(--space-sm);
}
.testimonial-author-row .quote-p-title {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .testimonial-author-row {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
}

.testimonial-linkedin-btn {
  background: none;
  border-color: #0A66C2;
  color: #0A66C2;
}
.testimonial-linkedin-btn:visited {
  color: #0A66C2;
}
.testimonial-linkedin-btn:hover, .testimonial-linkedin-btn:active {
  color: white;
  border-color: #004182;
  background-color: #004182;
}
.testimonial-linkedin-btn i {
  font-size: var(--fs-6);
}
.testimonial-linkedin-btn span {
  padding-top: 2px;
}

.section-trusted-by {
  padding-top: var(--section-padding-tight);
  padding-bottom: var(--section-padding-tight);
  grid-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.logo-trusted-by {
  align-self: center;
  max-height: 40px;
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .logo-trusted-by {
    max-height: 32px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

.logo-trusted-by.first {
  margin-left: 0;
}

.logo-trusted-by.last {
  margin-right: 0;
}

.logo-row {
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .logo-row {
    padding: 0 1rem;
  }
}

.h3-trusted-by {
  opacity: 0.6;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .h3-trusted-by {
    margin-bottom: 24px;
    padding: 0 1rem;
  }
}

.trusted-logos-scroll {
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.trusted-logos-track {
  display: flex;
  align-items: center;
  gap: 56px;
  width: max-content;
  animation: scroll-logos var(--scroll-speed, 60s) linear infinite;
}
.trusted-logos-track img {
  height: 36px;
  width: auto;
  opacity: 0.35;
  filter: grayscale(100%);
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .trusted-logos-track {
    gap: 32px;
  }
  .trusted-logos-track img {
    height: 28px;
  }
}

@keyframes scroll-logos {
  to {
    transform: translateX(-50%);
  }
}
.section-trusted-by.invert-logos .logo-trusted-by,
.section-trusted-by.invert-logos .trusted-logos-track img {
  filter: invert(1) grayscale(100%);
}

.section._3-uniques {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .section._3-uniques {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.block-value {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 20px;
  display: flex;
}
@media screen and (max-width: 767px) {
  .block-value {
    padding: 15px 10px;
  }
}

.block-value.value-link {
  color: var(--text-body);
  text-decoration: none;
}

.block-value.value-link:hover {
  background-color: var(--bg-alt-light);
}

.block-value-separator {
  border: 2px solid var(--bg-body);
  align-self: stretch;
}

.img-value-stack-icon {
  width: 50%;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .img-value-stack-icon {
    width: 40%;
    margin-bottom: 20px;
  }
}

.img-value-stack-icon.small {
  width: 35%;
}
@media screen and (max-width: 767px) {
  .img-value-stack-icon.small {
    width: 30%;
  }
}

.p-value-stack {
  text-align: center;
  margin-bottom: 10px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-value-stack {
    padding: 0 0.5rem;
  }
}

.h3-value-stack {
  text-align: center;
  margin-bottom: 20px;
  font-size: 1.875rem;
  line-height: 1.875rem;
}
@media screen and (max-width: 767px) {
  .h3-value-stack {
    font-size: 1.375rem;
    line-height: 1.625rem;
    padding: 0 0.5rem;
  }
}

.h3-value-stack.small {
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .h3-value-stack.small {
    font-size: 1.25rem;
  }
}

.value-props-fa-container {
  max-width: 1200px;
  margin: 0 auto;
}

.value-props-fa-grid {
  display: grid;
  gap: var(--space-5);
}
.value-props-fa-grid.cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.value-props-fa-grid.cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
.value-props-fa-grid.cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 991px) {
  .value-props-fa-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: var(--space-4);
  }
}
@media screen and (max-width: 767px) {
  .value-props-fa-grid {
    grid-template-columns: 1fr !important;
    gap: var(--space-4);
  }
}

.value-prop-fa-item {
  text-align: center;
}
.value-prop-fa-item .fa-icon {
  font-size: var(--fs-11);
  margin-bottom: var(--space-4);
}
.value-prop-fa-item h3 {
  margin-bottom: var(--space-3);
}

.demo-booking-section {
  background: var(--c-light-gray);
  display: flex;
  align-items: center;
  padding: 3rem 2rem;
}

.demo-booking-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}

.demo-left-content {
  padding: 0;
}
.demo-left-content h1 {
  font-size: 2.5rem;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  color: var(--c-charcoal);
}
.demo-left-content p {
  font-size: 1.125rem;
  color: var(--c-charcoal);
  margin-bottom: 2rem;
  line-height: 1.6;
}

.demo-card {
  background: white;
  border-radius: var(--radius-lg);
  padding: 2.5rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.demo-card h2 {
  font-size: 1.75rem;
  margin-bottom: 1rem;
  color: var(--c-charcoal);
}
.demo-card p {
  color: var(--c-charcoal);
  margin-bottom: 2rem;
  line-height: 1.6;
}

.demo-email-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}

.demo-email-input {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 1px solid var(--border-input);
  border-radius: var(--radius-md);
  font-size: 1rem;
}
.demo-email-input:focus {
  outline: none;
  border-color: var(--border-input-focus);
}
.demo-email-input.textarea {
  min-height: 100px;
  resize: vertical;
  font-family: inherit;
}

textarea.demo-email-input {
  min-height: 100px;
  resize: vertical;
  font-family: inherit;
}

.demo-submit-btn {
  background: var(--c-green);
  color: white;
  padding: 0.875rem 2rem;
  border: none;
  border-radius: var(--radius-md);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.demo-submit-btn:hover {
  background: var(--c-green-700);
}

.use-case-card {
  padding: 2rem;
  background: white;
  border-radius: var(--radius-lg);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.use-case-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

@media (max-width: 991px) {
  .demo-booking-container {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
@media (max-width: 767px) {
  .demo-email-form {
    flex-direction: column;
  }
  .demo-left-content h1 {
    font-size: 2rem;
  }
}
.calendly-section {
  background: var(--c-light-gray);
  min-height: 90vh;
  padding: var(--space-5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.calendly-container {
  max-width: 1000px;
  width: 100%;
  background: white;
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: var(--space-5);
  min-height: 700px;
}

.calendly-header {
  text-align: center;
  margin-bottom: var(--space-5);
}
.calendly-header h1 {
  font-size: var(--fs-8);
  color: var(--text-heading);
  margin-bottom: var(--space-2);
}
.calendly-header p {
  color: var(--text-body);
  font-size: var(--fs-4);
}

.schedule-meeting-section {
  min-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.schedule-meeting-container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.schedule-meeting-header {
  margin-bottom: var(--space-5);
}

.calendly-widget-wrapper {
  background: white;
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: var(--space-5);
  min-height: 700px;
}

.calendly-inline-widget {
  min-width: 320px;
  min-height: 700px;
  height: 700px;
  width: 100%;
}

@media (max-width: 991px) {
  .schedule-meeting-section {
    padding-top: var(--space-5);
    min-height: auto;
  }
  .calendly-widget-wrapper {
    padding: var(--space-3);
  }
}
@media (max-width: 767px) {
  .calendly-section {
    padding: var(--space-3);
  }
  .calendly-header h1 {
    font-size: var(--fs-7);
  }
  .calendly-container {
    padding: var(--space-3);
  }
  .schedule-meeting-header h1 {
    font-size: var(--fs-7);
  }
  .calendly-widget-wrapper {
    padding: var(--space-2);
  }
}
.use-case-card {
  padding: 2rem;
  background: white;
  border-radius: var(--radius-lg);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}
.use-case-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.about-hero {
  background: var(--c-light-gray);
  padding: 4rem 2rem;
  color: var(--c-navy);
  text-align: center;
}

.content-section {
  padding: 4rem 2rem;
}

.stats-card {
  text-align: center;
  padding: 2rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.stats-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.stat-number {
  font-size: 3.5rem;
  font-weight: bold;
  color: var(--c-green);
  margin-bottom: 1.5rem;
  letter-spacing: 0.05em;
}

.use-case-card {
  padding: 2rem;
  background: white;
  border-radius: var(--radius-lg);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.use-case-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

@media (max-width: 991px) {
  .stats-grid {
    grid-template-columns: 1fr !important;
  }
}
.faq-card {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background: white;
  border-radius: var(--radius-lg);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}
.faq-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.pricing-card {
  border-top: 10px solid var(--active-toggle-color, var(--c-primary));
  border-radius: var(--radius-md);
  background-color: var(--bg-body);
  padding-top: var(--pricing-card-padding);
  padding-bottom: var(--pricing-card-padding);
  transition: border-color 0.3s;
  flex-grow: 1;
}

.pricing-trial-banner {
  background: var(--c-cta);
  color: var(--c-white);
  padding: 0.5rem 1rem;
  margin: 1rem 0;
  text-align: center;
  font-weight: bold;
}
.pricing-trial-banner.hidden {
  visibility: hidden;
}

.h2-pricing-card {
  color: var(--text-body);
  text-shadow: none;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  margin-bottom: 20px;
  font-size: 30px;
  display: flex;
}

.pricing-stack {
  grid-gap: 40px;
  flex: 1;
  align-self: stretch;
}

.pricing-card-top {
  background-color: var(--bg-body);
  align-self: stretch;
  min-height: 225px;
}

.pricing-card-price {
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: center;
  background-color: var(--bg-body);
  color: var(--c-black);
  align-self: stretch;
  font-size: 56px;
  font-weight: bold;
  line-height: 56px;
}

.pricing-per {
  font-size: 24px;
}

.pricing-price-no-unit {
  font-size: 2rem;
}

.flex-row-pricing-toggle {
  align-self: center;
}

.pricing-toggle-label {
  align-self: center;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 20px;
}

.pricing-strikethru {
  color: var(--c-gray-low-emphasis);
  margin-right: 10px;
  font-size: 42px;
  font-weight: 700;
  text-decoration: line-through;
  text-decoration-thickness: 3px;
}

.pricing-subtitle {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  color: var(--c-charcoal);
}

.pricing-subtitle.highlight {
  background-color: var(--c-danger-lighter);
  align-self: stretch;
}

.pricing-card-body {
  flex-flow: column;
  align-self: stretch;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.pricing-card-feature-section {
  color: var(--c-gray-low-emphasis);
  text-shadow: none;
  min-height: 0;
  transition: height 0.3s;
}

.icon-list-pricing {
  grid-gap: 20px;
  border-bottom: 1px solid var(--c-medium-gray);
  justify-content: flex-start;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  transition: all 0.4s;
}

.icon-list-pricing.c-medium-gray {
  color: var(--text-muted);
}

.pricing-cta-wrapper {
  top: var(--menu-height);
  border-top: 1px solid var(--c-medium-gray);
  border-bottom: 1px solid var(--c-medium-gray);
  background-color: var(--bg-alt-light);
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  position: sticky;
}

.pricing-cards-container {
  display: flex;
  flex-direction: column;
}

.pricing-cards-grid {
  --pricing-card-padding: 20px;
  --pricing-card-margin: 10px;
  display: flex;
  gap: 3rem;
  justify-content: center;
  align-items: stretch;
  margin-top: 2rem;
}
.pricing-cards-grid.with-toggle {
  margin-top: 2rem;
}
.pricing-cards-grid.without-toggle {
  margin-top: 3rem;
}

.pricing-card-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 420px;
  min-width: 350px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: var(--radius-lg);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.pricing-card-wrapper:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.pricing-card-wrapper.highlighted {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  border-radius: var(--radius-lg);
}
.pricing-card-wrapper.highlighted .pricing-card {
  padding-top: calc(var(--pricing-card-padding) + var(--pricing-card-margin));
}

.pricing-card-badge {
  padding: 0.5rem 1rem;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.pricing-card-badge.visible {
  background: var(--c-green);
  color: white;
  visibility: visible;
}
.pricing-card-badge.hidden {
  visibility: hidden;
}
.pricing-card-badge.highlighted.visible {
  border: 3px solid var(--c-green);
  border-bottom: none;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  margin-bottom: 0;
}

.pricing-card.highlighted {
  border: 3px solid var(--c-green);
  border-top: none;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  box-shadow: none;
  flex-grow: 1;
}

.billing-toggle-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 2rem auto 0;
}

.billing-toggle-controls {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.billing-toggle {
  position: relative;
  width: 52px;
  height: 28px;
  background: var(--c-cta);
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.billing-toggle.inactive {
  background: #d0d0d0;
}

.billing-toggle-slider {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 50%;
  transition: transform 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.billing-toggle-slider.active {
  transform: translateX(24px);
}

.billing-toggle-label-wrapper {
  display: flex;
  flex-direction: column;
}

.billing-toggle-label {
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
  line-height: 1.2;
}

.billing-toggle-discount {
  font-size: 0.85rem;
}

.toggle-container {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 25px;
}

.toggle-input {
  display: none;
}
.toggle-input:checked + .toggle-label .toggle-slider {
  transform: translateX(25px);
}

.toggle-label {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--active-toggle-color, var(--c-primary));
  border-radius: 25px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.toggle-slider {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 21px;
  height: 21px;
  background-color: var(--c-white);
  border-radius: 50%;
  transition: transform 0.3s ease;
}

.icon-list-pricing.highlight {
  animation: highlight-animation 1.5s ease;
}

@keyframes highlight-animation {
  0% {
    box-shadow: 0 0 0 rgba(37, 192, 35, 0);
  }
  50% {
    box-shadow: 0 0px 10px 10px var(--active-toggle-color, var(--c-primary));
  }
  100% {
    box-shadow: 0 0 0 rgba(37, 192, 35, 0);
  }
}
.volume-slider-wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-slider {
  position: relative;
  width: 400px;
  height: 30px;
  cursor: pointer;
  user-select: none;
  flex-shrink: 0;
}
.custom-slider:hover .slider-thumb {
  transform: translate(-50%, -50%) scale(1.1);
}
.custom-slider.dragging .slider-thumb {
  cursor: grabbing;
  transform: translate(-50%, -50%) scale(1.15);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}

.slider-track {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 8px;
  background: var(--slider-background, var(--c-gray-200));
  border-radius: 4px;
  overflow: hidden;
}

.slider-fill {
  height: 100%;
  background: var(--slider-color, var(--active-toggle-color));
  border-radius: 4px;
  transition: width 0.15s ease, background 0.3s ease;
  pointer-events: none;
}

.slider-thumb {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: var(--slider-color, var(--active-toggle-color));
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  cursor: grab;
  transition: transform 0.15s ease, background 0.3s ease;
  pointer-events: none;
}

.pricing-table-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 var(--space-md);
}
@media screen and (max-width: 991px) {
  .pricing-table-container {
    padding: 0 var(--space-xs);
  }
}

.desktop-only {
  display: block;
}
@media screen and (max-width: 991px) {
  .desktop-only {
    display: none;
  }
}

.mobile-only {
  display: none;
}
@media screen and (max-width: 991px) {
  .mobile-only {
    display: block;
  }
}

.pricing-table-header {
  display: grid;
  grid-template-columns: 250px repeat(var(--plan-count, 3), 1fr);
  gap: 0;
  margin-bottom: var(--space-1);
}
@media screen and (max-width: 991px) {
  .pricing-table-header {
    display: none;
  }
}

.pricing-table-plan-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--c-light-gray);
  border-top: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0;
  padding: var(--space-3) var(--space-3);
  text-align: center;
  position: relative;
}
.pricing-table-plan-card:last-of-type {
  border-right: none;
}
.pricing-table-plan-card.highlighted {
  position: relative;
  z-index: 1;
}

.pricing-table-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--c-tertiary);
  color: var(--c-white);
  font-size: var(--fs-1);
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 12px;
  white-space: nowrap;
}

.pricing-table-plan-name {
  font-size: var(--fs-5);
  font-weight: 700;
  margin-bottom: var(--space-2);
  color: var(--text-heading);
}

.pricing-table-plan-subtitle {
  font-size: var(--fs-2);
  color: var(--text-muted);
  margin-bottom: var(--space-3);
}

.pricing-table-plan-price {
  margin-bottom: var(--space-4);
}

.pricing-table-price-amount {
  font-size: var(--fs-7);
  font-weight: 700;
  color: var(--text-heading);
}

.pricing-table-price-suffix {
  font-size: var(--fs-3);
  color: var(--text-muted);
}

.pricing-table-price-unit {
  font-size: var(--fs-3);
  color: var(--text-muted);
  margin-left: 4px;
}

.pricing-table-plan-cta .btn {
  width: 100%;
  padding: 10px 20px;
  font-size: var(--fs-2);
}

.pricing-table-group {
  margin-bottom: var(--space-1);
  border: none;
  border-radius: 0;
  overflow: hidden;
  background: transparent;
}
@media screen and (max-width: 991px) {
  .pricing-table-group {
    border: none;
    background: transparent;
  }
}

.pricing-table-group-header {
  background: var(--c-primary-way-lighter);
  padding: var(--space-3) var(--space-4);
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
}
.pricing-table-group-header:hover {
  background: var(--c-primary-lighter);
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .pricing-table-group-header {
    background: var(--c-gray-200);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-3);
  }
}

.pricing-table-group-title {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--fs-4);
  font-weight: 600;
  color: var(--text-heading);
}
.pricing-table-group-title i {
  font-size: var(--fs-2);
  color: var(--c-primary-500);
}

.pricing-table-group-content {
  overflow: hidden;
}

.expand-enter-active,
.expand-leave-active {
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
  overflow: hidden;
}

.expand-enter-from,
.expand-leave-to {
  max-height: 0;
  opacity: 0;
}

.expand-enter-to,
.expand-leave-from {
  max-height: 1000px;
  opacity: 1;
}

.pricing-table-row {
  display: grid;
  grid-template-columns: 250px repeat(var(--plan-count, 3), 1fr);
  gap: 0;
  padding: var(--space-3) var(--space-4);
  border: none;
  font-size: var(--fs-2);
}
.pricing-table-row:nth-child(even) {
  background: var(--c-light-gray);
}
.pricing-table-row:nth-child(odd) {
  background: var(--c-white);
}

.pricing-table-feature-label {
  font-weight: 500;
  color: var(--text-body);
  display: flex;
  align-items: center;
}

.pricing-table-feature-value {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--text-body);
}
.pricing-table-feature-value .fa-check {
  font-size: var(--fs-4);
}
.pricing-table-feature-value .btn-xs {
  padding: 4px 12px;
  font-size: var(--fs-1);
}

.pricing-table-dash {
  color: var(--c-gray-400);
  font-size: var(--fs-5);
}

.pricing-table-mobile-card {
  background: var(--c-white);
  border: 2px solid var(--c-primary-lighter);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
  margin-bottom: var(--space-4);
}
.pricing-table-mobile-card.highlighted {
  border-color: var(--c-tertiary-lighter);
  box-shadow: 0 0px 12px var(--c-tertiary-lighter);
  margin-top: var(--space-sm);
}
.pricing-table-mobile-card:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  .pricing-table-mobile-card {
    padding: var(--space-4) var(--space-3);
  }
}

.pricing-table-mobile-card-header {
  text-align: center;
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--c-border-light);
  margin-bottom: var(--space-4);
  position: relative;
}

.pricing-table-badge-mobile {
  position: relative;
  top: calc(-1 * var(--space-4));
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: var(--c-tertiary);
  text-align: center;
  color: var(--c-white);
  font-size: var(--fs-1);
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 12px;
  white-space: nowrap;
}

.pricing-table-mobile-plan-name {
  font-size: var(--fs-5);
  font-weight: 700;
  margin-bottom: var(--space-2);
  color: var(--text-heading);
}

.pricing-table-mobile-plan-subtitle {
  font-size: var(--fs-2);
  color: var(--text-muted);
  margin-bottom: var(--space-3);
}

.pricing-table-mobile-plan-price {
  margin-bottom: var(--space-4);
}

.pricing-table-mobile-group {
  margin-bottom: var(--space-3);
}
.pricing-table-mobile-group:last-child {
  margin-bottom: 0;
}

.pricing-table-mobile-group-header {
  background: var(--c-primary-way-lighter);
  padding: var(--space-2) var(--space-3);
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--fs-3);
  font-weight: 600;
  color: var(--text-heading);
  margin-bottom: var(--space-2);
}
.pricing-table-mobile-group-header:hover {
  background: var(--c-primary-lighter);
}
.pricing-table-mobile-group-header i {
  font-size: var(--fs-2);
  color: var(--c-primary-500);
}

.pricing-table-mobile-group-content {
  overflow: hidden;
}

.pricing-table-mobile-feature-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--c-gray-200);
}
.pricing-table-mobile-feature-row:last-child {
  border-bottom: none;
}

.pricing-table-mobile-feature-label {
  font-weight: 500;
  color: var(--text-body);
  flex: 1;
  padding-right: var(--space-3);
  font-size: var(--fs-2);
}

.pricing-table-mobile-feature-value {
  display: flex;
  padding-right: var(--space-1);
  align-items: center;
  justify-content: flex-end;
  color: var(--text-body);
  font-size: var(--fs-2);
}
.pricing-table-mobile-feature-value .fa-check {
  font-size: var(--fs-3);
}
.pricing-table-mobile-feature-value .btn-xs {
  padding: 4px 12px;
  font-size: var(--fs-1);
}
.pricing-table-mobile-feature-value p {
  text-align: right;
}

.bg-dark .pricing-table-plan-card,
.bg-dark-alt .pricing-table-plan-card,
.bg-dark-neutral .pricing-table-plan-card {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.15);
}
.bg-dark .pricing-table-group,
.bg-dark-alt .pricing-table-group,
.bg-dark-neutral .pricing-table-group {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.15);
}
.bg-dark .pricing-table-mobile-card,
.bg-dark-alt .pricing-table-mobile-card,
.bg-dark-neutral .pricing-table-mobile-card {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}
.bg-dark .pricing-table-row,
.bg-dark-alt .pricing-table-row,
.bg-dark-neutral .pricing-table-row {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.08);
}
.bg-dark .pricing-table-row:nth-child(even),
.bg-dark-alt .pricing-table-row:nth-child(even),
.bg-dark-neutral .pricing-table-row:nth-child(even) {
  background: rgba(255, 255, 255, 0.04);
}
.bg-dark .pricing-table-plan-name,
.bg-dark .pricing-table-plan-subtitle,
.bg-dark .pricing-table-price-amount,
.bg-dark .pricing-table-price-unit,
.bg-dark .pricing-table-feature-label,
.bg-dark .pricing-table-feature-value,
.bg-dark .pricing-table-group-title,
.bg-dark .pricing-table-mobile-plan-name,
.bg-dark .pricing-table-mobile-plan-subtitle,
.bg-dark .pricing-table-mobile-feature-label,
.bg-dark .pricing-table-mobile-feature-value,
.bg-dark-alt .pricing-table-plan-name,
.bg-dark-alt .pricing-table-plan-subtitle,
.bg-dark-alt .pricing-table-price-amount,
.bg-dark-alt .pricing-table-price-unit,
.bg-dark-alt .pricing-table-feature-label,
.bg-dark-alt .pricing-table-feature-value,
.bg-dark-alt .pricing-table-group-title,
.bg-dark-alt .pricing-table-mobile-plan-name,
.bg-dark-alt .pricing-table-mobile-plan-subtitle,
.bg-dark-alt .pricing-table-mobile-feature-label,
.bg-dark-alt .pricing-table-mobile-feature-value,
.bg-dark-neutral .pricing-table-plan-name,
.bg-dark-neutral .pricing-table-plan-subtitle,
.bg-dark-neutral .pricing-table-price-amount,
.bg-dark-neutral .pricing-table-price-unit,
.bg-dark-neutral .pricing-table-feature-label,
.bg-dark-neutral .pricing-table-feature-value,
.bg-dark-neutral .pricing-table-group-title,
.bg-dark-neutral .pricing-table-mobile-plan-name,
.bg-dark-neutral .pricing-table-mobile-plan-subtitle,
.bg-dark-neutral .pricing-table-mobile-feature-label,
.bg-dark-neutral .pricing-table-mobile-feature-value {
  color: var(--text-on-dark);
}
.bg-dark .pricing-table-price-suffix,
.bg-dark .pricing-table-plan-subtitle,
.bg-dark .pricing-table-mobile-plan-subtitle,
.bg-dark-alt .pricing-table-price-suffix,
.bg-dark-alt .pricing-table-plan-subtitle,
.bg-dark-alt .pricing-table-mobile-plan-subtitle,
.bg-dark-neutral .pricing-table-price-suffix,
.bg-dark-neutral .pricing-table-plan-subtitle,
.bg-dark-neutral .pricing-table-mobile-plan-subtitle {
  color: var(--text-on-dark-muted);
}
.bg-dark .pricing-table-group-header,
.bg-dark-alt .pricing-table-group-header,
.bg-dark-neutral .pricing-table-group-header {
  background: rgba(255, 255, 255, 0.08);
}
.bg-dark .pricing-table-group-header:hover,
.bg-dark-alt .pricing-table-group-header:hover,
.bg-dark-neutral .pricing-table-group-header:hover {
  background: rgba(255, 255, 255, 0.12);
}
.bg-dark .pricing-table-mobile-feature-row,
.bg-dark-alt .pricing-table-mobile-feature-row,
.bg-dark-neutral .pricing-table-mobile-feature-row {
  border-color: rgba(255, 255, 255, 0.1);
}
.bg-dark .pricing-table-mobile-card-header,
.bg-dark-alt .pricing-table-mobile-card-header,
.bg-dark-neutral .pricing-table-mobile-card-header {
  border-color: rgba(255, 255, 255, 0.1);
}
.bg-dark .pricing-table-mobile-group-header,
.bg-dark-alt .pricing-table-mobile-group-header,
.bg-dark-neutral .pricing-table-mobile-group-header {
  background: rgba(255, 255, 255, 0.08);
}
.bg-dark .pricing-table-mobile-group-header:hover,
.bg-dark-alt .pricing-table-mobile-group-header:hover,
.bg-dark-neutral .pricing-table-mobile-group-header:hover {
  background: rgba(255, 255, 255, 0.12);
}

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

.section.blog.bg-offwhite {
  background-color: var(--bg-alt-light);
}

.h2-blog-title {
  color: var(--text-heading);
  text-align: center;
  margin-bottom: 40px;
}

.blog-summary-table-label-heading {
  color: var(--text-body);
  margin-bottom: 0;
}

.blog-summary-table-value-rte {
  color: var(--text-body);
}

.blog-summary-table {
  background-color: var(--bg-alt-light);
  justify-content: center;
  align-items: flex-end;
}

.blog-summary-table-label {
  border-right: 5px solid var(--text-muted);
  justify-content: center;
  align-items: flex-end;
  padding-right: 10px;
}

.blog-summary-table-row {
  grid-gap: 0 30px;
  border-bottom: 5px solid var(--text-muted);
  align-self: stretch;
  padding-top: 0;
  padding-bottom: 0;
}

.blog-summary-img {
  max-height: 300px;
}

.blog-summary-img-holder {
  justify-content: center;
  align-items: center;
}

.blog-summary-table-value {
  padding-top: 5px;
  padding-bottom: 5px;
}

.rt-advice {
  margin-bottom: 20px;
}

.blog-table-cat-title {
  text-transform: uppercase;
  font-weight: 700;
}

.blog-table-cat-desc {
  font-style: italic;
}

.audit-findings .container-flex-column {
  align-items: center;
}

.audit-findings-title {
  width: 100%;
  text-align: center;
  margin: 0 auto var(--space-xs);
}
.audit-findings-title span {
  display: inline;
}

.audit-findings-subtitle {
  text-align: center;
  color: var(--text-muted);
  margin: 0 auto var(--space-md);
  font-size: 1rem;
}

.audit-findings-list {
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.audit-finding-row {
  border-bottom: 1px solid var(--c-border-light, rgba(0, 0, 0, 0.08));
}
.audit-finding-row:last-child {
  border-bottom: none;
}
.audit-finding-row[open] .audit-finding-chevron {
  transform: rotate(90deg);
}
.audit-finding-row[open] .audit-finding-summary {
  background-color: rgba(0, 0, 0, 0.02);
}

.audit-finding-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: var(--space-md);
  align-items: center;
  padding: 0.6rem 0.5rem;
  cursor: pointer;
  list-style: none;
  transition: background-color 0.15s ease;
}
.audit-finding-summary::-webkit-details-marker {
  display: none;
}
.audit-finding-summary:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
@media screen and (max-width: 991px) {
  .audit-finding-summary {
    grid-template-columns: 1fr;
    gap: 0.4rem;
    padding: 0.6rem 0.25rem;
  }
}

.audit-finding-head {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  min-width: 0;
}

.audit-finding-chevron {
  color: var(--c-primary);
  font-size: 0.75rem;
  transition: transform 0.2s ease;
  flex-shrink: 0;
  width: 0.9rem;
  text-align: center;
}

.audit-finding-name {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-body);
  line-height: 1.25;
}

.audit-finding-bar {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
}

.audit-finding-bar-track {
  flex: 1;
  height: 10px;
  background: var(--c-alt-light, rgba(0, 0, 0, 0.06));
  border-radius: 9999px;
  overflow: hidden;
}

.audit-finding-bar-fill {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, var(--c-primary), var(--c-cta, var(--c-primary)));
  border-radius: 9999px;
  transition: width 2.8s cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
  overflow: hidden;
}
.audit-finding-bar-fill::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.55) 50%, transparent 100%);
  transform: translateX(-100%);
  animation: audit-bar-shimmer 2.2s infinite;
  animation-delay: 0.4s;
}

@keyframes audit-bar-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(200%);
  }
}
.audit-finding-bar-count {
  flex-shrink: 0;
  min-width: 3.5rem;
  text-align: right;
  font-weight: 600;
  font-size: 0.9rem;
  font-variant-numeric: tabular-nums;
  color: var(--text-body);
}

.audit-finding-detail {
  padding: 0.75rem 1.5rem 1.25rem;
}
@media screen and (max-width: 991px) {
  .audit-finding-detail {
    padding: 0.75rem 0.5rem 1.1rem 1.5rem;
  }
}

.audit-finding-desc {
  margin: 0 0 0.9rem;
  font-size: 0.95rem;
  line-height: 1.65;
  color: var(--text-body);
}

.audit-finding-bullets {
  margin: 0;
  padding-left: 1.25rem;
}
.audit-finding-bullets li {
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--text-muted);
  margin-bottom: 0.55rem;
  padding-left: 0.15rem;
}
.audit-finding-bullets li:last-child {
  margin-bottom: 0;
}

.grid-header-row {
  background-color: var(--bg-table-header);
  color: var(--text-table-header);
}

.grid-audit-test-row {
  display: flex;
  align-items: center;
  min-height: 56px;
  width: 100%;
  background-color: transparent;
  transition: background-color 0.2s ease;
}
.grid-audit-test-row > * {
  flex: 1;
  background-color: transparent;
  margin: 0;
  padding: 12px 16px;
}
.grid-audit-test-row:nth-child(even) {
  background-color: var(--bg-table-alt);
}
.grid-audit-test-row:hover {
  background-color: rgba(var(--bg-table-hover-rgb), var(--bg-table-hover-opacity)) !important;
  color: var(--text-table-hover);
}

.audit-tests-title {
  width: 100%;
  text-align: center;
  margin: 0 auto var(--space-lg);
}
.audit-tests-title span {
  display: inline;
}

.audit-tests-grid {
  grid-template-columns: 1fr 1.4fr;
  gap: var(--space-xl);
}
@media screen and (max-width: 991px) {
  .audit-tests-grid {
    grid-template-columns: 1fr;
  }
}

.audit-tests-grid > .cell-content {
  align-self: start;
}

.audit-tests-table-cell {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  align-self: start;
}

.audit-tests-table-wrap {
  width: 100%;
  background: var(--c-white, #fff);
  border: 1px solid var(--c-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 4px 24px var(--shadow-light);
}

.audit-tests-category {
  border-bottom: 1px solid var(--c-border-light);
}
.audit-tests-category:last-child {
  border-bottom: none;
}
.audit-tests-category[open] .audit-tests-expand-icon i {
  transform: rotate(90deg);
}
.audit-tests-category[open] .audit-tests-category-header {
  background: var(--bg-table-header);
  color: var(--text-on-dark);
}
.audit-tests-category[open] .audit-tests-category-header .audit-tests-category-name {
  color: var(--text-on-dark);
}
.audit-tests-category[open] .audit-tests-category-header .audit-tests-expand-icon {
  color: var(--c-primary);
}

.audit-tests-category-header {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  background: var(--c-primary-way-lighter);
  cursor: pointer;
  list-style: none;
  user-select: none;
  transition: background 0.15s ease;
}
.audit-tests-category-header::-webkit-details-marker {
  display: none;
}
.audit-tests-category-header:hover {
  background: var(--c-primary-lighter);
}

.audit-tests-expand-icon {
  color: var(--c-primary-dark);
  font-size: var(--fs-2);
  width: 16px;
  flex-shrink: 0;
}
.audit-tests-expand-icon i {
  transition: transform 0.2s ease;
}

.audit-tests-category-name {
  font-weight: 700;
  font-size: var(--fs-4);
  color: var(--text-heading);
  flex: 1;
}

.audit-tests-category-count {
  font-size: var(--fs-2);
  font-weight: 700;
  color: var(--text-on-dark);
  background: var(--c-navy);
  padding: 2px 10px;
  border-radius: 999px;
  white-space: nowrap;
}

.audit-tests-rows {
  background: #fff;
}

.audit-tests-row {
  border-top: 1px solid var(--c-border-light);
}
.audit-tests-row.audit-tests-row--alt {
  background: var(--bg-tint);
}
.audit-tests-row[open] > .audit-tests-row-summary {
  border-bottom: 1px solid var(--c-border-light);
}

.audit-tests-row-summary {
  display: grid;
  grid-template-columns: 20px 1fr auto;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-4);
  align-items: center;
  cursor: pointer;
  list-style: none;
}
.audit-tests-row-summary::-webkit-details-marker {
  display: none;
}
.audit-tests-row-summary:hover .audit-tests-col-test-name {
  color: var(--c-primary-dark);
}

.audit-tests-row-chevron {
  color: var(--c-primary);
  font-size: 10px;
  display: flex;
  align-items: center;
}
.audit-tests-row-chevron i {
  transition: transform 0.2s ease;
}

.audit-tests-row[open] > .audit-tests-row-summary .audit-tests-row-chevron i {
  transform: rotate(90deg);
}

.audit-tests-row-description {
  padding: var(--space-2) var(--space-4) var(--space-3);
  font-size: var(--fs-3);
  color: var(--text-muted);
  line-height: 1.6;
  margin: 0;
}

.audit-tests-col-test-name {
  font-size: var(--fs-3);
  font-weight: 600;
  color: var(--text-body);
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.15s ease;
}

.audit-tests-focus-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 999px;
  white-space: nowrap;
}
.audit-tests-focus-badge--accuracy {
  background: var(--c-primary-way-lighter);
  color: var(--c-primary-darker);
}
.audit-tests-focus-badge--capability {
  background: var(--c-navy-100);
  color: var(--c-navy);
}

.bg-dark .audit-tests-table-wrap,
.bg-dark-alt .audit-tests-table-wrap,
.bg-dark-neutral .audit-tests-table-wrap {
  border-color: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}
.bg-dark .audit-tests-category,
.bg-dark-alt .audit-tests-category,
.bg-dark-neutral .audit-tests-category {
  border-color: rgba(255, 255, 255, 0.1);
}
.bg-dark .audit-tests-category-header,
.bg-dark-alt .audit-tests-category-header,
.bg-dark-neutral .audit-tests-category-header {
  background: rgba(255, 255, 255, 0.06);
}
.bg-dark .audit-tests-category-header:hover,
.bg-dark-alt .audit-tests-category-header:hover,
.bg-dark-neutral .audit-tests-category-header:hover {
  background: rgba(255, 255, 255, 0.1);
}
.bg-dark .audit-tests-category-name,
.bg-dark-alt .audit-tests-category-name,
.bg-dark-neutral .audit-tests-category-name {
  color: var(--text-on-dark);
}
.bg-dark .audit-tests-rows,
.bg-dark-alt .audit-tests-rows,
.bg-dark-neutral .audit-tests-rows {
  background: transparent;
}
.bg-dark .audit-tests-row,
.bg-dark-alt .audit-tests-row,
.bg-dark-neutral .audit-tests-row {
  border-color: rgba(255, 255, 255, 0.08);
}
.bg-dark .audit-tests-row.audit-tests-row--alt,
.bg-dark-alt .audit-tests-row.audit-tests-row--alt,
.bg-dark-neutral .audit-tests-row.audit-tests-row--alt {
  background: rgba(255, 255, 255, 0.03);
}
.bg-dark .audit-tests-col-test-name,
.bg-dark-alt .audit-tests-col-test-name,
.bg-dark-neutral .audit-tests-col-test-name {
  color: var(--text-on-dark);
}

.lp-ga4-explorer {
  text-align: left;
}
.lp-ga4-explorer.content-section {
  padding-top: 1.25rem;
}
.lp-ga4-explorer .text-content-body {
  font-size: 1rem;
  line-height: 1.5;
}
.lp-ga4-explorer code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.86em;
  background: var(--c-light-gray);
  padding: 1px 5px;
  border-radius: 3px;
}

.m3 {
  border: 1px solid var(--c-border-light);
  border-radius: 16px;
  overflow: hidden;
  background: white;
  box-shadow: 0 24px 48px -12px rgba(0, 38, 80, 0.18), 0 8px 16px -4px rgba(0, 38, 80, 0.1), 0 1px 3px rgba(0, 38, 80, 0.06);
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-body);
}
.m3.m-overview .m3-grid, .m3.m-overview .m3-mobile-bar {
  display: none;
}
.m3.m-explore .m3-overview {
  display: none;
}
.m3 .m3-pane.subs,
.m3 .m3-pane.tests {
  transition: opacity 320ms ease, transform 320ms ease;
}
.m3.m3-flipping .m3-pane.subs, .m3.m3-flipping .m3-pane.tests {
  opacity: 0;
  transform: translateX(10px);
  transition: none;
}
.m3 .m3-overview-card.m3-fading-out {
  opacity: 0;
  transform: translateY(-6px) scale(0.97);
  transition: opacity 200ms ease, transform 200ms ease;
  pointer-events: none;
}
.m3 .m3-mobile-bar {
  display: none;
}
.m3 .m3-grid {
  display: grid;
  grid-template-columns: 260px 290px 1fr;
  height: 740px;
}
.m3 .m3-pane {
  padding: 18px;
  overflow-y: auto;
}
.m3 .m3-pane.cats {
  background: var(--bg-alt);
  border-right: 1px solid var(--c-border-light);
}
.m3 .m3-pane.subs {
  border-right: 1px solid var(--c-border-light);
  background: white;
}
.m3 .m3-pane.tests {
  background: var(--c-almost-white);
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.m3 #m3-tests {
  display: contents;
}
.m3 .m3-pane::-webkit-scrollbar {
  width: 8px;
}
.m3 .m3-pane::-webkit-scrollbar-track {
  background: transparent;
}
.m3 .m3-pane::-webkit-scrollbar-thumb {
  background: rgba(0, 38, 80, 0.12);
  border-radius: 4px;
}
.m3 .m3-pane::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 38, 80, 0.25);
}
.m3 .m3-pane-head {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 11px;
  font-weight: 700;
  color: var(--text-muted);
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px;
}
.m3 .m3-pane-count {
  color: var(--c-gray-300);
  font-weight: 700;
}
.m3 .m3-overview {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  padding: 28px 22px;
}
@media (max-width: 960px) {
  .m3 .m3-overview {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 18px 14px;
  }
}
.m3 .m3-overview-card {
  --m3-overview-accent: var(--c-primary);
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: left;
  background: white;
  border: 1px solid var(--c-border-light);
  border-radius: 12px;
  padding: 22px 22px 18px;
  cursor: pointer;
  font: inherit;
  color: inherit;
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.m3 .m3-overview-card:hover,
.m3 .m3-overview-card:focus-visible {
  transform: translateY(-3px);
  border-color: var(--m3-overview-accent);
  box-shadow: 0 16px 32px -8px rgba(0, 38, 80, 0.16), 0 6px 12px -4px rgba(0, 38, 80, 0.08);
  outline: none;
}
.m3 .m3-overview-stripe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--m3-overview-accent);
}
.m3 .m3-overview-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
  margin-top: 4px;
}
.m3 .m3-overview-name {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-body);
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.m3 .m3-overview-count {
  background: var(--bg-alt);
  border: 1px solid var(--c-border-light);
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  color: var(--text-body);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  flex-shrink: 0;
}
.m3 .m3-overview-blurb {
  font-size: 13px;
  color: var(--text-muted);
  font-weight: 600;
  margin-bottom: 12px;
  line-height: 1.4;
}
.m3 .m3-overview-desc {
  font-size: 14px;
  color: var(--text-body);
  line-height: 1.55;
  margin-bottom: 18px;
  flex: 1;
}
.m3 .m3-overview-desc b,
.m3 .m3-overview-desc strong {
  font-weight: 700;
  color: var(--text-body);
}
.m3 .m3-overview-cta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--m3-overview-accent);
  margin-top: auto;
  transition: gap 0.18s ease;
}
.m3 .m3-overview-card:hover .m3-overview-cta {
  gap: 9px;
}
.m3 .m3-cat-btn {
  display: grid;
  grid-template-columns: 4px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 4px;
  transition: background 0.15s;
  border: none;
  background: transparent;
  width: 100%;
  text-align: left;
  font: inherit;
}
.m3 .m3-cat-btn:hover {
  background: white;
}
.m3 .m3-cat-btn.active {
  background: white;
  box-shadow: 0 1px 2px rgba(0, 38, 80, 0.04);
}
.m3 .m3-cat-bar {
  width: 4px;
  height: 32px;
  border-radius: 2px;
}
.m3 .m3-cat-meta {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.m3 .m3-cat-meta .n {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-body);
  letter-spacing: -0.005em;
  line-height: 1.25;
}
.m3 .m3-cat-meta .d {
  font-size: 12px;
  color: var(--text-muted);
  line-height: 1.35;
}
.m3 .m3-cat-cnt {
  background: var(--bg-alt);
  border: 1px solid var(--c-border-light);
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: var(--text-body);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}
.m3 .m3-cat-btn.active .m3-cat-cnt {
  background: var(--c-primary);
  color: white;
  border-color: var(--c-primary);
}
.m3 .m3-sub-btn {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 2px;
  transition: background 0.15s;
  border: none;
  background: transparent;
  width: 100%;
  text-align: left;
  font: inherit;
  position: relative;
}
.m3 .m3-sub-btn:hover {
  background: var(--bg-alt);
}
.m3 .m3-sub-btn.active {
  background: var(--bg-alt);
  padding-left: 18px;
}
.m3 .m3-sub-btn.active::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 12px;
  bottom: 12px;
  width: 3px;
  background: var(--c-primary);
  border-radius: 2px;
}
.m3 .m3-sub-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-body);
  line-height: 1.3;
}
.m3 .m3-sub-btn.active .m3-sub-name {
  color: var(--c-primary);
}
.m3 .m3-sub-cnt {
  background: var(--bg-alt);
  border: 1px solid var(--c-border-light);
  padding: 1px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  color: var(--text-body);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}
.m3 .m3-sub-btn.active .m3-sub-cnt {
  background: white;
  border-color: var(--c-border-light);
}
.m3 .m3-sub-select {
  display: none;
  width: 100%;
  padding: 12px 38px 12px 14px;
  border-radius: 10px;
  border: 1px solid var(--c-border-light);
  background-color: white;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23002650' stroke-width='2.5'><path d='m6 9 6 6 6-6'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
  font-size: 14px;
  font-family: inherit;
  font-weight: 600;
  color: var(--text-body);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: 1.2;
}
.m3 .m3-sub-select:focus {
  outline: 2px solid var(--c-primary);
  outline-offset: 1px;
}
.m3 .m3-tests-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px 22px 12px;
  border-bottom: 1px solid var(--c-border-light);
  flex-shrink: 0;
}
.m3 .m3-tests-title-block {
  min-width: 0;
  flex: 1;
}
.m3 .m3-tests-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-body);
  margin: 0;
  line-height: 1.25;
}
.m3 .m3-tests-desc {
  font-size: 13.5px;
  color: var(--text-muted);
  line-height: 1.5;
  margin: 6px 0 0;
}
.m3 .m3-tests-desc strong {
  color: var(--text-body);
  font-weight: 600;
}
.m3 .m3-tests-count {
  color: var(--c-gray-300);
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
  margin-left: 16px;
  padding-top: 4px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-variant-numeric: tabular-nums;
}
.m3 .m3-tests-list {
  flex: 1;
  overflow-y: auto;
  padding: 14px 22px 6px;
}
.m3 .m3-tests-list::-webkit-scrollbar {
  width: 8px;
}
.m3 .m3-tests-list::-webkit-scrollbar-track {
  background: transparent;
}
.m3 .m3-tests-list::-webkit-scrollbar-thumb {
  background: rgba(0, 38, 80, 0.12);
  border-radius: 4px;
}
.m3 .m3-tests-list::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 38, 80, 0.25);
}
.m3 .m3-test-card {
  background: white;
  border: 1px solid var(--c-border-light);
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 7px;
  cursor: default;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.m3 .m3-test-card:hover {
  transform: translateY(-2px);
  border-color: var(--c-primary);
  box-shadow: 0 10px 20px -8px rgba(0, 38, 80, 0.16), 0 4px 8px -4px rgba(0, 38, 80, 0.08);
}
.m3 .m3-test-card-name {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-body);
  margin-bottom: 4px;
  line-height: 1.35;
}
.m3 .m3-test-card-desc {
  font-size: 13px;
  color: var(--text-body);
  line-height: 1.55;
}
.m3 .m3-test-card-desc strong {
  color: var(--text-body);
  font-weight: 700;
}
.m3 .m3-tests-footer {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 18px;
  border-top: 1px solid var(--c-border-light);
  background: white;
  gap: 10px;
  flex-wrap: nowrap;
}
.m3 .m3-page-info {
  font-size: 12.5px;
  color: var(--text-muted);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m3 .m3-page-info b {
  color: var(--text-body);
  font-weight: 700;
}
.m3 .m3-page-controls {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}
.m3 .m3-page-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 11px;
  border-radius: 8px;
  border: 1px solid var(--c-border-light);
  background: white;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-body);
  cursor: pointer;
  transition: all 0.15s;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.m3 .m3-page-btn:hover:not(:disabled) {
  background: var(--c-primary);
  color: white;
  border-color: var(--c-primary);
}
.m3 .m3-page-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.m3 .m3-page-btn.m3-page-label {
  opacity: 1;
  cursor: default;
  background: var(--bg-alt);
}
.m3 .m3-page-btn svg {
  display: block;
}
@media (min-width: 961px) and (max-width: 1100px) {
  .m3 .m3-grid {
    grid-template-columns: 230px 260px 1fr;
  }
  .m3 .m3-tests-header {
    padding: 14px 16px 10px;
  }
  .m3 .m3-tests-list {
    padding: 12px 16px 4px;
  }
  .m3 .m3-tests-footer {
    padding: 10px 14px;
    gap: 8px;
  }
  .m3 .m3-page-info {
    font-size: 12px;
  }
  .m3 .m3-page-btn {
    padding: 6px 10px;
    font-size: 12.5px;
  }
}
@media (max-width: 960px) {
  .m3 .m3-mobile-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--c-border-light);
    background: white;
    min-height: 48px;
  }
  .m3 .m3-mobile-back {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 10px;
    border-radius: 8px;
    background: var(--bg-alt);
    border: 1px solid var(--c-border-light);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-body);
    cursor: pointer;
    transition: all 0.15s;
    flex-shrink: 0;
  }
  .m3 .m3-mobile-back:hover {
    background: var(--c-primary);
    color: white;
    border-color: var(--c-primary);
  }
  .m3 .m3-mobile-crumb {
    font-size: 13px;
    color: var(--text-muted);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
  }
  .m3 .m3-mobile-crumb b {
    color: var(--text-body);
    font-weight: 700;
  }
  .m3 .m3-mobile-crumb-sep {
    color: var(--c-gray-300);
    margin: 0 6px;
  }
  .m3.m-browse .m3-mobile-back {
    display: none;
  }
  .m3.m-browse .m3-mobile-crumb {
    font-weight: 700;
    color: var(--text-body);
    font-size: 14px;
  }
  .m3.m-browse .m3-grid, .m3.m-inspect .m3-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .m3 .m3-grid {
    height: auto;
    max-height: none;
    min-height: auto;
  }
  .m3 .m3-pane {
    overflow: visible;
  }
  .m3 .m3-tests-list {
    overflow: visible;
    flex: none;
  }
  .m3 .m3-pane.cats {
    border-right: none;
    border-bottom: 1px solid var(--c-border-light);
  }
  .m3 .m3-pane.subs {
    border-right: none;
    border-bottom: 1px solid var(--c-border-light);
  }
  .m3.m-browse .m3-pane.tests {
    display: none;
  }
  .m3.m-inspect .m3-pane.cats {
    display: none;
  }
  .m3.m-inspect .m3-pane.subs {
    overflow: visible;
    padding: 12px 14px;
  }
  .m3.m-inspect #m3-subs {
    display: none;
  }
  .m3.m-inspect .m3-sub-select {
    display: block;
  }
  .m3.m-inspect .m3-pane.subs .m3-pane-head {
    margin-bottom: 8px;
  }
  .m3 .m3-pane {
    padding: 12px;
  }
  .m3 .m3-pane-head {
    margin-bottom: 8px;
    padding: 0 4px;
  }
  .m3 .m3-tests-header {
    padding: 12px 14px 10px;
  }
  .m3 .m3-tests-title {
    font-size: 15px;
    line-height: 1.25;
  }
  .m3 .m3-tests-desc {
    font-size: 12.5px;
    margin-top: 4px;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .m3 .m3-tests-count {
    font-size: 10.5px;
    margin-left: 8px;
  }
  .m3 .m3-tests-list {
    padding: 10px 14px 4px;
  }
  .m3 .m3-test-card {
    padding: 10px 13px;
    margin-bottom: 6px;
  }
  .m3 .m3-test-card-name {
    font-size: 13.5px;
  }
  .m3 .m3-test-card-desc {
    font-size: 12.5px;
    line-height: 1.5;
  }
  .m3 .m3-tests-footer {
    padding: 10px 14px;
  }
  .m3 .m3-page-info {
    font-size: 12px;
  }
  .m3 .m3-page-info .m3-info-prefix {
    display: none;
  }
  .m3 .m3-page-btn {
    padding: 6px 9px;
    font-size: 12.5px;
  }
  .m3 .m3-cat-btn {
    padding: 10px 12px;
    gap: 10px;
  }
  .m3 .m3-cat-meta .n {
    font-size: 14px;
  }
  .m3 .m3-cat-meta .d {
    font-size: 11.5px;
  }
  .m3.m-browse .m3-sub-btn {
    padding: 10px 12px;
  }
  .m3.m-browse .m3-sub-name {
    font-size: 13.5px;
  }
}

.process-steps-title {
  width: 100%;
  text-align: center;
  margin: 0 auto var(--space-xs);
}
.process-steps-title:not(.h2-dual-color) {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--text-body);
  line-height: 1.2;
}
.process-steps-title span {
  display: inline;
}

.process-steps-subtitle {
  text-align: center;
  color: var(--text-muted);
  margin: 0 auto var(--space-md);
  font-size: 1.05rem;
}

.process-steps-grid {
  width: 100%;
  max-width: 1100px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
  margin-top: var(--space-md);
}
.process-steps-grid.cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.process-steps-grid.cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 991px) {
  .process-steps-grid {
    grid-template-columns: 1fr;
    gap: var(--space-md);
    max-width: 420px;
  }
}

.process-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 var(--space-xs);
}

.process-step-circle {
  width: 175px;
  height: 175px;
  border-radius: 50%;
  border: 4px solid var(--c-navy-700, var(--c-navy));
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Nunito Sans", system-ui, sans-serif;
  font-size: 3.5rem;
  font-weight: 600;
  color: var(--c-navy-700, var(--c-navy));
  margin-bottom: var(--space-md);
  background: transparent;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.process-step-title {
  margin: 0 0 0.5rem;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-body);
  line-height: 1.3;
}

.process-step-desc {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--text-muted);
  max-width: 480px;
}

.process-steps-cta {
  margin-top: var(--space-lg);
  display: flex;
  justify-content: center;
}
.process-steps-cta .btn {
  padding: 18px 40px;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .process-steps-cta .btn {
    padding: 16px 32px;
    font-size: 1.125rem;
  }
}

.getting-started {
  --gs-step-spacing: 36px;
  padding: 0 var(--space-lg);
  position: relative;
}
@media screen and (max-width: 767px) {
  .getting-started {
    padding: 0 var(--space-sm);
  }
}

.getting-started-topbar {
  display: flex;
  justify-content: flex-end;
  padding: var(--space-sm) 0;
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
}

.getting-started-url-pill {
  font-size: 13px;
  color: var(--text-muted);
  background: var(--bg-alt-light);
  padding: 6px 14px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--c-border-light);
}
.getting-started-url-pill i {
  color: var(--c-primary);
  font-size: 11px;
}

.getting-started-grid {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 1140px;
  margin: 0 auto;
  padding: var(--space-lg) 0 var(--space-xl);
  gap: var(--space-lg);
  align-items: start;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .getting-started-grid {
    grid-template-columns: 1fr;
    gap: var(--space-md);
    padding: var(--space-md) 0 var(--space-lg);
  }
}

.getting-started-cards {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (max-width: 767px) {
  .getting-started-cards {
    order: 1;
  }
}

.gs-card-scan {
  background: #fafafa;
  border: 1px dashed var(--c-border-light);
  border-radius: 8px;
  padding: 14px 18px;
  overflow: hidden;
}

.gs-scan-label {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
}

.gs-scan-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #7abf79;
  flex-shrink: 0;
  animation: gs-dot-fade 3s ease-in-out infinite;
}

@keyframes gs-dot-fade {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 0.3;
  }
}
.gs-scan-label-text {
  font-size: 11px;
  color: var(--text-muted);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.gs-scan-feed {
  position: relative;
  height: 104px;
  overflow: hidden;
}
.gs-scan-feed::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 28px;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(to bottom, #fafafa, transparent);
}

.gs-scan-feed-track {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.gs-scan-item {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 22px;
  flex-shrink: 0;
  transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.gs-scan-item i {
  width: 14px;
  text-align: center;
  font-size: 11px;
  color: var(--c-medium-gray);
  flex-shrink: 0;
  transition: color 0.4s ease;
}
.gs-scan-item span {
  font-size: 12px;
  color: var(--text-muted);
  transition: color 0.4s ease, font-weight 0.4s ease;
  white-space: nowrap;
  line-height: 22px;
}
.gs-scan-item.active i {
  color: var(--c-dark-gray);
}
.gs-scan-item.active span {
  color: var(--c-dark-gray);
  font-weight: 500;
}
.gs-scan-item.done {
  opacity: 0.35;
}
.gs-scan-item.done-fading {
  opacity: 0.35;
}
.gs-scan-item.entering {
  opacity: 0;
  transform: translateY(8px);
}
.gs-scan-item.gs-scan-connecting i {
  color: var(--c-medium-gray);
  font-size: 12px;
}
.gs-scan-item.gs-scan-done span {
  color: var(--c-green);
  font-weight: 600;
}

.gs-done-check {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--c-green);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  animation: gs-check-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
  animation-delay: 0.2s;
}
.gs-done-check i {
  color: white !important;
  font-size: 9px !important;
}

@keyframes gs-check-pop {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.gs-scan-dot--done {
  animation: none;
  opacity: 1;
  background: var(--c-green);
}

.gs-card-cta {
  background: var(--bg-body);
  border: 2px solid var(--c-primary);
  border-radius: var(--radius-lg, 12px);
  padding: var(--space-sm);
  box-shadow: 0 6px 20px rgba(63, 169, 245, 0.15);
}

.gs-cta-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  border-radius: 20px;
  background: var(--c-primary-100);
  color: var(--c-primary-700, var(--c-primary));
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 14px;
}

.gs-cta-eyebrow {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--text-muted);
  margin-bottom: 10px;
  line-height: 1.3;
}

.gs-cta-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-heading, var(--text-body));
  margin-bottom: 10px;
  line-height: 1.3;
}

.gs-cta-desc {
  font-size: 14px;
  color: var(--text-muted);
  line-height: 1.6;
  margin-bottom: 20px;
}

.gs-btn-google {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 16px 32px;
  background: var(--c-primary);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
  text-decoration: none;
}
.gs-btn-google:hover {
  background: var(--c-primary-600, #2d8fd4);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(63, 169, 245, 0.3);
  color: white;
}

.gs-btn-google-icon {
  width: 22px;
  height: 22px;
  background: white;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  color: var(--c-primary);
  flex-shrink: 0;
}

.gs-cta-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 12px;
  font-size: 12px;
  color: var(--text-muted);
}
.gs-cta-trust i {
  font-size: 10px;
}

.gs-cta-note {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding: 10px 14px;
  font-size: 12px;
  color: var(--c-info);
  background: var(--c-info-way-lighter);
  border: 1px solid var(--c-info-lighter);
  border-radius: 8px;
  line-height: 1.4;
}
.gs-cta-note i {
  font-size: 13px;
  color: var(--c-info);
  flex-shrink: 0;
}

.gs-steps-col {
  padding-top: 8px;
}
@media screen and (max-width: 767px) {
  .gs-steps-col {
    order: 2;
  }
}

.gs-heading {
  font-size: 22px;
  font-weight: 700;
  color: var(--text-heading, var(--text-body));
  margin-bottom: 6px;
  line-height: 1.3;
}

.gs-subtitle {
  font-size: 14px;
  color: var(--text-muted);
  margin-bottom: 32px;
  line-height: 1.5;
}

.gs-step {
  display: flex;
  gap: 16px;
  position: relative;
  padding-bottom: var(--gs-step-spacing);
}
.gs-step:last-child {
  padding-bottom: 0;
}
.gs-step:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 17px;
  top: 40px;
  bottom: 0;
  width: 2px;
  background: var(--c-border-light);
}

.gs-step-number {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

.gs-step-body {
  flex: 1;
  padding-top: 6px;
}

.gs-step-label {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-body);
}

.gs-step-running .gs-step-number {
  border: 2px solid var(--c-border-light);
  color: var(--text-muted);
  background: var(--bg-alt-light);
}
.gs-step-running .gs-step-number::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 1.5px solid var(--c-medium-gray);
  animation: gs-gray-pulse 4s ease-in-out infinite;
  opacity: 0.4;
}
.gs-step-running .gs-step-label {
  font-weight: 500;
  color: var(--text-muted);
}
.gs-step-running:not(:last-child)::after {
  background: linear-gradient(to bottom, var(--c-medium-gray), var(--c-border-light));
}

@keyframes gs-gray-pulse {
  0%, 100% {
    opacity: 0.4;
    transform: scale(1);
  }
  50% {
    opacity: 0.1;
    transform: scale(1.08);
  }
}
.gs-step-running-tag {
  display: inline-block;
  font-size: 11px;
  color: var(--text-muted);
  font-weight: 500;
  margin-left: 4px;
}

.gs-step-action .gs-step-number {
  border: none;
  background: var(--c-primary);
  color: white;
}
.gs-step-action .gs-step-label {
  font-weight: 700;
  color: var(--text-heading, var(--text-body));
}
.gs-step-action:not(:last-child)::after {
  background: linear-gradient(to bottom, var(--c-primary), var(--c-border-light) 80%);
}

.gs-step-pending .gs-step-number {
  border: 2px solid var(--c-border-light);
  color: var(--c-medium-gray);
  background: var(--bg-alt-light);
}
.gs-step-pending .gs-step-label {
  font-weight: 500;
  color: var(--text-muted);
}

.gs-step-list {
  list-style: none;
  padding: 0;
  margin: 4px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.gs-step-list li {
  font-size: 13px;
  color: var(--c-dark-gray);
  line-height: 1.5;
  padding-left: 16px;
  position: relative;
}
.gs-step-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--c-primary);
}
.gs-step-running .gs-step-list li {
  color: var(--text-muted);
}
.gs-step-running .gs-step-list li::before {
  color: var(--c-medium-gray);
}
.gs-step-pending .gs-step-list li {
  color: var(--text-muted);
}
.gs-step-pending .gs-step-list li::before {
  color: var(--c-medium-gray);
}
.gs-step-list li.gs-checked::before {
  content: "\f00c" !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", sans-serif;
  font-weight: 900;
  font-size: 10px;
  color: var(--c-green) !important;
  animation: gs-check-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.gs-step-running.gs-step-complete .gs-step-number {
  border-color: var(--c-green);
  color: var(--c-green);
  background: var(--c-green-100);
  transition: border-color 0.4s ease, color 0.4s ease, background 0.4s ease;
}
.gs-step-running.gs-step-complete .gs-step-number::before {
  animation: none;
  opacity: 0.3;
  border-color: var(--c-green);
  transition: border-color 0.4s ease, opacity 0.4s ease;
}
.gs-step-running.gs-step-complete .gs-step-label {
  color: var(--c-green);
  transition: color 0.4s ease;
}
.gs-step-running.gs-step-complete .gs-step-running-tag {
  color: var(--c-green);
  transition: color 0.4s ease;
}
.gs-step-running.gs-step-complete:not(:last-child)::after {
  background: linear-gradient(to bottom, var(--c-green), var(--c-border-light));
  transition: background 0.4s ease;
}

a {
  text-decoration: none;
}

.section {
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.under-menu {
  margin-top: var(--menu-height);
}

.rt-terms {
  margin-bottom: 20px;
  font-size: 19px;
  font-weight: 300;
  line-height: 1.375rem;
}

.p-icon-list.sm {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1rem;
}

.logo {
  flex: 0 auto;
  margin-left: 5%;
  margin-right: 5%;
}

.h2-features {
  margin-bottom: 60px;
}

.block-full-center-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.block-full-center {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.container-flex-row {
  max-width: var(--container-max-width);
  flex-flow: row;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.container-flex-row.narrow, .container-flex-row.mw-reading {
  max-width: var(--container-max-width-reading);
}

.container-flex-row.card {
  border-radius: var(--radius-lg);
  background-color: var(--bg-dark-neutral);
  color: var(--text-on-dark);
}

.container-flex-row.card.navy {
  background-color: var(--bg-dark-primary);
}

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

.container-flex-column {
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}
.container-flex-column.narrow, .container-flex-column.mw-reading {
  max-width: var(--container-max-width-reading);
}

.txt-white {
  color: var(--text-on-dark);
}

.on-light {
  color: var(--text-body);
}

.fs-20 {
  font-size: 20px;
}

.c-medium-gray {
  color: var(--text-muted);
}

.color-green {
  color: var(--c-cta);
  overflow-wrap: normal;
}

.color-red {
  color: var(--c-red);
}

.h2-section-center {
  font-size: var(--header-md);
  text-align: center;
}

.aside {
  color: var(--text-muted);
  text-transform: uppercase;
  font-size: 0.6rem;
  font-weight: 700;
}
.aside.extra-muted {
  color: var(--text-muted-extra);
}

.text-white {
  color: var(--text-on-dark);
}

.text-white.pb-20 {
  margin-bottom: 20px;
}

.image-3 {
  max-height: 75px;
}

.force-hide {
  display: none;
}

.mt-60 {
  margin-top: 60px;
}

.legal-section {
  padding: 40px 100px;
}

.terms-of-service-updated {
  font-style: italic;
}

.event-slider-holder {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}

.code-embed-slider {
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: stretch;
  display: flex;
}

.monthly-events-label {
  color: var(--text-body);
  margin-left: 7px;
  font-size: 20px;
}

.collection-list {
  grid-gap: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-wrapper {
  grid-gap: 16px;
  grid-template: "." "."/1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.grid-audit-test {
  grid-gap: 0;
  grid-template: "." "."/0.25fr 1fr 0.25fr 0.25fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.grid-audit-test-row {
  grid-gap: 0;
  grid-template-rows: auto;
  grid-template-columns: 0.25fr 1fr 0.25fr 0.25fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: flex;
}

.tbl-cell-head-audit-test {
  background-color: transparent;
  font-weight: 600;
}

.tbl-row-head-audit-test {
  grid-gap: 0;
  color: var(--text-on-dark);
  background-color: var(--bg-dark-primary);
  grid-template-rows: auto;
  grid-template-columns: 0.25fr 1fr 0.25fr 0.25fr;
  grid-auto-columns: 1fr;
  padding-left: 16px;
  padding-right: 16px;
  display: grid;
}

.audit-test-table-cell {
  display: flex;
}

.audit-collection-row-wrapper {
  grid-gap: 0;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 0.25fr 1fr 0.25fr 0.25fr;
  grid-auto-columns: 1fr;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: grid;
}

.list-2 {
  color: var(--text-body);
  width: 100%;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.875rem;
}

.image-style-1 {
  border-radius: 5px;
  width: 60%;
  box-shadow: 0 2px 5px var(--overlay-dark), 0 2px 5px 3px var(--overlay-dark);
}

.hero-list-3 {
  font-size: 22px;
  line-height: 2.5rem;
}

.hero-list-drop {
  color: var(--c-cta);
  margin-top: 20px;
  font-size: 22px;
  line-height: 2.5rem;
}

.flex-block-2 {
  grid-gap: 10px;
  margin-top: 10px;
  padding-top: 0;
}

.flex-block-3 {
  text-align: left;
  flex: 1;
  align-self: auto;
  padding-top: 40px;
  text-decoration: none;
}

.container-5 {
  text-align: center;
  margin-top: 60px;
}

.flex-block-4 {
  text-align: center;
  display: block;
}

.image-5, .image-6, .image-7 {
  margin-bottom: 20px;
}

.flex-block-5 {
  grid-gap: 80px;
  text-align: left;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  display: grid;
  position: static;
}

.icon-item {
  grid-gap: 20px;
  justify-content: center;
  align-items: center;
  padding-left: 80px;
  font-size: 20px;
  display: flex;
}

.icon-list {
  grid-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 0;
  display: flex;
}

.image-9 {
  width: 32px;
}

.text-block-9 {
  color: var(--text-on-dark-muted);
  font-weight: 300;
}

.text-block-10 {
  color: var(--text-on-dark-muted);
  text-align: center;
  margin-top: 40px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.875rem;
}

.data-accurate-content {
  grid-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
}

.image-10 {
  width: 501px;
  height: 334px;
}

.text-highlight-red {
  color: var(--c-red);
}

.text-highlight-green {
  color: var(--c-cta);
}

.slider-image {
  object-fit: cover;
  position: static;
}

.slider-image.image-style-1 {
  position: static;
}

.div-block-6 {
  grid-gap: 20px;
  text-align: left;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.div-block-7 {
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.slider-2 {
  min-height: 600px;
}

.audit-results-slide {
  background-color: var(--bg-body);
  padding-top: 10px;
}

.h3-slider-card {
  text-align: center;
  margin-bottom: 40px;
  font-size: 30px;
}

.slide-text, .slide-list {
  font-size: 20px;
  line-height: 1.875rem;
}

.icon, .icon-2 {
  color: var(--text-body);
}

.slide-nav-2 {
  font-size: 20px;
  font-weight: 600;
}

.grid-audit-compare {
  grid-gap: 0;
  border: 1px solid var(--text-body);
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 0.5fr 0.5fr 0.5fr;
  margin-bottom: 40px;
  line-height: 2rem;
}

.table-header {
  font-size: 18px;
}

.table-cell-text {
  font-size: 14px;
  font-weight: 400;
}

.table-cell {
  padding-left: 10px;
}

.table-data, .table-data.bold-text {
  font-size: 14px;
}

.table-header-cell {
  background-color: var(--c-secondary);
  color: var(--text-on-dark);
  padding-left: 10px;
}

.table-header-cell.bold-text {
  background-color: var(--c-primary);
}

.table-cell-odd-row {
  background-color: var(--bg-alt-light);
  padding-left: 10px;
}

.hero-list-item {
  margin-bottom: 10px;
  font-size: 16px;
}

.text-block-11 {
  color: var(--text-body);
  text-align: center;
  margin-bottom: 20px;
  margin-left: 20px;
  font-size: 1.25rem;
  line-height: 1.875rem;
}

.text-span {
  color: var(--text-body);
}

.text-navy {
  color: var(--c-primary);
}

.g-full-height {
  min-height: calc(100vh - var(--menu-height) - var(--footer-height));
}

.image-all-screenshots {
  border-radius: 6px;
  box-shadow: 0 2px 5px 5px var(--overlay-dark);
}

.quick-stack-2 {
  grid-gap: 30px;
}

.text-block-12 {
  margin-top: 20px;
}

.text-span-2 {
  color: var(--text-body);
}

.bg-light-gray {
  background-color: var(--bg-alt-light);
}

@media screen and (width <= 767px) {
  .section {
    text-align: center;
    padding: 20px 5px;
  }
  .section.main {
    margin-top: 51px;
  }
  .rt-terms {
    text-align: left;
    margin-bottom: 44px;
  }
  .logo {
    width: 33%;
  }
  .img-value-stack-icon {
    width: 50%;
  }
}
@media screen and (width <= 479px) {
  .section {
    padding: 20px 5px;
  }
  .rt-terms {
    font-size: 16px;
  }
  .logo {
    width: 40%;
  }
  .h2-features {
    margin-bottom: 20px;
    font-size: 30px;
  }
}
@media screen and (width <= 991px) {
  #w-node-accc4789-21e5-2e39-32c3-2fcebbfd6d33-a470945e,
  #w-node-a1836ecf-6e14-03f1-e9b4-308072aa6497-a470945e,
  #w-node-accc4789-21e5-2e39-32c3-2fcebbfd6d33-a66823b2,
  #w-node-a1836ecf-6e14-03f1-e9b4-308072aa6497-a66823b2,
  #w-node-a96505a0-9aa8-cc6d-1edc-6e67b1d8bc7c-a66823b2,
  #w-node-accc4789-21e5-2e39-32c3-2fcebbfd6d33-15c37f9d,
  #w-node-a1836ecf-6e14-03f1-e9b4-308072aa6497-15c37f9d,
  #w-node-_15ee068c-6224-6421-ab69-32c5f200e212-15c37f9d,
  #w-node-a96505a0-9aa8-cc6d-1edc-6e67b1d8bc7c-15c37f9d {
    grid-template-rows: auto;
    grid-template-columns: 0.75fr;
  }
}