@charset "UTF-8";
@layer reset, defaults, patterns, components, themes, utilities, overrides;
@layer defaults {
  :root {
    --color-tint-1: #f1aeae;
    --color-shade-1: #842020;
    --color-tint-2: #fecba1;
    --color-shade-2: #984c0c;
    --color-tint-3: #ffe69c;
    --color-shade-3: #997404;
    --color-tint-4: #cccc99;
    --color-shade-4: #4d4d00;
    --color-tint-5: #d4efab;
    --color-shade-5: #59821b;
    --color-tint-6: #99cc99;
    --color-shade-6: #004d00;
    --color-tint-7: #a6e9d5;
    --color-shade-7: #13795b;
    --color-tint-8: #9eeaf9;
    --color-shade-8: #087990;
    --color-tint-9: #9ec5fe;
    --color-shade-9: #084298;
    --color-tint-10: #a19ffa;
    --color-shade-10: #0b0a91;
    --color-tint-11: #be9ffa;
    --color-shade-11: #380a91;
    --color-tint-12: #c5b3e6;
    --color-shade-12: #432874;
    --color-tint-13: #e5b7f1;
    --color-shade-13: #722d83;
    --color-tint-14: #efadce;
    --color-shade-14: #801f4f;
    --color-tint-15: #fdbfd2;
    --color-shade-15: #953956;
    --color-tint-16: #fdbfbc;
    --color-shade-16: #963834;
    --radius-sm: 0.2rem;
    --style-t-current-border: solid;
    --size-t-current-border: 1px;
    --size-t-current-border-inner: 1px;
    --size-t-current-border-radius: 4px;
    --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");
  }
}
@layer themes {
  .use-light-mode, 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: #613d05;
    --color-t-primary-bg: #cfe2ff;
    --color-t-primary-bg-text: #5c6470;
    --color-t-primary-bg-subtle: #9ec5fe;
    --color-t-primary-bg-subtle-text: #415269;
    --color-t-primary-border-flashy: #0a58ca;
    --color-t-primary-emphasis-rgb: 10, 88, 202;
    --color-t-primary-emphasis-text: #cedef4;
    --color-t-primary-subtle: #9ec5fe;
    --color-t-primary-subtle-rgb: 158, 197, 254;
    --color-t-primary-subtle-text: #415269;
    --color-t-primary-subtle-hover: #3d8bfd;
    --color-t-secondary-core: #838a92;
    --color-t-secondary-core-rgb: 131, 138, 146;
    --color-t-secondary-core-text: #222326;
    --color-t-secondary-accent: #928b83;
    --color-t-secondary-accent-rgb: 146, 139, 131;
    --color-t-secondary-accent-text: #282524;
    --color-t-secondary-bg: #e6e8e9;
    --color-t-secondary-bg-text: #676868;
    --color-t-secondary-bg-subtle: #8f969d;
    --color-t-secondary-bg-subtle-text: #2c2e31;
    --color-t-secondary-border-flashy: #696e75;
    --color-t-secondary-emphasis-rgb: 105, 110, 117;
    --color-t-secondary-emphasis-text: #f0f1f1;
    --color-t-secondary-subtle: #8f969d;
    --color-t-secondary-subtle-rgb: 143, 150, 157;
    --color-t-secondary-subtle-text: #2c2e31;
    --color-t-secondary-subtle-hover: #9ca1a8;
    --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: #e6cce6;
    --color-t-success-bg: #cce6cc;
    --color-t-success-bg-text: #5b655b;
    --color-t-success-bg-subtle: #99cc99;
    --color-t-success-bg-subtle-text: #3e543e;
    --color-t-success-border-flashy: #006600;
    --color-t-success-emphasis-rgb: 0, 102, 0;
    --color-t-success-emphasis-text: #cce0cc;
    --color-t-success-subtle: #99cc99;
    --color-t-success-subtle-rgb: 153, 204, 153;
    --color-t-success-subtle-text: #3e543e;
    --color-t-success-subtle-hover: #339933;
    --color-t-info-core: #0dcaf0;
    --color-t-info-core-rgb: 13, 202, 240;
    --color-t-info-core-text: #055160;
    --color-t-info-accent: #f0330d;
    --color-t-info-accent-rgb: 240, 51, 13;
    --color-t-info-accent-text: #2b0b03;
    --color-t-info-bg: #cff4fc;
    --color-t-info-bg-text: #5e6f72;
    --color-t-info-bg-subtle: #9eeaf9;
    --color-t-info-bg-subtle-text: #45676e;
    --color-t-info-border-flashy: #0aa2c0;
    --color-t-info-emphasis-rgb: 10, 162, 192;
    --color-t-info-emphasis-text: #04323c;
    --color-t-info-subtle: #9eeaf9;
    --color-t-info-subtle-rgb: 158, 234, 249;
    --color-t-info-subtle-text: #45676e;
    --color-t-info-subtle-hover: #3dd5f3;
    --color-t-warning-core: #ffc107;
    --color-t-warning-core-rgb: 255, 193, 7;
    --color-t-warning-core-text: #6d5204;
    --color-t-warning-accent: #0745ff;
    --color-t-warning-accent-rgb: 7, 69, 255;
    --color-t-warning-accent-text: #cddaff;
    --color-t-warning-bg: #fff3cd;
    --color-t-warning-bg-text: #746f5e;
    --color-t-warning-bg-subtle: #ffe69c;
    --color-t-warning-bg-subtle-text: #726746;
    --color-t-warning-border-flashy: #cc9a06;
    --color-t-warning-emphasis-rgb: 204, 154, 6;
    --color-t-warning-emphasis-text: #473603;
    --color-t-warning-subtle: #ffe69c;
    --color-t-warning-subtle-rgb: 255, 230, 156;
    --color-t-warning-subtle-text: #726746;
    --color-t-warning-subtle-hover: #ffcd39;
    --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: #175d5d;
    --color-t-danger-bg: #f8d7d7;
    --color-t-danger-bg-text: #6d5f5f;
    --color-t-danger-bg-subtle: #f1aeae;
    --color-t-danger-bg-subtle-text: #624747;
    --color-t-danger-border-flashy: #b02a2a;
    --color-t-danger-emphasis-rgb: 176, 42, 42;
    --color-t-danger-emphasis-text: #efd4d4;
    --color-t-danger-subtle: #f1aeae;
    --color-t-danger-subtle-rgb: 241, 174, 174;
    --color-t-danger-subtle-text: #624747;
    --color-t-danger-subtle-hover: #e35d5d;
    --color-t-bright-core: #edeff0;
    --color-t-bright-core-rgb: 237, 239, 240;
    --color-t-bright-core-text: #6b6c6c;
    --color-t-bright-accent: #f0eeed;
    --color-t-bright-accent-rgb: 240, 238, 237;
    --color-t-bright-accent-text: #6d6c6c;
    --color-t-bright-bg: #fbfcfc;
    --color-t-bright-bg-text: #747474;
    --color-t-bright-bg-subtle: #eff1f2;
    --color-t-bright-bg-subtle-text: #6d6e6f;
    --color-t-bright-border-flashy: #bebfc0;
    --color-t-bright-emphasis-rgb: 190, 191, 192;
    --color-t-bright-emphasis-text: #4d4e4e;
    --color-t-bright-subtle: #eff1f2;
    --color-t-bright-subtle-rgb: 239, 241, 242;
    --color-t-bright-subtle-text: #6d6e6f;
    --color-t-bright-subtle-hover: #f1f2f3;
    --color-t-dim-core: #212324;
    --color-t-dim-core-rgb: 33, 35, 36;
    --color-t-dim-core-text: lightgray;
    --color-t-dim-accent: #242221;
    --color-t-dim-accent-rgb: 36, 34, 33;
    --color-t-dim-accent-text: lightgray;
    --color-t-dim-bg: lightgray;
    --color-t-dim-bg-text: #5b5b5b;
    --color-t-dim-bg-subtle: #37393a;
    --color-t-dim-bg-subtle-text: #d7d7d8;
    --color-t-dim-border-flashy: #1a1c1d;
    --color-t-dim-emphasis-rgb: 26, 28, 29;
    --color-t-dim-emphasis-text: #d1d2d2;
    --color-t-dim-subtle: #37393a;
    --color-t-dim-subtle-rgb: 55, 57, 58;
    --color-t-dim-subtle-text: #d7d7d8;
    --color-t-dim-subtle-hover: #4d4f50;
    --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: #e6cce6;
    --color-t-truthy-bg: #cce6cc;
    --color-t-truthy-bg-text: #5b655b;
    --color-t-truthy-bg-subtle: #99cc99;
    --color-t-truthy-bg-subtle-text: #3e543e;
    --color-t-truthy-border-flashy: #006600;
    --color-t-truthy-emphasis-rgb: 0, 102, 0;
    --color-t-truthy-emphasis-text: #cce0cc;
    --color-t-truthy-subtle: #99cc99;
    --color-t-truthy-subtle-rgb: 153, 204, 153;
    --color-t-truthy-subtle-text: #3e543e;
    --color-t-truthy-subtle-hover: #339933;
    --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: #175d5d;
    --color-t-falsy-bg: #f8d7d7;
    --color-t-falsy-bg-text: #6d5f5f;
    --color-t-falsy-bg-subtle: #f1aeae;
    --color-t-falsy-bg-subtle-text: #624747;
    --color-t-falsy-border-flashy: #b02a2a;
    --color-t-falsy-emphasis-rgb: 176, 42, 42;
    --color-t-falsy-emphasis-text: #efd4d4;
    --color-t-falsy-subtle: #f1aeae;
    --color-t-falsy-subtle-rgb: 241, 174, 174;
    --color-t-falsy-subtle-text: #624747;
    --color-t-falsy-subtle-hover: #e35d5d;
    --color-t-inactive-core: #b6bdc5;
    --color-t-inactive-core-rgb: 182, 189, 197;
    --color-t-inactive-core-text: #494c4f;
    --color-t-inactive-accent: #c5beb6;
    --color-t-inactive-accent-rgb: 197, 190, 182;
    --color-t-inactive-accent-text: #504d4a;
    --color-t-inactive-bg: #f0f2f3;
    --color-t-inactive-bg-text: #6d6f6f;
    --color-t-inactive-bg-subtle: #bdc4cb;
    --color-t-inactive-bg-subtle-text: #4e5153;
    --color-t-inactive-border-flashy: #92979e;
    --color-t-inactive-emphasis-rgb: 146, 151, 158;
    --color-t-inactive-emphasis-text: #2e2f31;
    --color-t-inactive-subtle: #bdc4cb;
    --color-t-inactive-subtle-rgb: 189, 196, 203;
    --color-t-inactive-subtle-text: #4e5153;
    --color-t-inactive-subtle-hover: #c5cad1;
    --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-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 {
    --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: #613d05;
    --color-t-primary-bg: #031633;
    --color-t-primary-bg-text: #cdd0d6;
    --color-t-primary-bg-subtle: #052c65;
    --color-t-primary-bg-subtle-text: #cdd5e0;
    --color-t-primary-border-flashy: #3d8bfd;
    --color-t-primary-emphasis-rgb: 158, 197, 254;
    --color-t-primary-emphasis-text: #415269;
    --color-t-primary-subtle: #052c65;
    --color-t-primary-subtle-rgb: 5, 44, 101;
    --color-t-primary-subtle-text: #cdd5e0;
    --color-t-primary-subtle-hover: #0a58ca;
    --color-t-secondary-core: #838a92;
    --color-t-secondary-core-rgb: 131, 138, 146;
    --color-t-secondary-core-text: #222326;
    --color-t-secondary-accent: #928b83;
    --color-t-secondary-accent-rgb: 146, 139, 131;
    --color-t-secondary-accent-text: #282524;
    --color-t-secondary-bg: #1a1c1d;
    --color-t-secondary-bg-text: #d1d2d2;
    --color-t-secondary-bg-subtle: #8f969d;
    --color-t-secondary-bg-subtle-text: #2c2e31;
    --color-t-secondary-border-flashy: #9ca1a8;
    --color-t-secondary-emphasis-rgb: 156, 161, 168;
    --color-t-secondary-emphasis-text: #37383a;
    --color-t-secondary-subtle: #34373a;
    --color-t-secondary-subtle-rgb: 52, 55, 58;
    --color-t-secondary-subtle-text: #d6d7d8;
    --color-t-secondary-subtle-hover: #696e75;
    --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: #e6cce6;
    --color-t-success-bg: #001a00;
    --color-t-success-bg-text: #ccd1cc;
    --color-t-success-bg-subtle: #003300;
    --color-t-success-bg-subtle-text: #ccd6cc;
    --color-t-success-border-flashy: #339933;
    --color-t-success-emphasis-rgb: 153, 204, 153;
    --color-t-success-emphasis-text: #3e543e;
    --color-t-success-subtle: #003300;
    --color-t-success-subtle-rgb: 0, 51, 0;
    --color-t-success-subtle-text: #ccd6cc;
    --color-t-success-subtle-hover: #006600;
    --color-t-info-core: #0dcaf0;
    --color-t-info-core-rgb: 13, 202, 240;
    --color-t-info-core-text: #055160;
    --color-t-info-accent: #f0330d;
    --color-t-info-accent-rgb: 240, 51, 13;
    --color-t-info-accent-text: #2b0b03;
    --color-t-info-bg: #032830;
    --color-t-info-bg-text: #cdd4d6;
    --color-t-info-bg-subtle: #055160;
    --color-t-info-bg-subtle-text: #cddcdf;
    --color-t-info-border-flashy: #3dd5f3;
    --color-t-info-emphasis-rgb: 158, 234, 249;
    --color-t-info-emphasis-text: #45676e;
    --color-t-info-subtle: #055160;
    --color-t-info-subtle-rgb: 5, 81, 96;
    --color-t-info-subtle-text: #cddcdf;
    --color-t-info-subtle-hover: #0aa2c0;
    --color-t-warning-core: #ffc107;
    --color-t-warning-core-rgb: 255, 193, 7;
    --color-t-warning-core-text: #6d5204;
    --color-t-warning-accent: #0745ff;
    --color-t-warning-accent-rgb: 7, 69, 255;
    --color-t-warning-accent-text: #cddaff;
    --color-t-warning-bg: #332701;
    --color-t-warning-bg-text: #d6d4cc;
    --color-t-warning-bg-subtle: #664d03;
    --color-t-warning-bg-subtle-text: #e0dbcd;
    --color-t-warning-border-flashy: #ffcd39;
    --color-t-warning-emphasis-rgb: 255, 230, 156;
    --color-t-warning-emphasis-text: #726746;
    --color-t-warning-subtle: #664d03;
    --color-t-warning-subtle-rgb: 102, 77, 3;
    --color-t-warning-subtle-text: #e0dbcd;
    --color-t-warning-subtle-hover: #cc9a06;
    --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: #175d5d;
    --color-t-danger-bg: #2c0b0b;
    --color-t-danger-bg-text: #d5cece;
    --color-t-danger-bg-subtle: #581515;
    --color-t-danger-bg-subtle-text: #ded0d0;
    --color-t-danger-border-flashy: #e35d5d;
    --color-t-danger-emphasis-rgb: 241, 174, 174;
    --color-t-danger-emphasis-text: #624747;
    --color-t-danger-subtle: #581515;
    --color-t-danger-subtle-rgb: 88, 21, 21;
    --color-t-danger-subtle-text: #ded0d0;
    --color-t-danger-subtle-hover: #b02a2a;
    --color-t-bright-core: #edeff0;
    --color-t-bright-core-rgb: 237, 239, 240;
    --color-t-bright-core-text: #6b6c6c;
    --color-t-bright-accent: #f0eeed;
    --color-t-bright-accent-rgb: 240, 238, 237;
    --color-t-bright-accent-text: #6d6c6c;
    --color-t-bright-bg: #2f3030;
    --color-t-bright-bg-text: #d5d6d6;
    --color-t-bright-bg-subtle: #eff1f2;
    --color-t-bright-bg-subtle-text: #6d6e6f;
    --color-t-bright-border-flashy: #f1f2f3;
    --color-t-bright-emphasis-rgb: 241, 242, 243;
    --color-t-bright-emphasis-text: #6d6e6e;
    --color-t-bright-subtle: #5f6060;
    --color-t-bright-subtle-rgb: 95, 96, 96;
    --color-t-bright-subtle-text: #dfdfdf;
    --color-t-bright-subtle-hover: #bebfc0;
    --color-t-dim-core: #212324;
    --color-t-dim-core-rgb: 33, 35, 36;
    --color-t-dim-core-text: lightgray;
    --color-t-dim-accent: #242221;
    --color-t-dim-accent-rgb: 36, 34, 33;
    --color-t-dim-accent-text: lightgray;
    --color-t-dim-bg: #070707;
    --color-t-dim-bg-text: #cdcdcd;
    --color-t-dim-bg-subtle: #37393a;
    --color-t-dim-bg-subtle-text: #d7d7d8;
    --color-t-dim-border-flashy: #4d4f50;
    --color-t-dim-emphasis-rgb: 77, 79, 80;
    --color-t-dim-emphasis-text: #dbdcdc;
    --color-t-dim-subtle: #0d0e0e;
    --color-t-dim-subtle-rgb: 13, 14, 14;
    --color-t-dim-subtle-text: #cfcfcf;
    --color-t-dim-subtle-hover: #1a1c1d;
    --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: #e6cce6;
    --color-t-truthy-bg: #001a00;
    --color-t-truthy-bg-text: #ccd1cc;
    --color-t-truthy-bg-subtle: #003300;
    --color-t-truthy-bg-subtle-text: #ccd6cc;
    --color-t-truthy-border-flashy: #339933;
    --color-t-truthy-emphasis-rgb: 153, 204, 153;
    --color-t-truthy-emphasis-text: #3e543e;
    --color-t-truthy-subtle: #003300;
    --color-t-truthy-subtle-rgb: 0, 51, 0;
    --color-t-truthy-subtle-text: #ccd6cc;
    --color-t-truthy-subtle-hover: #006600;
    --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: #175d5d;
    --color-t-falsy-bg: #2c0b0b;
    --color-t-falsy-bg-text: #d5cece;
    --color-t-falsy-bg-subtle: #581515;
    --color-t-falsy-bg-subtle-text: #ded0d0;
    --color-t-falsy-border-flashy: #e35d5d;
    --color-t-falsy-emphasis-rgb: 241, 174, 174;
    --color-t-falsy-emphasis-text: #624747;
    --color-t-falsy-subtle: #581515;
    --color-t-falsy-subtle-rgb: 88, 21, 21;
    --color-t-falsy-subtle-text: #ded0d0;
    --color-t-falsy-subtle-hover: #b02a2a;
    --color-t-inactive-core: #b6bdc5;
    --color-t-inactive-core-rgb: 182, 189, 197;
    --color-t-inactive-core-text: #494c4f;
    --color-t-inactive-accent: #c5beb6;
    --color-t-inactive-accent-rgb: 197, 190, 182;
    --color-t-inactive-accent-text: #504d4a;
    --color-t-inactive-bg: #242627;
    --color-t-inactive-bg-text: #d3d4d4;
    --color-t-inactive-bg-subtle: #bdc4cb;
    --color-t-inactive-bg-subtle-text: #4e5153;
    --color-t-inactive-border-flashy: #c5cad1;
    --color-t-inactive-emphasis-rgb: 197, 202, 209;
    --color-t-inactive-emphasis-text: #535558;
    --color-t-inactive-subtle: #494c4f;
    --color-t-inactive-subtle-rgb: 73, 76, 79;
    --color-t-inactive-subtle-text: #dbdbdc;
    --color-t-inactive-subtle-hover: #92979e;
    --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-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-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-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-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-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-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-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-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-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-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-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-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 3px;
  }
  .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;
  }
  [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);
  }
}
@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: 1em;
    --size-c-button-font-weight: 400;
    --size-c-button-spacer-x: 1em;
    --size-c-button-spacer-y: 0.5em;
  }
  .button, al-dropdown .dropdown-trigger-wrapper > 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);
    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;
  }
  .button:hover, al-dropdown .dropdown-trigger-wrapper > 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-dropdown .dropdown-trigger-wrapper > 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);
  }
  .button:active, al-dropdown .dropdown-trigger-wrapper > 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: 0.5rem;
    --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);
    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 {
    --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-dropdown, 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-dropdown: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-dropdown:active, al-select:active, al-select .dropdown:active, textarea:active,
  select:active,
  input:active:not([type=checkbox]):not([type=radio]), .input-defaults:focus, al-dropdown: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-dropdown::-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-dropdown::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-dropdown, al-select, al-select .dropdown, textarea,
  select,
  input:not([type=checkbox]):not([type=radio])) {
    margin-bottom: 0.5em;
  }
  label:has(.input-defaults, al-dropdown, 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: 1rem;
    --size-c-card-spacer-y: 0.5rem;
  }
  .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: 0.9rem;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .heading {
    margin-bottom: 0.3rem;
  }
  .footing {
    margin-top: 0.3rem;
  }
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--heading-color-text, var(--color-t-current-bg-text));
  }
}
@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 .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 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;
  }
}
@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 {
  display: flex;
  align-content: center;
  padding-left: 0.5rem;
}
al-field-array-entry .button .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 {
    display: flex;
    flex-flow: column;
  }
  al-table .aft-content {
    overflow-x: scroll;
    scrollbar-width: thin;
  }
  al-table table {
    width: 100%;
  }
  al-table thead td.sortable,
  al-table thead th.sortable {
    cursor: pointer;
  }
  al-table thead td a.sorting-anchor,
  al-table thead th a.sorting-anchor {
    text-decoration: none;
    color: inherit;
  }
  al-table th input {
    width: 100%;
    height: 2rem;
  }
  al-table td al-field[field-type=fixed_decimal] {
    text-align: right;
  }
  al-table footer {
    padding: 0.5rem 1rem;
  }
  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 {}
@layer defaults {
  :root {
    --size-c-dropdown-border-radius: 4px;
    --color-c-dropdown-bg: white;
  }
  al-dropdown {
    --color-p-dropdown-bg: var(--color-c-dropdown-bg, var(--color-t-current-bg));
    --color-p-dropdown-active-item-bg: var(--color-p-input-accent);
    --color-p-dropdown-active-item-bg-text: var(--color-p-input-accent-text);
    --size-p-dropdown-border-radius: var(--size-c-dropdown-border-radius);
    display: block;
    position: relative;
  }
  al-dropdown .dropdown-items-wrapper {
    position: fixed;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1019607843), inset 0 0 0 1px rgba(255, 255, 255, 0.5019607843);
    border-radius: var(--size-p-dropdown-border-radius);
    background-color: var(--color-p-dropdown-bg);
  }
  al-dropdown .dropdown-items-wrapper [slot=dropdown-items] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-auto-rows: auto;
    grid-template-areas: "icons titles";
    gap: 0px 1rem;
  }
  al-dropdown .dropdown-items-wrapper [slot=dropdown-items] al-dropdown-item {
    display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    grid-column: span 2;
  }
  al-dropdown .dropdown-items-wrapper [slot=dropdown-items] al-dropdown-item al-icon {
    grid-area: icons;
    justify-content: center;
    align-items: center;
  }
  al-dropdown .dropdown-items-wrapper [slot=dropdown-items] al-dropdown-item .text {
    grid-area: title;
  }
  al-dropdown al-dropdown-item {
    margin: 0 8px;
    padding: 8px;
  }
  al-dropdown al-dropdown-item:hover, al-dropdown al-dropdown-item.focused {
    background-color: var(--color-p-dropdown-active-item-bg);
    color: var(--color-p-dropdown-active-item-bg-text);
  }
  al-dropdown al-dropdown-item:first-child {
    margin-top: 8px;
  }
  al-dropdown al-dropdown-item:last-child {
    margin-bottom: 8px;
  }
  al-dropdown-item {
    cursor: pointer;
  }
}
: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;
  -webkit-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);
          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 #cccccc;
  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: #cc6d00;
}
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: #cc6d00;
}
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;
}

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

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  font-size: 14px;
  box-sizing: border-box;
}

* {
  box-sizing: inherit;
}

body {
  background: #ffffff;
  color: #031634;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  position: relative;
  cursor: default;
}

.row {
  display: flex;
  margin-bottom: 2rem;
  flex-flow: wrap;
  gap: 2rem;
}

.col {
  flex: 1 0 auto;
  background: #E8F3F8;
}

.header-image {
  box-shadow: #000 1px 1px 3px;
  background: #0B486B;
  display: flex;
  justify-content: center;
  padding: 2rem;
  color: white;
}
.header-image .alchemy-logo {
  width: 10rem;
  height: 10rem;
  margin-right: 1rem;
}
.header-image .alchemy-name {
  align-self: center;
  text-align: center;
}

tr:nth-child(even) td {
  background-color: rgba(100, 100, 100, 0.1);
}

td {
  vertical-align: top;
  padding: 1rem 0.2rem;
}

.package-description {
  max-width: 350px;
}

.content {
  padding: 2rem 10rem;
}
.content article {
  padding: 2rem;
  border-radius: 3px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
}
.content article h1 {
  margin-top: 0;
}
@media screen and (max-width: 1500px) {
  .content {
    padding: 2rem 1rem;
  }
}

.engine {
  background: #0B486B;
  font-size: 2rem;
  color: white;
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.engine span {
  flex: 0 0 auto;
}

.modules {
  flex: 1 0 auto;
}
.modules td {
  padding-right: 1rem;
}
.modules .failed {
  text-decoration: line-through;
}

ul.checklist {
  padding-left: 0;
  list-style-type: none;
}

li.success::before,
li.failed::before {
  font-size: 2rem;
  margin-right: 0.9rem;
  line-height: 0;
  vertical-align: middle;
}

li.success::before {
  content: "✓";
  color: green;
}

.failed {
  font-weight: bold;
  color: #80061C;
}

li.failed::before {
  content: "✘";
  color: red;
}

.settings th {
  text-align: left;
  border-bottom: 1px solid black;
}
.settings table {
  width: 100%;
}

.table-wrap table {
  width: 100%;
}