@charset "UTF-8";
@import "old_website.css";
@layer reset, defaults, patterns, components, themes, utilities, overrides;
@layer defaults {
  :root {
    --color-tint-1: rgb(241, 174.2, 174.2);
    --color-shade-1: rgb(132, 31.8, 31.8);
    --color-tint-2: rgb(254.2, 203.4, 161);
    --color-shade-2: rgb(151.8, 75.6, 12);
    --color-tint-3: rgb(255, 230.2, 155.8);
    --color-shade-3: rgb(153, 115.8, 4.2);
    --color-tint-4: rgb(204.2, 204.2, 153);
    --color-shade-4: rgb(76.8, 76.8, 0);
    --color-tint-5: rgb(212.2, 239.4, 171);
    --color-shade-5: rgb(88.8, 129.6, 27);
    --color-tint-6: rgb(153, 204.2, 153);
    --color-shade-6: rgb(0, 76.8, 0);
    --color-tint-7: rgb(165.8, 233.4, 213.4);
    --color-shade-7: rgb(19.2, 120.6, 90.6);
    --color-tint-8: rgb(158.2, 233.8, 249);
    --color-shade-8: rgb(7.8, 121.2, 144);
    --color-tint-9: rgb(158.2, 197, 254.2);
    --color-shade-9: rgb(7.8, 66, 151.8);
    --color-tint-10: rgb(160.6, 159.4, 249.8);
    --color-shade-10: rgb(11.4, 9.6, 145.2);
    --color-tint-11: rgb(190.2, 159.4, 249.8);
    --color-shade-11: rgb(55.8, 9.6, 145.2);
    --color-tint-12: rgb(197.4, 179.4, 230.2);
    --color-shade-12: rgb(66.6, 39.6, 115.8);
    --color-tint-13: rgb(229, 183, 240.6);
    --color-shade-13: rgb(114, 45, 131.4);
    --color-tint-14: rgb(238.6, 173.4, 205.8);
    --color-shade-14: rgb(128.4, 30.6, 79.2);
    --color-tint-15: rgb(252.6, 191, 210.2);
    --color-shade-15: rgb(149.4, 57, 85.8);
    --color-tint-16: rgb(253, 190.6, 187.8);
    --color-shade-16: rgb(150, 56.4, 52.2);
    --radius-sm: 0.2rem;
    --radius-md: 0.4rem;
    --style-t-current-border: solid;
    --size-t-current-border: 1px;
    --size-t-current-border-inner: 1px;
    --size-t-current-border-radius: 4px;
    --spacing-1: 0.25rem;
    --spacing-2: 0.5rem;
    --spacing-3: 0.75rem;
    --spacing-4: 1rem;
    --spacing-5: 1.25rem;
    --spacing-6: 1.5rem;
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;
    --text-4xl: 2.25rem;
    --text-5xl: 3rem;
    --text-6xl: 3.75rem;
    --text-7xl: 4.5rem;
    --text-8xl: 6rem;
    --text-9xl: 8rem;
    --leading-none: 0;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --font-thin: 100;
    --font-extralight: 200;
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;
    --font-black: 900;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --image-t-current-chevron: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f0f2f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  }
  @media (max-width: 768px) {
    --text-5xl: 2.5rem;
    --text-6xl: 3rem;
    --text-7xl: 3.5rem;
    --text-8xl: 4rem;
    --text-9xl: 5rem;
  }
}
@layer themes {
  .use-light-mode, body:has(al-color-mode-selector .select-mode-label option[value=light]:checked), body {
    --color-t-primary-core: #0d6efd;
    --color-t-primary-core-rgb: 13, 110, 253;
    --color-t-primary-core-text: #fff;
    --color-t-primary-accent: #fd9c0d;
    --color-t-primary-accent-rgb: 253, 156, 13;
    --color-t-primary-accent-text: rgb(99.2234375, 61.18125, 5.0984375);
    --color-t-primary-bg: rgb(206.6, 226, 254.6);
    --color-t-primary-bg-text: rgb(92.0015625, 100.640625, 113.3765625);
    --color-t-primary-bg-subtle: rgb(158.2, 197, 254.2);
    --color-t-primary-bg-subtle-text: rgb(65.62828125, 81.72421875, 105.45328125);
    --color-t-primary-border: rgb(109.8, 168, 253.8);
    --color-t-primary-border-flashy: rgb(10.4, 88, 202.4);
    --color-t-primary-emphasis-rgb: 10.4, 88, 202.4;
    --color-t-primary-emphasis-text: rgb(206.08, 221.6, 244.48);
    --color-t-primary-subtle: rgb(158.2, 197, 254.2);
    --color-t-primary-subtle-rgb: 158.2, 197, 254.2;
    --color-t-primary-subtle-text: rgb(65.62828125, 81.72421875, 105.45328125);
    --color-t-primary-subtle-hover: rgb(61.4, 139, 253.4);
    --color-t-secondary-core: rgb(131.2, 138.4, 145.6);
    --color-t-secondary-core-rgb: 131.2, 138.4, 145.6;
    --color-t-secondary-core-text: rgb(33.7225, 35.573125, 37.42375);
    --color-t-secondary-accent: rgb(145.6, 138.4, 131.2);
    --color-t-secondary-accent-rgb: 145.6, 138.4, 131.2;
    --color-t-secondary-accent-text: rgb(39.01625, 37.086875, 35.1575);
    --color-t-secondary-bg: rgb(230.24, 231.68, 233.12);
    --color-t-secondary-bg-text: rgb(103.787875, 104.437, 105.086125);
    --color-t-secondary-bg-subtle: rgb(143.58, 150.06, 156.54);
    --color-t-secondary-bg-subtle-text: rgb(44.86875, 46.89375, 48.91875);
    --color-t-secondary-border: rgb(193.1, 196.7, 200.3);
    --color-t-secondary-border-flashy: rgb(104.96, 110.72, 116.48);
    --color-t-secondary-emphasis-rgb: 104.96, 110.72, 116.48;
    --color-t-secondary-emphasis-text: #fff;
    --color-t-secondary-subtle: rgb(143.58, 150.06, 156.54);
    --color-t-secondary-subtle-rgb: 143.58, 150.06, 156.54;
    --color-t-secondary-subtle-text: rgb(44.86875, 46.89375, 48.91875);
    --color-t-secondary-subtle-hover: rgb(155.96, 161.72, 167.48);
    --color-t-success-core: #008000;
    --color-t-success-core-rgb: 0, 128, 0;
    --color-t-success-core-text: #fff;
    --color-t-success-accent: purple;
    --color-t-success-accent-rgb: 128, 0, 128;
    --color-t-success-accent-text: rgb(229.6, 204, 229.6);
    --color-t-success-bg: rgb(204, 229.6, 204);
    --color-t-success-bg-text: rgb(90.525, 101.885, 90.525);
    --color-t-success-bg-subtle: rgb(153, 204.2, 153);
    --color-t-success-bg-subtle-text: rgb(62.8734375, 83.9134375, 62.8734375);
    --color-t-success-border: rgb(102, 178.8, 102);
    --color-t-success-border-flashy: rgb(0, 102.4, 0);
    --color-t-success-emphasis-rgb: 0, 102.4, 0;
    --color-t-success-emphasis-text: rgb(204, 224.48, 204);
    --color-t-success-subtle: rgb(153, 204.2, 153);
    --color-t-success-subtle-rgb: 153, 204.2, 153;
    --color-t-success-subtle-text: rgb(62.8734375, 83.9134375, 62.8734375);
    --color-t-success-subtle-hover: rgb(51, 153.4, 51);
    --color-t-info-core: #0dcaf0;
    --color-t-info-core-rgb: 13, 202, 240;
    --color-t-info-core-text: rgb(5.2609375, 81.746875, 97.125);
    --color-t-info-accent: #f0330d;
    --color-t-info-accent-rgb: 240, 51, 13;
    --color-t-info-accent-text: rgb(44.4375, 9.44296875, 2.40703125);
    --color-t-info-bg: rgb(206.6, 244.4, 252);
    --color-t-info-bg-text: rgb(93.9384375, 111.125625, 114.58125);
    --color-t-info-bg-subtle: rgb(158.2, 233.8, 249);
    --color-t-info-bg-subtle-text: rgb(70.20125, 103.74875, 110.49375);
    --color-t-info-border: rgb(109.8, 223.2, 246);
    --color-t-info-border-flashy: rgb(10.4, 161.6, 192);
    --color-t-info-emphasis-rgb: 10.4, 161.6, 192;
    --color-t-info-emphasis-text: rgb(3.25, 50.5, 60);
    --color-t-info-subtle: rgb(158.2, 233.8, 249);
    --color-t-info-subtle-rgb: 158.2, 233.8, 249;
    --color-t-info-subtle-text: rgb(70.20125, 103.74875, 110.49375);
    --color-t-info-subtle-hover: rgb(61.4, 212.6, 243);
    --color-t-warning-core: #ffc107;
    --color-t-warning-core-rgb: 255, 193, 7;
    --color-t-warning-core-text: rgb(108.57421875, 82.17578125, 2.98046875);
    --color-t-warning-accent: #0745ff;
    --color-t-warning-accent-rgb: 7, 69, 255;
    --color-t-warning-accent-text: rgb(205.4, 217.8, 255);
    --color-t-warning-bg: rgb(255, 242.6, 205.4);
    --color-t-warning-bg-text: rgb(116.7421875, 111.0653125, 94.0346875);
    --color-t-warning-bg-subtle: rgb(255, 230.2, 155.8);
    --color-t-warning-bg-subtle-text: rgb(114.94921875, 103.76984375, 70.23171875);
    --color-t-warning-border: rgb(255, 217.8, 106.2);
    --color-t-warning-border-flashy: rgb(204, 154.4, 5.6);
    --color-t-warning-emphasis-rgb: 204, 154.4, 5.6;
    --color-t-warning-emphasis-text: rgb(72.515625, 54.884375, 1.990625);
    --color-t-warning-subtle: rgb(255, 230.2, 155.8);
    --color-t-warning-subtle-rgb: 255, 230.2, 155.8;
    --color-t-warning-subtle-text: rgb(114.94921875, 103.76984375, 70.23171875);
    --color-t-warning-subtle-hover: rgb(255, 205.4, 56.6);
    --color-t-danger-core: #dc3535;
    --color-t-danger-core-rgb: 220, 53, 53;
    --color-t-danger-core-text: #fff;
    --color-t-danger-accent: #35dcdc;
    --color-t-danger-accent-rgb: 53, 220, 220;
    --color-t-danger-accent-text: rgb(22.40078125, 92.984375, 92.984375);
    --color-t-danger-bg: rgb(248, 214.6, 214.6);
    --color-t-danger-bg-text: rgb(110.05, 95.22875, 95.22875);
    --color-t-danger-bg-subtle: rgb(241, 174.2, 174.2);
    --color-t-danger-bg-subtle-text: rgb(98.84765625, 71.44921875, 71.44921875);
    --color-t-danger-border: rgb(234, 133.8, 133.8);
    --color-t-danger-border-flashy: rgb(176, 42.4, 42.4);
    --color-t-danger-emphasis-rgb: 176, 42.4, 42.4;
    --color-t-danger-emphasis-text: rgb(239.2, 212.48, 212.48);
    --color-t-danger-subtle: rgb(241, 174.2, 174.2);
    --color-t-danger-subtle-rgb: 241, 174.2, 174.2;
    --color-t-danger-subtle-text: rgb(98.84765625, 71.44921875, 71.44921875);
    --color-t-danger-subtle-hover: rgb(227, 93.4, 93.4);
    --color-t-bright-core: rgb(236.8, 238.6, 240.4);
    --color-t-bright-core-rgb: 236.8, 238.6, 240.4;
    --color-t-bright-core-text: rgb(107.855, 108.67484375, 109.4946875);
    --color-t-bright-accent: rgb(240.4, 238.6, 236.8);
    --color-t-bright-accent-rgb: 240.4, 238.6, 236.8;
    --color-t-bright-accent-text: rgb(109.4946875, 108.67484375, 107.855);
    --color-t-bright-bg: rgb(251.36, 251.72, 252.08);
    --color-t-bright-bg-text: rgb(116.450375, 116.61715625, 116.7839375);
    --color-t-bright-bg-subtle: rgb(238.62, 240.24, 241.86);
    --color-t-bright-bg-subtle-text: rgb(108.870375, 109.6095, 110.348625);
    --color-t-bright-border: rgb(245.9, 246.8, 247.7);
    --color-t-bright-border-flashy: rgb(189.44, 190.88, 192.32);
    --color-t-bright-emphasis-rgb: 189.44, 190.88, 192.32;
    --color-t-bright-emphasis-text: rgb(77.552, 78.1415, 78.731);
    --color-t-bright-subtle: rgb(238.62, 240.24, 241.86);
    --color-t-bright-subtle-rgb: 238.62, 240.24, 241.86;
    --color-t-bright-subtle-text: rgb(108.870375, 109.6095, 110.348625);
    --color-t-bright-subtle-hover: rgb(240.44, 241.88, 243.32);
    --color-t-dim-core: rgb(32.8, 34.6, 36.4);
    --color-t-dim-core-rgb: 32.8, 34.6, 36.4;
    --color-t-dim-core-text: rgb(210.56, 210.92, 211.28);
    --color-t-dim-accent: rgb(36.4, 34.6, 32.8);
    --color-t-dim-accent-rgb: 36.4, 34.6, 32.8;
    --color-t-dim-accent-text: rgb(211.28, 210.92, 210.56);
    --color-t-dim-bg: rgb(210.56, 210.92, 211.28);
    --color-t-dim-bg-text: rgb(91.2975, 91.45359375, 91.6096875);
    --color-t-dim-bg-subtle: rgb(55.02, 56.64, 58.26);
    --color-t-dim-bg-subtle-text: rgb(215.004, 215.328, 215.652);
    --color-t-dim-border: rgb(143.9, 144.8, 145.7);
    --color-t-dim-border-flashy: rgb(26.24, 27.68, 29.12);
    --color-t-dim-emphasis-rgb: 26.24, 27.68, 29.12;
    --color-t-dim-emphasis-text: rgb(209.248, 209.536, 209.824);
    --color-t-dim-subtle: rgb(55.02, 56.64, 58.26);
    --color-t-dim-subtle-rgb: 55.02, 56.64, 58.26;
    --color-t-dim-subtle-text: rgb(215.004, 215.328, 215.652);
    --color-t-dim-subtle-hover: rgb(77.24, 78.68, 80.12);
    --color-t-truthy-core: #008000;
    --color-t-truthy-core-rgb: 0, 128, 0;
    --color-t-truthy-core-text: #fff;
    --color-t-truthy-accent: purple;
    --color-t-truthy-accent-rgb: 128, 0, 128;
    --color-t-truthy-accent-text: rgb(229.6, 204, 229.6);
    --color-t-truthy-bg: rgb(204, 229.6, 204);
    --color-t-truthy-bg-text: rgb(90.525, 101.885, 90.525);
    --color-t-truthy-bg-subtle: rgb(153, 204.2, 153);
    --color-t-truthy-bg-subtle-text: rgb(62.8734375, 83.9134375, 62.8734375);
    --color-t-truthy-border: rgb(102, 178.8, 102);
    --color-t-truthy-border-flashy: rgb(0, 102.4, 0);
    --color-t-truthy-emphasis-rgb: 0, 102.4, 0;
    --color-t-truthy-emphasis-text: rgb(204, 224.48, 204);
    --color-t-truthy-subtle: rgb(153, 204.2, 153);
    --color-t-truthy-subtle-rgb: 153, 204.2, 153;
    --color-t-truthy-subtle-text: rgb(62.8734375, 83.9134375, 62.8734375);
    --color-t-truthy-subtle-hover: rgb(51, 153.4, 51);
    --color-t-falsy-core: #dc3535;
    --color-t-falsy-core-rgb: 220, 53, 53;
    --color-t-falsy-core-text: #fff;
    --color-t-falsy-accent: #35dcdc;
    --color-t-falsy-accent-rgb: 53, 220, 220;
    --color-t-falsy-accent-text: rgb(22.40078125, 92.984375, 92.984375);
    --color-t-falsy-bg: rgb(248, 214.6, 214.6);
    --color-t-falsy-bg-text: rgb(110.05, 95.22875, 95.22875);
    --color-t-falsy-bg-subtle: rgb(241, 174.2, 174.2);
    --color-t-falsy-bg-subtle-text: rgb(98.84765625, 71.44921875, 71.44921875);
    --color-t-falsy-border: rgb(234, 133.8, 133.8);
    --color-t-falsy-border-flashy: rgb(176, 42.4, 42.4);
    --color-t-falsy-emphasis-rgb: 176, 42.4, 42.4;
    --color-t-falsy-emphasis-text: rgb(239.2, 212.48, 212.48);
    --color-t-falsy-subtle: rgb(241, 174.2, 174.2);
    --color-t-falsy-subtle-rgb: 241, 174.2, 174.2;
    --color-t-falsy-subtle-text: rgb(98.84765625, 71.44921875, 71.44921875);
    --color-t-falsy-subtle-hover: rgb(227, 93.4, 93.4);
    --color-t-inactive-core: rgb(182.2, 189.4, 196.6);
    --color-t-inactive-core-rgb: 182.2, 189.4, 196.6;
    --color-t-inactive-core-text: rgb(74.01875, 76.94375, 79.86875);
    --color-t-inactive-accent: rgb(196.6, 189.4, 182.2);
    --color-t-inactive-accent-rgb: 196.6, 189.4, 182.2;
    --color-t-inactive-accent-text: rgb(80.483125, 77.535625, 74.588125);
    --color-t-inactive-bg: rgb(240.44, 241.88, 243.32);
    --color-t-inactive-bg-text: rgb(109.88859375, 110.54671875, 111.20484375);
    --color-t-inactive-bg-subtle: rgb(189.48, 195.96, 202.44);
    --color-t-inactive-bg-subtle-text: rgb(78.752625, 81.445875, 84.139125);
    --color-t-inactive-border: rgb(218.6, 222.2, 225.8);
    --color-t-inactive-border-flashy: rgb(145.76, 151.52, 157.28);
    --color-t-inactive-emphasis-rgb: 145.76, 151.52, 157.28;
    --color-t-inactive-emphasis-text: rgb(46.461, 48.297, 50.133);
    --color-t-inactive-subtle: rgb(189.48, 195.96, 202.44);
    --color-t-inactive-subtle-rgb: 189.48, 195.96, 202.44;
    --color-t-inactive-subtle-text: rgb(78.752625, 81.445875, 84.139125);
    --color-t-inactive-subtle-hover: rgb(196.76, 202.52, 208.28);
    --color-c-body-accent: var(--color-t-bright-accent);
    --color-c-body-bg: var(--color-t-bright-bg);
    --color-c-body-bg-text: var(--color-t-bright-bg-text);
    --color-t-current-core: var(--color-t-bright-core);
    --color-t-current-core-text: var(--color-t-bright-core-text);
    --color-t-current-core-rgb: var(--color-t-bright-core-rgb);
    --color-t-current-accent: var(--color-t-bright-accent);
    --color-t-current-accent-text: var(--color-t-bright-accent-text);
    --color-t-current-accent-rgb: var(--color-t-bright-accent-rgb);
    --color-t-current-bg: var(--color-t-bright-bg);
    --color-t-current-bg-text: var(--color-t-bright-bg-text);
    --color-t-current-bg-subtle: var(--color-t-bright-bg-subtle);
    --color-t-current-bg-subtle-text: var(--color-t-bright-bg-subtle-text);
    --color-t-current-border: var(--color-t-bright-border);
    --color-t-current-border-flashy: var(--color-t-bright-border-flashy);
    --color-t-current-emphasis-text: var(--color-t-bright-emphasis-text);
    --color-t-current-emphasis-rgb: var(--color-t-bright-emphasis-rgb);
    --color-t-current-subtle: var(--color-t-bright-subtle);
    --color-t-current-subtle-text: var(--color-t-bright-subtle-text);
    --color-t-current-subtle-rgb: var(--color-t-bright-subtle-rgb);
    --color-t-current-subtle-hover: var(--color-t-bright-subtle-hover);
    color-scheme: light;
  }
  .use-dark-mode, body:has(al-color-mode-selector .select-mode-label option[value=dark]:checked) {
    --color-t-primary-core: #0d6efd;
    --color-t-primary-core-rgb: 13, 110, 253;
    --color-t-primary-core-text: #fff;
    --color-t-primary-accent: #fd9c0d;
    --color-t-primary-accent-rgb: 253, 156, 13;
    --color-t-primary-accent-text: rgb(99.2234375, 61.18125, 5.0984375);
    --color-t-primary-bg: rgb(2.6, 22, 50.6);
    --color-t-primary-bg-text: rgb(204.52, 208.4, 214.12);
    --color-t-primary-bg-subtle: rgb(5.2, 44, 101.2);
    --color-t-primary-bg-subtle-text: rgb(205.04, 212.8, 224.24);
    --color-t-primary-border: rgb(7.8, 66, 151.8);
    --color-t-primary-border-flashy: rgb(61.4, 139, 253.4);
    --color-t-primary-emphasis-rgb: 158.2, 197, 254.2;
    --color-t-primary-emphasis-text: rgb(65.62828125, 81.72421875, 105.45328125);
    --color-t-primary-subtle: rgb(5.2, 44, 101.2);
    --color-t-primary-subtle-rgb: 5.2, 44, 101.2;
    --color-t-primary-subtle-text: rgb(205.04, 212.8, 224.24);
    --color-t-primary-subtle-hover: rgb(10.4, 88, 202.4);
    --color-t-secondary-core: rgb(131.2, 138.4, 145.6);
    --color-t-secondary-core-rgb: 131.2, 138.4, 145.6;
    --color-t-secondary-core-text: rgb(33.7225, 35.573125, 37.42375);
    --color-t-secondary-accent: rgb(145.6, 138.4, 131.2);
    --color-t-secondary-accent-rgb: 145.6, 138.4, 131.2;
    --color-t-secondary-accent-text: rgb(39.01625, 37.086875, 35.1575);
    --color-t-secondary-bg: rgb(26.24, 27.68, 29.12);
    --color-t-secondary-bg-text: rgb(209.248, 209.536, 209.824);
    --color-t-secondary-bg-subtle: rgb(143.58, 150.06, 156.54);
    --color-t-secondary-bg-subtle-text: rgb(44.86875, 46.89375, 48.91875);
    --color-t-secondary-border: rgb(65.6, 69.2, 72.8);
    --color-t-secondary-border-flashy: rgb(155.96, 161.72, 167.48);
    --color-t-secondary-emphasis-rgb: 155.96, 161.72, 167.48;
    --color-t-secondary-emphasis-text: rgb(54.70784375, 56.72834375, 58.74884375);
    --color-t-secondary-subtle: rgb(52.48, 55.36, 58.24);
    --color-t-secondary-subtle-rgb: 52.48, 55.36, 58.24;
    --color-t-secondary-subtle-text: rgb(214.496, 215.072, 215.648);
    --color-t-secondary-subtle-hover: rgb(104.96, 110.72, 116.48);
    --color-t-success-core: #008000;
    --color-t-success-core-rgb: 0, 128, 0;
    --color-t-success-core-text: #fff;
    --color-t-success-accent: purple;
    --color-t-success-accent-rgb: 128, 0, 128;
    --color-t-success-accent-text: rgb(229.6, 204, 229.6);
    --color-t-success-bg: rgb(0, 25.6, 0);
    --color-t-success-bg-text: rgb(204, 209.12, 204);
    --color-t-success-bg-subtle: rgb(0, 51.2, 0);
    --color-t-success-bg-subtle-text: rgb(204, 214.24, 204);
    --color-t-success-border: rgb(0, 76.8, 0);
    --color-t-success-border-flashy: rgb(51, 153.4, 51);
    --color-t-success-emphasis-rgb: 153, 204.2, 153;
    --color-t-success-emphasis-text: rgb(62.8734375, 83.9134375, 62.8734375);
    --color-t-success-subtle: rgb(0, 51.2, 0);
    --color-t-success-subtle-rgb: 0, 51.2, 0;
    --color-t-success-subtle-text: rgb(204, 214.24, 204);
    --color-t-success-subtle-hover: rgb(0, 102.4, 0);
    --color-t-info-core: #0dcaf0;
    --color-t-info-core-rgb: 13, 202, 240;
    --color-t-info-core-text: rgb(5.2609375, 81.746875, 97.125);
    --color-t-info-accent: #f0330d;
    --color-t-info-accent-rgb: 240, 51, 13;
    --color-t-info-accent-text: rgb(44.4375, 9.44296875, 2.40703125);
    --color-t-info-bg: rgb(2.6, 40.4, 48);
    --color-t-info-bg-text: rgb(204.52, 212.08, 213.6);
    --color-t-info-bg-subtle: rgb(5.2, 80.8, 96);
    --color-t-info-bg-subtle-text: rgb(205.04, 220.16, 223.2);
    --color-t-info-border: rgb(7.8, 121.2, 144);
    --color-t-info-border-flashy: rgb(61.4, 212.6, 243);
    --color-t-info-emphasis-rgb: 158.2, 233.8, 249;
    --color-t-info-emphasis-text: rgb(70.20125, 103.74875, 110.49375);
    --color-t-info-subtle: rgb(5.2, 80.8, 96);
    --color-t-info-subtle-rgb: 5.2, 80.8, 96;
    --color-t-info-subtle-text: rgb(205.04, 220.16, 223.2);
    --color-t-info-subtle-hover: rgb(10.4, 161.6, 192);
    --color-t-warning-core: #ffc107;
    --color-t-warning-core-rgb: 255, 193, 7;
    --color-t-warning-core-text: rgb(108.57421875, 82.17578125, 2.98046875);
    --color-t-warning-accent: #0745ff;
    --color-t-warning-accent-rgb: 7, 69, 255;
    --color-t-warning-accent-text: rgb(205.4, 217.8, 255);
    --color-t-warning-bg: rgb(51, 38.6, 1.4);
    --color-t-warning-bg-text: rgb(214.2, 211.72, 204.28);
    --color-t-warning-bg-subtle: rgb(102, 77.2, 2.8);
    --color-t-warning-bg-subtle-text: rgb(224.4, 219.44, 204.56);
    --color-t-warning-border: rgb(153, 115.8, 4.2);
    --color-t-warning-border-flashy: rgb(255, 205.4, 56.6);
    --color-t-warning-emphasis-rgb: 255, 230.2, 155.8;
    --color-t-warning-emphasis-text: rgb(114.94921875, 103.76984375, 70.23171875);
    --color-t-warning-subtle: rgb(102, 77.2, 2.8);
    --color-t-warning-subtle-rgb: 102, 77.2, 2.8;
    --color-t-warning-subtle-text: rgb(224.4, 219.44, 204.56);
    --color-t-warning-subtle-hover: rgb(204, 154.4, 5.6);
    --color-t-danger-core: #dc3535;
    --color-t-danger-core-rgb: 220, 53, 53;
    --color-t-danger-core-text: #fff;
    --color-t-danger-accent: #35dcdc;
    --color-t-danger-accent-rgb: 53, 220, 220;
    --color-t-danger-accent-text: rgb(22.40078125, 92.984375, 92.984375);
    --color-t-danger-bg: rgb(44, 10.6, 10.6);
    --color-t-danger-bg-text: rgb(212.8, 206.12, 206.12);
    --color-t-danger-bg-subtle: rgb(88, 21.2, 21.2);
    --color-t-danger-bg-subtle-text: rgb(221.6, 208.24, 208.24);
    --color-t-danger-border: rgb(132, 31.8, 31.8);
    --color-t-danger-border-flashy: rgb(227, 93.4, 93.4);
    --color-t-danger-emphasis-rgb: 241, 174.2, 174.2;
    --color-t-danger-emphasis-text: rgb(98.84765625, 71.44921875, 71.44921875);
    --color-t-danger-subtle: rgb(88, 21.2, 21.2);
    --color-t-danger-subtle-rgb: 88, 21.2, 21.2;
    --color-t-danger-subtle-text: rgb(221.6, 208.24, 208.24);
    --color-t-danger-subtle-hover: rgb(176, 42.4, 42.4);
    --color-t-bright-core: rgb(236.8, 238.6, 240.4);
    --color-t-bright-core-rgb: 236.8, 238.6, 240.4;
    --color-t-bright-core-text: rgb(107.855, 108.67484375, 109.4946875);
    --color-t-bright-accent: rgb(240.4, 238.6, 236.8);
    --color-t-bright-accent-rgb: 240.4, 238.6, 236.8;
    --color-t-bright-accent-text: rgb(109.4946875, 108.67484375, 107.855);
    --color-t-bright-bg: rgb(47.36, 47.72, 48.08);
    --color-t-bright-bg-text: rgb(213.472, 213.544, 213.616);
    --color-t-bright-bg-subtle: rgb(238.62, 240.24, 241.86);
    --color-t-bright-bg-subtle-text: rgb(108.870375, 109.6095, 110.348625);
    --color-t-bright-border: rgb(118.4, 119.3, 120.2);
    --color-t-bright-border-flashy: rgb(240.44, 241.88, 243.32);
    --color-t-bright-emphasis-rgb: 240.44, 241.88, 243.32;
    --color-t-bright-emphasis-text: rgb(109.88859375, 110.54671875, 111.20484375);
    --color-t-bright-subtle: rgb(94.72, 95.44, 96.16);
    --color-t-bright-subtle-rgb: 94.72, 95.44, 96.16;
    --color-t-bright-subtle-text: rgb(222.944, 223.088, 223.232);
    --color-t-bright-subtle-hover: rgb(189.44, 190.88, 192.32);
    --color-t-dim-core: rgb(32.8, 34.6, 36.4);
    --color-t-dim-core-rgb: 32.8, 34.6, 36.4;
    --color-t-dim-core-text: rgb(210.56, 210.92, 211.28);
    --color-t-dim-accent: rgb(36.4, 34.6, 32.8);
    --color-t-dim-accent-rgb: 36.4, 34.6, 32.8;
    --color-t-dim-accent-text: rgb(211.28, 210.92, 210.56);
    --color-t-dim-bg: rgb(6.56, 6.92, 7.28);
    --color-t-dim-bg-text: rgb(205.312, 205.384, 205.456);
    --color-t-dim-bg-subtle: rgb(55.02, 56.64, 58.26);
    --color-t-dim-bg-subtle-text: rgb(215.004, 215.328, 215.652);
    --color-t-dim-border: rgb(16.4, 17.3, 18.2);
    --color-t-dim-border-flashy: rgb(77.24, 78.68, 80.12);
    --color-t-dim-emphasis-rgb: 77.24, 78.68, 80.12;
    --color-t-dim-emphasis-text: rgb(219.448, 219.736, 220.024);
    --color-t-dim-subtle: rgb(13.12, 13.84, 14.56);
    --color-t-dim-subtle-rgb: 13.12, 13.84, 14.56;
    --color-t-dim-subtle-text: rgb(206.624, 206.768, 206.912);
    --color-t-dim-subtle-hover: rgb(26.24, 27.68, 29.12);
    --color-t-truthy-core: #008000;
    --color-t-truthy-core-rgb: 0, 128, 0;
    --color-t-truthy-core-text: #fff;
    --color-t-truthy-accent: purple;
    --color-t-truthy-accent-rgb: 128, 0, 128;
    --color-t-truthy-accent-text: rgb(229.6, 204, 229.6);
    --color-t-truthy-bg: rgb(0, 25.6, 0);
    --color-t-truthy-bg-text: rgb(204, 209.12, 204);
    --color-t-truthy-bg-subtle: rgb(0, 51.2, 0);
    --color-t-truthy-bg-subtle-text: rgb(204, 214.24, 204);
    --color-t-truthy-border: rgb(0, 76.8, 0);
    --color-t-truthy-border-flashy: rgb(51, 153.4, 51);
    --color-t-truthy-emphasis-rgb: 153, 204.2, 153;
    --color-t-truthy-emphasis-text: rgb(62.8734375, 83.9134375, 62.8734375);
    --color-t-truthy-subtle: rgb(0, 51.2, 0);
    --color-t-truthy-subtle-rgb: 0, 51.2, 0;
    --color-t-truthy-subtle-text: rgb(204, 214.24, 204);
    --color-t-truthy-subtle-hover: rgb(0, 102.4, 0);
    --color-t-falsy-core: #dc3535;
    --color-t-falsy-core-rgb: 220, 53, 53;
    --color-t-falsy-core-text: #fff;
    --color-t-falsy-accent: #35dcdc;
    --color-t-falsy-accent-rgb: 53, 220, 220;
    --color-t-falsy-accent-text: rgb(22.40078125, 92.984375, 92.984375);
    --color-t-falsy-bg: rgb(44, 10.6, 10.6);
    --color-t-falsy-bg-text: rgb(212.8, 206.12, 206.12);
    --color-t-falsy-bg-subtle: rgb(88, 21.2, 21.2);
    --color-t-falsy-bg-subtle-text: rgb(221.6, 208.24, 208.24);
    --color-t-falsy-border: rgb(132, 31.8, 31.8);
    --color-t-falsy-border-flashy: rgb(227, 93.4, 93.4);
    --color-t-falsy-emphasis-rgb: 241, 174.2, 174.2;
    --color-t-falsy-emphasis-text: rgb(98.84765625, 71.44921875, 71.44921875);
    --color-t-falsy-subtle: rgb(88, 21.2, 21.2);
    --color-t-falsy-subtle-rgb: 88, 21.2, 21.2;
    --color-t-falsy-subtle-text: rgb(221.6, 208.24, 208.24);
    --color-t-falsy-subtle-hover: rgb(176, 42.4, 42.4);
    --color-t-inactive-core: rgb(182.2, 189.4, 196.6);
    --color-t-inactive-core-rgb: 182.2, 189.4, 196.6;
    --color-t-inactive-core-text: rgb(74.01875, 76.94375, 79.86875);
    --color-t-inactive-accent: rgb(196.6, 189.4, 182.2);
    --color-t-inactive-accent-rgb: 196.6, 189.4, 182.2;
    --color-t-inactive-accent-text: rgb(80.483125, 77.535625, 74.588125);
    --color-t-inactive-bg: rgb(36.44, 37.88, 39.32);
    --color-t-inactive-bg-text: rgb(211.288, 211.576, 211.864);
    --color-t-inactive-bg-subtle: rgb(189.48, 195.96, 202.44);
    --color-t-inactive-bg-subtle-text: rgb(78.752625, 81.445875, 84.139125);
    --color-t-inactive-border: rgb(91.1, 94.7, 98.3);
    --color-t-inactive-border-flashy: rgb(196.76, 202.52, 208.28);
    --color-t-inactive-emphasis-rgb: 196.76, 202.52, 208.28;
    --color-t-inactive-emphasis-text: rgb(83.3155625, 85.7545625, 88.1935625);
    --color-t-inactive-subtle: rgb(72.88, 75.76, 78.64);
    --color-t-inactive-subtle-rgb: 72.88, 75.76, 78.64;
    --color-t-inactive-subtle-text: rgb(218.576, 219.152, 219.728);
    --color-t-inactive-subtle-hover: rgb(145.76, 151.52, 157.28);
    --color-c-body-accent: var(--color-t-bright-accent);
    --color-c-body-bg: var(--color-t-bright-bg);
    --color-c-body-bg-text: var(--color-t-bright-bg-text);
    --color-t-current-core: var(--color-t-bright-core);
    --color-t-current-core-text: var(--color-t-bright-core-text);
    --color-t-current-core-rgb: var(--color-t-bright-core-rgb);
    --color-t-current-accent: var(--color-t-bright-accent);
    --color-t-current-accent-text: var(--color-t-bright-accent-text);
    --color-t-current-accent-rgb: var(--color-t-bright-accent-rgb);
    --color-t-current-bg: var(--color-t-bright-bg);
    --color-t-current-bg-text: var(--color-t-bright-bg-text);
    --color-t-current-bg-subtle: var(--color-t-bright-bg-subtle);
    --color-t-current-bg-subtle-text: var(--color-t-bright-bg-subtle-text);
    --color-t-current-border: var(--color-t-bright-border);
    --color-t-current-border-flashy: var(--color-t-bright-border-flashy);
    --color-t-current-emphasis-text: var(--color-t-bright-emphasis-text);
    --color-t-current-emphasis-rgb: var(--color-t-bright-emphasis-rgb);
    --color-t-current-subtle: var(--color-t-bright-subtle);
    --color-t-current-subtle-text: var(--color-t-bright-subtle-text);
    --color-t-current-subtle-rgb: var(--color-t-bright-subtle-rgb);
    --color-t-current-subtle-hover: var(--color-t-bright-subtle-hover);
    color-scheme: dark;
  }
  .use-primary-theme {
    --color-t-current-core: var(--color-t-primary-core);
    --color-t-current-core-text: var(--color-t-primary-core-text);
    --color-t-current-core-rgb: var(--color-t-primary-core-rgb);
    --color-t-current-accent: var(--color-t-primary-accent);
    --color-t-current-accent-text: var(--color-t-primary-accent-text);
    --color-t-current-accent-rgb: var(--color-t-primary-accent-rgb);
    --color-t-current-bg: var(--color-t-primary-bg);
    --color-t-current-bg-text: var(--color-t-primary-bg-text);
    --color-t-current-bg-subtle: var(--color-t-primary-bg-subtle);
    --color-t-current-bg-subtle-text: var(--color-t-primary-bg-subtle-text);
    --color-t-current-border: var(--color-t-primary-border);
    --color-t-current-border-flashy: var(--color-t-primary-border-flashy);
    --color-t-current-emphasis-text: var(--color-t-primary-emphasis-text);
    --color-t-current-emphasis-rgb: var(--color-t-primary-emphasis-rgb);
    --color-t-current-subtle: var(--color-t-primary-subtle);
    --color-t-current-subtle-text: var(--color-t-primary-subtle-text);
    --color-t-current-subtle-rgb: var(--color-t-primary-subtle-rgb);
    --color-t-current-subtle-hover: var(--color-t-primary-subtle-hover);
  }
  .use-secondary-theme {
    --color-t-current-core: var(--color-t-secondary-core);
    --color-t-current-core-text: var(--color-t-secondary-core-text);
    --color-t-current-core-rgb: var(--color-t-secondary-core-rgb);
    --color-t-current-accent: var(--color-t-secondary-accent);
    --color-t-current-accent-text: var(--color-t-secondary-accent-text);
    --color-t-current-accent-rgb: var(--color-t-secondary-accent-rgb);
    --color-t-current-bg: var(--color-t-secondary-bg);
    --color-t-current-bg-text: var(--color-t-secondary-bg-text);
    --color-t-current-bg-subtle: var(--color-t-secondary-bg-subtle);
    --color-t-current-bg-subtle-text: var(--color-t-secondary-bg-subtle-text);
    --color-t-current-border: var(--color-t-secondary-border);
    --color-t-current-border-flashy: var(--color-t-secondary-border-flashy);
    --color-t-current-emphasis-text: var(--color-t-secondary-emphasis-text);
    --color-t-current-emphasis-rgb: var(--color-t-secondary-emphasis-rgb);
    --color-t-current-subtle: var(--color-t-secondary-subtle);
    --color-t-current-subtle-text: var(--color-t-secondary-subtle-text);
    --color-t-current-subtle-rgb: var(--color-t-secondary-subtle-rgb);
    --color-t-current-subtle-hover: var(--color-t-secondary-subtle-hover);
  }
  .use-success-theme {
    --color-t-current-core: var(--color-t-success-core);
    --color-t-current-core-text: var(--color-t-success-core-text);
    --color-t-current-core-rgb: var(--color-t-success-core-rgb);
    --color-t-current-accent: var(--color-t-success-accent);
    --color-t-current-accent-text: var(--color-t-success-accent-text);
    --color-t-current-accent-rgb: var(--color-t-success-accent-rgb);
    --color-t-current-bg: var(--color-t-success-bg);
    --color-t-current-bg-text: var(--color-t-success-bg-text);
    --color-t-current-bg-subtle: var(--color-t-success-bg-subtle);
    --color-t-current-bg-subtle-text: var(--color-t-success-bg-subtle-text);
    --color-t-current-border: var(--color-t-success-border);
    --color-t-current-border-flashy: var(--color-t-success-border-flashy);
    --color-t-current-emphasis-text: var(--color-t-success-emphasis-text);
    --color-t-current-emphasis-rgb: var(--color-t-success-emphasis-rgb);
    --color-t-current-subtle: var(--color-t-success-subtle);
    --color-t-current-subtle-text: var(--color-t-success-subtle-text);
    --color-t-current-subtle-rgb: var(--color-t-success-subtle-rgb);
    --color-t-current-subtle-hover: var(--color-t-success-subtle-hover);
  }
  .use-info-theme {
    --color-t-current-core: var(--color-t-info-core);
    --color-t-current-core-text: var(--color-t-info-core-text);
    --color-t-current-core-rgb: var(--color-t-info-core-rgb);
    --color-t-current-accent: var(--color-t-info-accent);
    --color-t-current-accent-text: var(--color-t-info-accent-text);
    --color-t-current-accent-rgb: var(--color-t-info-accent-rgb);
    --color-t-current-bg: var(--color-t-info-bg);
    --color-t-current-bg-text: var(--color-t-info-bg-text);
    --color-t-current-bg-subtle: var(--color-t-info-bg-subtle);
    --color-t-current-bg-subtle-text: var(--color-t-info-bg-subtle-text);
    --color-t-current-border: var(--color-t-info-border);
    --color-t-current-border-flashy: var(--color-t-info-border-flashy);
    --color-t-current-emphasis-text: var(--color-t-info-emphasis-text);
    --color-t-current-emphasis-rgb: var(--color-t-info-emphasis-rgb);
    --color-t-current-subtle: var(--color-t-info-subtle);
    --color-t-current-subtle-text: var(--color-t-info-subtle-text);
    --color-t-current-subtle-rgb: var(--color-t-info-subtle-rgb);
    --color-t-current-subtle-hover: var(--color-t-info-subtle-hover);
  }
  .use-warning-theme {
    --color-t-current-core: var(--color-t-warning-core);
    --color-t-current-core-text: var(--color-t-warning-core-text);
    --color-t-current-core-rgb: var(--color-t-warning-core-rgb);
    --color-t-current-accent: var(--color-t-warning-accent);
    --color-t-current-accent-text: var(--color-t-warning-accent-text);
    --color-t-current-accent-rgb: var(--color-t-warning-accent-rgb);
    --color-t-current-bg: var(--color-t-warning-bg);
    --color-t-current-bg-text: var(--color-t-warning-bg-text);
    --color-t-current-bg-subtle: var(--color-t-warning-bg-subtle);
    --color-t-current-bg-subtle-text: var(--color-t-warning-bg-subtle-text);
    --color-t-current-border: var(--color-t-warning-border);
    --color-t-current-border-flashy: var(--color-t-warning-border-flashy);
    --color-t-current-emphasis-text: var(--color-t-warning-emphasis-text);
    --color-t-current-emphasis-rgb: var(--color-t-warning-emphasis-rgb);
    --color-t-current-subtle: var(--color-t-warning-subtle);
    --color-t-current-subtle-text: var(--color-t-warning-subtle-text);
    --color-t-current-subtle-rgb: var(--color-t-warning-subtle-rgb);
    --color-t-current-subtle-hover: var(--color-t-warning-subtle-hover);
  }
  .use-danger-theme, al-form .error-area:not(:empty) {
    --color-t-current-core: var(--color-t-danger-core);
    --color-t-current-core-text: var(--color-t-danger-core-text);
    --color-t-current-core-rgb: var(--color-t-danger-core-rgb);
    --color-t-current-accent: var(--color-t-danger-accent);
    --color-t-current-accent-text: var(--color-t-danger-accent-text);
    --color-t-current-accent-rgb: var(--color-t-danger-accent-rgb);
    --color-t-current-bg: var(--color-t-danger-bg);
    --color-t-current-bg-text: var(--color-t-danger-bg-text);
    --color-t-current-bg-subtle: var(--color-t-danger-bg-subtle);
    --color-t-current-bg-subtle-text: var(--color-t-danger-bg-subtle-text);
    --color-t-current-border: var(--color-t-danger-border);
    --color-t-current-border-flashy: var(--color-t-danger-border-flashy);
    --color-t-current-emphasis-text: var(--color-t-danger-emphasis-text);
    --color-t-current-emphasis-rgb: var(--color-t-danger-emphasis-rgb);
    --color-t-current-subtle: var(--color-t-danger-subtle);
    --color-t-current-subtle-text: var(--color-t-danger-subtle-text);
    --color-t-current-subtle-rgb: var(--color-t-danger-subtle-rgb);
    --color-t-current-subtle-hover: var(--color-t-danger-subtle-hover);
  }
  .use-bright-theme, body {
    --color-t-current-core: var(--color-t-bright-core);
    --color-t-current-core-text: var(--color-t-bright-core-text);
    --color-t-current-core-rgb: var(--color-t-bright-core-rgb);
    --color-t-current-accent: var(--color-t-bright-accent);
    --color-t-current-accent-text: var(--color-t-bright-accent-text);
    --color-t-current-accent-rgb: var(--color-t-bright-accent-rgb);
    --color-t-current-bg: var(--color-t-bright-bg);
    --color-t-current-bg-text: var(--color-t-bright-bg-text);
    --color-t-current-bg-subtle: var(--color-t-bright-bg-subtle);
    --color-t-current-bg-subtle-text: var(--color-t-bright-bg-subtle-text);
    --color-t-current-border: var(--color-t-bright-border);
    --color-t-current-border-flashy: var(--color-t-bright-border-flashy);
    --color-t-current-emphasis-text: var(--color-t-bright-emphasis-text);
    --color-t-current-emphasis-rgb: var(--color-t-bright-emphasis-rgb);
    --color-t-current-subtle: var(--color-t-bright-subtle);
    --color-t-current-subtle-text: var(--color-t-bright-subtle-text);
    --color-t-current-subtle-rgb: var(--color-t-bright-subtle-rgb);
    --color-t-current-subtle-hover: var(--color-t-bright-subtle-hover);
  }
  .use-dim-theme {
    --color-t-current-core: var(--color-t-dim-core);
    --color-t-current-core-text: var(--color-t-dim-core-text);
    --color-t-current-core-rgb: var(--color-t-dim-core-rgb);
    --color-t-current-accent: var(--color-t-dim-accent);
    --color-t-current-accent-text: var(--color-t-dim-accent-text);
    --color-t-current-accent-rgb: var(--color-t-dim-accent-rgb);
    --color-t-current-bg: var(--color-t-dim-bg);
    --color-t-current-bg-text: var(--color-t-dim-bg-text);
    --color-t-current-bg-subtle: var(--color-t-dim-bg-subtle);
    --color-t-current-bg-subtle-text: var(--color-t-dim-bg-subtle-text);
    --color-t-current-border: var(--color-t-dim-border);
    --color-t-current-border-flashy: var(--color-t-dim-border-flashy);
    --color-t-current-emphasis-text: var(--color-t-dim-emphasis-text);
    --color-t-current-emphasis-rgb: var(--color-t-dim-emphasis-rgb);
    --color-t-current-subtle: var(--color-t-dim-subtle);
    --color-t-current-subtle-text: var(--color-t-dim-subtle-text);
    --color-t-current-subtle-rgb: var(--color-t-dim-subtle-rgb);
    --color-t-current-subtle-hover: var(--color-t-dim-subtle-hover);
  }
  .use-truthy-theme, al-field[field-type=boolean] .boolean-true {
    --color-t-current-core: var(--color-t-truthy-core);
    --color-t-current-core-text: var(--color-t-truthy-core-text);
    --color-t-current-core-rgb: var(--color-t-truthy-core-rgb);
    --color-t-current-accent: var(--color-t-truthy-accent);
    --color-t-current-accent-text: var(--color-t-truthy-accent-text);
    --color-t-current-accent-rgb: var(--color-t-truthy-accent-rgb);
    --color-t-current-bg: var(--color-t-truthy-bg);
    --color-t-current-bg-text: var(--color-t-truthy-bg-text);
    --color-t-current-bg-subtle: var(--color-t-truthy-bg-subtle);
    --color-t-current-bg-subtle-text: var(--color-t-truthy-bg-subtle-text);
    --color-t-current-border: var(--color-t-truthy-border);
    --color-t-current-border-flashy: var(--color-t-truthy-border-flashy);
    --color-t-current-emphasis-text: var(--color-t-truthy-emphasis-text);
    --color-t-current-emphasis-rgb: var(--color-t-truthy-emphasis-rgb);
    --color-t-current-subtle: var(--color-t-truthy-subtle);
    --color-t-current-subtle-text: var(--color-t-truthy-subtle-text);
    --color-t-current-subtle-rgb: var(--color-t-truthy-subtle-rgb);
    --color-t-current-subtle-hover: var(--color-t-truthy-subtle-hover);
  }
  .use-falsy-theme, al-field[field-type=boolean] .boolean-false {
    --color-t-current-core: var(--color-t-falsy-core);
    --color-t-current-core-text: var(--color-t-falsy-core-text);
    --color-t-current-core-rgb: var(--color-t-falsy-core-rgb);
    --color-t-current-accent: var(--color-t-falsy-accent);
    --color-t-current-accent-text: var(--color-t-falsy-accent-text);
    --color-t-current-accent-rgb: var(--color-t-falsy-accent-rgb);
    --color-t-current-bg: var(--color-t-falsy-bg);
    --color-t-current-bg-text: var(--color-t-falsy-bg-text);
    --color-t-current-bg-subtle: var(--color-t-falsy-bg-subtle);
    --color-t-current-bg-subtle-text: var(--color-t-falsy-bg-subtle-text);
    --color-t-current-border: var(--color-t-falsy-border);
    --color-t-current-border-flashy: var(--color-t-falsy-border-flashy);
    --color-t-current-emphasis-text: var(--color-t-falsy-emphasis-text);
    --color-t-current-emphasis-rgb: var(--color-t-falsy-emphasis-rgb);
    --color-t-current-subtle: var(--color-t-falsy-subtle);
    --color-t-current-subtle-text: var(--color-t-falsy-subtle-text);
    --color-t-current-subtle-rgb: var(--color-t-falsy-subtle-rgb);
    --color-t-current-subtle-hover: var(--color-t-falsy-subtle-hover);
  }
  .use-inactive-theme {
    --color-t-current-core: var(--color-t-inactive-core);
    --color-t-current-core-text: var(--color-t-inactive-core-text);
    --color-t-current-core-rgb: var(--color-t-inactive-core-rgb);
    --color-t-current-accent: var(--color-t-inactive-accent);
    --color-t-current-accent-text: var(--color-t-inactive-accent-text);
    --color-t-current-accent-rgb: var(--color-t-inactive-accent-rgb);
    --color-t-current-bg: var(--color-t-inactive-bg);
    --color-t-current-bg-text: var(--color-t-inactive-bg-text);
    --color-t-current-bg-subtle: var(--color-t-inactive-bg-subtle);
    --color-t-current-bg-subtle-text: var(--color-t-inactive-bg-subtle-text);
    --color-t-current-border: var(--color-t-inactive-border);
    --color-t-current-border-flashy: var(--color-t-inactive-border-flashy);
    --color-t-current-emphasis-text: var(--color-t-inactive-emphasis-text);
    --color-t-current-emphasis-rgb: var(--color-t-inactive-emphasis-rgb);
    --color-t-current-subtle: var(--color-t-inactive-subtle);
    --color-t-current-subtle-text: var(--color-t-inactive-subtle-text);
    --color-t-current-subtle-rgb: var(--color-t-inactive-subtle-rgb);
    --color-t-current-subtle-hover: var(--color-t-inactive-subtle-hover);
  }
}
@layer defaults {
  :root {
    --size-c-badge-font: 0.9em;
    --ident-c-badge-user-select: none;
    --size-c-badge-gap: 5px;
    --number-c-badge-font-weight: 400;
    --number-c-badge-line-height: 1;
    --size-c-badge-border-radius: 5px;
    --ident-c-badge-white-space: nowrap;
    --size-c-badge-padding: 5px 7px 5px;
  }
  .badge, al-enum-badge {
    --color-p-badge-bg: var(--color-c-button-core, var(--color-t-current-core));
    --color-p-badge-bg-text: var(--color-c-button-core-text, var(--color-t-current-core-text));
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: var(--color-p-badge-bg-text);
    background-color: var(--color-p-badge-bg);
    font-size: var(--size-c-badge-font);
    -webkit-user-select: var(--ident-c-badge-user-select);
       -moz-user-select: var(--ident-c-badge-user-select);
            user-select: var(--ident-c-badge-user-select);
    gap: var(--size-c-badge-gap);
    padding: var(--size-c-badge-padding);
    font-weight: var(--number-c-badge-font-weight);
    line-height: var(--number-c-badge-line-height);
    border-radius: var(--size-c-badge-border-radius);
    white-space: var(--ident-c-badge-white-space);
  }
  .badge > *, al-enum-badge > * {
    height: 100%;
    display: block;
  }
  .badge al-icon, al-enum-badge al-icon {
    font-size: 1.2em;
  }
  [data-badge-color-set="1"] {
    --color-p-badge-bg-text: var(--color-shade-1);
    --color-p-badge-bg: var(--color-tint-1);
  }
  [data-badge-color-set=red] {
    --color-p-badge-bg-text: var(--color-shade-1);
    --color-p-badge-bg: var(--color-tint-1);
  }
  [data-badge-color-set="2"] {
    --color-p-badge-bg-text: var(--color-shade-2);
    --color-p-badge-bg: var(--color-tint-2);
  }
  [data-badge-color-set=orange] {
    --color-p-badge-bg-text: var(--color-shade-2);
    --color-p-badge-bg: var(--color-tint-2);
  }
  [data-badge-color-set="3"] {
    --color-p-badge-bg-text: var(--color-shade-3);
    --color-p-badge-bg: var(--color-tint-3);
  }
  [data-badge-color-set=yellow] {
    --color-p-badge-bg-text: var(--color-shade-3);
    --color-p-badge-bg: var(--color-tint-3);
  }
  [data-badge-color-set="4"] {
    --color-p-badge-bg-text: var(--color-shade-4);
    --color-p-badge-bg: var(--color-tint-4);
  }
  [data-badge-color-set=olive] {
    --color-p-badge-bg-text: var(--color-shade-4);
    --color-p-badge-bg: var(--color-tint-4);
  }
  [data-badge-color-set="5"] {
    --color-p-badge-bg-text: var(--color-shade-5);
    --color-p-badge-bg: var(--color-tint-5);
  }
  [data-badge-color-set=lime] {
    --color-p-badge-bg-text: var(--color-shade-5);
    --color-p-badge-bg: var(--color-tint-5);
  }
  [data-badge-color-set="6"] {
    --color-p-badge-bg-text: var(--color-shade-6);
    --color-p-badge-bg: var(--color-tint-6);
  }
  [data-badge-color-set=green] {
    --color-p-badge-bg-text: var(--color-shade-6);
    --color-p-badge-bg: var(--color-tint-6);
  }
  [data-badge-color-set="7"] {
    --color-p-badge-bg-text: var(--color-shade-7);
    --color-p-badge-bg: var(--color-tint-7);
  }
  [data-badge-color-set=teal] {
    --color-p-badge-bg-text: var(--color-shade-7);
    --color-p-badge-bg: var(--color-tint-7);
  }
  [data-badge-color-set="8"] {
    --color-p-badge-bg-text: var(--color-shade-8);
    --color-p-badge-bg: var(--color-tint-8);
  }
  [data-badge-color-set=cyan] {
    --color-p-badge-bg-text: var(--color-shade-8);
    --color-p-badge-bg: var(--color-tint-8);
  }
  [data-badge-color-set="9"] {
    --color-p-badge-bg-text: var(--color-shade-9);
    --color-p-badge-bg: var(--color-tint-9);
  }
  [data-badge-color-set=blue] {
    --color-p-badge-bg-text: var(--color-shade-9);
    --color-p-badge-bg: var(--color-tint-9);
  }
  [data-badge-color-set="10"] {
    --color-p-badge-bg-text: var(--color-shade-10);
    --color-p-badge-bg: var(--color-tint-10);
  }
  [data-badge-color-set=navy] {
    --color-p-badge-bg-text: var(--color-shade-10);
    --color-p-badge-bg: var(--color-tint-10);
  }
  [data-badge-color-set="11"] {
    --color-p-badge-bg-text: var(--color-shade-11);
    --color-p-badge-bg: var(--color-tint-11);
  }
  [data-badge-color-set=indigo] {
    --color-p-badge-bg-text: var(--color-shade-11);
    --color-p-badge-bg: var(--color-tint-11);
  }
  [data-badge-color-set="12"] {
    --color-p-badge-bg-text: var(--color-shade-12);
    --color-p-badge-bg: var(--color-tint-12);
  }
  [data-badge-color-set=purple] {
    --color-p-badge-bg-text: var(--color-shade-12);
    --color-p-badge-bg: var(--color-tint-12);
  }
  [data-badge-color-set="13"] {
    --color-p-badge-bg-text: var(--color-shade-13);
    --color-p-badge-bg: var(--color-tint-13);
  }
  [data-badge-color-set=grape] {
    --color-p-badge-bg-text: var(--color-shade-13);
    --color-p-badge-bg: var(--color-tint-13);
  }
  [data-badge-color-set="14"] {
    --color-p-badge-bg-text: var(--color-shade-14);
    --color-p-badge-bg: var(--color-tint-14);
  }
  [data-badge-color-set=cerise] {
    --color-p-badge-bg-text: var(--color-shade-14);
    --color-p-badge-bg: var(--color-tint-14);
  }
  [data-badge-color-set="15"] {
    --color-p-badge-bg-text: var(--color-shade-15);
    --color-p-badge-bg: var(--color-tint-15);
  }
  [data-badge-color-set=pink] {
    --color-p-badge-bg-text: var(--color-shade-15);
    --color-p-badge-bg: var(--color-tint-15);
  }
  [data-badge-color-set="16"] {
    --color-p-badge-bg-text: var(--color-shade-16);
    --color-p-badge-bg: var(--color-tint-16);
  }
  [data-badge-color-set=salmon] {
    --color-p-badge-bg-text: var(--color-shade-16);
    --color-p-badge-bg: var(--color-tint-16);
  }
}
@layer defaults {
  .block {
    display: block;
  }
  .block:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
@layer defaults {
  body {
    accent-color: var(--color-c-body-accent);
    background-color: var(--color-c-body-bg);
    color: var(--color-c-body-bg-text);
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
    letter-spacing: var(--tracking-normal);
    font-weight: var(--font-normal);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    word-wrap: break-word;
    -webkit-hyphens: auto;
            hyphens: auto;
  }
}
@layer defaults {
  :root {
    --content-column-name: content;
  }
  .content-columns, .card-body {
    --content-column-max-base-width: 100%;
    --content-column-popout-max-width: 1200px;
    --content-column-popout-size: 1rem;
    --content-column-feature-size: 2rem;
    --content-column-padding: 1rem;
    --cc-full: var(--content-column-padding);
    --cc-feature: var(--content-column-feature-size);
    --cc-popout: var(--content-column-popout-size);
    --cc-content: min(var(--content-column-max-base-width) - ((var(--cc-full) + var(--cc-feature) + var(--cc-popout))*2), var(--content-column-popout-max-width));
    --cc-margin: 1fr;
    display: grid;
    grid-template-columns: [margin-start] var(--cc-margin) [full-start] var(--cc-full) [feature-start] var(--cc-feature) [popout-start] var(--cc-popout) [content-start] var(--cc-content) [content-end] var(--cc-popout) [popout-end] var(--cc-feature) [feature-end] var(--cc-full) [full-end] var(--cc-margin) [margin-end];
  }
  .content-columns > *, .card-body > * {
    grid-column: var(--content-column-name, content);
  }
  .content-column {
    --content-column-name: content;
  }
  .popout-column {
    --content-column-name: popout;
  }
  .feature-column {
    --content-column-name: feature;
  }
  .full-column {
    --content-column-name: full;
  }
}
.content-columns, .card-body {
  gap: 0 !important;
}

@layer defaults {
  :root {
    --box-border-width: 1px;
    --box-border-style: solid;
    --box-spacer-x: 0.5rem;
    --box-spacer-y: 0.5rem;
  }
  .box {
    --cp-box-color-border: var(--box-color-border, var(--color-c-box-accent, var(--color-t-current-accent)));
    --cp-box-color-bg: var(--box-color-bg, var(--color-c-box-bg, var(--color-t-current-bg)));
    display: block;
    color: var(--box-color-text, var(--color-c-box-bg-text, var(--color-t-current-bg-text)));
    background-color: var(--cp-box-color-bg);
    border-color: var(--cp-box-color-border);
    border-radius: var(--box-radius, var(--radius-sm));
    border-width: var(--box-border-width);
    border-style: var(--box-border-style);
    padding: var(--box-spacer-y) var(--box-spacer-x);
  }
  .box:not(:last-child), .box.vertical:not(:last-child), .column > .box:not(:last-child) {
    margin-bottom: 0.5rem;
  }
}
@layer defaults {
  :root {
    --size-c-button-font: var(--text-sm);
    --size-c-button-font-weight: var(--font-medium);
    --size-c-button-spacer-x: var(--spacing-4);
    --size-c-button-spacer-y: var(--spacing-3);
    --size-c-button-height: 2.5rem;
    --size-c-button-line-height: var(--leading-tight);
  }
  .button, al-tab-button, al-button {
    --color-p-button-bg: var(--color-c-button-core, var(--color-t-current-core));
    --color-p-button-bg-text: var(--color-c-button-core-text, var(--color-t-current-core-text));
    --color-p-button-bg-hover: rgba(var(--color-c-button-core-rgb, var(--color-t-current-core-rgb)), 0.8);
    --color-p-button-bg-hover-text: var(--color-c-button-core-text, var(--color-t-current-core-text));
    --color-p-button-bg-focus: rgba(var(--color-c-button-emphasis-rgb, var(--color-t-current-emphasis-rgb)), 0.8);
    --color-p-button-bg-focus-text: var(--color-c-button-emphasis-text, var(--color-t-current-emphasis-text));
    --color-p-button-bg-active: rgba(var(--color-c-button-emphasis-rgb, var(--color-t-current-emphasis-rgb)), 0.9);
    --color-p-button-bg-active-text: var(--color-c-button-emphasis-text, var(--color-t-current-emphasis-text));
    --color-p-button-border: var(--color-c-button-border-flashy, var(--color-t-current-border-flashy));
    --style-p-button-border: var(--style-c-button-border, var(--style-t-current-border));
    --size-p-button-font: var(--size-c-button-font);
    --size-p-button-font-weight: var(--size-c-button-font-weight);
    --size-p-button-border: var(--size-c-button-border, var(--size-t-current-border));
    --size-p-button-border-radius: var(--size-c-button-border-radius, var(--size-t-current-border-radius));
    --color-s-button-bg: var(--color-p-button-bg);
    --color-s-button-bg-text: var(--color-p-button-bg-text);
    --size-p-button-spacer-y: var(--size-c-button-spacer-y, var(--size-t-current-spacer-y));
    --size-p-button-spacer-x: var(--size-c-button-spacer-x, var(--size-t-current-spacer-x));
    display: inline-flex;
    background-color: var(--color-s-button-bg);
    color: var(--color-s-button-bg-text);
    font-size: var(--size-p-button-font);
    font-weight: var(--size-p-button-font-weight);
    min-height: var(--size-c-button-height);
    line-height: var(--size-c-button-line-height);
    border-radius: var(--size-p-button-border-radius);
    border-width: var(--size-p-button-border);
    border-color: var(--color-p-button-border);
    border-style: var(--style-p-button-border);
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-bottom: var(--size-p-button-spacer-y);
    padding-top: var(--size-p-button-spacer-y);
    padding-left: var(--size-p-button-spacer-x);
    padding-right: var(--size-p-button-spacer-x);
    text-decoration: none;
    white-space: nowrap;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    letter-spacing: var(--tracking-wide);
    transition: background 0.15s ease-in-out;
  }
  .button:hover, al-tab-button:hover, al-button:hover {
    --color-s-button-bg: var(--color-p-button-bg-hover);
    --color-s-button-bg-text: var(--color-p-button-bg-hover-text);
  }
  .button:focus, al-tab-button:focus, al-button:focus {
    --color-s-button-bg: var(--color-p-button-bg-focus);
    --color-s-button-bg-text: var(--color-p-button-bg-focus-text);
    outline: 2px solid var(--color-p-button-bg-focus);
    outline-offset: 2px;
  }
  .button:active, al-tab-button:active, al-button:active {
    --color-s-button-bg: var(--color-p-button-bg-active);
    --color-s-button-bg-text: var(--color-p-button-bg-active-text);
  }
}
@layer defaults {
  .column {
    display: flex;
    flex-direction: column;
  }
}
@layer utilities {
  :root {
    --divider-width: 1px;
  }
  .divider {
    display: flex;
    align-items: center;
    align-self: stretch;
    white-space: nowrap;
  }
  .divider::before, .divider::after {
    content: "";
    background-color: rgba(var(--color-c-divider-accent-rgb, var(--color-t-current-accent-rgb)), 0.2);
  }
  .divider:not(:empty) {
    gap: 0.55rem;
  }
  .divider, .divider.vertical, .column > .divider {
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: 1rem;
  }
  .divider::before, .divider::after, .divider.vertical::before, .divider.vertical::after, .column > .divider::before, .column > .divider::after {
    flex-grow: 0;
    height: var(--divider-width);
    width: 100%;
  }
  .divider.horizontal, .level > .divider, .level-item > .divider {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 0;
    margin-bottom: 0;
    height: auto;
    width: 1rem;
    flex-direction: column;
  }
  .divider.horizontal::before, .divider.horizontal::after, .level > .divider::before, .level > .divider::after, .level-item > .divider::before, .level-item > .divider::after {
    height: 100%;
    width: var(--divider-width);
  }
}
@layer defaults {
  .level {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .level:has(> .divider) {
    justify-content: space-evenly;
  }
  .level-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .level-left,
  .level-right {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .level-item {
    align-items: center;
    display: flex;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
  }
}
@layer defaults {
  :root {
    --size-c-table-cell-padding: var(--spacing-3) var(--spacing-4);
    --size-c-table-row-height: 3rem;
    --size-c-table-border: 0;
    --color-c-table-bg: transparent;
  }
  .table, al-table table {
    --color-p-table-bg: var(--color-c-table-bg, var(--color-t-current-bg));
    --color-p-table-bg-text: var(--color-c-table-bg-text, var(--color-t-current-bg-text));
    --color-p-table-bg-striped: rgba(var(--color-c-table-subtle-rgb, var(--color-t-current-subtle-rgb)), 0.6);
    --color-p-table-bg-striped-text: var(--color-c-table-subtle-text, var(--color-t-current-subtle-text));
    --color-p-table-bg-hover: rgba(var(--color-c-table-subtle-rgb, var(--color-t-current-subtle-rgb)), 0.4);
    --color-p-table-bg-hover-text: var(--color-c-table-subtle-text, var(--color-t-current-subtle-text));
    --color-p-table-bg-selected: rgba(var(--color-c-table-subtle-rgb, var(--color-t-current-subtle-rgb)), 0.2);
    --color-p-table-bg-selected-text: var(--color-c-table-subtle-text, var(--color-t-current-subtle-text));
    --size-p-table-border-inner: var(--size-c-table-border-inner, var(--size-t-current-border-inner));
    --color-p-table-border: var(--color-c-table-subtle, var(--color-t-current-subtle));
    --size-p-table-border: var(--size-c-table-border, var(--size-t-current-border));
    --size-p-table-border-radius: var(--size-c-table-border-radius, var(--size-t-current-border-radius));
    --style-p-table-border: var(--style-c-table-border, var(--style-t-current-border));
    --size-p-table-cell-padding: var(--size-c-table-cell-padding, var(--size-t-current-cell-padding));
    --color-p-card-border-inner: var(--color-c-table-subtle, var(--color-t-current-subtle));
    --color-s-table-bg: var(--color-p-table-bg);
    --color-s-table-bg-text: var(--color-p-table-bg-text);
    width: 100%;
    color: var(--color-s-table-bg-text);
    background-color: var(--color-s-table-bg);
    border-color: var(--color-p-table-border);
    border-radius: var(--size-p-table-border-radius);
    border-width: var(--size-p-table-border);
    border-style: var(--style-p-table-border);
  }
  .table thead, al-table table thead {
    vertical-align: bottom;
  }
  .table tbody, al-table table tbody {
    vertical-align: inherit;
  }
  .table th, al-table table th,
  .table td,
  al-table table td {
    text-align: inherit;
    padding: var(--size-p-table-cell-padding);
    min-height: var(--size-c-table-row-height);
    vertical-align: middle;
    color: var(--color-s-table-text);
    background-color: var(--color-s-table-bg);
    border-bottom: var(--size-p-table-border-inner) var(--style-p-table-border) var(--color-p-card-border-inner);
  }
  .table:not(.table-bordered), al-table table:not(.table-bordered) {
    --size-c-table-border: 0;
  }
  .table:not(:has(tfoot)) tbody tr:last-child th, al-table table:not(:has(tfoot)) tbody tr:last-child th, .table:not(:has(tfoot)) tbody tr:last-child td, al-table table:not(:has(tfoot)) tbody tr:last-child td {
    border-bottom: 0;
  }
  .table-bordered, al-table.table-bordered table {
    --size-c-table-border: 1px;
  }
  .table-striped tbody > tr:nth-of-type(odd) > * {
    --color-s-table-bg: var(--color-p-table-bg-striped);
    --color-s-table-bg-text: var(--color-p-table-bg-striped-text);
  }
  .table-hover tbody > tr:hover > * {
    --color-s-table-bg: var(--color-p-table-bg-hover);
    --color-s-table-bg-text: var(--color-p-table-bg-hover-text);
  }
  .table tbody > tr.selected > *, al-table table tbody > tr.selected > * {
    --color-s-table-bg: var(--color-p-table-bg-selected);
    --color-s-table-bg-text: var(--color-p-table-bg-selected-text);
  }
}
@layer defaults {
  :root {
    --size-c-input-border: 1px;
    --style-c-input-border: solid;
    --size-c-input-spacer-x: 0.75em;
    --size-c-input-spacer-y: 0.5em;
  }
  .input-defaults, al-table thead th input, al-select, al-select .dropdown, textarea,
  select,
  input:not([type=checkbox]):not([type=radio]) {
    --color-p-input-accent: var(--color-c-input-accent, var(--color-t-current-accent));
    --color-p-input-accent-text: var(--color-c-input-accent-text, var(--color-t-current-accent-text));
    --color-p-input-bg: var(--color-c-input-bg, var(--color-t-current-bg));
    --color-p-input-text: var(--color-c-input-bg-text, var(--color-t-current-bg-text));
    --color-p-input-placeholder: var(--color-c-input-bg-text, var(--color-t-current-bg-text));
    --size-p-input-border: var(--size-c-input-border, var(--size-t-current-border));
    --size-p-input-border-radius: var(--size-c-input-border-radius, var(--size-t-current-border-radius));
    --style-p-input-border: var(--style-c-input-border, var(--style-t-current-border));
    --size-p-input-spacer-y: var(--size-c-input-spacer-y, var(--size-t-current-spacer-y));
    --size-p-input-spacer-x: var(--size-c-input-spacer-x, var(--size-t-current-spacer-x));
    --color-p-input-border: var(--color-c-input-subtle, var(--color-t-current-subtle));
    --color-p-input-border-hover: var(--color-c-input-subtle-hover, var(--color-t-current-subtle-hover));
    --color-p-input-border-focus: var(--color-c-input-border-flashy, var(--color-t-current-border-flashy));
    color: var(--color-p-input-text);
    accent-color: var(--color-p-input-accent);
    background-color: var(--color-p-input-bg);
    border-color: var(--color-p-input-border);
    position: relative;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .input-defaults:hover, al-table thead th input:hover, al-select:hover, al-select .dropdown:hover, textarea:hover,
  select:hover,
  input:hover:not([type=checkbox]):not([type=radio]) {
    --color-p-input-border: var(--color-p-input-border-hover);
  }
  .input-defaults:active, al-table thead th input:active, al-select:active, al-select .dropdown:active, textarea:active,
  select:active,
  input:active:not([type=checkbox]):not([type=radio]), .input-defaults:focus, al-table thead th input:focus, al-select:focus, al-select .dropdown:focus, textarea:focus,
  select:focus,
  input:focus:not([type=checkbox]):not([type=radio]) {
    --color-p-input-border: var(--color-p-input-border-focus);
    outline: 0;
    box-shadow: 0 0 0 0.125em rgba(var(--color-c-input-emphasis-rgb, var(--color-t-current-emphasis-rgb)), 0.25);
  }
  textarea,
  select,
  input:not([type=checkbox]):not([type=radio]) {
    align-items: center;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.5em;
    justify-content: flex-start;
    line-height: 1.5;
    vertical-align: top;
    border-radius: var(--size-p-input-border-radius);
    border-width: var(--size-p-input-border);
    border-style: var(--style-p-input-border);
    padding-bottom: var(--size-p-input-spacer-y);
    padding-top: var(--size-p-input-spacer-y);
    padding-left: var(--size-p-input-spacer-x);
    padding-right: var(--size-p-input-spacer-x);
  }
  select {
    background-image: var(--image-t-current-chevron);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 16px 12px;
    padding-right: calc(var(--size-p-input-spacer-x) + 1.1rem);
  }
  .control {
    position: relative;
    text-align: inherit;
  }
  .control:has(> .prefix) input {
    padding-left: 2.5em;
  }
  .control:has(> .suffix) input {
    padding-right: 2.5em;
  }
  .control > .prefix,
  .control > .suffix {
    height: 2.5em;
    width: 2.5em;
  }
  .control > .prefix {
    left: 0;
  }
  .control > .suffix {
    right: 0;
  }
  .control input {
    width: 100%;
    max-width: 100%;
  }
  .input-defaults::-moz-placeholder, al-table thead th input::-moz-placeholder, al-select::-moz-placeholder, al-select .dropdown::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, input:not([type=checkbox]):not([type=radio])::-moz-placeholder {
    color: var(--color-p-input-placeholder);
    opacity: 0.6;
  }
  .input-defaults::placeholder, al-table thead th input::placeholder, al-select::placeholder, al-select .dropdown::placeholder, textarea::placeholder,
  select::placeholder,
  input:not([type=checkbox]):not([type=radio])::placeholder,
  .control > .prefix,
  .control > .suffix {
    color: var(--color-p-input-placeholder);
    opacity: 0.6;
  }
  label {
    display: inline-block;
  }
  label:has(.input-defaults, al-table thead th input, al-select, al-select .dropdown, textarea,
  select,
  input:not([type=checkbox]):not([type=radio])) {
    margin-bottom: 0.5em;
  }
  label:has(.input-defaults, al-table thead th input, al-select, al-select .dropdown, textarea,
  select,
  input:not([type=checkbox]):not([type=radio])) > * {
    display: block;
  }
}
.control > .prefix,
.control > .suffix {
  position: absolute;
  top: 0;
  z-index: 4;
  pointer-events: none;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

@layer defaults {
  :root {
    --size-c-card-border: 1px;
    --size-c-card-border-inner: 1px;
    --style-c-card-border: solid;
    --size-c-card-spacer-x: var(--spacing-6);
    --size-c-card-spacer-y: var(--spacing-4);
    --size-c-card-header-spacer-y: var(--spacing-4);
    --size-c-card-footer-spacer-y: var(--spacing-4);
  }
  .card {
    --color-p-card-decoration-bg: var(--color-c-card-bg-subtle, var(--color-t-current-bg-subtle));
    --color-p-card-border: var(--color-c-card-subtle, var(--color-t-current-subtle));
    --color-p-card-bg: var(--color-c-card-bg, var(--color-t-current-bg));
    --color-p-card-text: var(--color-c-card-bg-text, var(--color-t-current-bg-text));
    --size-p-card-border-inner: var(--size-c-card-border-inner, var(--size-t-current-border-inner));
    --size-p-card-border: var(--size-c-card-border, var(--size-t-current-border));
    --size-p-card-border-radius: var(--size-c-card-border-radius, var(--size-t-current-border-radius));
    --style-p-card-border: var(--style-c-card-border, var(--style-t-current-border));
    --size-p-card-spacer-y: var(--size-c-card-spacer-y, var(--size-t-current-spacer-y));
    --size-p-card-spacer-x: var(--size-c-card-spacer-x, var(--size-t-current-spacer-x));
    --size-p-card-header-spacer-y: var(--size-c-card-header-spacer-y, var(--size-p-card-spacer-y));
    --size-p-card-header-spacer-x: var(--size-c-card-header-spacer-x, var(--size-p-card-spacer-x));
    --size-p-card-header-spacer-y-bottom: var(--size-c-card-header-spacer-y-bottom, var(--size-p-card-header-spacer-y));
    --size-p-card-footer-spacer-y: var(--size-c-card-footer-spacer-y, var(--size-p-card-spacer-y));
    --size-p-card-footer-spacer-x: var(--size-c-card-footer-spacer-y, var(--size-p-card-spacer-x));
    display: flex;
    flex-direction: column;
    position: relative;
    word-wrap: break-word;
    color: var(--color-p-card-text);
    background-color: var(--color-p-card-bg);
    border-color: var(--color-p-card-border);
    border-radius: var(--size-p-card-border-radius);
    border-width: var(--size-p-card-border);
    border-style: var(--style-p-card-border);
  }
  .card-footer, .card-header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
  }
  .card-footer > *, .card-header > * {
    margin-top: 0;
    margin-bottom: 0;
    align-self: center;
  }
  .card-header {
    margin-bottom: 0;
    border-bottom: var(--size-p-card-border-inner) var(--style-p-card-border) var(--color-p-card-border);
    padding: var(--size-p-card-header-spacer-y) var(--size-p-card-header-spacer-x) var(--size-p-card-header-spacer-y-bottom, var(--size-p-card-header-spacer-y));
    background-color: var(--card-color-header-bg, var(--color-p-card-decoration-bg));
    border-radius: var(--size-p-card-border-radius) var(--size-p-card-border-radius) 0 0;
  }
  .card-footer {
    margin-top: 0;
    border-top: var(--size-p-card-border-inner) var(--style-p-card-border) var(--color-p-card-border);
    padding: var(--size-p-card-footer-spacer-y) var(--size-p-card-footer-spacer-x) var(--size-p-card-footer-spacer-y-bottom, var(--size-p-card-footer-spacer-y));
    background-color: var(--card-color-footer-bg, var(--color-p-card-decoration-bg));
    border-radius: 0 0 var(--size-p-card-border-radius) var(--size-p-card-border-radius);
  }
  .card-body {
    flex: 1 1 auto;
    padding: var(--size-p-card-spacer-y) 0;
    --content-column-name: feature;
    --content-column-padding: var(--size-p-card-spacer-x);
  }
}
@layer defaults {
  .heading,
  .footing {
    display: block;
    font-size: var(--text-sm);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    font-weight: var(--font-medium);
  }
  .heading {
    margin-bottom: var(--spacing-2);
  }
  .footing {
    margin-top: var(--spacing-2);
  }
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    margin-bottom: var(--spacing-4);
    font-weight: var(--font-semibold);
    line-height: var(--leading-tight);
    color: var(--heading-color-text, var(--color-t-current-bg-text));
    letter-spacing: var(--tracking-tight);
  }
  h1, .h1 {
    font-size: var(--text-5xl);
    line-height: var(--leading-tight);
    margin-bottom: var(--spacing-6);
    font-weight: var(--font-bold);
    letter-spacing: var(--tracking-tighter);
  }
  h2, .h2 {
    font-size: var(--text-4xl);
    line-height: var(--leading-tight);
    margin-bottom: var(--spacing-5);
    font-weight: var(--font-semibold);
    letter-spacing: var(--tracking-tight);
  }
  h3, .h3 {
    font-size: var(--text-3xl);
    line-height: var(--leading-snug);
    margin-bottom: var(--spacing-4);
    font-weight: var(--font-semibold);
    letter-spacing: var(--tracking-tight);
  }
  h4, .h4 {
    font-size: var(--text-2xl);
    line-height: var(--leading-snug);
    margin-bottom: var(--spacing-3);
    font-weight: var(--font-medium);
    letter-spacing: var(--tracking-normal);
  }
  h5, .h5 {
    font-size: var(--text-xl);
    line-height: var(--leading-normal);
    margin-bottom: var(--spacing-3);
    font-weight: var(--font-medium);
    letter-spacing: var(--tracking-normal);
  }
  h6, .h6 {
    font-size: var(--text-lg);
    line-height: var(--leading-normal);
    margin-bottom: var(--spacing-2);
    font-weight: var(--font-medium);
    letter-spacing: var(--tracking-normal);
  }
  @media (max-width: 768px) {
    h1, .h1 {
      font-size: var(--text-4xl);
      margin-bottom: var(--spacing-5);
    }
    h2, .h2 {
      font-size: var(--text-3xl);
      margin-bottom: var(--spacing-4);
    }
    h3, .h3 {
      font-size: var(--text-2xl);
      margin-bottom: var(--spacing-3);
    }
  }
}
@layer defaults {
  :root {
    --menu-arrow-content: "\f105";
    --menu-arrow-font: "Font Awesome 6 Pro", "Font Awesome 6 Free";
    --color-c-menu-bg: transparent;
    --size-c-menu-spacer-x: 0.5em;
    --size-c-menu-spacer-y: 0.75em;
    --size-c-menu-indent-left: 0.5em;
  }
  .menu {
    --color-p-menu-bg: var(--color-c-menu-bg, var(--color-t-current-bg));
    --color-p-menu-bg-text: var(--color-c-menu-bg-text, var(--color-t-current-bg-text));
    --color-p-menu-bg-hover: rgba(var(--color-c-menu-core-rgb, var(--color-t-current-core-rgb)), 0.8);
    --color-p-menu-bg-hover-text: var(--color-c-menu-core-text, var(--color-t-current-core-text));
    --color-p-menu-bg-focus: rgba(var(--color-c-menu-emphasis-rgb, var(--color-t-current-emphasis-rgb)), 0.8);
    --color-p-menu-bg-focus-text: var(--color-c-menu-emphasis-text, var(--color-t-current-emphasis-text));
    --color-p-menu-bg-active: rgba(var(--color-c-menu-emphasis-rgb, var(--color-t-current-emphasis-rgb)), 0.9);
    --color-p-menu-bg-active-text: var(--color-c-menu-emphasis-text, var(--color-t-current-emphasis-text));
    --color-p-menu-bg-sub: var(--color-c-menu-bg-subtle, var(--color-t-current-bg-subtle));
    --color-p-menu-bg-sub-text: var(--color-c-menu-bg-subtle-text, var(--color-t-current-bg-subtle-text));
    --color-s-menu-bg: var(--color-p-menu-bg);
    --color-s-menu-bg-text: var(--color-p-menu-bg-text);
  }
  .menu .menu-list {
    list-style: none;
    line-height: 1.25;
    margin: 0;
    padding: 0;
    min-height: 0;
    overflow: clip;
  }
  .menu .menu-list-animator {
    display: grid;
    grid-template-rows: 1fr;
    min-height: 0;
    transition: grid-template-rows var(--duration-animation);
    overflow: clip;
  }
  .menu .menu-list-animator .menu-list {
    transition: margin var(--duration-animation);
  }
  .menu .menu-item {
    margin-bottom: 0;
  }
  .menu .menu-item .menu-list {
    border-left: 1px solid rgba(var(--color-c-menu-emphasis-rgb, var(--color-t-current-emphasis-rgb)), 0.4);
    margin: 0.5rem 1rem;
    --color-s-menu-bg: var(--color-p-menu-bg-sub);
    --color-s-menu-bg-text: var(--color-p-menu-bg-sub-text);
  }
  .menu .menu-item .menu-list .menu-link {
    padding-left: calc(var(--size-c-menu-indent-left) + var(--size-c-menu-spacer-x));
  }
  .menu .menu-item:has(> .menu-list-animator):has(input[type=radio]:not(:checked), input[type=checkbox]:not(:checked)) .menu-list-animator:not(:focus-within) {
    grid-template-rows: 0fr;
  }
  .menu .menu-item:has(> .menu-list-animator):has(input[type=radio]:not(:checked), input[type=checkbox]:not(:checked)) .menu-list:not(:focus-within) {
    margin: 0;
  }
  .menu .menu-item:not(:has(> .menu-list-animator)):has(input[type=radio]:not(:checked), input[type=checkbox]:not(:checked)) .menu-list:not(:focus-within) {
    height: 0;
    margin: 0;
  }
  .menu .menu-link {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: var(--size-c-menu-spacer-y) var(--size-c-menu-spacer-x);
    background-color: var(--color-s-menu-bg);
    color: var(--color-s-menu-bg-text);
    text-decoration: none;
  }
  .menu .menu-link input[type=radio],
  .menu .menu-link input[type=checkbox] {
    display: none;
  }
  .menu .menu-link:has(input[type=radio]:checked) > .menu-arrow::after, .menu .menu-link:has(input[type=checkbox]:checked) > .menu-arrow::after {
    transform: rotate(90deg);
  }
  .menu .menu-link:has(.is-active), .menu .menu-link:has(.active-link), .menu .menu-link:active, .menu .menu-link.is-active, .menu .menu-link.active-link {
    --color-s-menu-bg: var(--color-p-menu-bg-active);
    --color-s-menu-bg-text: var(--color-p-menu-bg-active-text);
  }
  .menu .menu-link .menu-icon,
  .menu .menu-link .menu-bullet {
    margin-right: 0.5em;
    min-width: 2rem;
  }
  .menu .menu-arrow {
    display: flex;
    align-items: stretch;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    margin-left: 5px;
    flex-grow: 1;
  }
  .menu .menu-arrow::after {
    transition: transform;
    transition-duration: 0.3s;
    margin-left: auto;
    content: var(--menu-arrow-content);
    font-family: var(--menu-arrow-font);
  }
}
@layer components {
  .menu .menu-link:focus {
    --color-s-menu-bg: var(--color-p-menu-bg-focus);
    --color-s-menu-bg-text: var(--color-p-menu-bg-focus-text);
  }
  .menu .menu-link:hover {
    --color-s-menu-bg: var(--color-p-menu-bg-hover);
    --color-s-menu-bg-text: var(--color-p-menu-bg-hover-text);
  }
}
@layer defaults {
  body {
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
    letter-spacing: var(--tracking-normal);
    font-weight: var(--font-normal);
  }
  p {
    margin-bottom: var(--spacing-4);
    line-height: var(--leading-relaxed);
  }
  p:last-child {
    margin-bottom: 0;
  }
  ul, ol {
    margin-bottom: var(--spacing-4);
    padding-left: var(--spacing-6);
  }
  ul li, ol li {
    margin-bottom: var(--spacing-2);
    line-height: var(--leading-normal);
  }
  blockquote {
    margin: var(--spacing-6) 0;
    padding-left: var(--spacing-6);
    border-left: 4px solid var(--color-t-current-border);
    font-style: italic;
    font-size: var(--text-lg);
    line-height: var(--leading-relaxed);
    color: var(--color-t-current-text-muted);
  }
  code {
    font-size: var(--text-sm);
    padding: var(--spacing-1) var(--spacing-2);
    background-color: var(--color-t-current-bg-subtle);
    border-radius: var(--radius-sm);
    font-weight: var(--font-medium);
  }
  pre {
    margin: var(--spacing-6) 0;
    padding: var(--spacing-4);
    background-color: var(--color-t-current-bg-subtle);
    border-radius: var(--radius-md);
    overflow-x: auto;
    line-height: var(--leading-normal);
  }
  pre code {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
  }
  .text-xs {
    font-size: var(--text-xs);
  }
  .text-sm {
    font-size: var(--text-sm);
  }
  .text-base {
    font-size: var(--text-base);
  }
  .text-lg {
    font-size: var(--text-lg);
  }
  .text-xl {
    font-size: var(--text-xl);
  }
  .text-2xl {
    font-size: var(--text-2xl);
  }
  .text-3xl {
    font-size: var(--text-3xl);
  }
  .text-4xl {
    font-size: var(--text-4xl);
  }
  .text-5xl {
    font-size: var(--text-5xl);
  }
  .text-6xl {
    font-size: var(--text-6xl);
  }
  .text-7xl {
    font-size: var(--text-7xl);
  }
  .text-8xl {
    font-size: var(--text-8xl);
  }
  .text-9xl {
    font-size: var(--text-9xl);
  }
  .font-thin {
    font-weight: var(--font-thin);
  }
  .font-extralight {
    font-weight: var(--font-extralight);
  }
  .font-light {
    font-weight: var(--font-light);
  }
  .font-normal {
    font-weight: var(--font-normal);
  }
  .font-medium {
    font-weight: var(--font-medium);
  }
  .font-semibold {
    font-weight: var(--font-semibold);
  }
  .font-bold {
    font-weight: var(--font-bold);
  }
  .font-extrabold {
    font-weight: var(--font-extrabold);
  }
  .font-black {
    font-weight: var(--font-black);
  }
  .leading-none {
    line-height: var(--leading-none);
  }
  .leading-tight {
    line-height: var(--leading-tight);
  }
  .leading-snug {
    line-height: var(--leading-snug);
  }
  .leading-normal {
    line-height: var(--leading-normal);
  }
  .leading-relaxed {
    line-height: var(--leading-relaxed);
  }
  .leading-loose {
    line-height: var(--leading-loose);
  }
  .tracking-tighter {
    letter-spacing: var(--tracking-tighter);
  }
  .tracking-tight {
    letter-spacing: var(--tracking-tight);
  }
  .tracking-normal {
    letter-spacing: var(--tracking-normal);
  }
  .tracking-wide {
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    letter-spacing: var(--tracking-widest);
  }
}
@layer utilities {
  .has-text-left {
    text-align: left !important;
  }
  .has-text-centered {
    text-align: center !important;
  }
  .has-text-right {
    text-align: right !important;
  }
  .has-text-justified {
    text-align: justify !important;
  }
  .text-left {
    text-align: left !important;
  }
  .text-center {
    text-align: center !important;
  }
  .text-right {
    text-align: right !important;
  }
  .text-justify {
    text-align: justify !important;
  }
}
@layer utilities {
  .m-0 {
    margin: 0 !important;
  }
  .mt-0 {
    margin-top: 0 !important;
  }
  .mr-0 {
    margin-right: 0 !important;
  }
  .mb-0 {
    margin-bottom: 0 !important;
  }
  .ml-0 {
    margin-left: 0 !important;
  }
  .mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-1 {
    margin: 0.25rem !important;
  }
  .mt-1 {
    margin-top: 0.25rem !important;
  }
  .mr-1 {
    margin-right: 0.25rem !important;
  }
  .mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-1 {
    margin-left: 0.25rem !important;
  }
  .mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-2 {
    margin: 0.5rem !important;
  }
  .mt-2 {
    margin-top: 0.5rem !important;
  }
  .mr-2 {
    margin-right: 0.5rem !important;
  }
  .mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-2 {
    margin-left: 0.5rem !important;
  }
  .mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-3 {
    margin: 0.75rem !important;
  }
  .mt-3 {
    margin-top: 0.75rem !important;
  }
  .mr-3 {
    margin-right: 0.75rem !important;
  }
  .mb-3 {
    margin-bottom: 0.75rem !important;
  }
  .ml-3 {
    margin-left: 0.75rem !important;
  }
  .mx-3 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
  .my-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .m-4 {
    margin: 1rem !important;
  }
  .mt-4 {
    margin-top: 1rem !important;
  }
  .mr-4 {
    margin-right: 1rem !important;
  }
  .mb-4 {
    margin-bottom: 1rem !important;
  }
  .ml-4 {
    margin-left: 1rem !important;
  }
  .mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-5 {
    margin: 1.25rem !important;
  }
  .mt-5 {
    margin-top: 1.25rem !important;
  }
  .mr-5 {
    margin-right: 1.25rem !important;
  }
  .mb-5 {
    margin-bottom: 1.25rem !important;
  }
  .ml-5 {
    margin-left: 1.25rem !important;
  }
  .mx-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
  .my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .m-6 {
    margin: 1.5rem !important;
  }
  .mt-6 {
    margin-top: 1.5rem !important;
  }
  .mr-6 {
    margin-right: 1.5rem !important;
  }
  .mb-6 {
    margin-bottom: 1.5rem !important;
  }
  .ml-6 {
    margin-left: 1.5rem !important;
  }
  .mx-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-8 {
    margin: 2rem !important;
  }
  .mt-8 {
    margin-top: 2rem !important;
  }
  .mr-8 {
    margin-right: 2rem !important;
  }
  .mb-8 {
    margin-bottom: 2rem !important;
  }
  .ml-8 {
    margin-left: 2rem !important;
  }
  .mx-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .my-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .m-10 {
    margin: 2.5rem !important;
  }
  .mt-10 {
    margin-top: 2.5rem !important;
  }
  .mr-10 {
    margin-right: 2.5rem !important;
  }
  .mb-10 {
    margin-bottom: 2.5rem !important;
  }
  .ml-10 {
    margin-left: 2.5rem !important;
  }
  .mx-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .m-12 {
    margin: 3rem !important;
  }
  .mt-12 {
    margin-top: 3rem !important;
  }
  .mr-12 {
    margin-right: 3rem !important;
  }
  .mb-12 {
    margin-bottom: 3rem !important;
  }
  .ml-12 {
    margin-left: 3rem !important;
  }
  .mx-12 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-12 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .m-16 {
    margin: 4rem !important;
  }
  .mt-16 {
    margin-top: 4rem !important;
  }
  .mr-16 {
    margin-right: 4rem !important;
  }
  .mb-16 {
    margin-bottom: 4rem !important;
  }
  .ml-16 {
    margin-left: 4rem !important;
  }
  .mx-16 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .my-16 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .m-20 {
    margin: 5rem !important;
  }
  .mt-20 {
    margin-top: 5rem !important;
  }
  .mr-20 {
    margin-right: 5rem !important;
  }
  .mb-20 {
    margin-bottom: 5rem !important;
  }
  .ml-20 {
    margin-left: 5rem !important;
  }
  .mx-20 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .my-20 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .m-24 {
    margin: 6rem !important;
  }
  .mt-24 {
    margin-top: 6rem !important;
  }
  .mr-24 {
    margin-right: 6rem !important;
  }
  .mb-24 {
    margin-bottom: 6rem !important;
  }
  .ml-24 {
    margin-left: 6rem !important;
  }
  .mx-24 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .my-24 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .m-32 {
    margin: 8rem !important;
  }
  .mt-32 {
    margin-top: 8rem !important;
  }
  .mr-32 {
    margin-right: 8rem !important;
  }
  .mb-32 {
    margin-bottom: 8rem !important;
  }
  .ml-32 {
    margin-left: 8rem !important;
  }
  .mx-32 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .my-32 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .p-0 {
    padding: 0 !important;
  }
  .pt-0 {
    padding-top: 0 !important;
  }
  .pr-0 {
    padding-right: 0 !important;
  }
  .pb-0 {
    padding-bottom: 0 !important;
  }
  .pl-0 {
    padding-left: 0 !important;
  }
  .px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-1 {
    padding: 0.25rem !important;
  }
  .pt-1 {
    padding-top: 0.25rem !important;
  }
  .pr-1 {
    padding-right: 0.25rem !important;
  }
  .pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-1 {
    padding-left: 0.25rem !important;
  }
  .px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-2 {
    padding: 0.5rem !important;
  }
  .pt-2 {
    padding-top: 0.5rem !important;
  }
  .pr-2 {
    padding-right: 0.5rem !important;
  }
  .pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-2 {
    padding-left: 0.5rem !important;
  }
  .px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-3 {
    padding: 0.75rem !important;
  }
  .pt-3 {
    padding-top: 0.75rem !important;
  }
  .pr-3 {
    padding-right: 0.75rem !important;
  }
  .pb-3 {
    padding-bottom: 0.75rem !important;
  }
  .pl-3 {
    padding-left: 0.75rem !important;
  }
  .px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .p-4 {
    padding: 1rem !important;
  }
  .pt-4 {
    padding-top: 1rem !important;
  }
  .pr-4 {
    padding-right: 1rem !important;
  }
  .pb-4 {
    padding-bottom: 1rem !important;
  }
  .pl-4 {
    padding-left: 1rem !important;
  }
  .px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-5 {
    padding: 1.25rem !important;
  }
  .pt-5 {
    padding-top: 1.25rem !important;
  }
  .pr-5 {
    padding-right: 1.25rem !important;
  }
  .pb-5 {
    padding-bottom: 1.25rem !important;
  }
  .pl-5 {
    padding-left: 1.25rem !important;
  }
  .px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  .py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .p-6 {
    padding: 1.5rem !important;
  }
  .pt-6 {
    padding-top: 1.5rem !important;
  }
  .pr-6 {
    padding-right: 1.5rem !important;
  }
  .pb-6 {
    padding-bottom: 1.5rem !important;
  }
  .pl-6 {
    padding-left: 1.5rem !important;
  }
  .px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-8 {
    padding: 2rem !important;
  }
  .pt-8 {
    padding-top: 2rem !important;
  }
  .pr-8 {
    padding-right: 2rem !important;
  }
  .pb-8 {
    padding-bottom: 2rem !important;
  }
  .pl-8 {
    padding-left: 2rem !important;
  }
  .px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .p-10 {
    padding: 2.5rem !important;
  }
  .pt-10 {
    padding-top: 2.5rem !important;
  }
  .pr-10 {
    padding-right: 2.5rem !important;
  }
  .pb-10 {
    padding-bottom: 2.5rem !important;
  }
  .pl-10 {
    padding-left: 2.5rem !important;
  }
  .px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .p-12 {
    padding: 3rem !important;
  }
  .pt-12 {
    padding-top: 3rem !important;
  }
  .pr-12 {
    padding-right: 3rem !important;
  }
  .pb-12 {
    padding-bottom: 3rem !important;
  }
  .pl-12 {
    padding-left: 3rem !important;
  }
  .px-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .p-16 {
    padding: 4rem !important;
  }
  .pt-16 {
    padding-top: 4rem !important;
  }
  .pr-16 {
    padding-right: 4rem !important;
  }
  .pb-16 {
    padding-bottom: 4rem !important;
  }
  .pl-16 {
    padding-left: 4rem !important;
  }
  .px-16 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .py-16 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .p-20 {
    padding: 5rem !important;
  }
  .pt-20 {
    padding-top: 5rem !important;
  }
  .pr-20 {
    padding-right: 5rem !important;
  }
  .pb-20 {
    padding-bottom: 5rem !important;
  }
  .pl-20 {
    padding-left: 5rem !important;
  }
  .px-20 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .py-20 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .p-24 {
    padding: 6rem !important;
  }
  .pt-24 {
    padding-top: 6rem !important;
  }
  .pr-24 {
    padding-right: 6rem !important;
  }
  .pb-24 {
    padding-bottom: 6rem !important;
  }
  .pl-24 {
    padding-left: 6rem !important;
  }
  .px-24 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .py-24 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .p-32 {
    padding: 8rem !important;
  }
  .pt-32 {
    padding-top: 8rem !important;
  }
  .pr-32 {
    padding-right: 8rem !important;
  }
  .pb-32 {
    padding-bottom: 8rem !important;
  }
  .pl-32 {
    padding-left: 8rem !important;
  }
  .px-32 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .py-32 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .gap-0 {
    gap: 0 !important;
  }
  .gap-x-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .gap-y-0 {
    row-gap: 0 !important;
  }
  .gap-1 {
    gap: 0.25rem !important;
  }
  .gap-x-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .gap-y-1 {
    row-gap: 0.25rem !important;
  }
  .gap-2 {
    gap: 0.5rem !important;
  }
  .gap-x-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .gap-y-2 {
    row-gap: 0.5rem !important;
  }
  .gap-3 {
    gap: 0.75rem !important;
  }
  .gap-x-3 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-y-3 {
    row-gap: 0.75rem !important;
  }
  .gap-4 {
    gap: 1rem !important;
  }
  .gap-x-4 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-y-4 {
    row-gap: 1rem !important;
  }
  .gap-5 {
    gap: 1.25rem !important;
  }
  .gap-x-5 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-y-5 {
    row-gap: 1.25rem !important;
  }
  .gap-6 {
    gap: 1.5rem !important;
  }
  .gap-x-6 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-y-6 {
    row-gap: 1.5rem !important;
  }
  .gap-8 {
    gap: 2rem !important;
  }
  .gap-x-8 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .gap-y-8 {
    row-gap: 2rem !important;
  }
  .gap-10 {
    gap: 2.5rem !important;
  }
  .gap-x-10 {
    -moz-column-gap: 2.5rem !important;
         column-gap: 2.5rem !important;
  }
  .gap-y-10 {
    row-gap: 2.5rem !important;
  }
  .gap-12 {
    gap: 3rem !important;
  }
  .gap-x-12 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .gap-y-12 {
    row-gap: 3rem !important;
  }
  .gap-16 {
    gap: 4rem !important;
  }
  .gap-x-16 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .gap-y-16 {
    row-gap: 4rem !important;
  }
  .gap-20 {
    gap: 5rem !important;
  }
  .gap-x-20 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
  .gap-y-20 {
    row-gap: 5rem !important;
  }
  .gap-24 {
    gap: 6rem !important;
  }
  .gap-x-24 {
    -moz-column-gap: 6rem !important;
         column-gap: 6rem !important;
  }
  .gap-y-24 {
    row-gap: 6rem !important;
  }
  .gap-32 {
    gap: 8rem !important;
  }
  .gap-x-32 {
    -moz-column-gap: 8rem !important;
         column-gap: 8rem !important;
  }
  .gap-y-32 {
    row-gap: 8rem !important;
  }
  .space-x-0 > * + * {
    margin-left: 0 !important;
  }
  .space-y-0 > * + * {
    margin-top: 0 !important;
  }
  .space-x-1 > * + * {
    margin-left: 0.25rem !important;
  }
  .space-y-1 > * + * {
    margin-top: 0.25rem !important;
  }
  .space-x-2 > * + * {
    margin-left: 0.5rem !important;
  }
  .space-y-2 > * + * {
    margin-top: 0.5rem !important;
  }
  .space-x-3 > * + * {
    margin-left: 0.75rem !important;
  }
  .space-y-3 > * + * {
    margin-top: 0.75rem !important;
  }
  .space-x-4 > * + * {
    margin-left: 1rem !important;
  }
  .space-y-4 > * + * {
    margin-top: 1rem !important;
  }
  .space-x-5 > * + * {
    margin-left: 1.25rem !important;
  }
  .space-y-5 > * + * {
    margin-top: 1.25rem !important;
  }
  .space-x-6 > * + * {
    margin-left: 1.5rem !important;
  }
  .space-y-6 > * + * {
    margin-top: 1.5rem !important;
  }
  .space-x-8 > * + * {
    margin-left: 2rem !important;
  }
  .space-y-8 > * + * {
    margin-top: 2rem !important;
  }
  .space-x-10 > * + * {
    margin-left: 2.5rem !important;
  }
  .space-y-10 > * + * {
    margin-top: 2.5rem !important;
  }
  .space-x-12 > * + * {
    margin-left: 3rem !important;
  }
  .space-y-12 > * + * {
    margin-top: 3rem !important;
  }
  .space-x-16 > * + * {
    margin-left: 4rem !important;
  }
  .space-y-16 > * + * {
    margin-top: 4rem !important;
  }
  .space-x-20 > * + * {
    margin-left: 5rem !important;
  }
  .space-y-20 > * + * {
    margin-top: 5rem !important;
  }
  .space-x-24 > * + * {
    margin-left: 6rem !important;
  }
  .space-y-24 > * + * {
    margin-top: 6rem !important;
  }
  .space-x-32 > * + * {
    margin-left: 8rem !important;
  }
  .space-y-32 > * + * {
    margin-top: 8rem !important;
  }
  .-m-1 {
    margin: -0.25rem !important;
  }
  .-mt-1 {
    margin-top: -0.25rem !important;
  }
  .-mr-1 {
    margin-right: -0.25rem !important;
  }
  .-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .-ml-1 {
    margin-left: -0.25rem !important;
  }
  .-m-2 {
    margin: -0.5rem !important;
  }
  .-mt-2 {
    margin-top: -0.5rem !important;
  }
  .-mr-2 {
    margin-right: -0.5rem !important;
  }
  .-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .-ml-2 {
    margin-left: -0.5rem !important;
  }
  .-m-3 {
    margin: -0.75rem !important;
  }
  .-mt-3 {
    margin-top: -0.75rem !important;
  }
  .-mr-3 {
    margin-right: -0.75rem !important;
  }
  .-mb-3 {
    margin-bottom: -0.75rem !important;
  }
  .-ml-3 {
    margin-left: -0.75rem !important;
  }
  .-m-4 {
    margin: -1rem !important;
  }
  .-mt-4 {
    margin-top: -1rem !important;
  }
  .-mr-4 {
    margin-right: -1rem !important;
  }
  .-mb-4 {
    margin-bottom: -1rem !important;
  }
  .-ml-4 {
    margin-left: -1rem !important;
  }
  .-m-5 {
    margin: -1.25rem !important;
  }
  .-mt-5 {
    margin-top: -1.25rem !important;
  }
  .-mr-5 {
    margin-right: -1.25rem !important;
  }
  .-mb-5 {
    margin-bottom: -1.25rem !important;
  }
  .-ml-5 {
    margin-left: -1.25rem !important;
  }
  .-m-6 {
    margin: -1.5rem !important;
  }
  .-mt-6 {
    margin-top: -1.5rem !important;
  }
  .-mr-6 {
    margin-right: -1.5rem !important;
  }
  .-mb-6 {
    margin-bottom: -1.5rem !important;
  }
  .-ml-6 {
    margin-left: -1.5rem !important;
  }
  .-m-8 {
    margin: -2rem !important;
  }
  .-mt-8 {
    margin-top: -2rem !important;
  }
  .-mr-8 {
    margin-right: -2rem !important;
  }
  .-mb-8 {
    margin-bottom: -2rem !important;
  }
  .-ml-8 {
    margin-left: -2rem !important;
  }
  .-m-10 {
    margin: -2.5rem !important;
  }
  .-mt-10 {
    margin-top: -2.5rem !important;
  }
  .-mr-10 {
    margin-right: -2.5rem !important;
  }
  .-mb-10 {
    margin-bottom: -2.5rem !important;
  }
  .-ml-10 {
    margin-left: -2.5rem !important;
  }
  .-m-12 {
    margin: -3rem !important;
  }
  .-mt-12 {
    margin-top: -3rem !important;
  }
  .-mr-12 {
    margin-right: -3rem !important;
  }
  .-mb-12 {
    margin-bottom: -3rem !important;
  }
  .-ml-12 {
    margin-left: -3rem !important;
  }
  .-m-16 {
    margin: -4rem !important;
  }
  .-mt-16 {
    margin-top: -4rem !important;
  }
  .-mr-16 {
    margin-right: -4rem !important;
  }
  .-mb-16 {
    margin-bottom: -4rem !important;
  }
  .-ml-16 {
    margin-left: -4rem !important;
  }
  .-m-20 {
    margin: -5rem !important;
  }
  .-mt-20 {
    margin-top: -5rem !important;
  }
  .-mr-20 {
    margin-right: -5rem !important;
  }
  .-mb-20 {
    margin-bottom: -5rem !important;
  }
  .-ml-20 {
    margin-left: -5rem !important;
  }
  .-m-24 {
    margin: -6rem !important;
  }
  .-mt-24 {
    margin-top: -6rem !important;
  }
  .-mr-24 {
    margin-right: -6rem !important;
  }
  .-mb-24 {
    margin-bottom: -6rem !important;
  }
  .-ml-24 {
    margin-left: -6rem !important;
  }
  .-m-32 {
    margin: -8rem !important;
  }
  .-mt-32 {
    margin-top: -8rem !important;
  }
  .-mr-32 {
    margin-right: -8rem !important;
  }
  .-mb-32 {
    margin-bottom: -8rem !important;
  }
  .-ml-32 {
    margin-left: -8rem !important;
  }
}
@layer defaults {
  .current-defaults {
    background-color: var(--color-t-current-bg);
    color: var(--color-t-app-bg-text);
  }
  .current-border {
    border-color: var(--color-t-current-border);
    border-radius: var(--size-t-current-border-radius);
    border-width: var(--size-t-current-border);
    border-style: var(--style-t-current-border);
  }
}
@media (prefers-color-scheme: dark) {
  body:has(al-color-mode-selector .select-mode-label option[value=auto]:checked) {
    --color-t-primary-core: #0d6efd;
    --color-t-primary-core-rgb: 13, 110, 253;
    --color-t-primary-core-text: #fff;
    --color-t-primary-accent: #fd9c0d;
    --color-t-primary-accent-rgb: 253, 156, 13;
    --color-t-primary-accent-text: rgb(99.2234375, 61.18125, 5.0984375);
    --color-t-primary-bg: rgb(2.6, 22, 50.6);
    --color-t-primary-bg-text: rgb(204.52, 208.4, 214.12);
    --color-t-primary-bg-subtle: rgb(5.2, 44, 101.2);
    --color-t-primary-bg-subtle-text: rgb(205.04, 212.8, 224.24);
    --color-t-primary-border: rgb(7.8, 66, 151.8);
    --color-t-primary-border-flashy: rgb(61.4, 139, 253.4);
    --color-t-primary-emphasis-rgb: 158.2, 197, 254.2;
    --color-t-primary-emphasis-text: rgb(65.62828125, 81.72421875, 105.45328125);
    --color-t-primary-subtle: rgb(5.2, 44, 101.2);
    --color-t-primary-subtle-rgb: 5.2, 44, 101.2;
    --color-t-primary-subtle-text: rgb(205.04, 212.8, 224.24);
    --color-t-primary-subtle-hover: rgb(10.4, 88, 202.4);
    --color-t-secondary-core: rgb(131.2, 138.4, 145.6);
    --color-t-secondary-core-rgb: 131.2, 138.4, 145.6;
    --color-t-secondary-core-text: rgb(33.7225, 35.573125, 37.42375);
    --color-t-secondary-accent: rgb(145.6, 138.4, 131.2);
    --color-t-secondary-accent-rgb: 145.6, 138.4, 131.2;
    --color-t-secondary-accent-text: rgb(39.01625, 37.086875, 35.1575);
    --color-t-secondary-bg: rgb(26.24, 27.68, 29.12);
    --color-t-secondary-bg-text: rgb(209.248, 209.536, 209.824);
    --color-t-secondary-bg-subtle: rgb(143.58, 150.06, 156.54);
    --color-t-secondary-bg-subtle-text: rgb(44.86875, 46.89375, 48.91875);
    --color-t-secondary-border: rgb(65.6, 69.2, 72.8);
    --color-t-secondary-border-flashy: rgb(155.96, 161.72, 167.48);
    --color-t-secondary-emphasis-rgb: 155.96, 161.72, 167.48;
    --color-t-secondary-emphasis-text: rgb(54.70784375, 56.72834375, 58.74884375);
    --color-t-secondary-subtle: rgb(52.48, 55.36, 58.24);
    --color-t-secondary-subtle-rgb: 52.48, 55.36, 58.24;
    --color-t-secondary-subtle-text: rgb(214.496, 215.072, 215.648);
    --color-t-secondary-subtle-hover: rgb(104.96, 110.72, 116.48);
    --color-t-success-core: #008000;
    --color-t-success-core-rgb: 0, 128, 0;
    --color-t-success-core-text: #fff;
    --color-t-success-accent: purple;
    --color-t-success-accent-rgb: 128, 0, 128;
    --color-t-success-accent-text: rgb(229.6, 204, 229.6);
    --color-t-success-bg: rgb(0, 25.6, 0);
    --color-t-success-bg-text: rgb(204, 209.12, 204);
    --color-t-success-bg-subtle: rgb(0, 51.2, 0);
    --color-t-success-bg-subtle-text: rgb(204, 214.24, 204);
    --color-t-success-border: rgb(0, 76.8, 0);
    --color-t-success-border-flashy: rgb(51, 153.4, 51);
    --color-t-success-emphasis-rgb: 153, 204.2, 153;
    --color-t-success-emphasis-text: rgb(62.8734375, 83.9134375, 62.8734375);
    --color-t-success-subtle: rgb(0, 51.2, 0);
    --color-t-success-subtle-rgb: 0, 51.2, 0;
    --color-t-success-subtle-text: rgb(204, 214.24, 204);
    --color-t-success-subtle-hover: rgb(0, 102.4, 0);
    --color-t-info-core: #0dcaf0;
    --color-t-info-core-rgb: 13, 202, 240;
    --color-t-info-core-text: rgb(5.2609375, 81.746875, 97.125);
    --color-t-info-accent: #f0330d;
    --color-t-info-accent-rgb: 240, 51, 13;
    --color-t-info-accent-text: rgb(44.4375, 9.44296875, 2.40703125);
    --color-t-info-bg: rgb(2.6, 40.4, 48);
    --color-t-info-bg-text: rgb(204.52, 212.08, 213.6);
    --color-t-info-bg-subtle: rgb(5.2, 80.8, 96);
    --color-t-info-bg-subtle-text: rgb(205.04, 220.16, 223.2);
    --color-t-info-border: rgb(7.8, 121.2, 144);
    --color-t-info-border-flashy: rgb(61.4, 212.6, 243);
    --color-t-info-emphasis-rgb: 158.2, 233.8, 249;
    --color-t-info-emphasis-text: rgb(70.20125, 103.74875, 110.49375);
    --color-t-info-subtle: rgb(5.2, 80.8, 96);
    --color-t-info-subtle-rgb: 5.2, 80.8, 96;
    --color-t-info-subtle-text: rgb(205.04, 220.16, 223.2);
    --color-t-info-subtle-hover: rgb(10.4, 161.6, 192);
    --color-t-warning-core: #ffc107;
    --color-t-warning-core-rgb: 255, 193, 7;
    --color-t-warning-core-text: rgb(108.57421875, 82.17578125, 2.98046875);
    --color-t-warning-accent: #0745ff;
    --color-t-warning-accent-rgb: 7, 69, 255;
    --color-t-warning-accent-text: rgb(205.4, 217.8, 255);
    --color-t-warning-bg: rgb(51, 38.6, 1.4);
    --color-t-warning-bg-text: rgb(214.2, 211.72, 204.28);
    --color-t-warning-bg-subtle: rgb(102, 77.2, 2.8);
    --color-t-warning-bg-subtle-text: rgb(224.4, 219.44, 204.56);
    --color-t-warning-border: rgb(153, 115.8, 4.2);
    --color-t-warning-border-flashy: rgb(255, 205.4, 56.6);
    --color-t-warning-emphasis-rgb: 255, 230.2, 155.8;
    --color-t-warning-emphasis-text: rgb(114.94921875, 103.76984375, 70.23171875);
    --color-t-warning-subtle: rgb(102, 77.2, 2.8);
    --color-t-warning-subtle-rgb: 102, 77.2, 2.8;
    --color-t-warning-subtle-text: rgb(224.4, 219.44, 204.56);
    --color-t-warning-subtle-hover: rgb(204, 154.4, 5.6);
    --color-t-danger-core: #dc3535;
    --color-t-danger-core-rgb: 220, 53, 53;
    --color-t-danger-core-text: #fff;
    --color-t-danger-accent: #35dcdc;
    --color-t-danger-accent-rgb: 53, 220, 220;
    --color-t-danger-accent-text: rgb(22.40078125, 92.984375, 92.984375);
    --color-t-danger-bg: rgb(44, 10.6, 10.6);
    --color-t-danger-bg-text: rgb(212.8, 206.12, 206.12);
    --color-t-danger-bg-subtle: rgb(88, 21.2, 21.2);
    --color-t-danger-bg-subtle-text: rgb(221.6, 208.24, 208.24);
    --color-t-danger-border: rgb(132, 31.8, 31.8);
    --color-t-danger-border-flashy: rgb(227, 93.4, 93.4);
    --color-t-danger-emphasis-rgb: 241, 174.2, 174.2;
    --color-t-danger-emphasis-text: rgb(98.84765625, 71.44921875, 71.44921875);
    --color-t-danger-subtle: rgb(88, 21.2, 21.2);
    --color-t-danger-subtle-rgb: 88, 21.2, 21.2;
    --color-t-danger-subtle-text: rgb(221.6, 208.24, 208.24);
    --color-t-danger-subtle-hover: rgb(176, 42.4, 42.4);
    --color-t-bright-core: rgb(236.8, 238.6, 240.4);
    --color-t-bright-core-rgb: 236.8, 238.6, 240.4;
    --color-t-bright-core-text: rgb(107.855, 108.67484375, 109.4946875);
    --color-t-bright-accent: rgb(240.4, 238.6, 236.8);
    --color-t-bright-accent-rgb: 240.4, 238.6, 236.8;
    --color-t-bright-accent-text: rgb(109.4946875, 108.67484375, 107.855);
    --color-t-bright-bg: rgb(47.36, 47.72, 48.08);
    --color-t-bright-bg-text: rgb(213.472, 213.544, 213.616);
    --color-t-bright-bg-subtle: rgb(238.62, 240.24, 241.86);
    --color-t-bright-bg-subtle-text: rgb(108.870375, 109.6095, 110.348625);
    --color-t-bright-border: rgb(118.4, 119.3, 120.2);
    --color-t-bright-border-flashy: rgb(240.44, 241.88, 243.32);
    --color-t-bright-emphasis-rgb: 240.44, 241.88, 243.32;
    --color-t-bright-emphasis-text: rgb(109.88859375, 110.54671875, 111.20484375);
    --color-t-bright-subtle: rgb(94.72, 95.44, 96.16);
    --color-t-bright-subtle-rgb: 94.72, 95.44, 96.16;
    --color-t-bright-subtle-text: rgb(222.944, 223.088, 223.232);
    --color-t-bright-subtle-hover: rgb(189.44, 190.88, 192.32);
    --color-t-dim-core: rgb(32.8, 34.6, 36.4);
    --color-t-dim-core-rgb: 32.8, 34.6, 36.4;
    --color-t-dim-core-text: rgb(210.56, 210.92, 211.28);
    --color-t-dim-accent: rgb(36.4, 34.6, 32.8);
    --color-t-dim-accent-rgb: 36.4, 34.6, 32.8;
    --color-t-dim-accent-text: rgb(211.28, 210.92, 210.56);
    --color-t-dim-bg: rgb(6.56, 6.92, 7.28);
    --color-t-dim-bg-text: rgb(205.312, 205.384, 205.456);
    --color-t-dim-bg-subtle: rgb(55.02, 56.64, 58.26);
    --color-t-dim-bg-subtle-text: rgb(215.004, 215.328, 215.652);
    --color-t-dim-border: rgb(16.4, 17.3, 18.2);
    --color-t-dim-border-flashy: rgb(77.24, 78.68, 80.12);
    --color-t-dim-emphasis-rgb: 77.24, 78.68, 80.12;
    --color-t-dim-emphasis-text: rgb(219.448, 219.736, 220.024);
    --color-t-dim-subtle: rgb(13.12, 13.84, 14.56);
    --color-t-dim-subtle-rgb: 13.12, 13.84, 14.56;
    --color-t-dim-subtle-text: rgb(206.624, 206.768, 206.912);
    --color-t-dim-subtle-hover: rgb(26.24, 27.68, 29.12);
    --color-t-truthy-core: #008000;
    --color-t-truthy-core-rgb: 0, 128, 0;
    --color-t-truthy-core-text: #fff;
    --color-t-truthy-accent: purple;
    --color-t-truthy-accent-rgb: 128, 0, 128;
    --color-t-truthy-accent-text: rgb(229.6, 204, 229.6);
    --color-t-truthy-bg: rgb(0, 25.6, 0);
    --color-t-truthy-bg-text: rgb(204, 209.12, 204);
    --color-t-truthy-bg-subtle: rgb(0, 51.2, 0);
    --color-t-truthy-bg-subtle-text: rgb(204, 214.24, 204);
    --color-t-truthy-border: rgb(0, 76.8, 0);
    --color-t-truthy-border-flashy: rgb(51, 153.4, 51);
    --color-t-truthy-emphasis-rgb: 153, 204.2, 153;
    --color-t-truthy-emphasis-text: rgb(62.8734375, 83.9134375, 62.8734375);
    --color-t-truthy-subtle: rgb(0, 51.2, 0);
    --color-t-truthy-subtle-rgb: 0, 51.2, 0;
    --color-t-truthy-subtle-text: rgb(204, 214.24, 204);
    --color-t-truthy-subtle-hover: rgb(0, 102.4, 0);
    --color-t-falsy-core: #dc3535;
    --color-t-falsy-core-rgb: 220, 53, 53;
    --color-t-falsy-core-text: #fff;
    --color-t-falsy-accent: #35dcdc;
    --color-t-falsy-accent-rgb: 53, 220, 220;
    --color-t-falsy-accent-text: rgb(22.40078125, 92.984375, 92.984375);
    --color-t-falsy-bg: rgb(44, 10.6, 10.6);
    --color-t-falsy-bg-text: rgb(212.8, 206.12, 206.12);
    --color-t-falsy-bg-subtle: rgb(88, 21.2, 21.2);
    --color-t-falsy-bg-subtle-text: rgb(221.6, 208.24, 208.24);
    --color-t-falsy-border: rgb(132, 31.8, 31.8);
    --color-t-falsy-border-flashy: rgb(227, 93.4, 93.4);
    --color-t-falsy-emphasis-rgb: 241, 174.2, 174.2;
    --color-t-falsy-emphasis-text: rgb(98.84765625, 71.44921875, 71.44921875);
    --color-t-falsy-subtle: rgb(88, 21.2, 21.2);
    --color-t-falsy-subtle-rgb: 88, 21.2, 21.2;
    --color-t-falsy-subtle-text: rgb(221.6, 208.24, 208.24);
    --color-t-falsy-subtle-hover: rgb(176, 42.4, 42.4);
    --color-t-inactive-core: rgb(182.2, 189.4, 196.6);
    --color-t-inactive-core-rgb: 182.2, 189.4, 196.6;
    --color-t-inactive-core-text: rgb(74.01875, 76.94375, 79.86875);
    --color-t-inactive-accent: rgb(196.6, 189.4, 182.2);
    --color-t-inactive-accent-rgb: 196.6, 189.4, 182.2;
    --color-t-inactive-accent-text: rgb(80.483125, 77.535625, 74.588125);
    --color-t-inactive-bg: rgb(36.44, 37.88, 39.32);
    --color-t-inactive-bg-text: rgb(211.288, 211.576, 211.864);
    --color-t-inactive-bg-subtle: rgb(189.48, 195.96, 202.44);
    --color-t-inactive-bg-subtle-text: rgb(78.752625, 81.445875, 84.139125);
    --color-t-inactive-border: rgb(91.1, 94.7, 98.3);
    --color-t-inactive-border-flashy: rgb(196.76, 202.52, 208.28);
    --color-t-inactive-emphasis-rgb: 196.76, 202.52, 208.28;
    --color-t-inactive-emphasis-text: rgb(83.3155625, 85.7545625, 88.1935625);
    --color-t-inactive-subtle: rgb(72.88, 75.76, 78.64);
    --color-t-inactive-subtle-rgb: 72.88, 75.76, 78.64;
    --color-t-inactive-subtle-text: rgb(218.576, 219.152, 219.728);
    --color-t-inactive-subtle-hover: rgb(145.76, 151.52, 157.28);
    --color-c-body-accent: var(--color-t-bright-accent);
    --color-c-body-bg: var(--color-t-bright-bg);
    --color-c-body-bg-text: var(--color-t-bright-bg-text);
    --color-t-current-core: var(--color-t-bright-core);
    --color-t-current-core-text: var(--color-t-bright-core-text);
    --color-t-current-core-rgb: var(--color-t-bright-core-rgb);
    --color-t-current-accent: var(--color-t-bright-accent);
    --color-t-current-accent-text: var(--color-t-bright-accent-text);
    --color-t-current-accent-rgb: var(--color-t-bright-accent-rgb);
    --color-t-current-bg: var(--color-t-bright-bg);
    --color-t-current-bg-text: var(--color-t-bright-bg-text);
    --color-t-current-bg-subtle: var(--color-t-bright-bg-subtle);
    --color-t-current-bg-subtle-text: var(--color-t-bright-bg-subtle-text);
    --color-t-current-border: var(--color-t-bright-border);
    --color-t-current-border-flashy: var(--color-t-bright-border-flashy);
    --color-t-current-emphasis-text: var(--color-t-bright-emphasis-text);
    --color-t-current-emphasis-rgb: var(--color-t-bright-emphasis-rgb);
    --color-t-current-subtle: var(--color-t-bright-subtle);
    --color-t-current-subtle-text: var(--color-t-bright-subtle-text);
    --color-t-current-subtle-rgb: var(--color-t-bright-subtle-rgb);
    --color-t-current-subtle-hover: var(--color-t-bright-subtle-hover);
    color-scheme: dark;
    color-scheme: dark;
  }
}
@media (prefers-color-scheme: light) {
  body:has(al-color-mode-selector .select-mode-label option[value=auto]:checked) {
    --color-t-primary-core: #0d6efd;
    --color-t-primary-core-rgb: 13, 110, 253;
    --color-t-primary-core-text: #fff;
    --color-t-primary-accent: #fd9c0d;
    --color-t-primary-accent-rgb: 253, 156, 13;
    --color-t-primary-accent-text: rgb(99.2234375, 61.18125, 5.0984375);
    --color-t-primary-bg: rgb(206.6, 226, 254.6);
    --color-t-primary-bg-text: rgb(92.0015625, 100.640625, 113.3765625);
    --color-t-primary-bg-subtle: rgb(158.2, 197, 254.2);
    --color-t-primary-bg-subtle-text: rgb(65.62828125, 81.72421875, 105.45328125);
    --color-t-primary-border: rgb(109.8, 168, 253.8);
    --color-t-primary-border-flashy: rgb(10.4, 88, 202.4);
    --color-t-primary-emphasis-rgb: 10.4, 88, 202.4;
    --color-t-primary-emphasis-text: rgb(206.08, 221.6, 244.48);
    --color-t-primary-subtle: rgb(158.2, 197, 254.2);
    --color-t-primary-subtle-rgb: 158.2, 197, 254.2;
    --color-t-primary-subtle-text: rgb(65.62828125, 81.72421875, 105.45328125);
    --color-t-primary-subtle-hover: rgb(61.4, 139, 253.4);
    --color-t-secondary-core: rgb(131.2, 138.4, 145.6);
    --color-t-secondary-core-rgb: 131.2, 138.4, 145.6;
    --color-t-secondary-core-text: rgb(33.7225, 35.573125, 37.42375);
    --color-t-secondary-accent: rgb(145.6, 138.4, 131.2);
    --color-t-secondary-accent-rgb: 145.6, 138.4, 131.2;
    --color-t-secondary-accent-text: rgb(39.01625, 37.086875, 35.1575);
    --color-t-secondary-bg: rgb(230.24, 231.68, 233.12);
    --color-t-secondary-bg-text: rgb(103.787875, 104.437, 105.086125);
    --color-t-secondary-bg-subtle: rgb(143.58, 150.06, 156.54);
    --color-t-secondary-bg-subtle-text: rgb(44.86875, 46.89375, 48.91875);
    --color-t-secondary-border: rgb(193.1, 196.7, 200.3);
    --color-t-secondary-border-flashy: rgb(104.96, 110.72, 116.48);
    --color-t-secondary-emphasis-rgb: 104.96, 110.72, 116.48;
    --color-t-secondary-emphasis-text: #fff;
    --color-t-secondary-subtle: rgb(143.58, 150.06, 156.54);
    --color-t-secondary-subtle-rgb: 143.58, 150.06, 156.54;
    --color-t-secondary-subtle-text: rgb(44.86875, 46.89375, 48.91875);
    --color-t-secondary-subtle-hover: rgb(155.96, 161.72, 167.48);
    --color-t-success-core: #008000;
    --color-t-success-core-rgb: 0, 128, 0;
    --color-t-success-core-text: #fff;
    --color-t-success-accent: purple;
    --color-t-success-accent-rgb: 128, 0, 128;
    --color-t-success-accent-text: rgb(229.6, 204, 229.6);
    --color-t-success-bg: rgb(204, 229.6, 204);
    --color-t-success-bg-text: rgb(90.525, 101.885, 90.525);
    --color-t-success-bg-subtle: rgb(153, 204.2, 153);
    --color-t-success-bg-subtle-text: rgb(62.8734375, 83.9134375, 62.8734375);
    --color-t-success-border: rgb(102, 178.8, 102);
    --color-t-success-border-flashy: rgb(0, 102.4, 0);
    --color-t-success-emphasis-rgb: 0, 102.4, 0;
    --color-t-success-emphasis-text: rgb(204, 224.48, 204);
    --color-t-success-subtle: rgb(153, 204.2, 153);
    --color-t-success-subtle-rgb: 153, 204.2, 153;
    --color-t-success-subtle-text: rgb(62.8734375, 83.9134375, 62.8734375);
    --color-t-success-subtle-hover: rgb(51, 153.4, 51);
    --color-t-info-core: #0dcaf0;
    --color-t-info-core-rgb: 13, 202, 240;
    --color-t-info-core-text: rgb(5.2609375, 81.746875, 97.125);
    --color-t-info-accent: #f0330d;
    --color-t-info-accent-rgb: 240, 51, 13;
    --color-t-info-accent-text: rgb(44.4375, 9.44296875, 2.40703125);
    --color-t-info-bg: rgb(206.6, 244.4, 252);
    --color-t-info-bg-text: rgb(93.9384375, 111.125625, 114.58125);
    --color-t-info-bg-subtle: rgb(158.2, 233.8, 249);
    --color-t-info-bg-subtle-text: rgb(70.20125, 103.74875, 110.49375);
    --color-t-info-border: rgb(109.8, 223.2, 246);
    --color-t-info-border-flashy: rgb(10.4, 161.6, 192);
    --color-t-info-emphasis-rgb: 10.4, 161.6, 192;
    --color-t-info-emphasis-text: rgb(3.25, 50.5, 60);
    --color-t-info-subtle: rgb(158.2, 233.8, 249);
    --color-t-info-subtle-rgb: 158.2, 233.8, 249;
    --color-t-info-subtle-text: rgb(70.20125, 103.74875, 110.49375);
    --color-t-info-subtle-hover: rgb(61.4, 212.6, 243);
    --color-t-warning-core: #ffc107;
    --color-t-warning-core-rgb: 255, 193, 7;
    --color-t-warning-core-text: rgb(108.57421875, 82.17578125, 2.98046875);
    --color-t-warning-accent: #0745ff;
    --color-t-warning-accent-rgb: 7, 69, 255;
    --color-t-warning-accent-text: rgb(205.4, 217.8, 255);
    --color-t-warning-bg: rgb(255, 242.6, 205.4);
    --color-t-warning-bg-text: rgb(116.7421875, 111.0653125, 94.0346875);
    --color-t-warning-bg-subtle: rgb(255, 230.2, 155.8);
    --color-t-warning-bg-subtle-text: rgb(114.94921875, 103.76984375, 70.23171875);
    --color-t-warning-border: rgb(255, 217.8, 106.2);
    --color-t-warning-border-flashy: rgb(204, 154.4, 5.6);
    --color-t-warning-emphasis-rgb: 204, 154.4, 5.6;
    --color-t-warning-emphasis-text: rgb(72.515625, 54.884375, 1.990625);
    --color-t-warning-subtle: rgb(255, 230.2, 155.8);
    --color-t-warning-subtle-rgb: 255, 230.2, 155.8;
    --color-t-warning-subtle-text: rgb(114.94921875, 103.76984375, 70.23171875);
    --color-t-warning-subtle-hover: rgb(255, 205.4, 56.6);
    --color-t-danger-core: #dc3535;
    --color-t-danger-core-rgb: 220, 53, 53;
    --color-t-danger-core-text: #fff;
    --color-t-danger-accent: #35dcdc;
    --color-t-danger-accent-rgb: 53, 220, 220;
    --color-t-danger-accent-text: rgb(22.40078125, 92.984375, 92.984375);
    --color-t-danger-bg: rgb(248, 214.6, 214.6);
    --color-t-danger-bg-text: rgb(110.05, 95.22875, 95.22875);
    --color-t-danger-bg-subtle: rgb(241, 174.2, 174.2);
    --color-t-danger-bg-subtle-text: rgb(98.84765625, 71.44921875, 71.44921875);
    --color-t-danger-border: rgb(234, 133.8, 133.8);
    --color-t-danger-border-flashy: rgb(176, 42.4, 42.4);
    --color-t-danger-emphasis-rgb: 176, 42.4, 42.4;
    --color-t-danger-emphasis-text: rgb(239.2, 212.48, 212.48);
    --color-t-danger-subtle: rgb(241, 174.2, 174.2);
    --color-t-danger-subtle-rgb: 241, 174.2, 174.2;
    --color-t-danger-subtle-text: rgb(98.84765625, 71.44921875, 71.44921875);
    --color-t-danger-subtle-hover: rgb(227, 93.4, 93.4);
    --color-t-bright-core: rgb(236.8, 238.6, 240.4);
    --color-t-bright-core-rgb: 236.8, 238.6, 240.4;
    --color-t-bright-core-text: rgb(107.855, 108.67484375, 109.4946875);
    --color-t-bright-accent: rgb(240.4, 238.6, 236.8);
    --color-t-bright-accent-rgb: 240.4, 238.6, 236.8;
    --color-t-bright-accent-text: rgb(109.4946875, 108.67484375, 107.855);
    --color-t-bright-bg: rgb(251.36, 251.72, 252.08);
    --color-t-bright-bg-text: rgb(116.450375, 116.61715625, 116.7839375);
    --color-t-bright-bg-subtle: rgb(238.62, 240.24, 241.86);
    --color-t-bright-bg-subtle-text: rgb(108.870375, 109.6095, 110.348625);
    --color-t-bright-border: rgb(245.9, 246.8, 247.7);
    --color-t-bright-border-flashy: rgb(189.44, 190.88, 192.32);
    --color-t-bright-emphasis-rgb: 189.44, 190.88, 192.32;
    --color-t-bright-emphasis-text: rgb(77.552, 78.1415, 78.731);
    --color-t-bright-subtle: rgb(238.62, 240.24, 241.86);
    --color-t-bright-subtle-rgb: 238.62, 240.24, 241.86;
    --color-t-bright-subtle-text: rgb(108.870375, 109.6095, 110.348625);
    --color-t-bright-subtle-hover: rgb(240.44, 241.88, 243.32);
    --color-t-dim-core: rgb(32.8, 34.6, 36.4);
    --color-t-dim-core-rgb: 32.8, 34.6, 36.4;
    --color-t-dim-core-text: rgb(210.56, 210.92, 211.28);
    --color-t-dim-accent: rgb(36.4, 34.6, 32.8);
    --color-t-dim-accent-rgb: 36.4, 34.6, 32.8;
    --color-t-dim-accent-text: rgb(211.28, 210.92, 210.56);
    --color-t-dim-bg: rgb(210.56, 210.92, 211.28);
    --color-t-dim-bg-text: rgb(91.2975, 91.45359375, 91.6096875);
    --color-t-dim-bg-subtle: rgb(55.02, 56.64, 58.26);
    --color-t-dim-bg-subtle-text: rgb(215.004, 215.328, 215.652);
    --color-t-dim-border: rgb(143.9, 144.8, 145.7);
    --color-t-dim-border-flashy: rgb(26.24, 27.68, 29.12);
    --color-t-dim-emphasis-rgb: 26.24, 27.68, 29.12;
    --color-t-dim-emphasis-text: rgb(209.248, 209.536, 209.824);
    --color-t-dim-subtle: rgb(55.02, 56.64, 58.26);
    --color-t-dim-subtle-rgb: 55.02, 56.64, 58.26;
    --color-t-dim-subtle-text: rgb(215.004, 215.328, 215.652);
    --color-t-dim-subtle-hover: rgb(77.24, 78.68, 80.12);
    --color-t-truthy-core: #008000;
    --color-t-truthy-core-rgb: 0, 128, 0;
    --color-t-truthy-core-text: #fff;
    --color-t-truthy-accent: purple;
    --color-t-truthy-accent-rgb: 128, 0, 128;
    --color-t-truthy-accent-text: rgb(229.6, 204, 229.6);
    --color-t-truthy-bg: rgb(204, 229.6, 204);
    --color-t-truthy-bg-text: rgb(90.525, 101.885, 90.525);
    --color-t-truthy-bg-subtle: rgb(153, 204.2, 153);
    --color-t-truthy-bg-subtle-text: rgb(62.8734375, 83.9134375, 62.8734375);
    --color-t-truthy-border: rgb(102, 178.8, 102);
    --color-t-truthy-border-flashy: rgb(0, 102.4, 0);
    --color-t-truthy-emphasis-rgb: 0, 102.4, 0;
    --color-t-truthy-emphasis-text: rgb(204, 224.48, 204);
    --color-t-truthy-subtle: rgb(153, 204.2, 153);
    --color-t-truthy-subtle-rgb: 153, 204.2, 153;
    --color-t-truthy-subtle-text: rgb(62.8734375, 83.9134375, 62.8734375);
    --color-t-truthy-subtle-hover: rgb(51, 153.4, 51);
    --color-t-falsy-core: #dc3535;
    --color-t-falsy-core-rgb: 220, 53, 53;
    --color-t-falsy-core-text: #fff;
    --color-t-falsy-accent: #35dcdc;
    --color-t-falsy-accent-rgb: 53, 220, 220;
    --color-t-falsy-accent-text: rgb(22.40078125, 92.984375, 92.984375);
    --color-t-falsy-bg: rgb(248, 214.6, 214.6);
    --color-t-falsy-bg-text: rgb(110.05, 95.22875, 95.22875);
    --color-t-falsy-bg-subtle: rgb(241, 174.2, 174.2);
    --color-t-falsy-bg-subtle-text: rgb(98.84765625, 71.44921875, 71.44921875);
    --color-t-falsy-border: rgb(234, 133.8, 133.8);
    --color-t-falsy-border-flashy: rgb(176, 42.4, 42.4);
    --color-t-falsy-emphasis-rgb: 176, 42.4, 42.4;
    --color-t-falsy-emphasis-text: rgb(239.2, 212.48, 212.48);
    --color-t-falsy-subtle: rgb(241, 174.2, 174.2);
    --color-t-falsy-subtle-rgb: 241, 174.2, 174.2;
    --color-t-falsy-subtle-text: rgb(98.84765625, 71.44921875, 71.44921875);
    --color-t-falsy-subtle-hover: rgb(227, 93.4, 93.4);
    --color-t-inactive-core: rgb(182.2, 189.4, 196.6);
    --color-t-inactive-core-rgb: 182.2, 189.4, 196.6;
    --color-t-inactive-core-text: rgb(74.01875, 76.94375, 79.86875);
    --color-t-inactive-accent: rgb(196.6, 189.4, 182.2);
    --color-t-inactive-accent-rgb: 196.6, 189.4, 182.2;
    --color-t-inactive-accent-text: rgb(80.483125, 77.535625, 74.588125);
    --color-t-inactive-bg: rgb(240.44, 241.88, 243.32);
    --color-t-inactive-bg-text: rgb(109.88859375, 110.54671875, 111.20484375);
    --color-t-inactive-bg-subtle: rgb(189.48, 195.96, 202.44);
    --color-t-inactive-bg-subtle-text: rgb(78.752625, 81.445875, 84.139125);
    --color-t-inactive-border: rgb(218.6, 222.2, 225.8);
    --color-t-inactive-border-flashy: rgb(145.76, 151.52, 157.28);
    --color-t-inactive-emphasis-rgb: 145.76, 151.52, 157.28;
    --color-t-inactive-emphasis-text: rgb(46.461, 48.297, 50.133);
    --color-t-inactive-subtle: rgb(189.48, 195.96, 202.44);
    --color-t-inactive-subtle-rgb: 189.48, 195.96, 202.44;
    --color-t-inactive-subtle-text: rgb(78.752625, 81.445875, 84.139125);
    --color-t-inactive-subtle-hover: rgb(196.76, 202.52, 208.28);
    --color-c-body-accent: var(--color-t-bright-accent);
    --color-c-body-bg: var(--color-t-bright-bg);
    --color-c-body-bg-text: var(--color-t-bright-bg-text);
    --color-t-current-core: var(--color-t-bright-core);
    --color-t-current-core-text: var(--color-t-bright-core-text);
    --color-t-current-core-rgb: var(--color-t-bright-core-rgb);
    --color-t-current-accent: var(--color-t-bright-accent);
    --color-t-current-accent-text: var(--color-t-bright-accent-text);
    --color-t-current-accent-rgb: var(--color-t-bright-accent-rgb);
    --color-t-current-bg: var(--color-t-bright-bg);
    --color-t-current-bg-text: var(--color-t-bright-bg-text);
    --color-t-current-bg-subtle: var(--color-t-bright-bg-subtle);
    --color-t-current-bg-subtle-text: var(--color-t-bright-bg-subtle-text);
    --color-t-current-border: var(--color-t-bright-border);
    --color-t-current-border-flashy: var(--color-t-bright-border-flashy);
    --color-t-current-emphasis-text: var(--color-t-bright-emphasis-text);
    --color-t-current-emphasis-rgb: var(--color-t-bright-emphasis-rgb);
    --color-t-current-subtle: var(--color-t-bright-subtle);
    --color-t-current-subtle-text: var(--color-t-bright-subtle-text);
    --color-t-current-subtle-rgb: var(--color-t-bright-subtle-rgb);
    --color-t-current-subtle-hover: var(--color-t-bright-subtle-hover);
    color-scheme: light;
    color-scheme: light;
  }
}
al-color-mode-selector {
  display: flex;
}
al-color-mode-selector select {
  margin-left: 0.5rem;
}
al-color-mode-selector label {
  display: flex;
  margin: 0;
}

@layer reset {
  /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
  /* Document
     ========================================================================== */
  /** Set initial height to 100% */
  html, body {
    height: 100%;
  }
  /**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   * 3. Default to border-box for box sizing
   */
  html {
    /* Change the default font family in all browsers (opinionated). */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    box-sizing: border-box; /* 3 */
  }
  *,
  *:before,
  *:after {
    box-sizing: inherit;
    min-width: 0;
  }
  /* Disable animations and smooth scroll when reduced motion is requested */
  @media (prefers-reduced-motion: reduce) {
    * {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
  /* Sections
     ========================================================================== */
  /**
   * 1. Remove the margin in all browsers.
   * 2. Smooth scrolling
   * 3. Speed optimized text rendering
   */
  body {
    margin: 0;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
  }
  /**
   * Render the `main` element consistently in IE.
   */
  main {
    display: block;
  }
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  /* Grouping content
     ========================================================================== */
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  /**
   * Add the correct display in IE.
   */
  main {
    display: block;
  }
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  /* Text-level semantics
     ========================================================================== */
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted; /* 2 */
  }
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  b,
  strong {
    font-weight: bolder;
  }
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  /**
   * Add the correct font size in all browsers.
   */
  small {
    font-size: 80%;
  }
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  /* Embedded content
     ========================================================================== */
  /**
   * Remove the border on images inside links in IE 10.
   */
  img {
    border-style: none;
  }
  /* Forms
     ========================================================================== */
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  button,
  select { /* 1 */
    text-transform: none;
  }
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
  }
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    /**
     * Remove the inner border and padding in Firefox.
     */
    /**
     * Restore the focus styles unset by the previous rule.
     */
  }
  button::-moz-focus-inner,
  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  button:-moz-focusring,
  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  /**
   * Show the overflow in Edge.
   */
  input {
    overflow: visible;
  }
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  [type=checkbox],
  [type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
    height: auto;
  }
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  [type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
    /**
     * Remove the inner padding in Chrome and Safari on macOS.
     */
  }
  [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  /**
   * Correct the padding in Firefox.
   */
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  legend {
    box-sizing: border-box; /* 1 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    color: inherit; /* 2 */
    white-space: normal; /* 1 */
  }
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  progress {
    vertical-align: baseline;
  }
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  textarea {
    overflow: auto;
  }
  /* Interactive
     ========================================================================== */
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  details {
    display: block;
  }
  /*
   * Add the correct display in all browsers.
   */
  summary {
    display: list-item;
  }
  table {
    caption-side: bottom;
    border-collapse: collapse;
  }
  /* Misc
     ========================================================================== */
  /**
   * Add the correct display in IE.
   */
  template {
    display: none;
  }
  /**
   * Add hawkejs blocks
   */
  he-block {
    display: block;
  }
}
@layer utilities {
  [hidden] {
    display: none !important;
  }
}
al-button {
  display: inline-block;
  position: relative;
}
al-button .apb-content {
  display: flex;
  gap: 0.5em;
  height: 100%;
}
al-button .apb-content > * {
  flex: auto;
  align-self: center;
}
al-button[disabled] {
  pointer-events: none;
  filter: saturate(0.5);
  cursor: not-allowed;
}

al-code-input {
  display: inline-block;
  width: 100%;
  position: relative;
}
al-code-input .code-editor {
  white-space: pre;
  height: 100%;
  width: 100%;
}

.textareabox,
.inputbox {
  position: relative;
  display: flex;
  flex-grow: 1;
  background: var(--color-input-border, linear-gradient(0deg, #dddddd, #ffffff));
}
.textareabox .input,
.inputbox .input {
  display: block;
  flex-grow: 1;
  margin: 0.1rem;
  border: 1px solid transparent;
  outline: none;
  padding: 1.2rem 2.2rem;
  min-width: 0;
  background-color: var(--color-input-background, #ffffff);
  font-size: 1.6rem;
  color: var(--color-input-input, #000000);
  transition: border-color 0.2s ease-in;
}
.textareabox .input:focus,
.inputbox .input:focus {
  border-color: var(--color-input-focus);
}
.textareabox.error,
.inputbox.error {
  background: var(--color-input-border-error, linear-gradient(0deg, #cc0000, #dddddd 0.1rem, #ffffff));
}
.textareabox.valid,
.inputbox.valid {
  background: var(--color-input-border-filled, linear-gradient(0deg, #000000, #dddddd 0.1rem, #ffffff));
}
.textareabox.valid.focus,
.inputbox.valid.focus {
  background: var(--color-input-border-success, linear-gradient(0deg, #87dd0e, #dddddd 0.1rem, #ffffff));
}

.inputfield,
al-string-input,
al-password-input {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.inputfield + .rest-fields > al-string-input:first-of-type, .inputfield + .rest-fields > al-password-input:first-of-type,
al-string-input + .rest-fields > al-string-input:first-of-type,
al-password-input + .rest-fields > al-string-input:first-of-type,
al-string-input + .rest-fields > al-password-input:first-of-type,
al-password-input + .rest-fields > al-password-input:first-of-type {
  margin-top: 3rem;
}
.inputgrid + .inputfield, .inputfield:not(.column) + .inputfield:not(.column),
.inputgrid + al-string-input,
.inputgrid + al-password-input,
.inputfield:not(.column) + al-string-input:not(.column),
.inputfield:not(.column) + al-password-input:not(.column),
al-string-input:not(.column) + .inputfield:not(.column),
al-password-input:not(.column) + .inputfield:not(.column),
al-string-input:not(.column) + al-string-input:not(.column),
al-password-input:not(.column) + al-string-input:not(.column),
al-string-input:not(.column) + al-password-input:not(.column),
al-password-input:not(.column) + al-password-input:not(.column) {
  margin-top: 3rem;
}
.inputfield.closer,
al-string-input.closer,
al-password-input.closer {
  margin-top: 1.5rem;
}
.inputfield .connect:not(:first-of-type),
al-string-input .connect:not(:first-of-type),
al-password-input .connect:not(:first-of-type) {
  margin-top: 3rem;
}
.inputfield.valid .icon.cross,
al-string-input.valid .icon.cross,
al-password-input.valid .icon.cross {
  display: none;
}
.inputfield.valid .icon.checkmark,
al-string-input.valid .icon.checkmark,
al-password-input.valid .icon.checkmark {
  display: block;
}
.inputfield.error .icon.cross,
al-string-input.error .icon.cross,
al-password-input.error .icon.cross {
  display: block;
}
.inputfield.error .icon.checkmark,
al-string-input.error .icon.checkmark,
al-password-input.error .icon.checkmark {
  display: none;
}
.inputfield .icon,
al-string-input .icon,
al-password-input .icon {
  display: none;
  position: absolute;
  height: auto;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%) scale(0) rotate(10deg);
  animation: icon--show 200ms ease-out forwards;
}
.inputfield .icon.cross,
al-string-input .icon.cross,
al-password-input .icon.cross {
  font-size: 1rem;
  color: var(--color-input-cross, #cc0000);
}
.inputfield .icon.cross:before,
al-string-input .icon.cross:before,
al-password-input .icon.cross:before {
  content: "❌";
}
.inputfield .icon.checkmark,
al-string-input .icon.checkmark,
al-password-input .icon.checkmark {
  font-size: 1.2rem;
  color: var(--color-input-checkmark, #87dd0e);
}
.inputfield .icon.checkmark:before,
al-string-input .icon.checkmark:before,
al-password-input .icon.checkmark:before {
  content: "✔";
}
.inputfield .icon.locked,
al-string-input .icon.locked,
al-password-input .icon.locked {
  color: var(--color-input-checkmark, #87dd0e);
}
.inputfield[readonly] .checkmark,
.inputfield[readonly] .cross, .inputfield[readonly].valid .checkmark,
.inputfield[readonly].valid .cross,
al-string-input[readonly] .checkmark,
al-password-input[readonly] .checkmark,
al-string-input[readonly] .cross,
al-password-input[readonly] .cross,
al-string-input[readonly].valid .checkmark,
al-string-input[readonly].valid .cross {
  display: none;
}
.inputfield[readonly] .locked, .inputfield[readonly].valid .locked,
al-string-input[readonly] .locked,
al-password-input[readonly] .locked,
al-string-input[readonly].valid .locked {
  display: block;
}
.inputfield[readonly],
.inputfield[readonly] input, .inputfield[readonly].valid,
.inputfield[readonly].valid input,
al-string-input[readonly],
al-password-input[readonly],
al-string-input[readonly] input,
al-password-input[readonly] input,
al-string-input[readonly].valid,
al-string-input[readonly].valid input {
  cursor: default;
}
.inputfield .meta,
.inputfield .errors,
.inputfield .success,
al-string-input .meta,
al-password-input .meta,
al-string-input .errors,
al-password-input .errors,
al-string-input .success,
al-password-input .success {
  margin-top: 1.8rem;
}
.inputfield .meta:empty,
.inputfield .errors:empty,
.inputfield .success:empty,
al-string-input .meta:empty,
al-password-input .meta:empty,
al-string-input .errors:empty,
al-password-input .errors:empty,
al-string-input .success:empty,
al-password-input .success:empty {
  display: none;
}
.inputfield .meta,
al-string-input .meta,
al-password-input .meta {
  font-weight: 600;
  font-size: 1.3rem;
  color: var(--color-inputfield-meta, #585858);
}
.inputfield .inputlabel .spacer,
al-string-input .inputlabel .spacer,
al-password-input .inputlabel .spacer {
  display: none;
}
.inputfield .inputlabel .label:not(:empty) ~ .spacer,
.inputfield .inputlabel .description:not(:empty) ~ .spacer,
al-string-input .inputlabel .label:not(:empty) ~ .spacer,
al-password-input .inputlabel .label:not(:empty) ~ .spacer,
al-string-input .inputlabel .description:not(:empty) ~ .spacer,
al-password-input .inputlabel .description:not(:empty) ~ .spacer {
  display: block;
  margin-bottom: 0.5rem;
}

al-string-input .inputlabel .label, al-password-input .inputlabel .label {
  margin-bottom: 0 !important;
}

al-password-input > label:first-of-type {
  margin-bottom: 2rem;
}

@keyframes icon--show {
  0% {
    transform: translateY(-50%) scale(0) rotate(-30deg);
  }
  100% {
    transform: translateY(-50%) scale(1) rotate(0deg);
  }
}
.inputlabel {
  display: flex;
  flex-direction: column;
}
.inputlabel .label {
  color: var(--color-inputlabel-label);
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.inputlabel .description {
  margin-top: 0.4em;
  color: var(--color-inputlabel-description);
  font-size: 1.6rem;
}

.errorlabel {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.6rem;
  color: var(--color--errorlabel, #585858);
}
.errorlabel .erroricon {
  font-style: normal;
  margin-right: 1rem;
}
.errorlabel .erroricon:before {
  content: "❌";
}
.errorlabel strong {
  color: var(--color-errorlabel-accent, #cc0000);
}

.successlabel {
  font-size: 1.6rem;
  color: var(--color-successlabel, #87dd0e);
  font-weight: initial;
}
.successlabel strong {
  color: var(--color-successlabel-accent, #87dd0e);
}

al-number-input {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}
al-number-input .label {
  margin-bottom: 0 !important;
  width: 100%;
  color: var(--color-numberinput-label, #000000);
  font-size: 1.8rem;
  text-align: center;
}
al-number-input .control {
  cursor: pointer;
  border: 0;
  outline: 0;
  padding: 0;
  background: transparent;
  min-width: 3.5rem;
  font-size: 4.5rem;
  line-height: 0.8;
}
al-number-input .control:disabled {
  cursor: default;
  opacity: 0.5;
}
al-number-input .control.minus:before {
  content: "-";
}
al-number-input .control.plus:before {
  content: "+";
}
al-number-input .input {
  margin: 0 2rem;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: textfield;
  padding: 2rem 1rem;
  width: 12rem;
  color: var(--color-numberinput-input, #000000);
  font-size: 2.4rem;
  font-weight: 800;
  text-align: center;
  background-color: var(--color-numberinput-background, #ffffff);
}
al-number-input .input::-webkit-inner-spin-button, al-number-input .input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
al-number-input .label al-number-input__label {
  display: block;
}
al-number-input .inputlabel .description:empty {
  display: none;
}

al-field {
  display: block;
}
al-field[field-type=boolean] .field {
  display: flex;
  justify-content: flex-start;
}
al-field[field-type=boolean] .value-icon {
  margin-right: 0.5rem;
}
al-field .alchemy-field-empty-value-placeholder {
  font-style: italic;
}

al-form[readonly] al-field,
al-field[readonly] {
  pointer-events: none;
}
al-form[readonly] al-field .alchemy-field-value,
al-field[readonly] .alchemy-field-value {
  opacity: 0.8;
  filter: brightness(0.95);
}

al-field-array {
  display: block;
}

al-field-array-entry {
  display: flex;
}
al-field-array-entry > .button-remove-wrapper {
  display: flex;
  align-content: center;
  padding-left: 0.75rem;
}
al-field-array-entry > .button-remove-wrapper > .remove {
  height: 100%;
  display: flex;
  flex-flow: column;
  gap: 0.5em;
}
al-field-array-entry .button-remove-wrapper .remove > * {
  writing-mode: vertical-rl;
}

al-field-translatable {
  display: block;
  position: relative;
}
al-field-translatable .prefix-buttons button {
  display: flex;
  flex-flow: row;
}
al-field-translatable .prefix-buttons .has-empty-content {
  font-size: 0.7rem;
}
al-field-translatable .prefix-buttons .has-content {
  font-size: 0.9rem;
}
al-field-translatable .prefix-buttons .has-empty-content,
al-field-translatable .prefix-buttons .has-content {
  margin-left: 0.5rem;
}
al-field-translatable .prefix-buttons [data-has-content=true] .has-empty-content {
  display: none;
}
al-field-translatable .prefix-buttons [data-has-content=false] .has-content {
  display: none;
}
al-field-translatable .prefix-buttons [icon-name] {
  color: #333;
}
al-field-translatable .prefix-buttons [icon-name=ban] {
  color: tomato;
}
al-field-translatable .prefix-buttons .has-content {
  color: green;
}

al-form .error-area:empty {
  display: none;
}
al-form .error-area:not(:empty) {
  border: 1px solid var(--color-theme-accent);
  color: var(--color-theme-bg-text);
  background-color: var(--color-theme-bg);
  padding: 0.2rem;
  border-radius: 4px;
}

al-label {
  display: block;
  cursor: default;
}

al-pager {
  display: flex;
}
al-pager ul {
  display: flex;
}
al-pager ul li {
  padding: 0;
  margin-right: 5px;
  display: inline-block;
}
al-pager ul li a {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.25rem;
  min-width: 2.25rem;
  padding: 0.5rem;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  font-size: 0.9rem;
  line-height: 1rem;
  font-weight: bold;
  border-radius: 0.4rem;
  color: #7E8299;
  text-decoration: none;
}
al-pager ul li a:hover {
  background-color: #3699FF;
  color: #FFFFFF;
}
al-pager ul li.afp-first a, al-pager ul li.afp-prev a, al-pager ul li.afp-next a, al-pager ul li.afp-last a {
  background-color: #ecf1f6;
}
al-pager ul li.afp-first a:hover, al-pager ul li.afp-prev a:hover, al-pager ul li.afp-next a:hover, al-pager ul li.afp-last a:hover {
  background-color: #3699FF;
  color: #FFFFFF;
}
al-pager ul li.afp-active a {
  background-color: #3699FF;
  color: #FFFFFF;
}
al-pager [hidden] {
  display: none !important;
}

:root {
  --qb-border-color: #d3d3d3;
  --qb-btn-background-color: #fafafa;
  --qb-text-color: #3e3e3e;
  --qb-btn-primary: #286090;
  --qb-btn-primary-border: #204d74;
  --qb-btn-primary-text-color: #fafafa;
  --qb-btn-active: #3da50e;
  --qb-btn-active-text: #fff;
  --qb-btn-border-color: #d3d3d3;
}

al-query-builder {
  display: block;
  border-color: var(--qb-border-color);
  padding: 1rem;
  position: relative;
}

al-query-builder-group {
  display: block;
  padding: 10px;
  padding-bottom: 6px;
  background-color: rgba(250, 240, 210, 0.5);
  border: 1px solid #dcc896;
  position: relative;
  margin: 4px 0;
  padding: 5px;
  border: 1px solid #eee;
  border-radius: 3px;
}
al-query-builder-group .qb-group-header {
  margin-bottom: 10px;
}
al-query-builder-group .qb-group-actions {
  float: right;
}
al-query-builder-group .qb-group-body .qb-rules-list {
  display: flex;
  flex-flow: column;
  gap: 1rem;
  padding: 0 0 0 15px;
}
al-query-builder-group .qb-group-body .qb-rules-list > :first-child::before {
  top: -11px;
  height: calc(50% + 14px);
}
al-query-builder-group .qb-group-body .qb-rules-list > :last-child::before {
  border-radius: 0 0 0 4px;
}
al-query-builder-group .qb-group-body .qb-rules-list > ::after {
  top: 50%;
  border-width: 0 0 0 2px;
}
al-query-builder-group .qb-group-body .qb-rules-list > :last-child::after {
  display: none;
}
al-query-builder-group .qb-group-body .qb-rules-list > ::before {
  top: -2px;
  border-width: 0 0 2px 2px;
}
al-query-builder-group .qb-group-body .qb-rules-list > ::before,
al-query-builder-group .qb-group-body .qb-rules-list > ::after {
  content: "";
  position: absolute;
  left: -10px;
  width: 10px;
  height: calc(50% + 4px);
  border-color: #ccc;
  border-style: solid;
}

al-query-builder-value {
  min-width: 10rem;
}

al-query-builder-entry {
  min-width: 40rem;
}

al-query-builder-value,
al-query-builder-entry {
  display: flex;
  gap: 0.7rem;
}
al-query-builder-value al-select,
al-query-builder-entry al-select {
  min-width: 11rem;
}
al-query-builder-value .small-title,
al-query-builder-entry .small-title {
  color: gray;
  margin-bottom: 5px;
  display: block;
}
al-query-builder-value .qb-delete-wrapper,
al-query-builder-entry .qb-delete-wrapper {
  flex: 1;
  text-align: right;
}
al-query-builder-value .qb-value-wrapper .qb-value-nested-wrapper,
al-query-builder-entry .qb-value-wrapper .qb-value-nested-wrapper {
  display: flex;
  gap: 0.3rem;
}
al-query-builder-value .qb-value-input,
al-query-builder-entry .qb-value-input {
  height: 100%;
  color: black;
  padding: 0 0.5rem;
}

.qb-group-invert,
.qb-button-group,
.qb-group-type {
  display: inline-flex;
  box-shadow: 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.qb-group-invert > input,
.qb-button-group > input,
.qb-group-type > input {
  height: 1px;
  width: 1px;
  opacity: 0;
  position: absolute;
  margin: 0 0 0 -1px;
}
.qb-group-invert > input + label,
.qb-button-group > input + label,
.qb-group-type > input + label {
  opacity: 0.7;
}
.qb-group-invert > input:checked + label,
.qb-button-group > input:checked + label,
.qb-group-type > input:checked + label {
  background-color: var(--qb-btn-active);
  border-color: var(--qb-btn-active);
  color: var(--qb-btn-active-text);
  opacity: 1;
}

.qb-primary {
  --qb-btn-background-color: var(--qb-btn-primary);
  --qb-text-color: var(--qb-btn-primary-text-color);
  --qb-btn-border-color: var(--qb-btn-primary-border);
}

button.qb-btn {
  border-color: var(--qb-btn-border-color);
}

.qb-btn {
  background-color: var(--qb-btn-background-color);
  color: var(--qb-text-color);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  text-align: center;
  padding: 2px 12px 1px;
}

.qb-select-item {
  display: flex;
  flex-flow: column;
  padding-right: 1rem;
}
.qb-select-item .option-title {
  font-weight: bold;
  font-size: 1rem;
  white-space: nowrap;
}
.qb-select-item .option-description {
  min-width: 10rem;
}

@layer defaults {
  al-select {
    --color-p-input-active-item-bg: var(--color-p-input-accent);
    --color-p-input-active-item-bg-text: var(--color-p-input-accent-text);
    --color-p-input-selected-item-bg: var(--color-p-input-accent);
    --color-p-input-selected-item-bg-text: var(--color-p-input-accent-text);
    display: block;
    border-radius: var(--size-p-input-border-radius);
    border-width: var(--size-p-input-border);
    border-style: var(--style-p-input-border);
  }
  al-select:focus .value-wrapper {
    border-color: rgba(var(--color-c-form-accent-rgb, var(--color-t-current-accent-rgb)), 0.8) !important;
  }
  al-select .value-wrapper {
    border-radius: var(--size-p-input-border-radius);
    padding-bottom: var(--size-p-input-spacer-y);
    padding-top: var(--size-p-input-spacer-y);
    padding-left: var(--size-p-input-spacer-x);
    padding-right: var(--size-p-input-spacer-x);
    width: 100%;
    display: flex;
    position: relative;
    z-index: 1;
    flex-wrap: wrap;
    align-items: center;
  }
  al-select .value-wrapper input.type-area {
    height: 1.5rem !important;
  }
  al-select[aria-expanded=true] {
    border-radius: var(--size-p-input-border-radius) var(--size-p-input-border-radius) 0 0;
  }
  al-select:not([multiple]) .value-wrapper {
    cursor: pointer;
  }
  al-select:not([multiple]) .value-wrapper::after {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 0;
    height: 0;
    margin-top: -3px;
    border-color: #808080 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    content: " ";
  }
  al-select:not([multiple])[aria-expanded=false] .value-wrapper .type-area {
    cursor: pointer;
  }
  al-select[multiple] .value-wrapper {
    cursor: text;
  }
  al-select .value-wrapper {
    min-width: 5rem;
    overflow: hidden;
  }
  al-select .type-area {
    font-family: inherit;
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 1px !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    box-shadow: none !important;
    outline: none !important;
    flex: 0 1 auto;
    margin-right: 20px !important;
  }
  al-select .dropdown {
    display: none;
    position: absolute;
    z-index: 999999;
    left: 0px;
    margin: 0 0 0 -1px;
    border-radius: 0 0 var(--size-p-input-border-radius) var(--size-p-input-border-radius);
    border-width: var(--size-p-input-border);
    border-style: var(--style-p-input-border);
    border-color: inherit;
    border-top: 0 none;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    scrollbar-width: thin;
  }
  al-select .dropdown [role=option] {
    cursor: pointer;
    overflow: hidden;
    padding: 6px 8px;
    flex: 1 0;
  }
  al-select .dropdown [role=option]:hover, al-select .dropdown [role=option].focused {
    background-color: var(--color-p-input-active-item-bg);
    color: var(--color-p-input-active-item-bg-text);
  }
  al-select .dropdown [role=option][selected] {
    background-color: var(--color-p-input-selected-item-bg);
    color: var(--color-p-input-selected-item-bg-text);
  }
  al-select .dropdown-content {
    display: flex;
    flex-flow: column nowrap;
  }
  al-select[aria-expanded=true] .dropdown {
    display: block !important;
  }
  al-select div.value {
    display: inline-block;
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    border-color: 1px solid var(--color-c-form-accent, var(--color-t-current-accent));
    background-color: var(--color-p-input-selected-item-bg);
    color: var(--color-p-input-selected-item-bg-text);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
    white-space: nowrap;
  }
  al-select .result-info {
    position: fixed;
    left: -200vw;
    width: 1px;
    height: 1px;
  }
  al-select[multiple] .value-wrapper al-select-item {
    display: inline-block;
    text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
    background-color: var(--color-p-input-selected-item-bg);
    color: var(--color-p-input-selected-item-bg-text);
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
    padding: 2px 6px;
    margin: 0 3px 3px 0;
    border: 1px solid var(--color-c-form-accent, var(--color-t-current-accent));
  }
}
al-state {
  display: block;
}
al-state:not([active]) {
  display: none !important;
}

@layer defaults {
  al-table {
    --al-table-color-header-bg: var(--color-t-current-bg-subtle, var(--color-t-primary-bg-subtle));
    --al-table-color-header-fg: var(--color-t-current-bg-subtle-text, var(--color-t-primary-bg-subtle-text));
    --al-table-color-footer-bg: var(--color-t-current-bg-subtle, var(--color-t-primary-bg-subtle));
    --al-table-color-footer-fg: var(--color-t-current-bg-subtle-text, var(--color-t-primary-bg-subtle-text));
    --al-table-color-border: var(--color-t-current-bg-subtle, var(--color-t-primary-bg-subtle));
    --al-table-color-selected-bg: var(--color-t-current-bg-soft, var(--color-t-primary-bg-soft));
    --al-table-color-selected-fg: var(--color-t-current-bg-soft-text, var(--color-t-primary-bg-soft-text));
    display: flex;
    flex-flow: column;
    border-radius: var(--size-p-table-border-radius);
    border-width: var(--size-p-table-border);
    border-style: var(--style-p-table-border);
    border-color: var(--al-table-color-border);
    background-color: var(--color-p-table-bg);
    overflow: hidden;
  }
  al-table .aft-content {
    overflow-x: auto;
    scrollbar-width: thin;
  }
  al-table table {
    width: 100%;
    border: none;
    border-radius: 0;
  }
  al-table thead td,
  al-table thead th {
    background-color: var(--al-table-color-header-bg);
    color: var(--al-table-color-header-fg);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.9rem;
    border-bottom-color: var(--al-table-color-border);
  }
  al-table thead td al-icon,
  al-table thead th al-icon {
    margin-left: 0.5rem;
    vertical-align: middle;
  }
  al-table thead td.sortable,
  al-table thead th.sortable {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  al-table thead td.sortable:hover,
  al-table thead th.sortable:hover {
    opacity: 0.8;
  }
  al-table thead td a.sorting-anchor,
  al-table thead th a.sorting-anchor {
    text-decoration: none;
    color: inherit;
    display: block;
  }
  al-table thead th input {
    width: 100%;
    height: 2rem;
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
  }
  al-table tbody tr.aft-selected td,
  al-table tbody tr.aft-selected th {
    --color-s-table-bg: var(--al-table-color-selected-bg);
    --color-s-table-bg-text: var(--al-table-color-selected-fg);
  }
  al-table td al-field[field-type=fixed_decimal] {
    text-align: right;
  }
  al-table footer {
    background-color: var(--al-table-color-footer-bg);
    color: var(--al-table-color-footer-fg);
    padding: 0.5rem 1rem;
    border-top: var(--size-p-table-border-inner) var(--style-p-table-border) var(--al-table-color-border);
  }
  al-table footer:empty {
    display: none;
  }
  old-al-table {
    border: 1px solid #dadee0;
    background-color: white;
  }
  old-al-table thead td, old-al-table thead th {
    background-color: #F4F5F9;
    padding: 1rem;
    border-bottom: 1px solid #dadee0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.9rem;
  }
  old-al-table thead td al-icon, old-al-table thead th al-icon {
    margin-left: 1rem;
  }
  old-al-table thead td.sortable, old-al-table thead th.sortable {
    cursor: pointer;
  }
  old-al-table thead td a.sorting-anchor, old-al-table thead th a.sorting-anchor {
    text-decoration: none;
    color: inherit;
  }
  old-al-table thead th input {
    width: 100%;
    padding: 0px 12px;
    border: 1px solid var(--color-input-border);
    color: var(--text-color);
    height: 2rem;
  }
  old-al-table td, old-al-table th {
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #EDEFF0;
    cursor: default;
  }
  old-al-table tr:last-of-type td, old-al-table tr:last-of-type th {
    border-bottom: 0;
  }
  old-al-table tr.aft-selected td, old-al-table tr.aft-selected th {
    background-color: #edeff5;
  }
  old-al-table footer {
    border-top: 1px solid #EDEFF0;
    background-color: #F4F5F9;
    padding: 0.5rem 1rem;
  }
  old-al-table footer:empty {
    display: none;
  }
}
al-toggle {
  display: flex;
  position: relative;
  align-items: center;
  cursor: pointer;
}
al-toggle input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
al-toggle input:checked ~ .at-boolean-text {
  background-color: #20c05b;
}
al-toggle input:checked ~ .at-boolean-text:before {
  content: " ";
  left: 0;
}
al-toggle input:checked ~ .at-boolean-text:after {
  content: attr(data-checked);
  transform: translate3d(65px, 0, 0);
  font-weight: bold;
}
al-toggle input[disabled] ~ .at-boolean-text {
  pointer-events: none;
  opacity: 0.4;
}
al-toggle .at-boolean-text {
  height: 36px;
  flex: 0 0 134px;
  border-radius: 4px;
  min-width: 134px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  background: #b7b7b7;
  position: relative;
}
al-toggle .at-boolean-text:before, al-toggle .at-boolean-text:after {
  text-transform: uppercase;
  text-align: center;
  box-sizing: inherit;
}
al-toggle .at-boolean-text:before {
  content: " ";
  left: 67px;
  font-size: 14px;
  line-height: 36px;
  width: 67px;
  padding: 0 12px;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
}
al-toggle .at-boolean-text:after {
  content: attr(data-unchecked);
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 4px);
  top: 2px;
  left: 2px;
  border-radius: 2px;
  width: 65px;
  font-size: 12px;
  font-weight: bold;
  transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  color: #777;
  position: absolute;
  z-index: 5;
  background: white;
  transform: translate3d(0, 0, 0);
}

@layer defaults {
  al-tab-list {
    display: flex;
    gap: 0.75rem;
  }
  al-tab-button {
    z-index: 1;
  }
  al-tab-button al-icon {
    margin-right: 0.5rem;
  }
  al-tab-button[active] {
    font-weight: bold;
    z-index: 3;
  }
  al-tab-panel {
    display: block;
    position: relative;
    padding: 0.7rem;
    z-index: 2;
    margin-top: -1px;
  }
}
al-tab-panel:not([active]) {
  display: none !important;
}

al-pathway {
  display: flex;
}

al-pathway-selection {
  display: flex;
  gap: 1rem;
}
al-pathway-selection > .leaf-info {
  border-radius: 5px;
  padding: 10px;
  cursor: pointer;
  background-color: var(--pathway-leaf-bg, rgb(31, 41, 55));
  color: var(--pathway-leaf-color, rgb(255, 255, 255));
}
al-pathway-selection > .leaf-info:hover {
  background-color: var(--pathway-leaf-hover-bg, rgb(56, 69, 85));
}

.al-pathway-leaf-dropdown {
  background-color: var(--pathway-leaf-option-selection-bg, rgb(55, 65, 81));
  color: var(--pathway-leaf-color, rgb(255, 255, 255));
  display: flex;
  border-radius: 5px;
}
.al-pathway-leaf-dropdown .al-pathway-select-leaf-type,
.al-pathway-leaf-dropdown .al-pathway-select-leaf-value {
  padding: 10px 0;
}
.al-pathway-leaf-dropdown .al-pathway-select-leaf-type {
  background-color: rgba(255, 255, 255, 0.2);
}
.al-pathway-leaf-dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.al-pathway-leaf-dropdown ul li {
  padding: 15px 25px;
  cursor: pointer;
}
.al-pathway-leaf-dropdown ul li:hover {
  background-color: var(--pathway-leaf-option-selection-hover-bg, rgb(69, 84, 101));
}

al-apex-chart {
  display: flex;
}
al-apex-chart > * {
  flex: 1 0 100%;
}

al-virtual-scroll {
  display: block;
  min-height: 20rem;
  min-width: 2rem;
  overflow: auto;
  border: 1px solid red;
}
al-virtual-scroll .top-trigger,
al-virtual-scroll .bottom-trigger {
  width: 1px;
  height: 1px;
}
al-virtual-scroll [data-loaded-entry-index] {
  border: 1px solid orange;
  min-height: 2rem;
  padding: 1rem;
}

al-settings-editor {
  display: grid;
  grid-template-columns: minmax(200px, 1.5fr) minmax(25vw, 9fr);
}
al-settings-editor .al-settings-group {
  padding-top: 0.5rem;
  margin-bottom: 0.5rem;
}
al-settings-editor .al-settings-setting-header {
  margin-bottom: 0.5rem;
}
al-settings-editor .al-settings-group-title {
  font-weight: bold;
  font-size: 1.6rem;
}
al-settings-editor .al-settings-group-header {
  padding: 0.2rem 1rem 0.5rem;
}
al-settings-editor .al-settings-actions,
al-settings-editor .al-settings-setting {
  padding: 0.2rem 1rem 1.5rem;
}
al-settings-editor .al-settings-actions {
  margin-top: 2rem;
}
al-settings-editor .al-settings-setting-title {
  font-weight: bold;
}
al-settings-editor .al-settings-setting-description micro-copy:not(:empty) {
  display: block;
  margin-top: 0.3rem;
}
al-settings-editor .al-settings-sidebar {
  border-right: 1px solid #ebebeb;
  margin-right: 1.5rem;
}
al-settings-editor .al-settings-sidebar a {
  text-decoration: none;
  color: inherit;
}
al-settings-editor al-field .field,
al-settings-editor al-field .field input {
  width: 100%;
}
al-settings-editor al-toc {
  position: sticky;
  top: 1rem;
}

@layer defaults {}
al-datetime-input > * {
  width: 100%;
  height: 100%;
}

:root al-widget-toolbar {
  display: none;
}
:root [hidden] {
  display: none !important;
}

html.logged-in al-widget-toolbar {
  font-size: 15px;
  display: flex;
  z-index: 9999;
  background: rgba(200, 200, 200, 0.5);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
  bottom: 3em;
  left: 3em;
  border-radius: 24px;
  height: 5.25em;
  padding: 1em;
  border: 1px solid #aaa;
  display: flex;
  gap: 1em;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  position: fixed;
  bottom: 16px;
  left: 16px;
  right: 16px;
}

al-widget-toolbar[state=editing] .start-edit {
  display: none;
}
al-widget-toolbar[state=default] .stop-and-save,
al-widget-toolbar[state=default] .stop-edit,
al-widget-toolbar[state=default] .save-all, al-widget-toolbar[state=ready] .stop-and-save,
al-widget-toolbar[state=ready] .stop-edit,
al-widget-toolbar[state=ready] .save-all {
  display: none;
}
al-widget-toolbar[state=saving] .start-edit,
al-widget-toolbar[state=saving] .stop-edit, al-widget-toolbar[state=saving-before-stop] .start-edit,
al-widget-toolbar[state=saving-before-stop] .stop-edit {
  display: none;
}
al-widget-toolbar[state=saving] .stop-and-save {
  display: none;
}
al-widget-toolbar[state=saving-before-stop] .save-all {
  display: none;
}
al-widget-toolbar .stop-and-save,
al-widget-toolbar .save-all {
}
al-widget-toolbar a,
al-widget-toolbar al-button {
  border-radius: 1em;
}
al-widget-toolbar a {
  background-color: black;
  color: white;
  padding: 0.5em 1em;
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}
al-widget-toolbar a al-icon {
  font-size: 2em;
}
al-widget-toolbar a:hover {
  background-color: rgb(53, 53, 53);
}
al-widget-toolbar .watchers:empty {
  display: none;
}
al-widget-toolbar .watchers {
  margin: 0 4rem;
}
al-widget-toolbar al-user-avatar .bubble-representation {
  width: 4.5rem;
  height: 4.5rem;
  font-size: 3.5rem;
  line-height: 4.5rem;
}
al-widget-toolbar [data-area=buttons] {
  display: flex;
  gap: 1rem;
}
al-widget-toolbar [data-area=buttons] a {
  text-decoration: none;
}
al-widget-toolbar [data-area=buttons] a micro-copy {
  text-decoration: underline;
}

al-widgets,
al-widgets-row,
al-widgets-column {
  display: flex;
}
al-widgets.aw-editing,
al-widgets-row.aw-editing,
al-widgets-column.aw-editing {
  position: relative;
  min-height: 3rem;
  min-width: 10rem;
}
al-widgets > *,
al-widgets-row > *,
al-widgets-column > * {
  flex: 10 10 auto;
}

al-widgets.aw-editing:before,
al-widget.aw-editing:before {
  content: "";
  position: absolute;
  inset: -2px;
  background: white;
  border: 2px dashed rgba(0, 0, 0, 0.4);
  pointer-events: none;
  clip-path: polygon(0% 0%, 0% 100%, 2px 100%, 2px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 2px), 0 calc(100% - 2px), 0 100%, 100% 100%, 100% 0);
}

al-widgets-row.aw-editing:hover,
al-widgets-column.aw-editing:hover {
  background: rgba(60, 60, 60, 0.1);
}

al-widgets,
al-widgets-column {
  flex-flow: column;
}
al-widgets.aw-editing,
al-widgets-column.aw-editing {
  padding-bottom: 5rem;
}
al-widgets > al-widget-add-area,
al-widgets-column > al-widget-add-area {
  position: absolute;
  bottom: 0.2rem;
  left: 50%;
  transform: translateX(-50%);
}

al-widgets-row {
  flex-flow: row;
  flex: 10 10 auto;
}
al-widgets-row.aw-editing {
  padding-right: 5rem;
}
al-widgets-row > al-widget-add-area {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}

al-widget-add-area {
  background: rgba(255, 255, 255, 0.5);
  padding: 0.5rem 2rem;
  border-radius: 2rem;
  z-index: 99999999;
}
al-widget-add-area .widget-button {
  min-height: 2.5rem;
  padding: 1rem;
}

al-widgets-row.aw-editing::after,
al-widgets > al-widgets-column.aw-editing::after,
al-widgets-column > al-widgets-column.aw-editing::after,
.alchemy-widgets-container > al-widgets-column.aw-editing::after {
  content: "";
  position: absolute;
  height: 1px;
  left: 15px;
  right: 15px;
  bottom: 0;
  border-bottom: 2px dashed rgba(0, 0, 0, 0.3);
  width: initial;
  border-right: initial;
  top: initial;
}

al-widgets-column {
  flex: 10 10 auto;
}

al-widgets-column.aw-editing::after,
al-widgets-row > al-widgets-row.aw-editing::after,
.alchemy-widgets-container > al-widgets-row.aw-editing::after {
  content: "";
  position: absolute;
  width: 1px;
  top: 10px;
  bottom: 10px;
  right: 0;
  border-right: 2px dashed rgba(0, 0, 0, 0.3);
  left: initial;
  border-bottom: initial;
  height: initial;
}

al-widget-add-area {
  display: flex;
  justify-content: center;
  align-items: center;
}
al-widget-add-area .widget-types {
  display: none;
}
al-widget-add-area.show-types .main-button {
  display: none;
}
al-widget-add-area.show-types .widget-types {
  display: initial;
}
al-widget-add-area .main-button {
  display: flex;
}

.aw-actionbar-button,
.widget-button {
  color: #707684;
  cursor: pointer;
  border: none;
  background: none;
  display: flex;
  align-content: center;
  min-height: 26px;
  align-items: center;
  text-transform: uppercase;
}
.aw-actionbar-button:hover,
.widget-button:hover {
  color: #388ae5;
}

al-widget {
  display: block;
}
al-widget.aw-editing {
  min-height: 2rem;
  min-width: 2rem;
}
al-widget.aw-editing:hover {
  background: rgba(60, 60, 120, 0.2);
}
al-widget.aw-selected {
  background-color: rgba(121, 121, 243, 0.2784313725);
  position: relative;
  outline: none;
}
al-widget.aw-selected:before {
  background-color: yellow;
}

al-widget-context,
al-widget-actionbar {
  display: block;
  padding: 0.4rem;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #dadada;
  font-size: 2rem;
}
al-widget-context[hidden],
al-widget-actionbar[hidden] {
  display: none;
}

al-widget-context {
  position: fixed;
  z-index: 99999;
}
al-widget-context al-widget-actionbar {
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  z-index: 999999;
}

al-widget-actionbar {
  min-height: 2.5rem;
  min-width: 2.5rem;
  display: flex;
}
al-widget-actionbar > * {
  margin-right: 5px;
}
al-widget-actionbar .aw-actionbar-button {
  font-size: 2.5rem;
  border-radius: 4px;
  padding: 0.6rem;
}
al-widget-actionbar .aw-actionbar-button:hover {
  color: rgb(112, 118, 132);
  background-color: #f0f0f0;
}
al-widget-actionbar .aw-actionbar-button.aw-button-selected {
  color: #388ae5;
}

al-widget[type=header] h1, al-widget[type=header] h2, al-widget[type=header] h3, al-widget[type=header] h4, al-widget[type=header] h5, al-widget[type=header] h6 {
  padding: 1em 0;
  margin: 0;
  line-height: 1.5em;
  outline: none;
}
al-widget[type=header] h1 {
  font-size: 2em;
}
al-widget[type=header] h2 {
  font-size: 1.5em;
}

al-widget[type=text].aw-editing, al-widget[type=text].aw-editing > * {
  min-width: 5rem;
  min-height: 3rem;
}
al-widget[type=text].aw-editing > * {
  display: inline-block;
  width: 100%;
}

.aw-actionbar-button .aw-header-h {
  font-weight: bold;
  font-size: 1.2em;
}
.aw-actionbar-button .aw-header-level {
  font-weight: bold;
  height: 1.3em;
}

al-toc {
  display: block;
}

[data-he-template="widget/widget_config"] .widget-config-title {
  margin-bottom: 1rem;
  color: black;
}
[data-he-template="widget/widget_config"] al-label {
  padding: 0.5rem;
}
[data-he-template="widget/widget_config"] al-label [data-he-name=field-title] {
  display: block;
}

.aw-hidden {
  opacity: 0.8;
}

al-widget[type=markdown] .markdown-editor-container {
  background: white;
}
al-widget[type=markdown] .ProseMirror {
  font-size: 1.1rem;
  --default-font-family: "Roboto", sans-serif;
  font-family: var(--font-family, var(--default-font-family));
}
al-widget[type=markdown] .toastui-editor-toolbar .toastui-editor-md-tab-container .toastui-editor-tabs {
  display: none;
}

al-user-avatar-group {
  display: flex;
}
al-user-avatar-group > * {
  position: relative;
  z-index: 10;
  margin-left: -0.5rem;
}
al-user-avatar-group > :first-child {
  margin-left: 0;
}
al-user-avatar-group > *:hover {
  z-index: 101;
}

al-user-avatar {
  display: block;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
al-user-avatar .bubble-representation {
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: var(--avatar-bg-color, #388ae5);
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  line-height: 2rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);
}

al-file {
  display: grid;
  grid-template-columns: fit-content(10rem) fit-content(17rem);
}
al-file .al-file-choose-existing {
  display: none !important;
}
al-file:not(.uploading) .upload-percentage,
al-file:not(.uploading) .uploading-icon {
  display: none;
}
al-file.uploading .empty-icon {
  display: none !important;
}
al-file.uploading .upload-percentage {
  position: absolute;
  bottom: 4px;
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
}
al-file.uploading .uploading-icon {
  margin-top: -7px;
}
al-file .al-file-drop-target {
  margin-right: 1rem;
  position: relative;
  cursor: pointer;
  background: hsl(0, 0%, 90%);
  border-top: 1px solid hsl(0, 0%, 80%);
  border-radius: 4px;
  min-width: 8rem;
  min-height: 8rem;
  height: 100%;
  padding: 4px 6px 6px;
  transition: all 0.2s;
}
al-file .al-file-drop-target input[type=file] {
  visibility: hidden;
}
al-file .al-file-drop-target al-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 4rem;
}
al-file .al-file-drop-target:hover {
  background: #f80;
  border-top-color: rgb(204, 108.8, 0);
}
al-file .al-file-drop-target:hover:before {
  color: fadeout(#000, 40%);
}
al-file .al-file-drop-target .al-file-preview {
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: contain;
  position: relative;
  z-index: 2;
}
al-file .al-file-drop-target .al-file-preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
al-file.dropping .al-file-drop-target {
  background: #f80;
  border-top-color: rgb(204, 108.8, 0);
}
al-file.dropping .al-file-drop-target:before {
  color: fadeout(#000, 40%);
}
al-file .al-file-right {
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  gap: 0.5rem;
}
al-file button {
  min-height: 2rem;
}

al-field[field-view=file_preview] [data-he-name=field] .field {
  padding: 0;
}
al-field[field-view=file_preview] [data-he-name=field] .field img {
  max-height: 25rem;
  -o-object-fit: contain;
     object-fit: contain;
}

al-field[field-view=file_preview][mode=inline] .field img,
al-field[field-view=file][mode=inline] .field img,
al-field[field-type=file][mode=inline] .field img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100px;
  height: 100px;
  display: block;
  margin: auto;
}

.alchemy-file-selection-dialog .alchemy-file-selection-wrapper {
  max-height: 85vh;
}
.alchemy-file-selection-dialog .alchemy-file-selection-wrapper al-table {
  max-height: 76vh;
  margin-bottom: 1rem;
  overflow: auto;
}

al-icon {
  display: inline-flex;
  flex-flow: column;
  justify-content: center;
  align-content: center;
  text-align: center;
  position: relative;
}
al-icon[hidden] {
  display: none !important;
}
al-icon[icon-style=duotone] {
  position: relative;
}
al-icon[icon-style=duotone]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
al-icon[size="2"] {
  font-size: 2em;
}
al-icon[size="3"] {
  font-size: 3em;
}
al-icon[size="4"] {
  font-size: 4em;
}

al-icon-stack {
  display: inline-grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
al-icon-stack al-icon {
  grid-area: 1/1;
}

al-svg {
  display: inline-flex;
}
al-svg svg {
  width: 100%;
  height: 100%;
  display: block;
}

al-image {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
al-image .placeholder {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.03);
  filter: blur(8px);
  z-index: -1;
  transition: 0.1s transform;
}
al-image .final {
  height: auto;
  width: auto;
  opacity: 0;
  transition: 0.1s opacity, 0.1s transform;
  transform: scale(1.03);
}

:root {
  --fv-node-border: #010005;
  --fv-node-border-radius: 3px;
}

fv-grid,
fv-grid *,
fv-list,
fv-list * {
  box-sizing: border-box;
  font-family: sans-serif;
}

fv-grid {
  background-color: rgb(60, 60, 60);
  display: flex;
  min-width: 20rem;
  min-height: 30rem;
  overflow: hidden;
  position: relative;
}
fv-grid .fv-grid-inner {
  background-image: linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.05) 76%, transparent 77%, transparent);
  background-size: 50px 50px;
  flex: 1;
}
fv-grid div.nodes,
fv-grid div.arrows {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
fv-grid div.nodes {
  z-index: 10;
}

fv-node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: move;
  pointer-events: all;
  display: flex;
  min-height: 5rem;
  min-width: 5rem;
  border: 1px solid var(--fv-node-border);
  background: rgba(0, 0, 0, 0.2);
  border-radius: var(--fv-node-border-radius);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
fv-node .fv-node-content {
  box-shadow: 0 0 0 2px var(--fv-node-border);
  border-radius: var(--fv-node-border-radius);
  flex: 1;
  display: flex;
  flex-flow: column;
}
fv-node .fv-node-title {
  color: #909090;
  background: linear-gradient(180deg, rgb(46, 46, 46) 0%, rgb(36, 36, 38) 100%);
  padding: 0.4rem 0.6rem;
  font-weight: bold;
  margin-bottom: 0.3rem;
}
fv-node .fv-node-description {
  padding: 0.4rem;
  margin-bottom: 0.3rem;
}
fv-node .fv-node-description:empty {
  display: none;
}
fv-node .fv-node-buttons {
  display: flex;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  cursor: initial;
}
fv-node .fv-node-buttons:empty {
  display: none;
}
fv-node .fv-node-anchors {
  display: flex;
  justify-content: space-between;
}
fv-node .fv-node-anchors .fv-node-anchors-in,
fv-node .fv-node-anchors .fv-node-anchors-out {
  display: flex;
  flex-flow: column;
}
fv-node .fv-node-anchors .fv-node-anchors-in > *,
fv-node .fv-node-anchors .fv-node-anchors-out > * {
  margin-bottom: 5px;
}
fv-node .fv-node-anchors .fv-node-anchors-in {
  text-align: left;
  margin-right: 1rem;
}
fv-node .fv-node-anchors .fv-node-anchors-out {
  text-align: right;
  margin-left: 1rem;
}

fv-anchor-input,
fv-anchor-output {
  font-weight: bold;
  color: white;
  text-shadow: 0 0 4px black;
}

fv-anchor-input.drag-accept {
  background: linear-gradient(128deg, rgb(175, 224, 0) 0%, rgb(156, 211, 0) 100%);
  cursor: copy;
}

fv-anchor-input.drag-deny {
  cursor: no-drop;
}

fv-anchor-input,
fv-anchor-output {
  cursor: default;
}

fv-anchor-input {
  border-radius: 0 10px 10px 0;
  background: rgba(255, 255, 255, 0.2);
  padding: 0 0.6rem 0 0.3rem;
}

fv-anchor-output {
  border-radius: 10px 0 0 10px;
  background: rgba(255, 255, 255, 0.2);
  padding: 0 0.3rem 0 0.6rem;
}

fv-path {
  display: block;
  position: relative;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  stroke-width: 4;
  stroke: rgba(255, 255, 255, 0.8);
}
fv-path svg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
fv-list {
  display: flex;
  background-color: #333;
  min-width: 22rem;
  min-height: 60rem;
}
fv-list .components {
  display: flex;
  flex-flow: column;
  overflow-y: scroll;
  max-height: 60rem;
}

fv-list-entry {
  display: flex;
  padding: 1rem;
  padding-top: 1.2rem;
  color: white;
  width: 100%;
  border-bottom: 1px solid gray;
  cursor: grab;
}
fv-list-entry .info-wrapper {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
fv-list-entry .button-wrapper {
  display: flex;
  flex: 0 0 2rem;
  justify-content: center;
  flex-flow: column;
  margin-right: 1rem;
}
fv-list-entry .title {
  font-size: 1.1rem;
  font-weight: bold;
  color: gold;
}
fv-list-entry .description {
  font-size: 0.9rem;
  max-width: 11rem;
  color: gray;
}
fv-list-entry .description:not(:empty) {
  margin-top: 0.3rem;
}

[hidden] {
  display: none;
}

al-flow {
  display: flex;
}
al-flow fv-grid {
  flex: 1 1;
}
al-flow fv-list {
  flex: 0 1 auto;
  min-width: 1rem;
}

.component-config-wrapper {
  min-width: 50vw;
}
.component-config-wrapper .btn.btn-apply {
  margin-top: 1rem;
}
.component-config-wrapper al-field {
  margin-top: 1rem;
}
.component-config-wrapper al-field al-label {
  background-color: lightgray;
}

[data-he-template="scenario/component_config"].he-dialog-contents {
  background-color: lightslategrey;
}
[data-he-template="scenario/component_config"].he-dialog-contents .component-heading {
  margin-bottom: 1.5rem;
}
[data-he-template="scenario/component_config"].he-dialog-contents .component-heading h2 {
  margin-bottom: 0;
}
[data-he-template="scenario/component_config"].he-dialog-contents al-field[field-type=query_builder] [data-he-name=field] > .field {
  padding: 0;
}
[data-he-template="scenario/component_config"].he-dialog-contents al-field[field-type=query_builder] [data-he-name=field] > .field al-query-builder {
  padding: 0rem;
}
[data-he-template="scenario/component_config"].he-dialog-contents al-field[field-type=query_builder] [data-he-name=field] > .field al-query-builder > al-query-builder-group {
  padding: 2rem 1rem;
  margin: 0;
}

:root {
  --heading-color-text: white;
}