:root {
  --c-white: #fff;
  --c-black: #000;
  --c-charcoal: #272727;
  --c-gray-low-emphasis: #3b3b3b;
  --c-light-gray: #f1f1f1;
  --c-offwhite: #f7f7f7;
  --c-almost-white: #fafafa;
  --c-medium-gray: #cfcfcf;
  --c-border-light: #e0e0e0;
  --c-dark-gray: #191919;
  --c-text-dark: #333;
  --c-transparent: #fff0;
  --c-navy: #0E2637;
  --c-navy-100: rgb(218.85, 222.45, 225);
  --c-navy-150: rgb(182.7, 189.9, 195);
  --c-navy-200: rgb(122.45, 135.65, 145);
  --c-navy-300: rgb(86.3, 103.1, 115);
  --c-navy-400: rgb(50.15, 70.55, 85);
  --c-navy-500: #0E2637;
  --c-navy-600: rgb(11.9, 32.3, 46.75);
  --c-navy-700: rgb(10.5, 28.5, 41.25);
  --c-navy-800: rgb(4.9, 13.3, 19.25);
  --c-navy-900: rgb(2.1, 5.7, 8.25);
  --c-navy-light: rgb(86.3, 103.1, 115);
  --c-navy-lighter: rgb(122.45, 135.65, 145);
  --c-navy-dark: rgb(11.9, 32.3, 46.75);
  --c-navy-darker: rgb(10.5, 28.5, 41.25);
  --c-blue: #3fa9f5;
  --c-blue-100: rgb(226.2, 242.1, 253.5);
  --c-blue-150: rgb(197.4, 229.2, 252);
  --c-blue-200: rgb(149.4, 207.7, 249.5);
  --c-blue-300: rgb(120.6, 194.8, 248);
  --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(47.25, 126.75, 183.75);
  --c-blue-800: rgb(22.05, 59.15, 85.75);
  --c-blue-900: rgb(9.45, 25.35, 36.75);
  --c-blue-light: rgb(120.6, 194.8, 248);
  --c-blue-lighter: rgb(149.4, 207.7, 249.5);
  --c-blue-dark: rgb(53.55, 143.65, 208.25);
  --c-blue-darker: rgb(47.25, 126.75, 183.75);
  --c-green: #25c023;
  --c-green-100: rgb(222.3, 245.55, 222);
  --c-green-150: rgb(189.6, 236.1, 189);
  --c-green-200: rgb(135.1, 220.35, 134);
  --c-green-300: rgb(102.4, 210.9, 101);
  --c-green-400: rgb(69.7, 201.45, 68);
  --c-green-500: #25c023;
  --c-green-600: rgb(31.45, 163.2, 29.75);
  --c-green-700: rgb(27.75, 144, 26.25);
  --c-green-800: rgb(12.95, 67.2, 12.25);
  --c-green-900: rgb(5.55, 28.8, 5.25);
  --c-green-light: rgb(102.4, 210.9, 101);
  --c-green-lighter: rgb(135.1, 220.35, 134);
  --c-green-dark: rgb(31.45, 163.2, 29.75);
  --c-green-darker: rgb(27.75, 144, 26.25);
  --c-red: #ff4e30;
  --c-red-100: rgb(255, 228.45, 223.95);
  --c-red-150: rgb(255, 201.9, 192.9);
  --c-red-200: rgb(255, 157.65, 141.15);
  --c-red-300: rgb(255, 131.1, 110.1);
  --c-red-400: rgb(255, 104.55, 79.05);
  --c-red-500: #ff4e30;
  --c-red-600: rgb(216.75, 66.3, 40.8);
  --c-red-700: rgb(191.25, 58.5, 36);
  --c-red-800: rgb(89.25, 27.3, 16.8);
  --c-red-900: rgb(38.25, 11.7, 7.2);
  --c-red-light: rgb(255, 131.1, 110.1);
  --c-red-lighter: rgb(255, 157.65, 141.15);
  --c-red-dark: rgb(216.75, 66.3, 40.8);
  --c-red-darker: rgb(191.25, 58.5, 36);
  --c-pink: #ff00e5;
  --c-pink-100: rgb(255, 216.75, 251.1);
  --c-pink-150: rgb(255, 178.5, 247.2);
  --c-pink-200: rgb(255, 114.75, 240.7);
  --c-pink-300: rgb(255, 76.5, 236.8);
  --c-pink-400: rgb(255, 38.25, 232.9);
  --c-pink-500: #ff00e5;
  --c-pink-600: rgb(216.75, 0, 194.65);
  --c-pink-700: rgb(191.25, 0, 171.75);
  --c-pink-800: rgb(89.25, 0, 80.15);
  --c-pink-900: rgb(38.25, 0, 34.35);
  --c-pink-light: rgb(255, 76.5, 236.8);
  --c-pink-lighter: rgb(255, 114.75, 240.7);
  --c-pink-dark: rgb(216.75, 0, 194.65);
  --c-pink-darker: rgb(191.25, 0, 171.75);
  --c-purple: #6b4c9a;
  --c-purple-100: rgb(232.8, 228.15, 239.85);
  --c-purple-150: rgb(210.6, 201.3, 224.7);
  --c-purple-200: rgb(173.6, 156.55, 199.45);
  --c-purple-300: rgb(151.4, 129.7, 184.3);
  --c-purple-400: rgb(129.2, 102.85, 169.15);
  --c-purple-500: #6b4c9a;
  --c-purple-600: rgb(90.95, 64.6, 130.9);
  --c-purple-700: rgb(80.25, 57, 115.5);
  --c-purple-800: rgb(37.45, 26.6, 53.9);
  --c-purple-900: rgb(16.05, 11.4, 23.1);
  --c-purple-light: rgb(151.4, 129.7, 184.3);
  --c-purple-lighter: rgb(173.6, 156.55, 199.45);
  --c-purple-dark: rgb(90.95, 64.6, 130.9);
  --c-purple-darker: rgb(80.25, 57, 115.5);
  --c-orange: #ff8c00;
  --c-orange-100: rgb(255, 237.75, 216.75);
  --c-orange-150: rgb(255, 220.5, 178.5);
  --c-orange-200: rgb(255, 191.75, 114.75);
  --c-orange-300: rgb(255, 174.5, 76.5);
  --c-orange-400: rgb(255, 157.25, 38.25);
  --c-orange-500: #ff8c00;
  --c-orange-600: rgb(216.75, 119, 0);
  --c-orange-700: rgb(191.25, 105, 0);
  --c-orange-800: rgb(89.25, 49, 0);
  --c-orange-900: rgb(38.25, 21, 0);
  --c-orange-light: rgb(255, 174.5, 76.5);
  --c-orange-lighter: rgb(255, 191.75, 114.75);
  --c-orange-dark: rgb(216.75, 119, 0);
  --c-orange-darker: rgb(191.25, 105, 0);
  --c-yellow: #ffc700;
  --c-yellow-100: rgb(255, 246.6, 216.75);
  --c-yellow-150: rgb(255, 238.2, 178.5);
  --c-yellow-200: rgb(255, 224.2, 114.75);
  --c-yellow-300: rgb(255, 215.8, 76.5);
  --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(191.25, 149.25, 0);
  --c-yellow-800: rgb(89.25, 69.65, 0);
  --c-yellow-900: rgb(38.25, 29.85, 0);
  --c-yellow-light: rgb(255, 215.8, 76.5);
  --c-yellow-lighter: rgb(255, 224.2, 114.75);
  --c-yellow-dark: rgb(216.75, 169.15, 0);
  --c-yellow-darker: rgb(191.25, 149.25, 0);
  --c-gray: #666666;
  --c-gray-100: rgb(232.05, 232.05, 232.05);
  --c-gray-150: rgb(209.1, 209.1, 209.1);
  --c-gray-200: rgb(170.85, 170.85, 170.85);
  --c-gray-300: rgb(147.9, 147.9, 147.9);
  --c-gray-400: rgb(124.95, 124.95, 124.95);
  --c-gray-500: #666666;
  --c-gray-600: rgb(86.7, 86.7, 86.7);
  --c-gray-700: rgb(76.5, 76.5, 76.5);
  --c-gray-800: rgb(35.7, 35.7, 35.7);
  --c-gray-900: rgb(15.3, 15.3, 15.3);
  --c-gray-light: rgb(147.9, 147.9, 147.9);
  --c-gray-lighter: rgb(170.85, 170.85, 170.85);
  --c-gray-dark: rgb(86.7, 86.7, 86.7);
  --c-gray-darker: rgb(76.5, 76.5, 76.5);
  --c-toggle-color: var(--c-primary);
  --c-primary: #3fa9f5;
  --c-primary-light: rgb(120.6, 194.8, 248);
  --c-primary-lighter: rgb(207, 233.5, 252.5);
  --c-primary-way-lighter: rgb(235.8, 246.4, 254);
  --c-primary-dark: rgb(53.55, 143.65, 208.25);
  --c-primary-darker: rgb(47.25, 126.75, 183.75);
  --c-primary-way-darker: rgb(40.95, 109.85, 159.25);
  --c-secondary: #6b4c9a;
  --c-secondary-light: rgb(151.4, 129.7, 184.3);
  --c-secondary-lighter: rgb(218, 210.25, 229.75);
  --c-secondary-way-lighter: rgb(240.2, 237.1, 244.9);
  --c-secondary-dark: rgb(90.95, 64.6, 130.9);
  --c-secondary-darker: rgb(80.25, 57, 115.5);
  --c-secondary-way-darker: rgb(69.55, 49.4, 100.1);
  --c-tertiary: #ff00e5;
  --c-tertiary-light: rgb(255, 76.5, 236.8);
  --c-tertiary-lighter: rgb(255, 191.25, 248.5);
  --c-tertiary-way-lighter: rgb(255, 229.5, 252.4);
  --c-tertiary-dark: rgb(216.75, 0, 194.65);
  --c-tertiary-darker: rgb(191.25, 0, 171.75);
  --c-tertiary-way-darker: rgb(165.75, 0, 148.85);
  --c-cta: #3fa9f5;
  --c-cta-light: rgb(120.6, 194.8, 248);
  --c-cta-lighter: rgb(207, 233.5, 252.5);
  --c-cta-way-lighter: rgb(235.8, 246.4, 254);
  --c-cta-dark: rgb(53.55, 143.65, 208.25);
  --c-cta-darker: rgb(47.25, 126.75, 183.75);
  --c-cta-way-darker: rgb(40.95, 109.85, 159.25);
  --c-success: #25c023;
  --c-success-light: rgb(102.4, 210.9, 101);
  --c-success-lighter: rgb(200.5, 239.25, 200);
  --c-success-way-lighter: rgb(233.2, 248.7, 233);
  --c-success-dark: rgb(31.45, 163.2, 29.75);
  --c-success-darker: rgb(27.75, 144, 26.25);
  --c-success-way-darker: rgb(24.05, 124.8, 22.75);
  --c-danger: #ff4e30;
  --c-danger-light: rgb(255, 131.1, 110.1);
  --c-danger-lighter: rgb(255, 210.75, 203.25);
  --c-danger-way-lighter: rgb(255, 237.3, 234.3);
  --c-danger-dark: rgb(216.75, 66.3, 40.8);
  --c-danger-darker: rgb(191.25, 58.5, 36);
  --c-danger-way-darker: rgb(165.75, 50.7, 31.2);
  --c-warning: #ff8c00;
  --c-warning-light: rgb(255, 174.5, 76.5);
  --c-warning-lighter: rgb(255, 226.25, 191.25);
  --c-warning-way-lighter: rgb(255, 243.5, 229.5);
  --c-warning-dark: rgb(216.75, 119, 0);
  --c-warning-darker: rgb(191.25, 105, 0);
  --c-warning-way-darker: rgb(165.75, 91, 0);
  --c-info: #666666;
  --c-info-light: rgb(147.9, 147.9, 147.9);
  --c-info-lighter: rgb(216.75, 216.75, 216.75);
  --c-info-way-lighter: rgb(239.7, 239.7, 239.7);
  --c-info-dark: rgb(86.7, 86.7, 86.7);
  --c-info-darker: rgb(76.5, 76.5, 76.5);
  --c-info-way-darker: rgb(66.3, 66.3, 66.3);
  --bg-body: #fff;
  --bg-alt: #f7f7f7;
  --bg-tint: #fafafa;
  --bg-accent: #f1f1f1;
  --bg-dark: #0E2637;
  --bg-dark-alt: rgb(4.9, 13.3, 19.25);
  --bg-dark-neutral: #272727;
  --bg-footer: rgb(15.3, 15.3, 15.3);
  --text-body: #272727;
  --text-heading: rgb(10.5, 28.5, 41.25);
  --text-link: rgb(53.55, 143.65, 208.25);
  --text-muted: rgb(86.7, 86.7, 86.7);
  --text-muted-extra: rgb(124.95, 124.95, 124.95);
  --text-on-dark: #fff;
  --text-on-dark-muted: rgb(147.9, 147.9, 147.9);
  --text-on-dark-link: rgb(120.6, 194.8, 248);
  --border-on-dark: #fff;
  --border-on-dark-subtle: rgb(86.7, 86.7, 86.7);
  --border-input: #e0e0e0;
  --border-card: #e0e0e0;
  --border-divider: #e0e0e0;
  --bg-input: #fff;
  --border-input-focus: #3fa9f5;
  --bg-table-header: #0E2637;
  --text-table-header: #fff;
  --bg-table-alt: #cfcfcf;
  --bg-table-hover: #3fa9f5;
  --text-table-hover: #fff;
  --white: #fff;
  --bg-alt-light: #f7f7f7;
  --bg-alt-tint: #fafafa;
  --bg-accent-light: #f1f1f1;
  --bg-dark-primary: #0E2637;
  --text-on-light: #272727;
  --bg-table-hover-opacity: 0.31;
  --bg-table-hover-rgb: 55, 143, 250;
  --c-blue-500-rgb: 55, 143, 250;
  --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: #0E2637 !important;
}

.color-navy {
  color: #0E2637 !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: #25c023 !important;
}

.color-green {
  color: #25c023 !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: #ff4e30 !important;
}

.color-red {
  color: #ff4e30 !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: #ff00e5 !important;
}

.color-pink {
  color: #ff00e5 !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;
}

.purple {
  color: #6b4c9a !important;
}

.color-purple {
  color: #6b4c9a !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: #ff8c00 !important;
}

.color-orange {
  color: #ff8c00 !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: #666666 !important;
}

.color-gray {
  color: #666666 !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: #272727 !important;
}

.color-charcoal {
  color: #272727 !important;
}

.text-primary {
  color: #3fa9f5 !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: #3fa9f5 !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: #3fa9f5 !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: #3fa9f5 !important;
}

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

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

.text-secondary {
  color: #6b4c9a !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: #6b4c9a !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: #6b4c9a !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: #6b4c9a !important;
}

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

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

.text-tertiary {
  color: #ff00e5 !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: #ff00e5 !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: #ff00e5 !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: #ff00e5 !important;
}

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

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

.text-cta {
  color: #3fa9f5 !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: #3fa9f5 !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: #3fa9f5 !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: #3fa9f5 !important;
}

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

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

.text-success {
  color: #25c023 !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: #25c023 !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: #25c023 !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: #25c023 !important;
}

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

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

.text-danger {
  color: #ff4e30 !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: #ff4e30 !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: #ff4e30 !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: #ff4e30 !important;
}

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

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

.text-warning {
  color: #ff8c00 !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: #ff8c00 !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: #ff8c00 !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: #ff8c00 !important;
}

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

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

.text-info {
  color: #666666 !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: #666666 !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: #666666 !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: #666666 !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: #f7f7f7 !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: #f7f7f7 !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: #f7f7f7 !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: #f7f7f7 !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: #fafafa !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: #fafafa !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: #fafafa !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: #fafafa !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: #f1f1f1 !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: #f1f1f1 !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: #f1f1f1 !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: #f1f1f1 !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: #0E2637 !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: #0E2637 !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: #0E2637 !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: #0E2637 !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(4.9, 13.3, 19.25) !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(4.9, 13.3, 19.25) !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(4.9, 13.3, 19.25) !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(4.9, 13.3, 19.25) !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: #272727 !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: #272727 !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: #272727 !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: #272727 !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(15.3, 15.3, 15.3) !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(15.3, 15.3, 15.3) !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(15.3, 15.3, 15.3) !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(15.3, 15.3, 15.3) !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: #272727 !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: #272727 !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: #272727 !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: #272727 !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(10.5, 28.5, 41.25) !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(10.5, 28.5, 41.25) !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(10.5, 28.5, 41.25) !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(10.5, 28.5, 41.25) !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(53.55, 143.65, 208.25) !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(53.55, 143.65, 208.25) !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(53.55, 143.65, 208.25) !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(53.55, 143.65, 208.25) !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(86.7, 86.7, 86.7) !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(86.7, 86.7, 86.7) !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(86.7, 86.7, 86.7) !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(86.7, 86.7, 86.7) !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(124.95, 124.95, 124.95) !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(124.95, 124.95, 124.95) !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(124.95, 124.95, 124.95) !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(124.95, 124.95, 124.95) !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: rgb(147.9, 147.9, 147.9) !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: rgb(147.9, 147.9, 147.9) !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: rgb(147.9, 147.9, 147.9) !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: rgb(147.9, 147.9, 147.9) !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: rgb(120.6, 194.8, 248) !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: rgb(120.6, 194.8, 248) !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: rgb(120.6, 194.8, 248) !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: rgb(120.6, 194.8, 248) !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(86.7, 86.7, 86.7) !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(86.7, 86.7, 86.7) !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(86.7, 86.7, 86.7) !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(86.7, 86.7, 86.7) !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: #e0e0e0 !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: #e0e0e0 !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: #e0e0e0 !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: #e0e0e0 !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: #e0e0e0 !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: #e0e0e0 !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: #e0e0e0 !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: #e0e0e0 !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: #e0e0e0 !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: #e0e0e0 !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: #e0e0e0 !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: #e0e0e0 !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: #3fa9f5 !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: #3fa9f5 !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: #3fa9f5 !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: #3fa9f5 !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: #0E2637 !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: #0E2637 !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: #0E2637 !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: #0E2637 !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: #cfcfcf !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: #cfcfcf !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: #cfcfcf !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: #cfcfcf !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: #3fa9f5 !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: #3fa9f5 !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: #3fa9f5 !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: #3fa9f5 !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: #0E2637 !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: #25c023 !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: #ff4e30 !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: #ff00e5 !important;
}

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

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

.border-purple {
  border-color: #6b4c9a !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: #ff8c00 !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: #666666 !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: #272727 !important;
}

.border-primary {
  border-color: #3fa9f5 !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: #6b4c9a !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: #ff00e5 !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: #3fa9f5 !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: #25c023 !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: #ff4e30 !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: #ff8c00 !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: #666666 !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: #f7f7f7 !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: #fafafa !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: #f1f1f1 !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: #0E2637 !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(4.9, 13.3, 19.25) !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: #272727 !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(15.3, 15.3, 15.3) !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: #272727 !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(10.5, 28.5, 41.25) !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(53.55, 143.65, 208.25) !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(86.7, 86.7, 86.7) !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(124.95, 124.95, 124.95) !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: rgb(147.9, 147.9, 147.9) !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: rgb(120.6, 194.8, 248) !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(86.7, 86.7, 86.7) !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: #e0e0e0 !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: #e0e0e0 !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: #e0e0e0 !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: #3fa9f5 !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: #0E2637 !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: #cfcfcf !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: #3fa9f5 !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: #0E2637 !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: #25c023 !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: #ff4e30 !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: #ff00e5 !important;
}

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

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

.hover\:purple:hover {
  color: #6b4c9a !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: #ff8c00 !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: #666666 !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: #272727 !important;
}

.decoration-navy {
  text-decoration-color: #0E2637 !important;
}

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

.decoration-green {
  text-decoration-color: #25c023 !important;
}

.decoration-red {
  text-decoration-color: #ff4e30 !important;
}

.decoration-pink {
  text-decoration-color: #ff00e5 !important;
}

.decoration-purple {
  text-decoration-color: #6b4c9a !important;
}

.decoration-orange {
  text-decoration-color: #ff8c00 !important;
}

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

.decoration-gray {
  text-decoration-color: #666666 !important;
}

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

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

.decoration-charcoal {
  text-decoration-color: #272727 !important;
}

.fill-navy {
  fill: #0E2637 !important;
}

.stroke-navy {
  stroke: #0E2637 !important;
}

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

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

.fill-green {
  fill: #25c023 !important;
}

.stroke-green {
  stroke: #25c023 !important;
}

.fill-red {
  fill: #ff4e30 !important;
}

.stroke-red {
  stroke: #ff4e30 !important;
}

.fill-pink {
  fill: #ff00e5 !important;
}

.stroke-pink {
  stroke: #ff00e5 !important;
}

.fill-purple {
  fill: #6b4c9a !important;
}

.stroke-purple {
  stroke: #6b4c9a !important;
}

.fill-orange {
  fill: #ff8c00 !important;
}

.stroke-orange {
  stroke: #ff8c00 !important;
}

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

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

.fill-gray {
  fill: #666666 !important;
}

.stroke-gray {
  stroke: #666666 !important;
}

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

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

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

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

.fill-charcoal {
  fill: #272727 !important;
}

.stroke-charcoal {
  stroke: #272727 !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: Inter, sans-serif;
  --font-body: Roboto, 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;
}

.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;
}

@font-face {
  font-family: fa-solid;
  src: url("../fonts/fa-solid-900.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: fa-reg;
  src: url("../fonts/fa-regular-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: fa-brands;
  src: url("../fonts/fa-brands-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.fa-brands::before {
  content: "\f09b"; /* fa-github icon as default - update per icon needed */
  display: inline-block;
  font-family: fa-brands, Arial, sans-serif;
}

.fa-brands {
  font-family: fa-brands, Arial, sans-serif;
}

.fa-solid {
  font-family: fa-solid, Arial, sans-serif;
}

.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);
}

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: #0E2637 !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: #25c023 !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: #ff4e30 !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: #ff00e5 !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-purple {
  background-color: #6b4c9a !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: #ff8c00 !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: #666666 !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: #272727 !important;
}

.bg-primary {
  background-color: #3fa9f5 !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: #6b4c9a !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: #ff00e5 !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: #3fa9f5 !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: #25c023 !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: #ff4e30 !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: #ff8c00 !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: #666666 !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: #f7f7f7 !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: #fafafa !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: #f1f1f1 !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: #0E2637 !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(4.9, 13.3, 19.25) !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: #272727 !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(15.3, 15.3, 15.3) !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: #272727 !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(10.5, 28.5, 41.25) !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(53.55, 143.65, 208.25) !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(86.7, 86.7, 86.7) !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(124.95, 124.95, 124.95) !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: rgb(147.9, 147.9, 147.9) !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: rgb(120.6, 194.8, 248) !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(86.7, 86.7, 86.7) !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: #e0e0e0 !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: #e0e0e0 !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: #e0e0e0 !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: #3fa9f5 !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: #0E2637 !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: #cfcfcf !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: #3fa9f5 !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, #3fa9f5, var(--c-primary-dark));
}

.bg-gradient-light-primary {
  background: linear-gradient(135deg, var(--c-primary-lighter), #3fa9f5);
}

.bg-gradient-secondary {
  background: linear-gradient(135deg, #6b4c9a, var(--c-secondary-dark));
}

.bg-gradient-light-secondary {
  background: linear-gradient(135deg, var(--c-secondary-lighter), #6b4c9a);
}

.bg-gradient-tertiary {
  background: linear-gradient(135deg, #ff00e5, var(--c-tertiary-dark));
}

.bg-gradient-light-tertiary {
  background: linear-gradient(135deg, var(--c-tertiary-lighter), #ff00e5);
}

.bg-gradient-cta {
  background: linear-gradient(135deg, #3fa9f5, var(--c-cta-dark));
}

.bg-gradient-light-cta {
  background: linear-gradient(135deg, var(--c-cta-lighter), #3fa9f5);
}

.bg-gradient-success {
  background: linear-gradient(135deg, #25c023, var(--c-success-dark));
}

.bg-gradient-light-success {
  background: linear-gradient(135deg, var(--c-success-lighter), #25c023);
}

.bg-gradient-danger {
  background: linear-gradient(135deg, #ff4e30, var(--c-danger-dark));
}

.bg-gradient-light-danger {
  background: linear-gradient(135deg, var(--c-danger-lighter), #ff4e30);
}

.bg-gradient-warning {
  background: linear-gradient(135deg, #ff8c00, var(--c-warning-dark));
}

.bg-gradient-light-warning {
  background: linear-gradient(135deg, var(--c-warning-lighter), #ff8c00);
}

.bg-gradient-info {
  background: linear-gradient(135deg, #666666, var(--c-info-dark));
}

.bg-gradient-light-info {
  background: linear-gradient(135deg, var(--c-info-lighter), #666666);
}

.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, #f7f7f7, var(--c-bg-alt-dark));
}

.bg-gradient-light-bg-alt {
  background: linear-gradient(135deg, var(--c-bg-alt-lighter), #f7f7f7);
}

.bg-gradient-bg-tint {
  background: linear-gradient(135deg, #fafafa, var(--c-bg-tint-dark));
}

.bg-gradient-light-bg-tint {
  background: linear-gradient(135deg, var(--c-bg-tint-lighter), #fafafa);
}

.bg-gradient-bg-accent {
  background: linear-gradient(135deg, #f1f1f1, var(--c-bg-accent-dark));
}

.bg-gradient-light-bg-accent {
  background: linear-gradient(135deg, var(--c-bg-accent-lighter), #f1f1f1);
}

.bg-gradient-bg-dark {
  background: linear-gradient(135deg, #0E2637, var(--c-bg-dark-dark));
}

.bg-gradient-light-bg-dark {
  background: linear-gradient(135deg, var(--c-bg-dark-lighter), #0E2637);
}

.bg-gradient-bg-dark-alt {
  background: linear-gradient(135deg, rgb(4.9, 13.3, 19.25), var(--c-bg-dark-alt-dark));
}

.bg-gradient-light-bg-dark-alt {
  background: linear-gradient(135deg, var(--c-bg-dark-alt-lighter), rgb(4.9, 13.3, 19.25));
}

.bg-gradient-bg-dark-neutral {
  background: linear-gradient(135deg, #272727, var(--c-bg-dark-neutral-dark));
}

.bg-gradient-light-bg-dark-neutral {
  background: linear-gradient(135deg, var(--c-bg-dark-neutral-lighter), #272727);
}

.bg-gradient-bg-footer {
  background: linear-gradient(135deg, rgb(15.3, 15.3, 15.3), var(--c-bg-footer-dark));
}

.bg-gradient-light-bg-footer {
  background: linear-gradient(135deg, var(--c-bg-footer-lighter), rgb(15.3, 15.3, 15.3));
}

.bg-gradient-text-body {
  background: linear-gradient(135deg, #272727, var(--c-text-body-dark));
}

.bg-gradient-light-text-body {
  background: linear-gradient(135deg, var(--c-text-body-lighter), #272727);
}

.bg-gradient-text-heading {
  background: linear-gradient(135deg, rgb(10.5, 28.5, 41.25), var(--c-text-heading-dark));
}

.bg-gradient-light-text-heading {
  background: linear-gradient(135deg, var(--c-text-heading-lighter), rgb(10.5, 28.5, 41.25));
}

.bg-gradient-text-link {
  background: linear-gradient(135deg, rgb(53.55, 143.65, 208.25), var(--c-text-link-dark));
}

.bg-gradient-light-text-link {
  background: linear-gradient(135deg, var(--c-text-link-lighter), rgb(53.55, 143.65, 208.25));
}

.bg-gradient-text-muted {
  background: linear-gradient(135deg, rgb(86.7, 86.7, 86.7), var(--c-text-muted-dark));
}

.bg-gradient-light-text-muted {
  background: linear-gradient(135deg, var(--c-text-muted-lighter), rgb(86.7, 86.7, 86.7));
}

.bg-gradient-text-muted-extra {
  background: linear-gradient(135deg, rgb(124.95, 124.95, 124.95), var(--c-text-muted-extra-dark));
}

.bg-gradient-light-text-muted-extra {
  background: linear-gradient(135deg, var(--c-text-muted-extra-lighter), rgb(124.95, 124.95, 124.95));
}

.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, rgb(147.9, 147.9, 147.9), 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), rgb(147.9, 147.9, 147.9));
}

.bg-gradient-text-on-dark-link {
  background: linear-gradient(135deg, rgb(120.6, 194.8, 248), 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), rgb(120.6, 194.8, 248));
}

.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(86.7, 86.7, 86.7), 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(86.7, 86.7, 86.7));
}

.bg-gradient-border-input {
  background: linear-gradient(135deg, #e0e0e0, var(--c-border-input-dark));
}

.bg-gradient-light-border-input {
  background: linear-gradient(135deg, var(--c-border-input-lighter), #e0e0e0);
}

.bg-gradient-border-card {
  background: linear-gradient(135deg, #e0e0e0, var(--c-border-card-dark));
}

.bg-gradient-light-border-card {
  background: linear-gradient(135deg, var(--c-border-card-lighter), #e0e0e0);
}

.bg-gradient-border-divider {
  background: linear-gradient(135deg, #e0e0e0, var(--c-border-divider-dark));
}

.bg-gradient-light-border-divider {
  background: linear-gradient(135deg, var(--c-border-divider-lighter), #e0e0e0);
}

.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, #3fa9f5, var(--c-border-input-focus-dark));
}

.bg-gradient-light-border-input-focus {
  background: linear-gradient(135deg, var(--c-border-input-focus-lighter), #3fa9f5);
}

.bg-gradient-bg-table-header {
  background: linear-gradient(135deg, #0E2637, var(--c-bg-table-header-dark));
}

.bg-gradient-light-bg-table-header {
  background: linear-gradient(135deg, var(--c-bg-table-header-lighter), #0E2637);
}

.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, #cfcfcf, var(--c-bg-table-alt-dark));
}

.bg-gradient-light-bg-table-alt {
  background: linear-gradient(135deg, var(--c-bg-table-alt-lighter), #cfcfcf);
}

.bg-gradient-bg-table-hover {
  background: linear-gradient(135deg, #3fa9f5, var(--c-bg-table-hover-dark));
}

.bg-gradient-light-bg-table-hover {
  background: linear-gradient(135deg, var(--c-bg-table-hover-lighter), #3fa9f5);
}

.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 {
  background-color: var(--bg-body) !important;
  color: var(--text-body) !important;
}

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

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

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

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

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

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

.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;
}

.hero-pattern-circuit, .hero-circuit {
  background-image: url("/images/backgrounds/circuit.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-circuit.bg-dark, .bg-dark.hero-circuit, .hero-pattern-circuit.bg-dark-alt, .bg-dark-alt.hero-circuit, .hero-pattern-circuit.bg-dark-neutral, .bg-dark-neutral.hero-circuit {
  background-image: url("/images/backgrounds/circuit-for-dark.svg");
}

.hero-pattern-dots-funnel, .hero-dots-funnel {
  background-image: url("/images/backgrounds/dots-funnel.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-dots-funnel.bg-dark, .bg-dark.hero-dots-funnel, .hero-pattern-dots-funnel.bg-dark-alt, .bg-dark-alt.hero-dots-funnel, .hero-pattern-dots-funnel.bg-dark-neutral, .bg-dark-neutral.hero-dots-funnel {
  background-image: url("/images/backgrounds/dots-funnel-for-dark.svg");
}

.hero-pattern-gradient-dots, .hero-gradient-dots {
  background-image: url("/images/backgrounds/gradient-dots.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-gradient-dots.bg-dark, .bg-dark.hero-gradient-dots, .hero-pattern-gradient-dots.bg-dark-alt, .bg-dark-alt.hero-gradient-dots, .hero-pattern-gradient-dots.bg-dark-neutral, .bg-dark-neutral.hero-gradient-dots {
  background-image: url("/images/backgrounds/gradient-dots-for-dark.svg");
}

.hero-pattern-hexagons, .hero-hexagons {
  background-image: url("/images/backgrounds/hexagons.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-hexagons.bg-dark, .bg-dark.hero-hexagons, .hero-pattern-hexagons.bg-dark-alt, .bg-dark-alt.hero-hexagons, .hero-pattern-hexagons.bg-dark-neutral, .bg-dark-neutral.hero-hexagons {
  background-image: url("/images/backgrounds/hexagons-for-dark.svg");
}

.hero-pattern-molecules, .hero-molecules {
  background-image: url("/images/backgrounds/molecules.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-molecules.bg-dark, .bg-dark.hero-molecules, .hero-pattern-molecules.bg-dark-alt, .bg-dark-alt.hero-molecules, .hero-pattern-molecules.bg-dark-neutral, .bg-dark-neutral.hero-molecules {
  background-image: url("/images/backgrounds/molecules-for-dark.svg");
}

.hero-pattern-snakes, .hero-snakes {
  background-image: url("/images/backgrounds/snakes.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-snakes.bg-dark, .bg-dark.hero-snakes, .hero-pattern-snakes.bg-dark-alt, .bg-dark-alt.hero-snakes, .hero-pattern-snakes.bg-dark-neutral, .bg-dark-neutral.hero-snakes {
  background-image: url("/images/backgrounds/snakes-for-dark.svg");
}

.hero-pattern-snakes-left, .hero-snakes-left {
  background-image: url("/images/backgrounds/snakes-left.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-snakes-left.bg-dark, .bg-dark.hero-snakes-left, .hero-pattern-snakes-left.bg-dark-alt, .bg-dark-alt.hero-snakes-left, .hero-pattern-snakes-left.bg-dark-neutral, .bg-dark-neutral.hero-snakes-left {
  background-image: url("/images/backgrounds/snakes-left-for-dark.svg");
}

.hero-pattern-squares, .hero-squares {
  background-image: url("/images/backgrounds/squares.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-squares.bg-dark, .bg-dark.hero-squares, .hero-pattern-squares.bg-dark-alt, .bg-dark-alt.hero-squares, .hero-pattern-squares.bg-dark-neutral, .bg-dark-neutral.hero-squares {
  background-image: url("/images/backgrounds/squares-for-dark.svg");
}

.hero-pattern-stalagmites, .hero-stalagmites {
  background-image: url("/images/backgrounds/stalagmites.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-stalagmites.bg-dark, .bg-dark.hero-stalagmites, .hero-pattern-stalagmites.bg-dark-alt, .bg-dark-alt.hero-stalagmites, .hero-pattern-stalagmites.bg-dark-neutral, .bg-dark-neutral.hero-stalagmites {
  background-image: url("/images/backgrounds/stalagmites-for-dark.svg");
}

.hero-pattern-waves-bottom-right, .hero-waves-bottom-right {
  background-image: url("/images/backgrounds/waves-bottom-right.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-waves-bottom-right.bg-dark, .bg-dark.hero-waves-bottom-right, .hero-pattern-waves-bottom-right.bg-dark-alt, .bg-dark-alt.hero-waves-bottom-right, .hero-pattern-waves-bottom-right.bg-dark-neutral, .bg-dark-neutral.hero-waves-bottom-right {
  background-image: url("/images/backgrounds/waves-bottom-right-for-dark.svg");
}

.btn {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: var(--btn-border-radius);
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  font-weight: 700;
  padding: 12px 28px;
  font-size: var(--fs-3);
}
.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: #3fa9f5;
  color: white;
  border: 1px solid #3fa9f5;
  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);
}
.btn-primary:active, .btn-primary:focus {
  background-color: var(--c-primary-darker);
  border-color: var(--c-primary-darker);
}
.btn-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-primary {
  background-color: transparent;
  color: #3fa9f5;
  border: 1px solid #3fa9f5;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-primary:hover {
  background-color: #3fa9f5;
  color: white;
}
.btn-outline-primary:active, .btn-outline-primary:focus {
  background-color: var(--c-primary-dark);
  border-color: var(--c-primary-dark);
  color: white;
}
.btn-outline-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-primary {
  background-color: rgba(63, 169, 245, 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(63, 169, 245, 0.15);
}
.btn-ghost-primary:active, .btn-ghost-primary:focus {
  background-color: rgba(63, 169, 245, 0.2);
}
.btn-ghost-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-secondary {
  background-color: #6b4c9a;
  color: white;
  border: 1px solid #6b4c9a;
  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);
}
.btn-secondary:active, .btn-secondary:focus {
  background-color: var(--c-secondary-darker);
  border-color: var(--c-secondary-darker);
}
.btn-secondary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-secondary {
  background-color: transparent;
  color: #6b4c9a;
  border: 1px solid #6b4c9a;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-secondary:hover {
  background-color: #6b4c9a;
  color: white;
}
.btn-outline-secondary:active, .btn-outline-secondary:focus {
  background-color: var(--c-secondary-dark);
  border-color: var(--c-secondary-dark);
  color: white;
}
.btn-outline-secondary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-secondary {
  background-color: rgba(107, 76, 154, 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, 76, 154, 0.15);
}
.btn-ghost-secondary:active, .btn-ghost-secondary:focus {
  background-color: rgba(107, 76, 154, 0.2);
}
.btn-ghost-secondary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-tertiary {
  background-color: #ff00e5;
  color: white;
  border: 1px solid #ff00e5;
  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);
}
.btn-tertiary:active, .btn-tertiary:focus {
  background-color: var(--c-tertiary-darker);
  border-color: var(--c-tertiary-darker);
}
.btn-tertiary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-tertiary {
  background-color: transparent;
  color: #ff00e5;
  border: 1px solid #ff00e5;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-tertiary:hover {
  background-color: #ff00e5;
  color: white;
}
.btn-outline-tertiary:active, .btn-outline-tertiary:focus {
  background-color: var(--c-tertiary-dark);
  border-color: var(--c-tertiary-dark);
  color: white;
}
.btn-outline-tertiary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-tertiary {
  background-color: rgba(255, 0, 229, 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(255, 0, 229, 0.15);
}
.btn-ghost-tertiary:active, .btn-ghost-tertiary:focus {
  background-color: rgba(255, 0, 229, 0.2);
}
.btn-ghost-tertiary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-cta {
  background-color: #3fa9f5;
  color: white;
  border: 1px solid #3fa9f5;
  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);
}
.btn-cta:active, .btn-cta:focus {
  background-color: var(--c-cta-darker);
  border-color: var(--c-cta-darker);
}
.btn-cta:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-cta {
  background-color: transparent;
  color: #3fa9f5;
  border: 1px solid #3fa9f5;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-cta:hover {
  background-color: #3fa9f5;
  color: white;
}
.btn-outline-cta:active, .btn-outline-cta:focus {
  background-color: var(--c-cta-dark);
  border-color: var(--c-cta-dark);
  color: white;
}
.btn-outline-cta:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-cta {
  background-color: rgba(63, 169, 245, 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(63, 169, 245, 0.15);
}
.btn-ghost-cta:active, .btn-ghost-cta:focus {
  background-color: rgba(63, 169, 245, 0.2);
}
.btn-ghost-cta:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-success {
  background-color: #25c023;
  color: white;
  border: 1px solid #25c023;
  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);
}
.btn-success:active, .btn-success:focus {
  background-color: var(--c-success-darker);
  border-color: var(--c-success-darker);
}
.btn-success:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-success {
  background-color: transparent;
  color: #25c023;
  border: 1px solid #25c023;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-success:hover {
  background-color: #25c023;
  color: white;
}
.btn-outline-success:active, .btn-outline-success:focus {
  background-color: var(--c-success-dark);
  border-color: var(--c-success-dark);
  color: white;
}
.btn-outline-success:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-success {
  background-color: rgba(37, 192, 35, 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(37, 192, 35, 0.15);
}
.btn-ghost-success:active, .btn-ghost-success:focus {
  background-color: rgba(37, 192, 35, 0.2);
}
.btn-ghost-success:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-danger {
  background-color: #ff4e30;
  color: white;
  border: 1px solid #ff4e30;
  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);
}
.btn-danger:active, .btn-danger:focus {
  background-color: var(--c-danger-darker);
  border-color: var(--c-danger-darker);
}
.btn-danger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-danger {
  background-color: transparent;
  color: #ff4e30;
  border: 1px solid #ff4e30;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-danger:hover {
  background-color: #ff4e30;
  color: white;
}
.btn-outline-danger:active, .btn-outline-danger:focus {
  background-color: var(--c-danger-dark);
  border-color: var(--c-danger-dark);
  color: white;
}
.btn-outline-danger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-danger {
  background-color: rgba(255, 78, 48, 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(255, 78, 48, 0.15);
}
.btn-ghost-danger:active, .btn-ghost-danger:focus {
  background-color: rgba(255, 78, 48, 0.2);
}
.btn-ghost-danger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-warning {
  background-color: #ff8c00;
  color: white;
  border: 1px solid #ff8c00;
  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);
}
.btn-warning:active, .btn-warning:focus {
  background-color: var(--c-warning-darker);
  border-color: var(--c-warning-darker);
}
.btn-warning:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-warning {
  background-color: transparent;
  color: #ff8c00;
  border: 1px solid #ff8c00;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-warning:hover {
  background-color: #ff8c00;
  color: white;
}
.btn-outline-warning:active, .btn-outline-warning:focus {
  background-color: var(--c-warning-dark);
  border-color: var(--c-warning-dark);
  color: white;
}
.btn-outline-warning:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-warning {
  background-color: rgba(255, 140, 0, 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(255, 140, 0, 0.15);
}
.btn-ghost-warning:active, .btn-ghost-warning:focus {
  background-color: rgba(255, 140, 0, 0.2);
}
.btn-ghost-warning:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-info {
  background-color: #666666;
  color: white;
  border: 1px solid #666666;
  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);
}
.btn-info:active, .btn-info:focus {
  background-color: var(--c-info-darker);
  border-color: var(--c-info-darker);
}
.btn-info:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-info {
  background-color: transparent;
  color: #666666;
  border: 1px solid #666666;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-info:hover {
  background-color: #666666;
  color: white;
}
.btn-outline-info:active, .btn-outline-info:focus {
  background-color: var(--c-info-dark);
  border-color: var(--c-info-dark);
  color: white;
}
.btn-outline-info:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-info {
  background-color: rgba(102, 102, 102, 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(102, 102, 102, 0.15);
}
.btn-ghost-info:active, .btn-ghost-info:focus {
  background-color: rgba(102, 102, 102, 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);
}
.btn-outline-white:active, .btn-outline-white:focus {
  background-color: var(--c-white);
  border-color: var(--c-white);
  color: var(--c-cta);
}

.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(--text-on-dark);
  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: #3fa9f5;
  border: 1px solid #3fa9f5;
  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: #6b4c9a;
  border: 1px solid #6b4c9a;
  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: #ff00e5;
  border: 1px solid #ff00e5;
  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: #3fa9f5;
  border: 1px solid #3fa9f5;
  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: #25c023;
  border: 1px solid #25c023;
  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: #ff4e30;
  border: 1px solid #ff4e30;
  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: #ff8c00;
  border: 1px solid #ff8c00;
  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: #666666;
  border: 1px solid #666666;
  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: #f7f7f7;
  border: 1px solid #f7f7f7;
  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: #fafafa;
  border: 1px solid #fafafa;
  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: #f1f1f1;
  border: 1px solid #f1f1f1;
  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: #0E2637;
  border: 1px solid #0E2637;
  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(4.9, 13.3, 19.25);
  border: 1px solid rgb(4.9, 13.3, 19.25);
  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: #272727;
  border: 1px solid #272727;
  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(15.3, 15.3, 15.3);
  border: 1px solid rgb(15.3, 15.3, 15.3);
  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: #272727;
  border: 1px solid #272727;
  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(10.5, 28.5, 41.25);
  border: 1px solid rgb(10.5, 28.5, 41.25);
  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(53.55, 143.65, 208.25);
  border: 1px solid rgb(53.55, 143.65, 208.25);
  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(86.7, 86.7, 86.7);
  border: 1px solid rgb(86.7, 86.7, 86.7);
  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(124.95, 124.95, 124.95);
  border: 1px solid rgb(124.95, 124.95, 124.95);
  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: rgb(147.9, 147.9, 147.9);
  border: 1px solid rgb(147.9, 147.9, 147.9);
  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: rgb(120.6, 194.8, 248);
  border: 1px solid rgb(120.6, 194.8, 248);
  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(86.7, 86.7, 86.7);
  border: 1px solid rgb(86.7, 86.7, 86.7);
  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: #e0e0e0;
  border: 1px solid #e0e0e0;
  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: #e0e0e0;
  border: 1px solid #e0e0e0;
  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: #e0e0e0;
  border: 1px solid #e0e0e0;
  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: #3fa9f5;
  border: 1px solid #3fa9f5;
  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: #0E2637;
  border: 1px solid #0E2637;
  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: #cfcfcf;
  border: 1px solid #cfcfcf;
  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: #3fa9f5;
  border: 1px solid #3fa9f5;
  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: #3fa9f5;
}
.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: #3fa9f5;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #3fa9f5;
}

.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: #6b4c9a;
}
.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: #6b4c9a;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #6b4c9a;
}

.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: #ff00e5;
}
.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: #ff00e5;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #ff00e5;
}

.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: #3fa9f5;
}
.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: #3fa9f5;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #3fa9f5;
}

.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: #25c023;
}
.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: #25c023;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #25c023;
}

.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: #ff4e30;
}
.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: #ff4e30;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #ff4e30;
}

.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: #ff8c00;
}
.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: #ff8c00;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #ff8c00;
}

.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: #666666;
}
.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: #666666;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #666666;
}

.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: #f7f7f7;
}
.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: #f7f7f7;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #f7f7f7;
}

.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: #fafafa;
}
.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: #fafafa;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #fafafa;
}

.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: #f1f1f1;
}
.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: #f1f1f1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #f1f1f1;
}

.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: #0E2637;
}
.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: #0E2637;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #0E2637;
}

.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(4.9, 13.3, 19.25);
}
.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(4.9, 13.3, 19.25);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid rgb(4.9, 13.3, 19.25);
}

.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: #272727;
}
.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: #272727;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #272727;
}

.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(15.3, 15.3, 15.3);
}
.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(15.3, 15.3, 15.3);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid rgb(15.3, 15.3, 15.3);
}

.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: #272727;
}
.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: #272727;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #272727;
}

.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(10.5, 28.5, 41.25);
}
.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(10.5, 28.5, 41.25);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid rgb(10.5, 28.5, 41.25);
}

.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(53.55, 143.65, 208.25);
}
.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(53.55, 143.65, 208.25);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid rgb(53.55, 143.65, 208.25);
}

.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(86.7, 86.7, 86.7);
}
.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(86.7, 86.7, 86.7);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid rgb(86.7, 86.7, 86.7);
}

.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(124.95, 124.95, 124.95);
}
.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(124.95, 124.95, 124.95);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid rgb(124.95, 124.95, 124.95);
}

.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: rgb(147.9, 147.9, 147.9);
}
.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: rgb(147.9, 147.9, 147.9);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid rgb(147.9, 147.9, 147.9);
}

.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: rgb(120.6, 194.8, 248);
}
.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: rgb(120.6, 194.8, 248);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid rgb(120.6, 194.8, 248);
}

.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(86.7, 86.7, 86.7);
}
.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(86.7, 86.7, 86.7);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid rgb(86.7, 86.7, 86.7);
}

.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: #e0e0e0;
}
.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: #e0e0e0;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #e0e0e0;
}

.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: #e0e0e0;
}
.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: #e0e0e0;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #e0e0e0;
}

.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: #e0e0e0;
}
.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: #e0e0e0;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #e0e0e0;
}

.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: #3fa9f5;
}
.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: #3fa9f5;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #3fa9f5;
}

.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: #0E2637;
}
.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: #0E2637;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #0E2637;
}

.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: #cfcfcf;
}
.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: #cfcfcf;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #cfcfcf;
}

.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: #3fa9f5;
}
.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: #3fa9f5;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid #3fa9f5;
}

.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: #3fa9f5;
  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 #3fa9f5;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-secondary {
  background-color: #6b4c9a;
  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 #6b4c9a;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-tertiary {
  background-color: #ff00e5;
  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 #ff00e5;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-cta {
  background-color: #3fa9f5;
  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 #3fa9f5;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-success {
  background-color: #25c023;
  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 #25c023;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-danger {
  background-color: #ff4e30;
  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 #ff4e30;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-warning {
  background-color: #ff8c00;
  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 #ff8c00;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-info {
  background-color: #666666;
  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 #666666;
  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: #f7f7f7;
  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 #f7f7f7;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-tint {
  background-color: #fafafa;
  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 #fafafa;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-accent {
  background-color: #f1f1f1;
  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 #f1f1f1;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-dark {
  background-color: #0E2637;
  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 #0E2637;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-dark-alt {
  background-color: rgb(4.9, 13.3, 19.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-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(4.9, 13.3, 19.25);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-dark-neutral {
  background-color: #272727;
  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 #272727;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-footer {
  background-color: rgb(15.3, 15.3, 15.3);
  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(15.3, 15.3, 15.3);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-body {
  background-color: #272727;
  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 #272727;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-heading {
  background-color: rgb(10.5, 28.5, 41.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-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(10.5, 28.5, 41.25);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-link {
  background-color: rgb(53.55, 143.65, 208.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-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(53.55, 143.65, 208.25);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-muted {
  background-color: rgb(86.7, 86.7, 86.7);
  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(86.7, 86.7, 86.7);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-muted-extra {
  background-color: rgb(124.95, 124.95, 124.95);
  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(124.95, 124.95, 124.95);
  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: rgb(147.9, 147.9, 147.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-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 rgb(147.9, 147.9, 147.9);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-on-dark-link {
  background-color: rgb(120.6, 194.8, 248);
  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 rgb(120.6, 194.8, 248);
  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(86.7, 86.7, 86.7);
  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(86.7, 86.7, 86.7);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-border-input {
  background-color: #e0e0e0;
  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 #e0e0e0;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-border-card {
  background-color: #e0e0e0;
  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 #e0e0e0;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-border-divider {
  background-color: #e0e0e0;
  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 #e0e0e0;
  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: #3fa9f5;
  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 #3fa9f5;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-table-header {
  background-color: #0E2637;
  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 #0E2637;
  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: #cfcfcf;
  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 #cfcfcf;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-table-hover {
  background-color: #3fa9f5;
  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 #3fa9f5;
  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: #3fa9f5;
}
.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: #6b4c9a;
}
.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: #ff00e5;
}
.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: #3fa9f5;
}
.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: #25c023;
}
.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: #ff4e30;
}
.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: #ff8c00;
}
.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: #666666;
}
.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: #f7f7f7;
}
.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: #fafafa;
}
.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: #f1f1f1;
}
.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: #0E2637;
}
.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(4.9, 13.3, 19.25);
}
.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: #272727;
}
.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(15.3, 15.3, 15.3);
}
.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: #272727;
}
.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(10.5, 28.5, 41.25);
}
.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(53.55, 143.65, 208.25);
}
.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(86.7, 86.7, 86.7);
}
.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(124.95, 124.95, 124.95);
}
.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: rgb(147.9, 147.9, 147.9);
}
.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: rgb(120.6, 194.8, 248);
}
.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(86.7, 86.7, 86.7);
}
.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: #e0e0e0;
}
.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: #e0e0e0;
}
.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: #e0e0e0;
}
.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: #3fa9f5;
}
.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: #0E2637;
}
.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: #cfcfcf;
}
.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: #3fa9f5;
}
.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;
  }
}

.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:hover {
  border-bottom-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%;
  min-height: 400px;
  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;
  box-shadow: 0 1px var(--shadow-light);
}

.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;
}

.hidden-animation-helpers {
  display: none;
}

.animation-helper {
  margin-bottom: 6px;
}

.bd-b-3-navy-hover {
  border: 3px solid var(--c-transparent);
  transition: border-color 0.2s;
}

.bd-b-3-navy-hover:hover {
  border-bottom-style: solid;
  border-bottom-color: var(--c-primary);
}

.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-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;
  }
  .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;
  text-decoration-color: var(--text-on-dark-link);
  margin-bottom: 10px;
}

.a-footer:hover {
  text-decoration: underline;
}

.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;
}

.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: 900px;
  margin: 0 auto;
}

.card-list-heading {
  text-align: center;
  margin-bottom: 3rem;
}

.card-list-items {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.card-list-item {
  padding: 2rem;
  background: white;
  border-radius: var(--radius-lg);
  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);
  background-image: url("/images/backgrounds/squares.svg");
  background-position: center;
  background-size: cover;
  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-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;
}

.h1-hero.split {
  box-sizing: border-box;
  text-align: left;
  flex: 0 auto;
  width: auto;
  margin-bottom: var(--space-xs);
  display: block;
  position: static;
}
@media screen and (max-width: 767px) {
  .h1-hero.split {
    text-align: center;
    margin-bottom: var(--space-sm);
  }
}

.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;
  }
}

.p-hero-subtitle {
  margin-bottom: 20px;
  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;
    margin-bottom: 1rem;
    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-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) {
  .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__subtitle {
  opacity: 0.9;
}

.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 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-md);
}
.cell-image video {
  width: 100%;
  height: auto;
  border-radius: var(--radius-md);
  object-fit: contain;
}

.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;
  transition: all 0.2s;
}
.integration-card:hover {
  border-color: var(--c-primary-500);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

.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: 64px;
}
.feature-icon-wrapper img {
  max-height: 100%;
  max-width: 64px;
}
.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;
}
.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);
}

.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;
  }
}

.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.jasons {
  margin-bottom: -14px;
}

.logo-trusted-by.solo {
  margin-top: -3px;
}

.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 {
  color: var(--text-muted);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .h3-trusted-by {
    margin-bottom: 24px;
    padding: 0 1rem;
  }
}

.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;
}
.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);
}
.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;
}

.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);
}

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;
  }
}
.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;
  }
}

.hero-split__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.hero-split__ctas {
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .hero-split__ctas {
    flex-direction: column;
  }
}

.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 4px 12px rgba(0, 0, 0, 0.1);
}
.hero-split__image img.no-shadow,
.hero-split__image video.no-shadow {
  box-shadow: none;
}