@layer aksel.reset {
  *, :before, :after {
    box-sizing: border-box;
  }

  html {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
    line-height: 1.15;
  }

  body {
    margin: 0;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    border-color: currentColor;
  }

  button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
  }

  button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
  }

  legend {
    padding: 0;
  }

  progress {
    vertical-align: baseline;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }

  summary {
    display: list-item;
  }
}

@layer aksel.theming {
  :root, :host, .light {
    --ax-neutral-100: #f5f6f7;
    --ax-neutral-200: #ecedef;
    --ax-neutral-300: #e1e3e7;
    --ax-neutral-400: #cfd3d8;
    --ax-neutral-500: #818997;
    --ax-neutral-600: #6f7785;
    --ax-neutral-700: #5d6573;
    --ax-neutral-800: #555d6a;
    --ax-neutral-900: #49515e;
    --ax-neutral-1000: #202733;
    --ax-neutral-000: white;
    --ax-neutral-100A: rgba(0, 26, 51, .04);
    --ax-neutral-200A: rgba(0, 14, 41, .075);
    --ax-neutral-300A: rgba(0, 17, 51, .118);
    --ax-neutral-400A: rgba(0, 22, 48, .19);
    --ax-accent-100: #f1f7ff;
    --ax-accent-200: #e4eeff;
    --ax-accent-300: #d4e5fd;
    --ax-accent-400: #bad5fb;
    --ax-accent-500: #428ae3;
    --ax-accent-600: #2176d4;
    --ax-accent-700: #0063c1;
    --ax-accent-800: #005bb6;
    --ax-accent-900: #004ea3;
    --ax-accent-1000: #002459;
    --ax-accent-100A: rgba(0, 110, 255, .055);
    --ax-accent-200A: rgba(0, 95, 255, .106);
    --ax-accent-300A: rgba(1, 101, 244, .17);
    --ax-accent-400A: rgba(0, 100, 241, .27);
    --ax-success-100: #e2fde8;
    --ax-success-200: #d5f6db;
    --ax-success-300: #c4edcd;
    --ax-success-400: #a8dfb4;
    --ax-success-500: #199d4f;
    --ax-success-600: #00893c;
    --ax-success-700: #007629;
    --ax-success-800: #006c1f;
    --ax-success-900: #005e0f;
    --ax-success-1000: #002e00;
    --ax-success-100A: rgba(0, 238, 53, .114);
    --ax-success-200A: rgba(0, 201, 37, .165);
    --ax-success-300A: rgba(1, 178, 39, .23);
    --ax-success-400A: rgba(0, 162, 36, .34);
    --ax-warning-100: #fff5e4;
    --ax-warning-200: #ffebc7;
    --ax-warning-300: #ffdea5;
    --ax-warning-400: #ffcb6f;
    --ax-warning-500: #e75e01;
    --ax-warning-600: #ca5000;
    --ax-warning-700: #ac4400;
    --ax-warning-800: #a03e00;
    --ax-warning-900: #8c3500;
    --ax-warning-1000: #481700;
    --ax-warning-100A: rgba(255, 161, 0, .106);
    --ax-warning-200A: rgba(255, 164, 0, .22);
    --ax-warning-300A: rgba(255, 162, 1, .353);
    --ax-warning-400A: rgba(255, 163, 0, .565);
    --ax-danger-100: #fff2f7;
    --ax-danger-200: #ffe8f0;
    --ax-danger-300: #ffd9e6;
    --ax-danger-400: #ffc2d7;
    --ax-danger-500: #ec526e;
    --ax-danger-600: #e22948;
    --ax-danger-700: #cb0035;
    --ax-danger-800: #bc002a;
    --ax-danger-900: #a60017;
    --ax-danger-1000: #560000;
    --ax-danger-100A: rgba(255, 0, 99, .05);
    --ax-danger-200A: rgba(255, 0, 89, .09);
    --ax-danger-300A: rgba(255, 0, 88, .15);
    --ax-danger-400A: rgba(255, 0, 88, .24);
    --ax-info-100: #eef6fc;
    --ax-info-200: #e3eff7;
    --ax-info-300: #d7e6f0;
    --ax-info-400: #c0d6e4;
    --ax-info-500: #5a8fae;
    --ax-info-600: #457c9d;
    --ax-info-700: #246b91;
    --ax-info-800: #156389;
    --ax-info-900: #00557d;
    --ax-info-1000: #002942;
    --ax-info-100A: rgba(0, 120, 210, .067);
    --ax-info-200A: rgba(0, 110, 183, .11);
    --ax-info-300A: rgba(0, 96, 160, .157);
    --ax-info-400A: rgba(0, 90, 146, .247);
    --ax-brand-magenta-100: #fbf3f6;
    --ax-brand-magenta-200: #f8eaef;
    --ax-brand-magenta-300: #f3dde5;
    --ax-brand-magenta-400: #eccad6;
    --ax-brand-magenta-500: #c26f92;
    --ax-brand-magenta-600: #b65681;
    --ax-brand-magenta-700: #a93d70;
    --ax-brand-magenta-800: #a33069;
    --ax-brand-magenta-900: #98185d;
    --ax-brand-magenta-1000: #52002b;
    --ax-brand-magenta-100A: rgba(170, 0, 64, .047);
    --ax-brand-magenta-200A: rgba(170, 0, 61, .082);
    --ax-brand-magenta-300A: rgba(165, 0, 60, .133);
    --ax-brand-magenta-400A: rgba(164, 0, 58, .208);
    --ax-brand-beige-100: #fff4ee;
    --ax-brand-beige-200: #fdebe0;
    --ax-brand-beige-300: #fcddcd;
    --ax-brand-beige-400: #f8c8b1;
    --ax-brand-beige-500: #c0765d;
    --ax-brand-beige-600: #ad634a;
    --ax-brand-beige-700: #915541;
    --ax-brand-beige-800: #874e3b;
    --ax-brand-beige-900: #764332;
    --ax-brand-beige-1000: #3c1f15;
    --ax-brand-beige-100A: rgba(255, 90, 0, .067);
    --ax-brand-beige-200A: rgba(239, 91, 0, .12);
    --ax-brand-beige-300A: rgba(240, 82, 0, .196);
    --ax-brand-beige-400A: rgba(233, 76, 0, .306);
    --ax-brand-blue-100: #eef6fc;
    --ax-brand-blue-200: #e3eff7;
    --ax-brand-blue-300: #d7e6f0;
    --ax-brand-blue-400: #c0d6e4;
    --ax-brand-blue-500: #5a8fae;
    --ax-brand-blue-600: #457c9d;
    --ax-brand-blue-700: #246b91;
    --ax-brand-blue-800: #156389;
    --ax-brand-blue-900: #00557d;
    --ax-brand-blue-1000: #002942;
    --ax-brand-blue-100A: rgba(0, 120, 210, .067);
    --ax-brand-blue-200A: rgba(0, 110, 183, .11);
    --ax-brand-blue-300A: rgba(0, 96, 160, .157);
    --ax-brand-blue-400A: rgba(0, 90, 146, .247);
    --ax-meta-purple-100: #f8f3ff;
    --ax-meta-purple-200: #f4ebff;
    --ax-meta-purple-300: #ebdefc;
    --ax-meta-purple-400: #decbf7;
    --ax-meta-purple-500: #a271df;
    --ax-meta-purple-600: #905bd3;
    --ax-meta-purple-700: #7c4abf;
    --ax-meta-purple-800: #7342b6;
    --ax-meta-purple-900: #6535a7;
    --ax-meta-purple-1000: #360072;
    --ax-meta-purple-100A: rgba(107, 0, 255, .047);
    --ax-meta-purple-200A: rgba(115, 0, 255, .08);
    --ax-meta-purple-300A: rgba(101, 0, 232, .13);
    --ax-meta-purple-400A: rgba(94, 0, 216, .204);
    --ax-meta-lime-100: #f4f9d1;
    --ax-meta-lime-200: #ebf4a9;
    --ax-meta-lime-300: #e1ea9a;
    --ax-meta-lime-400: #cfda6c;
    --ax-meta-lime-500: #878f00;
    --ax-meta-lime-600: #757c00;
    --ax-meta-lime-700: #646900;
    --ax-meta-lime-800: #5c6100;
    --ax-meta-lime-900: #515400;
    --ax-meta-lime-1000: #2a2800;
    --ax-meta-lime-100A: rgba(195, 222, 0, .18);
    --ax-meta-lime-200A: rgba(196, 223, 0, .337);
    --ax-meta-lime-300A: rgba(180, 202, 0, .396);
    --ax-meta-lime-400A: rgba(172, 191, 0, .576);
  }

  .dark {
    --ax-neutral-100: #161d28;
    --ax-neutral-200: #1c232f;
    --ax-neutral-300: #242b37;
    --ax-neutral-400: #2e3641;
    --ax-neutral-500: #656d7b;
    --ax-neutral-600: #777f8d;
    --ax-neutral-700: #8a92a0;
    --ax-neutral-800: #949ba8;
    --ax-neutral-900: #a5acb6;
    --ax-neutral-1000: #dfe1e5;
    --ax-neutral-000: black;
    --ax-neutral-100A: rgba(200, 207, 240, .043);
    --ax-neutral-200A: rgba(202, 209, 246, .075);
    --ax-neutral-300A: rgba(215, 222, 250, .11);
    --ax-neutral-400A: rgba(224, 237, 254, .153);
    --ax-accent-100: #091e37;
    --ax-accent-200: #0b233f;
    --ax-accent-300: #102b4b;
    --ax-accent-400: #17365c;
    --ax-accent-500: #2e6db8;
    --ax-accent-600: #4580ca;
    --ax-accent-700: #5f94d8;
    --ax-accent-800: #6d9ddd;
    --ax-accent-900: #84aee6;
    --ax-accent-1000: #a9cbfa;
    --ax-accent-100A: rgba(0, 103, 250, .11);
    --ax-accent-200A: rgba(0, 118, 251, .145);
    --ax-accent-300A: rgba(24, 131, 251, .2);
    --ax-accent-400A: rgba(47, 142, 254, .275);
    --ax-success-100: #002300;
    --ax-success-200: #002a00;
    --ax-success-300: #030;
    --ax-success-400: #004000;
    --ax-success-500: #207c41;
    --ax-success-600: #378f53;
    --ax-success-700: #4ca265;
    --ax-success-800: #5eab72;
    --ax-success-900: #78ba87;
    --ax-success-1000: #98d7a7;
    --ax-success-100A: rgba(0, 245, 0, .063);
    --ax-success-200A: rgba(0, 254, 0, .09);
    --ax-success-300A: rgba(0, 253, 0, .13);
    --ax-success-400A: rgba(0, 255, 0, .184);
    --ax-warning-100: #371100;
    --ax-warning-200: #3e1704;
    --ax-warning-300: #471f0c;
    --ax-warning-400: #542b18;
    --ax-warning-500: #af5122;
    --ax-warning-600: #c56333;
    --ax-warning-700: #de753c;
    --ax-warning-800: #e78040;
    --ax-warning-900: #ed974b;
    --ax-warning-1000: #ffbc4b;
    --ax-warning-100A: rgba(252, 0, 0, .173);
    --ax-warning-200A: rgba(254, 31, 0, .2);
    --ax-warning-300A: rgba(252, 63, 0, .24);
    --ax-warning-400A: rgba(253, 96, 8, .294);
    --ax-danger-100: #410409;
    --ax-danger-200: #490b10;
    --ax-danger-300: #521517;
    --ax-danger-400: #5f2021;
    --ax-danger-500: #c8343f;
    --ax-danger-600: #de4a50;
    --ax-danger-700: #eb6772;
    --ax-danger-800: #ee7685;
    --ax-danger-900: #f28ea2;
    --ax-danger-1000: #ffb3cd;
    --ax-danger-100A: rgba(255, 0, 0, .21);
    --ax-danger-200A: rgba(252, 0, 0, .247);
    --ax-danger-300A: rgba(255, 21, 3, .282);
    --ax-danger-400A: rgba(255, 54, 37, .337);
    --ax-info-100: #001f35;
    --ax-info-200: #00253c;
    --ax-info-300: #002d46;
    --ax-info-400: #013956;
    --ax-info-500: #43718d;
    --ax-info-600: #5b839c;
    --ax-info-700: #7396ab;
    --ax-info-800: #7f9fb3;
    --ax-info-900: #93afc0;
    --ax-info-1000: #b4ccdc;
    --ax-info-100A: rgba(0, 120, 247, .1);
    --ax-info-200A: rgba(0, 141, 249, .133);
    --ax-info-300A: rgba(0, 157, 252, .176);
    --ax-info-400A: rgba(0, 167, 254, .247);
    --ax-brand-magenta-100: #321220;
    --ax-brand-magenta-200: #3a1827;
    --ax-brand-magenta-300: #42202e;
    --ax-brand-magenta-400: #4e2a39;
    --ax-brand-magenta-500: #a35276;
    --ax-brand-magenta-600: #b16887;
    --ax-brand-magenta-700: #be7f99;
    --ax-brand-magenta-800: #c58aa2;
    --ax-brand-magenta-900: #cf9eb1;
    --ax-brand-magenta-1000: #e6becd;
    --ax-brand-magenta-100A: rgba(250, 2, 38, .153);
    --ax-brand-magenta-200A: rgba(253, 38, 75, .184);
    --ax-brand-magenta-300A: rgba(251, 72, 100, .22);
    --ax-brand-magenta-400A: rgba(254, 100, 129, .267);
    --ax-brand-beige-100: #2d160e;
    --ax-brand-beige-200: #351d15;
    --ax-brand-beige-300: #3d241c;
    --ax-brand-beige-400: #493027;
    --ax-brand-beige-500: #975e4a;
    --ax-brand-beige-600: #ab705b;
    --ax-brand-beige-700: #c0836e;
    --ax-brand-beige-800: #c78e79;
    --ax-brand-beige-900: #d1a08c;
    --ax-brand-beige-1000: #e9c0ad;
    --ax-brand-beige-100A: rgba(254, 29, 0, .13);
    --ax-brand-beige-200A: rgba(251, 69, 0, .165);
    --ax-brand-beige-300A: rgba(254, 98, 16, .196);
    --ax-brand-beige-400A: rgba(252, 131, 64, .247);
    --ax-brand-blue-100: #001f35;
    --ax-brand-blue-200: #00253c;
    --ax-brand-blue-300: #002d46;
    --ax-brand-blue-400: #013956;
    --ax-brand-blue-500: #43718d;
    --ax-brand-blue-600: #5b839c;
    --ax-brand-blue-700: #7396ab;
    --ax-brand-blue-800: #7f9fb3;
    --ax-brand-blue-900: #93afc0;
    --ax-brand-blue-1000: #b4ccdc;
    --ax-brand-blue-100A: rgba(0, 120, 247, .1);
    --ax-brand-blue-200A: rgba(0, 141, 249, .133);
    --ax-brand-blue-300A: rgba(0, 157, 252, .176);
    --ax-brand-blue-400A: rgba(0, 167, 254, .247);
    --ax-meta-purple-100: #1f1832;
    --ax-meta-purple-200: #261e3b;
    --ax-meta-purple-300: #2e2546;
    --ax-meta-purple-400: #3a2f55;
    --ax-meta-purple-500: #8157bb;
    --ax-meta-purple-600: #936aca;
    --ax-meta-purple-700: #a581d6;
    --ax-meta-purple-800: #ae8cdb;
    --ax-meta-purple-900: #bb9fe3;
    --ax-meta-purple-1000: #efe4fd;
    --ax-meta-purple-100A: rgba(212, 56, 252, .086);
    --ax-meta-purple-200A: rgba(206, 93, 255, .125);
    --ax-meta-purple-300A: rgba(195, 112, 252, .176);
    --ax-meta-purple-400A: rgba(195, 128, 254, .243);
    --ax-meta-lime-100: #1c1f00;
    --ax-meta-lime-200: #222500;
    --ax-meta-lime-300: #292d00;
    --ax-meta-lime-400: #343900;
    --ax-meta-lime-500: #6a7200;
    --ax-meta-lime-600: #7c8500;
    --ax-meta-lime-700: #8f9800;
    --ax-meta-lime-800: #99a200;
    --ax-meta-lime-900: #a9b325;
    --ax-meta-lime-1000: #c6d200;
    --ax-meta-lime-100A: rgba(252, 191, 0, .06);
    --ax-meta-lime-200A: rgba(246, 207, 0, .086);
    --ax-meta-lime-300A: rgba(252, 233, 0, .114);
    --ax-meta-lime-400A: rgba(251, 245, 0, .16);
  }

  :root, :host, .light {
    --ax-shadow-dialog: 0px 4px 6px 0px rgba(0, 0, 0, .15), 0px 1px 3px -1px rgba(0, 0, 0, .15), 0px 1px 1px 0px rgba(0, 0, 0, .06);
    --ax-opacity-disabled: .45;
    --ax-text-logo: #c30000;
    --ax-bg-default: #fff;
    --ax-bg-input: rgba(255, 255, 255, .85);
    --ax-bg-overlay: rgba(12, 22, 39, .66);
    --ax-bg-raised: var(--ax-neutral-000);
    --ax-bg-sunken: var(--ax-neutral-200);
    --ax-border-focus: var(--ax-neutral-1000);
  }

  .dark, .dark-theme {
    --ax-shadow-dialog: 0px 0px 1px 0px rgba(7, 9, 13, 0), 0px 2px 5px 0px rgba(7, 9, 13, .35), 0px 5px 12px 0px rgba(7, 9, 13, .5);
    --ax-opacity-disabled: .45;
    --ax-bg-default: #0e151f;
    --ax-bg-input: rgba(7, 9, 13, .5);
    --ax-bg-sunken: #07090d;
    --ax-bg-overlay: rgba(12, 22, 39, .66);
    --ax-text-logo: var(--ax-neutral-1000);
    --ax-bg-raised: var(--ax-neutral-200);
    --ax-border-focus: var(--ax-neutral-1000);
  }

  :root, :host, .light, .dark {
    --ax-bg-neutral-soft: var(--ax-neutral-100);
    --ax-bg-neutral-softA: var(--ax-neutral-100A);
    --ax-bg-neutral-moderate: var(--ax-neutral-200);
    --ax-bg-neutral-moderateA: var(--ax-neutral-200A);
    --ax-bg-neutral-moderate-hover: var(--ax-neutral-300);
    --ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);
    --ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);
    --ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);
    --ax-bg-neutral-strong: var(--ax-neutral-700);
    --ax-bg-neutral-strong-hover: var(--ax-neutral-800);
    --ax-bg-neutral-strong-pressed: var(--ax-neutral-900);
    --ax-bg-accent-soft: var(--ax-accent-100);
    --ax-bg-accent-softA: var(--ax-accent-100A);
    --ax-bg-accent-moderate: var(--ax-accent-200);
    --ax-bg-accent-moderateA: var(--ax-accent-200A);
    --ax-bg-accent-moderate-hover: var(--ax-accent-300);
    --ax-bg-accent-moderate-hoverA: var(--ax-accent-300A);
    --ax-bg-accent-moderate-pressed: var(--ax-accent-400);
    --ax-bg-accent-moderate-pressedA: var(--ax-accent-400A);
    --ax-bg-accent-strong: var(--ax-accent-600);
    --ax-bg-accent-strong-hover: var(--ax-accent-700);
    --ax-bg-accent-strong-pressed: var(--ax-accent-800);
    --ax-bg-success-soft: var(--ax-success-100);
    --ax-bg-success-softA: var(--ax-success-100A);
    --ax-bg-success-moderate: var(--ax-success-200);
    --ax-bg-success-moderateA: var(--ax-success-200A);
    --ax-bg-success-moderate-hover: var(--ax-success-300);
    --ax-bg-success-moderate-hoverA: var(--ax-success-300A);
    --ax-bg-success-moderate-pressed: var(--ax-success-400);
    --ax-bg-success-moderate-pressedA: var(--ax-success-400A);
    --ax-bg-success-strong: var(--ax-success-600);
    --ax-bg-success-strong-hover: var(--ax-success-700);
    --ax-bg-success-strong-pressed: var(--ax-success-800);
    --ax-bg-warning-soft: var(--ax-warning-100);
    --ax-bg-warning-softA: var(--ax-warning-100A);
    --ax-bg-warning-moderate: var(--ax-warning-200);
    --ax-bg-warning-moderateA: var(--ax-warning-200A);
    --ax-bg-warning-moderate-hover: var(--ax-warning-300);
    --ax-bg-warning-moderate-hoverA: var(--ax-warning-300A);
    --ax-bg-warning-moderate-pressed: var(--ax-warning-400);
    --ax-bg-warning-moderate-pressedA: var(--ax-warning-400A);
    --ax-bg-warning-strong: var(--ax-warning-600);
    --ax-bg-warning-strong-hover: var(--ax-warning-700);
    --ax-bg-warning-strong-pressed: var(--ax-warning-800);
    --ax-bg-danger-soft: var(--ax-danger-100);
    --ax-bg-danger-softA: var(--ax-danger-100A);
    --ax-bg-danger-moderate: var(--ax-danger-200);
    --ax-bg-danger-moderateA: var(--ax-danger-200A);
    --ax-bg-danger-moderate-hover: var(--ax-danger-300);
    --ax-bg-danger-moderate-hoverA: var(--ax-danger-300A);
    --ax-bg-danger-moderate-pressed: var(--ax-danger-400);
    --ax-bg-danger-moderate-pressedA: var(--ax-danger-400A);
    --ax-bg-danger-strong: var(--ax-danger-600);
    --ax-bg-danger-strong-hover: var(--ax-danger-700);
    --ax-bg-danger-strong-pressed: var(--ax-danger-800);
    --ax-bg-info-soft: var(--ax-info-100);
    --ax-bg-info-softA: var(--ax-info-100A);
    --ax-bg-info-moderate: var(--ax-info-200);
    --ax-bg-info-moderateA: var(--ax-info-200A);
    --ax-bg-info-moderate-hover: var(--ax-info-300);
    --ax-bg-info-moderate-hoverA: var(--ax-info-300A);
    --ax-bg-info-moderate-pressed: var(--ax-info-400);
    --ax-bg-info-moderate-pressedA: var(--ax-info-400A);
    --ax-bg-info-strong: var(--ax-info-600);
    --ax-bg-info-strong-hover: var(--ax-info-700);
    --ax-bg-info-strong-pressed: var(--ax-info-800);
    --ax-bg-brand-magenta-soft: var(--ax-brand-magenta-100);
    --ax-bg-brand-magenta-softA: var(--ax-brand-magenta-100A);
    --ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);
    --ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);
    --ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);
    --ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);
    --ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);
    --ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);
    --ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);
    --ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);
    --ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);
    --ax-bg-brand-beige-soft: var(--ax-brand-beige-100);
    --ax-bg-brand-beige-softA: var(--ax-brand-beige-100A);
    --ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);
    --ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);
    --ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);
    --ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);
    --ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);
    --ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);
    --ax-bg-brand-beige-strong: var(--ax-brand-beige-600);
    --ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);
    --ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);
    --ax-bg-brand-blue-soft: var(--ax-brand-blue-100);
    --ax-bg-brand-blue-softA: var(--ax-brand-blue-100A);
    --ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);
    --ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);
    --ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);
    --ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);
    --ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);
    --ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);
    --ax-bg-brand-blue-strong: var(--ax-brand-blue-600);
    --ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);
    --ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);
    --ax-bg-meta-purple-soft: var(--ax-meta-purple-100);
    --ax-bg-meta-purple-softA: var(--ax-meta-purple-100A);
    --ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);
    --ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);
    --ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);
    --ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);
    --ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);
    --ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);
    --ax-bg-meta-purple-strong: var(--ax-meta-purple-600);
    --ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);
    --ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);
    --ax-bg-meta-lime-soft: var(--ax-meta-lime-100);
    --ax-bg-meta-lime-softA: var(--ax-meta-lime-100A);
    --ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);
    --ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);
    --ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);
    --ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);
    --ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);
    --ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);
    --ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
    --ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
    --ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
    --ax-text-neutral: var(--ax-neutral-1000);
    --ax-text-neutral-subtle: var(--ax-neutral-900);
    --ax-text-neutral-decoration: var(--ax-neutral-600);
    --ax-text-neutral-contrast: var(--ax-neutral-000);
    --ax-text-accent: var(--ax-accent-1000);
    --ax-text-accent-subtle: var(--ax-accent-800);
    --ax-text-accent-decoration: var(--ax-accent-600);
    --ax-text-accent-contrast: var(--ax-neutral-000);
    --ax-text-success: var(--ax-success-1000);
    --ax-text-success-subtle: var(--ax-success-800);
    --ax-text-success-decoration: var(--ax-success-600);
    --ax-text-success-contrast: var(--ax-neutral-000);
    --ax-text-warning: var(--ax-warning-1000);
    --ax-text-warning-subtle: var(--ax-warning-800);
    --ax-text-warning-decoration: var(--ax-warning-600);
    --ax-text-warning-contrast: var(--ax-neutral-000);
    --ax-text-danger: var(--ax-danger-1000);
    --ax-text-danger-subtle: var(--ax-danger-800);
    --ax-text-danger-decoration: var(--ax-danger-600);
    --ax-text-danger-contrast: var(--ax-neutral-000);
    --ax-text-info: var(--ax-info-1000);
    --ax-text-info-subtle: var(--ax-info-800);
    --ax-text-info-decoration: var(--ax-info-600);
    --ax-text-info-contrast: var(--ax-neutral-000);
    --ax-text-brand-magenta: var(--ax-brand-magenta-1000);
    --ax-text-brand-magenta-subtle: var(--ax-brand-magenta-800);
    --ax-text-brand-magenta-decoration: var(--ax-brand-magenta-600);
    --ax-text-brand-magenta-contrast: var(--ax-neutral-000);
    --ax-text-brand-beige: var(--ax-brand-beige-1000);
    --ax-text-brand-beige-subtle: var(--ax-brand-beige-800);
    --ax-text-brand-beige-decoration: var(--ax-brand-beige-600);
    --ax-text-brand-beige-contrast: var(--ax-neutral-000);
    --ax-text-brand-blue: var(--ax-brand-blue-1000);
    --ax-text-brand-blue-subtle: var(--ax-brand-blue-800);
    --ax-text-brand-blue-decoration: var(--ax-brand-blue-600);
    --ax-text-brand-blue-contrast: var(--ax-neutral-000);
    --ax-text-meta-purple: var(--ax-meta-purple-1000);
    --ax-text-meta-purple-subtle: var(--ax-meta-purple-800);
    --ax-text-meta-purple-decoration: var(--ax-meta-purple-600);
    --ax-text-meta-purple-contrast: var(--ax-neutral-000);
    --ax-text-meta-lime: var(--ax-meta-lime-1000);
    --ax-text-meta-lime-subtle: var(--ax-meta-lime-800);
    --ax-text-meta-lime-decoration: var(--ax-meta-lime-600);
    --ax-text-meta-lime-contrast: var(--ax-neutral-000);
    --ax-border-neutral: var(--ax-neutral-600);
    --ax-border-neutral-subtle: var(--ax-neutral-400);
    --ax-border-neutral-subtleA: var(--ax-neutral-400A);
    --ax-border-neutral-strong: var(--ax-neutral-700);
    --ax-border-accent: var(--ax-accent-600);
    --ax-border-accent-subtle: var(--ax-accent-400);
    --ax-border-accent-subtleA: var(--ax-accent-400A);
    --ax-border-accent-strong: var(--ax-accent-700);
    --ax-border-success: var(--ax-success-600);
    --ax-border-success-subtle: var(--ax-success-400);
    --ax-border-success-subtleA: var(--ax-success-400A);
    --ax-border-success-strong: var(--ax-success-700);
    --ax-border-warning: var(--ax-warning-600);
    --ax-border-warning-subtle: var(--ax-warning-400);
    --ax-border-warning-subtleA: var(--ax-warning-400A);
    --ax-border-warning-strong: var(--ax-warning-700);
    --ax-border-danger: var(--ax-danger-600);
    --ax-border-danger-subtle: var(--ax-danger-400);
    --ax-border-danger-subtleA: var(--ax-danger-400A);
    --ax-border-danger-strong: var(--ax-danger-700);
    --ax-border-info: var(--ax-info-600);
    --ax-border-info-subtle: var(--ax-info-400);
    --ax-border-info-subtleA: var(--ax-info-400A);
    --ax-border-info-strong: var(--ax-info-700);
    --ax-border-brand-magenta: var(--ax-brand-magenta-600);
    --ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);
    --ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);
    --ax-border-brand-magenta-strong: var(--ax-brand-magenta-700);
    --ax-border-brand-beige: var(--ax-brand-beige-600);
    --ax-border-brand-beige-subtle: var(--ax-brand-beige-400);
    --ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);
    --ax-border-brand-beige-strong: var(--ax-brand-beige-700);
    --ax-border-brand-blue: var(--ax-brand-blue-600);
    --ax-border-brand-blue-subtle: var(--ax-brand-blue-400);
    --ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);
    --ax-border-brand-blue-strong: var(--ax-brand-blue-700);
    --ax-border-meta-purple: var(--ax-meta-purple-600);
    --ax-border-meta-purple-subtle: var(--ax-meta-purple-400);
    --ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);
    --ax-border-meta-purple-strong: var(--ax-meta-purple-700);
    --ax-border-meta-lime: var(--ax-meta-lime-600);
    --ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
    --ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
    --ax-border-meta-lime-strong: var(--ax-meta-lime-700);
  }

  :root, :host {
    --ax-version: "8.18.0";
    --ax-space-0: 0rem;
    --ax-space-1: .0625rem;
    --ax-space-2: .125rem;
    --ax-space-4: .25rem;
    --ax-space-6: .375rem;
    --ax-space-8: .5rem;
    --ax-space-12: .75rem;
    --ax-space-16: 1rem;
    --ax-space-20: 1.25rem;
    --ax-space-24: 1.5rem;
    --ax-space-28: 1.75rem;
    --ax-space-32: 2rem;
    --ax-space-36: 2.25rem;
    --ax-space-40: 2.5rem;
    --ax-space-44: 2.75rem;
    --ax-space-48: 3rem;
    --ax-space-56: 3.5rem;
    --ax-space-64: 4rem;
    --ax-space-72: 4.5rem;
    --ax-space-80: 5rem;
    --ax-space-96: 6rem;
    --ax-space-128: 8rem;
    --ax-radius-2: 2px;
    --ax-radius-4: 4px;
    --ax-radius-8: 8px;
    --ax-radius-12: 12px;
    --ax-radius-16: 16px;
    --ax-radius-full: 9999px;
    --ax-breakpoint-xs: 0;
    --ax-breakpoint-sm: 480px;
    --ax-breakpoint-sm-down: 479px;
    --ax-breakpoint-md: 768px;
    --ax-breakpoint-md-down: 767px;
    --ax-breakpoint-lg: 1024px;
    --ax-breakpoint-lg-down: 1023px;
    --ax-breakpoint-xl: 1280px;
    --ax-breakpoint-xl-down: 1279px;
    --ax-breakpoint-2xl: 1440px;
    --ax-breakpoint-2xl-down: 1439px;
    --ax-font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif;
    --ax-font-line-height-heading-2xlarge: 3.25rem;
    --ax-font-line-height-heading-xlarge: 2.5rem;
    --ax-font-line-height-heading-large: 2.25rem;
    --ax-font-line-height-heading-medium: 2rem;
    --ax-font-line-height-heading-small: 1.75rem;
    --ax-font-line-height-heading-xsmall: 1.5rem;
    --ax-font-line-height-xlarge: 1.75rem;
    --ax-font-line-height-large: 1.5rem;
    --ax-font-line-height-medium: 1.25rem;
    --ax-font-size-heading-2xlarge: 2.5rem;
    --ax-font-size-heading-xlarge: 2rem;
    --ax-font-size-heading-large: 1.75rem;
    --ax-font-size-heading-medium: 1.5rem;
    --ax-font-size-heading-small: 1.25rem;
    --ax-font-size-heading-xsmall: 1.125rem;
    --ax-font-size-xlarge: 1.25rem;
    --ax-font-size-large: 1.125rem;
    --ax-font-size-medium: 1rem;
    --ax-font-size-small: .875rem;
    --ax-font-weight-bold: 600;
    --ax-font-weight-regular: 400;
  }

  [data-color="neutral"] {
    --ax-bg-soft: var(--ax-bg-neutral-soft);
    --ax-bg-softA: var(--ax-bg-neutral-softA);
    --ax-bg-moderate: var(--ax-bg-neutral-moderate);
    --ax-bg-moderateA: var(--ax-bg-neutral-moderateA);
    --ax-bg-moderate-hover: var(--ax-bg-neutral-moderate-hover);
    --ax-bg-moderate-hoverA: var(--ax-bg-neutral-moderate-hoverA);
    --ax-bg-moderate-pressed: var(--ax-bg-neutral-moderate-pressed);
    --ax-bg-moderate-pressedA: var(--ax-bg-neutral-moderate-pressedA);
    --ax-bg-strong: var(--ax-bg-neutral-strong);
    --ax-bg-strong-hover: var(--ax-bg-neutral-strong-hover);
    --ax-bg-strong-pressed: var(--ax-bg-neutral-strong-pressed);
    --ax-text-default: var(--ax-text-neutral);
    --ax-text-subtle: var(--ax-text-neutral-subtle);
    --ax-text-decoration: var(--ax-text-neutral-decoration);
    --ax-text-contrast: var(--ax-text-neutral-contrast);
    --ax-border-default: var(--ax-border-neutral);
    --ax-border-subtle: var(--ax-border-neutral-subtle);
    --ax-border-subtleA: var(--ax-border-neutral-subtleA);
    --ax-border-strong: var(--ax-border-neutral-strong);
  }

  :root, [data-color="accent"], [data-color=""] {
    --ax-bg-soft: var(--ax-bg-accent-soft);
    --ax-bg-softA: var(--ax-bg-accent-softA);
    --ax-bg-moderate: var(--ax-bg-accent-moderate);
    --ax-bg-moderateA: var(--ax-bg-accent-moderateA);
    --ax-bg-moderate-hover: var(--ax-bg-accent-moderate-hover);
    --ax-bg-moderate-hoverA: var(--ax-bg-accent-moderate-hoverA);
    --ax-bg-moderate-pressed: var(--ax-bg-accent-moderate-pressed);
    --ax-bg-moderate-pressedA: var(--ax-bg-accent-moderate-pressedA);
    --ax-bg-strong: var(--ax-bg-accent-strong);
    --ax-bg-strong-hover: var(--ax-bg-accent-strong-hover);
    --ax-bg-strong-pressed: var(--ax-bg-accent-strong-pressed);
    --ax-text-default: var(--ax-text-accent);
    --ax-text-subtle: var(--ax-text-accent-subtle);
    --ax-text-decoration: var(--ax-text-accent-decoration);
    --ax-text-contrast: var(--ax-text-accent-contrast);
    --ax-border-default: var(--ax-border-accent);
    --ax-border-subtle: var(--ax-border-accent-subtle);
    --ax-border-subtleA: var(--ax-border-accent-subtleA);
    --ax-border-strong: var(--ax-border-accent-strong);
  }

  [data-color="brand-beige"] {
    --ax-bg-soft: var(--ax-bg-brand-beige-soft);
    --ax-bg-softA: var(--ax-bg-brand-beige-softA);
    --ax-bg-moderate: var(--ax-bg-brand-beige-moderate);
    --ax-bg-moderateA: var(--ax-bg-brand-beige-moderateA);
    --ax-bg-moderate-hover: var(--ax-bg-brand-beige-moderate-hover);
    --ax-bg-moderate-hoverA: var(--ax-bg-brand-beige-moderate-hoverA);
    --ax-bg-moderate-pressed: var(--ax-bg-brand-beige-moderate-pressed);
    --ax-bg-moderate-pressedA: var(--ax-bg-brand-beige-moderate-pressedA);
    --ax-bg-strong: var(--ax-bg-brand-beige-strong);
    --ax-bg-strong-hover: var(--ax-bg-brand-beige-strong-hover);
    --ax-bg-strong-pressed: var(--ax-bg-brand-beige-strong-pressed);
    --ax-text-default: var(--ax-text-brand-beige);
    --ax-text-subtle: var(--ax-text-brand-beige-subtle);
    --ax-text-decoration: var(--ax-text-brand-beige-decoration);
    --ax-text-contrast: var(--ax-text-brand-beige-contrast);
    --ax-border-default: var(--ax-border-brand-beige);
    --ax-border-subtle: var(--ax-border-brand-beige-subtle);
    --ax-border-subtleA: var(--ax-border-brand-beige-subtleA);
    --ax-border-strong: var(--ax-border-brand-beige-strong);
  }

  [data-color="brand-blue"] {
    --ax-bg-soft: var(--ax-bg-brand-blue-soft);
    --ax-bg-softA: var(--ax-bg-brand-blue-softA);
    --ax-bg-moderate: var(--ax-bg-brand-blue-moderate);
    --ax-bg-moderateA: var(--ax-bg-brand-blue-moderateA);
    --ax-bg-moderate-hover: var(--ax-bg-brand-blue-moderate-hover);
    --ax-bg-moderate-hoverA: var(--ax-bg-brand-blue-moderate-hoverA);
    --ax-bg-moderate-pressed: var(--ax-bg-brand-blue-moderate-pressed);
    --ax-bg-moderate-pressedA: var(--ax-bg-brand-blue-moderate-pressedA);
    --ax-bg-strong: var(--ax-bg-brand-blue-strong);
    --ax-bg-strong-hover: var(--ax-bg-brand-blue-strong-hover);
    --ax-bg-strong-pressed: var(--ax-bg-brand-blue-strong-pressed);
    --ax-text-default: var(--ax-text-brand-blue);
    --ax-text-subtle: var(--ax-text-brand-blue-subtle);
    --ax-text-decoration: var(--ax-text-brand-blue-decoration);
    --ax-text-contrast: var(--ax-text-brand-blue-contrast);
    --ax-border-default: var(--ax-border-brand-blue);
    --ax-border-subtle: var(--ax-border-brand-blue-subtle);
    --ax-border-subtleA: var(--ax-border-brand-blue-subtleA);
    --ax-border-strong: var(--ax-border-brand-blue-strong);
  }

  [data-color="brand-magenta"] {
    --ax-bg-soft: var(--ax-bg-brand-magenta-soft);
    --ax-bg-softA: var(--ax-bg-brand-magenta-softA);
    --ax-bg-moderate: var(--ax-bg-brand-magenta-moderate);
    --ax-bg-moderateA: var(--ax-bg-brand-magenta-moderateA);
    --ax-bg-moderate-hover: var(--ax-bg-brand-magenta-moderate-hover);
    --ax-bg-moderate-hoverA: var(--ax-bg-brand-magenta-moderate-hoverA);
    --ax-bg-moderate-pressed: var(--ax-bg-brand-magenta-moderate-pressed);
    --ax-bg-moderate-pressedA: var(--ax-bg-brand-magenta-moderate-pressedA);
    --ax-bg-strong: var(--ax-bg-brand-magenta-strong);
    --ax-bg-strong-hover: var(--ax-bg-brand-magenta-strong-hover);
    --ax-bg-strong-pressed: var(--ax-bg-brand-magenta-strong-pressed);
    --ax-text-default: var(--ax-text-brand-magenta);
    --ax-text-subtle: var(--ax-text-brand-magenta-subtle);
    --ax-text-decoration: var(--ax-text-brand-magenta-decoration);
    --ax-text-contrast: var(--ax-text-brand-magenta-contrast);
    --ax-border-default: var(--ax-border-brand-magenta);
    --ax-border-subtle: var(--ax-border-brand-magenta-subtle);
    --ax-border-subtleA: var(--ax-border-brand-magenta-subtleA);
    --ax-border-strong: var(--ax-border-brand-magenta-strong);
  }

  [data-color="info"] {
    --ax-bg-soft: var(--ax-bg-info-soft);
    --ax-bg-softA: var(--ax-bg-info-softA);
    --ax-bg-moderate: var(--ax-bg-info-moderate);
    --ax-bg-moderateA: var(--ax-bg-info-moderateA);
    --ax-bg-moderate-hover: var(--ax-bg-info-moderate-hover);
    --ax-bg-moderate-hoverA: var(--ax-bg-info-moderate-hoverA);
    --ax-bg-moderate-pressed: var(--ax-bg-info-moderate-pressed);
    --ax-bg-moderate-pressedA: var(--ax-bg-info-moderate-pressedA);
    --ax-bg-strong: var(--ax-bg-info-strong);
    --ax-bg-strong-hover: var(--ax-bg-info-strong-hover);
    --ax-bg-strong-pressed: var(--ax-bg-info-strong-pressed);
    --ax-text-default: var(--ax-text-info);
    --ax-text-subtle: var(--ax-text-info-subtle);
    --ax-text-decoration: var(--ax-text-info-decoration);
    --ax-text-contrast: var(--ax-text-info-contrast);
    --ax-border-default: var(--ax-border-info);
    --ax-border-subtle: var(--ax-border-info-subtle);
    --ax-border-subtleA: var(--ax-border-info-subtleA);
    --ax-border-strong: var(--ax-border-info-strong);
  }

  [data-color="success"] {
    --ax-bg-soft: var(--ax-bg-success-soft);
    --ax-bg-softA: var(--ax-bg-success-softA);
    --ax-bg-moderate: var(--ax-bg-success-moderate);
    --ax-bg-moderateA: var(--ax-bg-success-moderateA);
    --ax-bg-moderate-hover: var(--ax-bg-success-moderate-hover);
    --ax-bg-moderate-hoverA: var(--ax-bg-success-moderate-hoverA);
    --ax-bg-moderate-pressed: var(--ax-bg-success-moderate-pressed);
    --ax-bg-moderate-pressedA: var(--ax-bg-success-moderate-pressedA);
    --ax-bg-strong: var(--ax-bg-success-strong);
    --ax-bg-strong-hover: var(--ax-bg-success-strong-hover);
    --ax-bg-strong-pressed: var(--ax-bg-success-strong-pressed);
    --ax-text-default: var(--ax-text-success);
    --ax-text-subtle: var(--ax-text-success-subtle);
    --ax-text-decoration: var(--ax-text-success-decoration);
    --ax-text-contrast: var(--ax-text-success-contrast);
    --ax-border-default: var(--ax-border-success);
    --ax-border-subtle: var(--ax-border-success-subtle);
    --ax-border-subtleA: var(--ax-border-success-subtleA);
    --ax-border-strong: var(--ax-border-success-strong);
  }

  [data-color="warning"] {
    --ax-bg-soft: var(--ax-bg-warning-soft);
    --ax-bg-softA: var(--ax-bg-warning-softA);
    --ax-bg-moderate: var(--ax-bg-warning-moderate);
    --ax-bg-moderateA: var(--ax-bg-warning-moderateA);
    --ax-bg-moderate-hover: var(--ax-bg-warning-moderate-hover);
    --ax-bg-moderate-hoverA: var(--ax-bg-warning-moderate-hoverA);
    --ax-bg-moderate-pressed: var(--ax-bg-warning-moderate-pressed);
    --ax-bg-moderate-pressedA: var(--ax-bg-warning-moderate-pressedA);
    --ax-bg-strong: var(--ax-bg-warning-strong);
    --ax-bg-strong-hover: var(--ax-bg-warning-strong-hover);
    --ax-bg-strong-pressed: var(--ax-bg-warning-strong-pressed);
    --ax-text-default: var(--ax-text-warning);
    --ax-text-subtle: var(--ax-text-warning-subtle);
    --ax-text-decoration: var(--ax-text-warning-decoration);
    --ax-text-contrast: var(--ax-text-warning-contrast);
    --ax-border-default: var(--ax-border-warning);
    --ax-border-subtle: var(--ax-border-warning-subtle);
    --ax-border-subtleA: var(--ax-border-warning-subtleA);
    --ax-border-strong: var(--ax-border-warning-strong);
  }

  [data-color="danger"] {
    --ax-bg-soft: var(--ax-bg-danger-soft);
    --ax-bg-softA: var(--ax-bg-danger-softA);
    --ax-bg-moderate: var(--ax-bg-danger-moderate);
    --ax-bg-moderateA: var(--ax-bg-danger-moderateA);
    --ax-bg-moderate-hover: var(--ax-bg-danger-moderate-hover);
    --ax-bg-moderate-hoverA: var(--ax-bg-danger-moderate-hoverA);
    --ax-bg-moderate-pressed: var(--ax-bg-danger-moderate-pressed);
    --ax-bg-moderate-pressedA: var(--ax-bg-danger-moderate-pressedA);
    --ax-bg-strong: var(--ax-bg-danger-strong);
    --ax-bg-strong-hover: var(--ax-bg-danger-strong-hover);
    --ax-bg-strong-pressed: var(--ax-bg-danger-strong-pressed);
    --ax-text-default: var(--ax-text-danger);
    --ax-text-subtle: var(--ax-text-danger-subtle);
    --ax-text-decoration: var(--ax-text-danger-decoration);
    --ax-text-contrast: var(--ax-text-danger-contrast);
    --ax-border-default: var(--ax-border-danger);
    --ax-border-subtle: var(--ax-border-danger-subtle);
    --ax-border-subtleA: var(--ax-border-danger-subtleA);
    --ax-border-strong: var(--ax-border-danger-strong);
  }

  [data-color="meta-purple"] {
    --ax-bg-soft: var(--ax-bg-meta-purple-soft);
    --ax-bg-softA: var(--ax-bg-meta-purple-softA);
    --ax-bg-moderate: var(--ax-bg-meta-purple-moderate);
    --ax-bg-moderateA: var(--ax-bg-meta-purple-moderateA);
    --ax-bg-moderate-hover: var(--ax-bg-meta-purple-moderate-hover);
    --ax-bg-moderate-hoverA: var(--ax-bg-meta-purple-moderate-hoverA);
    --ax-bg-moderate-pressed: var(--ax-bg-meta-purple-moderate-pressed);
    --ax-bg-moderate-pressedA: var(--ax-bg-meta-purple-moderate-pressedA);
    --ax-bg-strong: var(--ax-bg-meta-purple-strong);
    --ax-bg-strong-hover: var(--ax-bg-meta-purple-strong-hover);
    --ax-bg-strong-pressed: var(--ax-bg-meta-purple-strong-pressed);
    --ax-text-default: var(--ax-text-meta-purple);
    --ax-text-subtle: var(--ax-text-meta-purple-subtle);
    --ax-text-decoration: var(--ax-text-meta-purple-decoration);
    --ax-text-contrast: var(--ax-text-meta-purple-contrast);
    --ax-border-default: var(--ax-border-meta-purple);
    --ax-border-subtle: var(--ax-border-meta-purple-subtle);
    --ax-border-subtleA: var(--ax-border-meta-purple-subtleA);
    --ax-border-strong: var(--ax-border-meta-purple-strong);
  }

  [data-color="meta-lime"] {
    --ax-bg-soft: var(--ax-bg-meta-lime-soft);
    --ax-bg-softA: var(--ax-bg-meta-lime-softA);
    --ax-bg-moderate: var(--ax-bg-meta-lime-moderate);
    --ax-bg-moderateA: var(--ax-bg-meta-lime-moderateA);
    --ax-bg-moderate-hover: var(--ax-bg-meta-lime-moderate-hover);
    --ax-bg-moderate-hoverA: var(--ax-bg-meta-lime-moderate-hoverA);
    --ax-bg-moderate-pressed: var(--ax-bg-meta-lime-moderate-pressed);
    --ax-bg-moderate-pressedA: var(--ax-bg-meta-lime-moderate-pressedA);
    --ax-bg-strong: var(--ax-bg-meta-lime-strong);
    --ax-bg-strong-hover: var(--ax-bg-meta-lime-strong-hover);
    --ax-bg-strong-pressed: var(--ax-bg-meta-lime-strong-pressed);
    --ax-text-default: var(--ax-text-meta-lime);
    --ax-text-subtle: var(--ax-text-meta-lime-subtle);
    --ax-text-decoration: var(--ax-text-meta-lime-decoration);
    --ax-text-contrast: var(--ax-text-meta-lime-contrast);
    --ax-border-default: var(--ax-border-meta-lime);
    --ax-border-subtle: var(--ax-border-meta-lime-subtle);
    --ax-border-subtleA: var(--ax-border-meta-lime-subtleA);
    --ax-border-strong: var(--ax-border-meta-lime-strong);
  }
}

@layer aksel.baseline {
  :root, :host, .light {
    color: var(--ax-text-neutral);
    color-scheme: light;
  }

  .dark {
    color-scheme: dark;
  }

  body, :host {
    font-family: var(--ax-font-family, "Source Sans 3", "Source Sans Pro", Arial, sans-serif);
    font-size: 1.125rem;
    line-height: 1.333;
  }

  @media (prefers-reduced-motion: reduce) {
    :not(.aksel-loader *, .aksel-loader, .aksel-progress-bar *, .aksel-progress-bar), :before, :after {
      background-attachment: initial !important;
      scroll-behavior: auto !important;
      transition-duration: 0s !important;
      transition-delay: 0s !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
      animation-delay: -1ms !important;
    }
  }

  .sr-only, .aksel-sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .sr-only.focusable:active, .sr-only.focusable:focus, .aksel-sr-only.focusable:active, .aksel-sr-only.focusable:focus {
    clip-path: none;
    height: auto;
    white-space: inherit;
    width: auto;
    margin: 0;
    position: static;
    overflow: visible;
  }
}

@layer aksel.print {
  @media print {
    *, :before, :after {
      color: #000 !important;
      box-shadow: none !important;
      text-shadow: none !important;
      background: #fff !important;
    }

    a, a:visited {
      text-decoration: underline;
    }

    a[href]:after {
      content: " (" attr(href) ")";
    }

    abbr[title]:after {
      content: " (" attr(title) ")";
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
      content: "";
    }

    pre {
      white-space: pre-wrap !important;
    }

    pre, blockquote {
      break-inside: avoid;
      border: 1px solid #999;
    }

    thead {
      display: table-header-group;
    }

    tr, img {
      break-inside: avoid;
    }

    p, h2, h3 {
      orphans: 3;
      widows: 3;
    }

    h2, h3 {
      break-after: avoid;
    }
  }
}

@layer aksel.typography {
  @font-face {
    font-family: "Source Sans 3";
    font-style: italic;
    font-weight: 400 650;
    font-display: swap;
    src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-cyrillic_ext.woff2") format("woff2");
    unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }

  @font-face {
    font-family: "Source Sans 3";
    font-style: italic;
    font-weight: 400 650;
    font-display: swap;
    src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-cyrillic.woff2") format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
  }

  @font-face {
    font-family: "Source Sans 3";
    font-style: italic;
    font-weight: 400 650;
    font-display: swap;
    src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-latin_ext.woff2") format("woff2");
    unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

  @font-face {
    font-family: "Source Sans 3";
    font-style: italic;
    font-weight: 400 650;
    font-display: swap;
    src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic.woff2") format("woff2");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: "Source Sans 3";
    font-style: normal;
    font-weight: 400 650;
    font-display: swap;
    src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-cyrillic_ext.woff2") format("woff2");
    unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }

  @font-face {
    font-family: "Source Sans 3";
    font-style: normal;
    font-weight: 400 650;
    font-display: swap;
    src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-cyrillic.woff2") format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
  }

  @font-face {
    font-family: "Source Sans 3";
    font-style: normal;
    font-weight: 400 650;
    font-display: swap;
    src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-latin_ext.woff2") format("woff2");
    unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

  @font-face {
    font-family: "Source Sans 3";
    font-style: normal;
    font-weight: 400 650;
    font-display: swap;
    src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: Source Sans Pro;
    font-style: italic;
    font-weight: 400 650;
    font-display: swap;
    src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-latin_ext.woff2") format("woff2");
    unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

  @font-face {
    font-family: Source Sans Pro;
    font-style: italic;
    font-weight: 400 650;
    font-display: swap;
    src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic.woff2") format("woff2");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 400 650;
    font-display: swap;
    src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-latin_ext.woff2") format("woff2");
    unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

  @font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 400 650;
    font-display: swap;
    src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
}

@layer aksel.components.core {
  .aksel-theme {
    color: var(--ax-text-neutral);
  }

  .aksel-theme[data-background="true"] {
    background-color: var(--ax-bg-default);
  }

  .aksel-heading {
    font-weight: var(--ax-font-weight-bold);
    margin: 0;
  }

  .aksel-heading--xlarge {
    font-size: var(--ax-font-size-heading-2xlarge);
    letter-spacing: -.01em;
    line-height: var(--ax-font-line-height-heading-2xlarge);
    font-weight: 650;
  }

  .aksel-heading--xlarge.aksel-typo--spacing {
    margin-bottom: var(--ax-space-20);
  }

  .aksel-heading--large {
    font-size: var(--ax-font-size-heading-xlarge);
    letter-spacing: -.008em;
    line-height: var(--ax-font-line-height-heading-xlarge);
    font-weight: 650;
  }

  .aksel-heading--large.aksel-typo--spacing {
    margin-bottom: var(--ax-space-16);
  }

  @media (max-width: 480px) {
    .aksel-heading--xlarge {
      font-size: var(--ax-font-size-heading-xlarge);
      letter-spacing: -.008em;
      line-height: var(--ax-font-line-height-heading-xlarge);
    }

    .aksel-heading--xlarge.aksel-typo--spacing {
      margin-bottom: var(--ax-space-16);
    }

    .aksel-heading--large {
      font-size: var(--ax-font-size-heading-large);
      letter-spacing: -.004em;
      line-height: var(--ax-font-line-height-heading-large);
    }

    .aksel-heading--large.aksel-typo--spacing {
      margin-bottom: var(--ax-space-12);
    }
  }

  .aksel-heading--medium {
    font-size: var(--ax-font-size-heading-medium);
    letter-spacing: -.002em;
    line-height: var(--ax-font-line-height-heading-medium);
    font-weight: 650;
  }

  .aksel-heading--medium.aksel-typo--spacing {
    margin-bottom: var(--ax-space-12);
  }

  .aksel-heading--small {
    font-size: var(--ax-font-size-heading-small);
    letter-spacing: -.001em;
    line-height: var(--ax-font-line-height-heading-small);
  }

  .aksel-heading--small.aksel-typo--spacing {
    margin-bottom: var(--ax-space-12);
  }

  .aksel-heading--xsmall {
    font-size: var(--ax-font-size-heading-xsmall);
    letter-spacing: -.001em;
    line-height: var(--ax-font-line-height-heading-xsmall);
  }

  .aksel-heading--xsmall.aksel-typo--spacing {
    margin-bottom: var(--ax-space-12);
  }

  .aksel-ingress {
    font-size: var(--ax-font-size-xlarge);
    font-weight: var(--ax-font-weight-regular);
    letter-spacing: -.001em;
    line-height: var(--ax-font-line-height-xlarge);
    margin: 0;
  }

  .aksel-ingress.aksel-typo--spacing {
    margin-bottom: var(--ax-space-40);
  }

  .aksel-body-long {
    font-size: var(--ax-font-size-large);
    font-weight: var(--ax-font-weight-regular);
    letter-spacing: 0;
    line-height: var(--ax-font-line-height-xlarge);
    margin: 0;
  }

  .aksel-body-long.aksel-typo--spacing {
    margin-bottom: var(--ax-space-28);
  }

  .aksel-body-long--large {
    font-size: var(--ax-font-size-xlarge);
    letter-spacing: -.0013em;
    line-height: var(--ax-font-line-height-xlarge);
  }

  .aksel-body-long--large.aksel-typo--spacing {
    margin-bottom: var(--ax-space-40);
  }

  .aksel-body-long--small {
    font-size: var(--ax-font-size-medium);
    letter-spacing: .002em;
    line-height: var(--ax-font-line-height-large);
  }

  .aksel-body-long--small.aksel-typo--spacing {
    margin-bottom: var(--ax-space-24);
  }

  .aksel-body-short {
    font-size: var(--ax-font-size-large);
    font-weight: var(--ax-font-weight-regular);
    letter-spacing: 0;
    line-height: var(--ax-font-line-height-large);
    margin: 0;
  }

  .aksel-body-short.aksel-typo--spacing {
    margin-bottom: var(--ax-space-12);
  }

  .aksel-body-short--large {
    font-size: var(--ax-font-size-xlarge);
    letter-spacing: -.0013em;
    line-height: var(--ax-font-line-height-xlarge);
  }

  .aksel-body-short--large.aksel-typo--spacing {
    margin-bottom: var(--ax-space-16);
  }

  .aksel-body-short--small {
    font-size: var(--ax-font-size-medium);
    letter-spacing: .002em;
    line-height: var(--ax-font-line-height-medium);
  }

  .aksel-body-short--small.aksel-typo--spacing {
    margin-bottom: var(--ax-space-8);
  }

  .aksel-label {
    font-size: var(--ax-font-size-large);
    font-weight: var(--ax-font-weight-bold);
    letter-spacing: 0;
    line-height: var(--ax-font-line-height-large);
    margin: 0;
  }

  .aksel-label.aksel-typo--spacing {
    margin-bottom: var(--ax-space-12);
  }

  .aksel-label--small {
    font-size: var(--ax-font-size-medium);
    letter-spacing: .002em;
    line-height: var(--ax-font-line-height-medium);
  }

  .aksel-label--small.aksel-typo--spacing {
    margin-bottom: var(--ax-space-8);
  }

  .aksel-detail {
    font-size: var(--ax-font-size-small);
    letter-spacing: .004em;
    line-height: var(--ax-font-line-height-medium);
    margin: 0;
  }

  .aksel-detail.aksel-typo--spacing {
    margin-bottom: var(--ax-space-8);
  }

  .aksel-detail.aksel-typo--uppercase {
    text-transform: uppercase;
  }

  .aksel-detail--small {
    font-weight: var(--ax-font-weight-regular);
  }

  .aksel-detail--small.aksel-typo--spacing {
    margin-bottom: var(--ax-space-8);
  }

  .aksel-error-message {
    color: var(--ax-text-danger-subtle);
  }

  .aksel-error-message.aksel-error-message--show-icon {
    gap: var(--ax-space-4);
    display: flex;
  }

  .aksel-error-message.aksel-error-message--show-icon svg {
    flex: none;
    width: 1em;
    height: 1em;
    margin-top: .15em;
  }

  .aksel-typo--truncate {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .aksel-typo--semibold {
    font-weight: var(--ax-font-weight-bold);
  }

  .aksel-typo--align-start {
    text-align: start;
  }

  .aksel-typo--align-center {
    text-align: center;
  }

  .aksel-typo--align-end {
    text-align: end;
  }

  .aksel-typo--visually-hidden {
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  [data-color]:where(.aksel-heading, .aksel-ingress, .aksel-body-long, .aksel-body-short, .aksel-label, .aksel-detail) {
    color: var(--ax-text-default);
  }

  .aksel-typo--color-default {
    color: var(--ax-text-neutral);
  }

  .aksel-typo--color-default[data-color] {
    color: var(--ax-text-default);
  }

  .aksel-typo--color-subtle {
    color: var(--ax-text-neutral-subtle);
  }

  .aksel-typo--color-subtle[data-color] {
    color: var(--ax-text-subtle);
  }

  .aksel-typo--color-contrast {
    color: var(--ax-text-neutral-contrast);
  }

  .aksel-typo--color-contrast[data-color] {
    color: var(--ax-text-contrast);
  }

  .aksel-chips {
    gap: var(--ax-space-8);
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aksel-chips li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
  }

  .aksel-chips__chip {
    all: unset;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: var(--ax-space-2);
    padding: 0 var(--ax-space-12);
    border-radius: var(--ax-radius-full);
    min-height: 2rem;
    margin: 0;
    text-decoration: none;
    display: flex;
  }

  .aksel-chips__chip:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
  }

  .aksel-chips--readonly .aksel-chips__chip {
    background-color: var(--ax-bg-neutral-moderateA);
  }

  .aksel-chips--small .aksel-chips__chip {
    min-height: 1.5rem;
    padding: 0 var(--ax-space-8);
  }

  .aksel-chips--small .aksel-chips__toggle-icon {
    width: 1rem;
    height: 1rem;
  }

  .aksel-chips--small .aksel-chips__toggle--with-checkmark {
    padding-left: var(--ax-space-4);
  }

  .aksel-chips--small .aksel-chips__removable-icon {
    width: 1.25rem;
    height: 1.25rem;
  }

  .aksel-chips--small .aksel-chips__removable-icon > svg {
    width: 1rem;
  }

  .aksel-chips--small .aksel-chips--icon-right {
    padding-right: var(--ax-space-2);
  }

  .aksel-chips__toggle {
    box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
    background-color: var(--ax-bg-moderate);
    color: var(--ax-text-default);
    transition: box-shadow .2s cubic-bezier(.15, 1, .3, 1);
  }

  .aksel-chips__toggle:hover {
    background-color: var(--ax-bg-moderate-hover);
    box-shadow: inset 0 0 0 1px var(--ax-border-default);
  }

  .aksel-chips__toggle[data-pressed="true"] {
    box-shadow: none;
    background-color: var(--ax-bg-strong-pressed);
    color: var(--ax-text-contrast);
  }

  .aksel-chips__toggle[data-pressed="true"]:hover {
    background-color: var(--ax-bg-strong-hover);
  }

  .aksel-chips--medium .aksel-chips__toggle--with-checkmark {
    padding-left: var(--ax-space-6);
  }

  .aksel-chips__removable {
    background: var(--ax-bg-strong-pressed);
    color: var(--ax-text-contrast);
    gap: 0;
  }

  .aksel-chips__removable:hover {
    background: var(--ax-bg-strong-hover);
  }

  .aksel-chips__removable-icon {
    border-radius: var(--ax-radius-full);
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.25rem;
    display: grid;
  }

  .aksel-chips--icon-left {
    padding-left: var(--ax-space-6);
  }

  .aksel-chips--icon-right {
    padding-right: var(--ax-space-6);
  }

  @media (forced-colors: active) {
    .aksel-chips__chip {
      border: 1px solid rgba(0, 0, 0, 0);
    }

    .aksel-chips__chip:hover {
      color: highlight;
      background-color: highlighttext;
    }

    .aksel-chips__chip:where([data-pressed="true"], :active, :hover) > span {
      forced-color-adjust: none;
    }

    .aksel-chips__toggle[data-pressed="true"] {
      color: selecteditemtext;
      background-color: selecteditem;
      border: 1px solid selecteditem;
    }

    .aksel-chips__toggle[data-pressed="true"]:hover {
      color: selecteditem;
      background-color: selecteditemtext;
    }
  }
}

@layer aksel.components.core.loader {
  .aksel-loader {
    stroke-width: 6px;
    --__axc-loader-stroke-width: 5.9;
    width: 1.5rem;
    animation: 1.8s linear infinite loader-rotate;
    display: inline-block;
    position: relative;
  }

  .aksel-loader.aksel-loader--3xlarge {
    stroke-width: 5px;
    --__axc-loader-stroke-width: 4.8;
    width: 5.5rem;
  }

  .aksel-loader.aksel-loader--2xlarge {
    stroke-width: 6px;
    --__axc-loader-stroke-width: 5.8;
    width: 4rem;
  }

  .aksel-loader.aksel-loader--xlarge {
    stroke-width: 6px;
    --__axc-loader-stroke-width: 5.8;
    width: 2.5rem;
  }

  .aksel-loader.aksel-loader--large {
    stroke-width: 7px;
    --__axc-loader-stroke-width: 6.8;
    width: 2rem;
  }

  .aksel-loader.aksel-loader--medium {
    stroke-width: 7px;
    --__axc-loader-stroke-width: 6.8;
    width: 1.5rem;
  }

  .aksel-loader.aksel-loader--small {
    stroke-width: 8px;
    --__axc-loader-stroke-width: 7.8;
    width: 1.25rem;
  }

  .aksel-loader.aksel-loader--xsmall {
    stroke-width: 8px;
    --__axc-loader-stroke-width: 7.8;
    width: 1rem;
  }

  .aksel-loader__foreground {
    stroke-dasharray: 80 200;
    stroke-dashoffset: 0;
    stroke: var(--ax-border-strong);
    stroke-linecap: round;
    stroke-width: var(--__axc-loader-stroke-width);
    animation: 1.5s ease-in-out infinite loader-dasharray;
  }

  .aksel-loader[data-variant="inverted"] .aksel-loader__foreground {
    stroke: var(--ax-border-subtle);
  }

  .aksel-loader__background {
    stroke: var(--ax-border-subtleA);
    stroke-width: var(--__axc-loader-stroke-width);
  }

  .aksel-loader[data-variant="inverted"] .aksel-loader__background {
    stroke: var(--ax-border-strong);
  }

  .aksel-loader--transparent .aksel-loader__background {
    stroke: rgba(0, 0, 0, 0);
  }

  @keyframes loader-rotate {
    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes loader-dasharray {
    0% {
      stroke-dasharray: 1 200;
      stroke-dashoffset: 0;
    }

    50% {
      stroke-dasharray: 100 200;
      stroke-dashoffset: -15px;
    }

    100% {
      stroke-dasharray: 100 200;
      stroke-dashoffset: -120px;
    }
  }

  @media (forced-colors: active) {
    .aksel-loader__background {
      stroke: canvastext;
    }
  }
}

@layer aksel.components.core.button {
  .aksel-button {
    --__axc-button-icon-size: 1.5rem;
    --__axc-button-icon-margin: -4px;
    --__axc-button-border-color: transparent;
    --__axc-button-border-width: 2px;
    padding: var(--ax-space-12) var(--ax-space-20);
    border-radius: var(--ax-radius-8);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: var(--ax-space-8);
    box-shadow: inset 0 0 0 var(--__axc-button-border-width) var(--__axc-button-border-color);
    background: none;
    border: none;
    text-decoration: none;
    display: inline-flex;
  }

  .aksel-button:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
  }

  .aksel-button[data-variant="primary"] {
    background-color: var(--ax-bg-strong);
    color: var(--ax-text-contrast);
  }

  .aksel-button[data-variant="primary"]:hover {
    background-color: var(--ax-bg-strong-hover);
  }

  .aksel-button[data-variant="primary"]:active {
    background-color: var(--ax-bg-strong-pressed);
  }

  .aksel-button[data-variant="primary"]:is(:disabled, .aksel-button--disabled) {
    background-color: var(--ax-bg-strong);
  }

  .aksel-button[data-variant="secondary"] {
    --__axc-button-border-color: var(--ax-border-default);
    background-color: rgba(0, 0, 0, 0);
  }

  .aksel-button[data-variant="secondary"][data-color="neutral"], [data-color="neutral"] .aksel-button[data-variant="secondary"]:not([data-color]) {
    color: var(--ax-text-default);
  }

  .aksel-button[data-variant="secondary"], [data-color="neutral"] [data-color]:not([data-color="neutral"]) .aksel-button[data-variant="secondary"] {
    color: var(--ax-text-subtle);
  }

  .aksel-button[data-variant="secondary"]:hover {
    --__axc-button-border-color: var(--ax-border-strong);
    background-color: var(--ax-bg-moderate-hoverA);
  }

  .aksel-button[data-variant="secondary"]:active {
    background-color: var(--ax-bg-moderate-pressedA);
  }

  .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled) {
    color: var(--ax-text-subtle);
    background-color: rgba(0, 0, 0, 0);
  }

  .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled)[data-color="neutral"], [data-color="neutral"] > .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled):not([data-color]) {
    color: var(--ax-text-default);
  }

  .aksel-button[data-variant="tertiary"] {
    background-color: rgba(0, 0, 0, 0);
  }

  .aksel-button[data-variant="tertiary"][data-color="neutral"], [data-color="neutral"] .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
    color: var(--ax-text-default);
  }

  .aksel-button[data-variant="tertiary"], [data-color="neutral"] [data-color]:not([data-color="neutral"]) .aksel-button[data-variant="tertiary"]:not([data-pressed="true"]) {
    color: var(--ax-text-subtle);
  }

  .aksel-button[data-variant="tertiary"]:hover {
    background-color: var(--ax-bg-moderate-hoverA);
  }

  .aksel-button[data-variant="tertiary"]:active {
    background-color: var(--ax-bg-moderate-pressedA);
  }

  .aksel-button[data-variant="tertiary"][data-pressed="true"] {
    background-color: var(--ax-bg-strong-pressed);
    color: var(--ax-text-contrast);
  }

  .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled) {
    color: var(--ax-text-subtle);
    background-color: rgba(0, 0, 0, 0);
  }

  .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled)[data-color="neutral"], [data-color="neutral"] > .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled):not([data-color]) {
    color: var(--ax-text-default);
  }

  .aksel-button--small, .aksel-button--xsmall {
    --__axc-button-icon-margin: -2px;
  }

  .aksel-button--small {
    padding: var(--ax-space-4) var(--ax-space-12);
    gap: var(--ax-space-6);
    min-width: 2rem;
    min-height: 2rem;
  }

  .aksel-button--xsmall {
    padding: var(--ax-space-2) var(--ax-space-8);
    gap: var(--ax-space-4);
    --__axc-button-icon-size: 1.25rem;
  }

  @supports not selector(:focus-visible) {
    .aksel-button:focus {
      outline: 3px solid var(--ax-border-focus);
    }
  }

  .aksel-button__icon {
    font-size: var(--__axc-button-icon-size);
    display: flex;
  }

  .aksel-button__icon:first-child {
    margin-left: var(--__axc-button-icon-margin);
  }

  .aksel-button__icon:last-child {
    margin-right: var(--__axc-button-icon-margin);
  }

  .aksel-button--icon-only .aksel-button__icon {
    margin: 0;
  }

  .aksel-button--icon-only {
    padding: var(--ax-space-12);
  }

  .aksel-button--icon-only.aksel-button--small {
    padding: var(--ax-space-4);
  }

  .aksel-button--icon-only.aksel-button--xsmall {
    padding: var(--ax-space-2);
  }

  .aksel-button:where(:disabled, .aksel-button--disabled) {
    cursor: not-allowed;
  }

  .aksel-button:not(.aksel-button--loading):where(:disabled, .aksel-button--disabled) {
    opacity: var(--ax-opacity-disabled);
  }

  .aksel-button > .aksel-loader {
    position: absolute;
  }

  .aksel-button .aksel-loader .aksel-loader__foreground {
    stroke: currentColor;
  }

  .aksel-button[data-variant="primary"] .aksel-loader .aksel-loader__background {
    stroke: rgba(255, 255, 255, .3);
  }

  .aksel-button--loading > :not(.aksel-loader) {
    visibility: hidden;
  }

  @media (forced-colors: active) {
    .aksel-button:not(.aksel-button--loading):where(:disabled, .aksel-button--disabled) {
      opacity: 1;
      color: graytext;
    }

    .aksel-button {
      color: buttontext;
      background-color: buttonface;
      border: 1px solid rgba(0, 0, 0, 0);
    }

    .aksel-button[data-variant="primary"]:not(:disabled) {
      color: highlighttext;
      background-color: highlight;
    }

    .aksel-button[data-variant="primary"]:not(:disabled) span {
      forced-color-adjust: none;
    }

    .aksel-button[data-variant="primary"]:not(:disabled):where(a) {
      color: highlighttext;
      background-color: linktext;
    }

    .aksel-button[data-variant="primary"]:not(:disabled):where(a) span {
      forced-color-adjust: none;
    }

    .aksel-button[data-variant="primary"]:not(:disabled):hover {
      color: highlight;
      background-color: highlighttext;
      border-color: highlight;
    }

    .aksel-button:hover:not(:disabled), .aksel-button[data-variant="primary"]:where(a):hover:not(:disabled) {
      color: highlight;
      box-shadow: none;
      background-color: highlighttext;
      border-color: highlight;
    }

    .aksel-button[data-variant="tertiary"][data-pressed="true"] {
      color: selecteditemtext;
      background-color: selecteditem;
    }

    .aksel-button[data-variant="tertiary"][data-pressed="true"] span {
      forced-color-adjust: none;
    }

    .aksel-button:not(:disabled):hover span {
      forced-color-adjust: none;
    }

    .aksel-button .aksel-loader .aksel-loader__foreground {
      stroke: canvas;
    }

    .aksel-button[data-variant="primary"] .aksel-loader .aksel-loader__background {
      stroke: canvastext;
    }
  }
}

@layer aksel.components.form {
  .aksel-fieldset {
    border: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
  }

  .aksel-fieldset > :not(:first-child, :empty) {
    margin-top: var(--ax-space-8);
  }

  .aksel-fieldset__description {
    color: var(--ax-text-neutral-subtle);
  }

  .aksel-fieldset > .aksel-fieldset__description:not(:empty) {
    margin-top: .125rem;
  }

  .aksel-fieldset > .aksel-sr-only + :not(:first-child, :empty), .aksel-fieldset > .aksel-typo--visually-hidden + :not(:first-child, :empty) {
    margin-top: 0;
  }

  .aksel-fieldset__legend {
    padding: 0;
  }

  .aksel-fieldset--readonly > :where(.aksel-fieldset__legend) {
    display: inline-flex;
  }

  .aksel-fieldset:disabled > .aksel-fieldset__legend, .aksel-fieldset:disabled > .aksel-fieldset__description {
    opacity: var(--ax-opacity-disabled);
  }

  @media (forced-colors: active) {
    .aksel-fieldset:disabled > .aksel-fieldset__legend, .aksel-fieldset:disabled > .aksel-fieldset__description {
      opacity: 1;
    }
  }

  .aksel-dropzone__area {
    --__axc-dropzone-background: var(--ax-bg-input);
    --__axc-dropzone-icon-padding: var(--ax-space-8);
    --__axc-dropzone-animation-length-long: .4s;
    --__axc-dropzone-animation-length-short: .25s;
    --__axc-dropzone-animation-ease-out: cubic-bezier(.3, 1, .3, 1);
    --__axc-dropzone-animation-over-under: cubic-bezier(.3, 1, .3, 1);
    align-items: center;
    gap: var(--ax-space-16);
    text-align: center;
    width: 100%;
    padding: var(--ax-space-16) var(--ax-space-20);
    border: 1px dashed var(--ax-border-neutral);
    border-radius: var(--ax-radius-12);
    background-color: var(--__axc-dropzone-background);
    color: var(--ax-text-neutral);
    transition: background-color var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
    cursor: pointer;
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .aksel-dropzone__area:hover:not([data-disabled="true"]) {
    border-color: var(--ax-border-strong);
  }

  .aksel-dropzone__area:hover:not([data-disabled="true"]) > .aksel-dropzone__area-button {
    background-color: var(--ax-bg-moderate-hover);
    box-shadow: inset 0 0 0 2px var(--ax-bg-strong-hover);
  }

  .aksel-dropzone__area:active:not([data-disabled="true"]) > .aksel-dropzone__area-button {
    background-color: var(--ax-bg-strong-pressed);
    color: var(--ax-text-contrast);
    box-shadow: none;
  }

  .aksel-dropzone__area[data-disabled="true"] {
    --__axc-dropzone-background: var(--ax-bg-neutral-soft);
    border-color: var(--ax-border-neutral-subtleA);
    cursor: default;
  }

  .aksel-dropzone--dragging > .aksel-dropzone__area {
    --__axc-dropzone-background: var(--ax-bg-input);
  }

  .aksel-dropzone--dragging > .aksel-dropzone__area:after {
    color: var(--ax-text-default);
    background-color: var(--ax-bg-moderateA);
    content: "";
    border: 1px dashed var(--ax-border-strong);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: var(--ax-radius-12);
    animation: akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short)
      var(--__axc-dropzone-animation-ease-out);
    margin: -1px;
    position: absolute;
    inset: 0;
  }

  @keyframes akselDropzoneDragoverAnimation {
    0% {
      -webkit-backdrop-filter: blur();
      backdrop-filter: blur();
      background-color: rgba(0, 0, 0, 0);
    }

    70% {
      -webkit-backdrop-filter: blur(8px);
      backdrop-filter: blur(8px);
    }

    100% {
      background-color: var(--ax-bg-moderateA);
    }
  }

  .aksel-dropzone__area-icon {
    padding: var(--__axc-dropzone-icon-padding);
    visibility: hidden;
    display: grid;
  }

  .aksel-dropzone--error > .aksel-dropzone__area {
    outline: 2px solid var(--ax-border-danger-strong);
    outline-offset: -1px;
    border-color: rgba(0, 0, 0, 0);
  }

  .aksel-dropzone__area-release {
    top: var(--ax-space-16);
    z-index: 1;
    pointer-events: none;
    transition: top var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under),
    transform var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under);
    display: grid;
    position: absolute;
  }

  .aksel-dropzone__area-release__icon {
    padding: var(--__axc-dropzone-icon-padding);
    border-radius: var(--ax-radius-full);
    background-color: var(--ax-bg-neutral-moderateA);
    transition: background-color .3s var(--__axc-dropzone-animation-ease-out),
    font-size .3s var(--__axc-dropzone-animation-ease-out);
    font-size: 1.5rem;
    display: grid;
  }

  .aksel-dropzone--dragging .aksel-dropzone__area-release > .aksel-dropzone__area-release__icon {
    background-color: rgba(0, 0, 0, 0);
    font-size: 2rem;
  }

  .aksel-dropzone__area-release__text {
    visibility: hidden;
  }

  .aksel-dropzone--dragging .aksel-dropzone__area-release > .aksel-dropzone__area-release__text {
    transition: visibility var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under);
    visibility: visible;
  }

  .aksel-dropzone--dragging .aksel-dropzone__area-release {
    color: var(--ax-text-subtle);
    top: 50%;
    transform: translateY(-50%);
  }

  .aksel-dropzone__area-disabled {
    color: var(--ax-text-neutral-subtle);
    align-items: center;
    gap: var(--ax-space-8);
    flex-direction: column;
    display: flex;
  }

  .aksel-file-upload :is(ul, li), ul:has( > li.aksel-file-item), li.aksel-file-item {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .aksel-file-item__inner {
    background-color: var(--ax-bg-raised);
    border: 1px solid var(--ax-border-neutral-subtleA);
    outline-offset: -1px;
    border-radius: var(--ax-radius-12);
    padding: var(--ax-space-16) var(--ax-space-20);
    gap: var(--ax-space-12);
    align-items: flex-start;
    transition: outline-color .25s cubic-bezier(0, .3, .15, 1);
    display: flex;
  }

  .aksel-file-item__link {
    align-items: flex-start;
    gap: var(--ax-space-2);
    width: fit-content;
    display: flex;
  }

  .aksel-file-item--error > .aksel-file-item__inner {
    outline: 2px solid var(--ax-border-danger-strong);
  }

  .aksel-file-item__icon {
    min-width: 1.5rem;
    min-height: 1.5rem;
    margin: var(--ax-space-2) 0;
    place-content: center;
    display: grid;
  }

  .aksel-file-item__icon > svg {
    width: 1.5rem;
    height: 1.5rem;
  }

  .aksel-file-item__icon--loading {
    padding: var(--ax-space-12);
    background-color: rgba(0, 0, 0, 0);
    place-content: center;
    display: grid;
  }

  .aksel-file-item__file-info {
    overflow-wrap: anywhere;
  }

  .aksel-file-item__error {
    grid-template-rows: 0fr;
    transition-property: grid-template-rows, padding-top;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(0, .3, .15, 1);
    display: grid;
    overflow: hidden;
  }

  .aksel-file-item--error .aksel-file-item__error {
    padding-top: var(--ax-space-4);
    grid-template-rows: 1fr;
  }

  .aksel-form-field {
    justify-items: start;
    gap: var(--ax-space-8);
    display: grid;
  }

  .aksel-form-field__description {
    color: var(--ax-text-neutral-subtle);
    margin-top: -.375rem;
  }

  .aksel-form-field__description:empty {
    display: none;
  }

  .aksel-form-field--disabled {
    opacity: var(--ax-opacity-disabled);
    cursor: not-allowed;
  }

  .aksel-form-field__error:empty {
    display: none;
  }

  .aksel-form-field__subdescription {
    color: var(--ax-text-neutral-subtle);
  }

  .aksel-form-field--readonly > :where(.aksel-form-field__label) {
    display: inline-flex;
  }

  .aksel-form-field__readonly-icon {
    margin-top: var(--ax-space-2);
    margin-right: var(--ax-space-4);
    flex-shrink: 0;
    align-self: flex-start;
  }

  @media (forced-colors: active) {
    .aksel-form-field--disabled {
      opacity: 1;
    }
  }

  .aksel-error-summary {
    background-color: var(--ax-bg-default);
    padding: var(--ax-space-16) var(--ax-space-20);
    border: 4px solid var(--ax-border-danger);
    border-radius: var(--ax-radius-12);
    outline-offset: 3px;
  }

  .aksel-error-summary:focus-visible, .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
    outline: 3px solid var(--ax-border-focus);
  }

  @supports not selector(:focus-visible) {
    .aksel-error-summary:focus {
      outline: 3px solid var(--ax-border-focus);
    }
  }

  .aksel-error-summary--small {
    padding: var(--ax-space-12) var(--ax-space-16);
  }

  .aksel-error-summary--small .aksel-error-summary__heading {
    scroll-margin-top: var(--ax-space-16);
  }

  .aksel-error-summary--small > .aksel-error-summary__list {
    margin: var(--ax-space-8) 0;
    gap: var(--ax-space-8);
    padding-left: var(--ax-space-20);
  }

  .aksel-error-summary__heading {
    scroll-margin-top: var(--ax-space-24);
  }

  .aksel-error-summary__heading:focus {
    outline: none;
  }

  .aksel-error-summary__list {
    margin: var(--ax-space-12) 0;
    gap: var(--ax-space-12);
    padding-left: var(--ax-space-24);
    list-style: inherit;
    flex-direction: column;
    display: flex;
  }

  .aksel-confirmation-panel__inner {
    gap: var(--ax-space-12);
    padding: var(--ax-space-16);
    border-radius: var(--ax-radius-8);
    border: 1px solid var(--ax-border-default);
    background-color: var(--ax-bg-moderate);
    flex-direction: column;
    justify-self: stretch;
    transition: background-color .1s linear;
    display: flex;
    position: relative;
  }

  .aksel-confirmation-panel__content {
    max-width: 80ch;
  }

  @media (forced-colors: active) {
    .aksel-confirmation-panel__inner:before {
      content: "";
      forced-color-adjust: none;
      border-color: orange;
      border-left-style: solid;
      border-left-width: 8px;
      border-start-start-radius: calc(var(--ax-radius-8) - 1px);
      border-end-start-radius: calc(var(--ax-radius-8) - 1px);
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }

    .aksel-confirmation-panel--checked .aksel-confirmation-panel__inner:before {
      border-color: green;
    }

    .aksel-confirmation-panel--error .aksel-confirmation-panel__inner:before {
      border-color: red;
    }
  }

  .aksel-checkbox, .aksel-radio {
    gap: var(--ax-space-2) 0;
    width: fit-content;
    padding: var(--ax-space-12) 0;
    grid-template-columns: auto 1fr;
    display: grid;
    position: relative;
  }

  :is(.aksel-checkbox, .aksel-radio):focus-within:after {
    content: "";
    inset: var(--ax-space-12) 0;
    pointer-events: none;
    border-radius: var(--ax-radius-4);
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
    position: absolute;
  }

  .aksel-radio-card {
    width: 100%;
    padding: var(--ax-space-16) var(--ax-space-20);
    cursor: pointer;
    background-color: var(--ax-bg-default);
    border: 1px solid var(--ax-border-neutral-subtleA);
    border-radius: var(--ax-radius-8);
    align-content: flex-start;
  }

  .aksel-radio-card:focus-within:after, .aksel-radio-card.aksel-radio--small:focus-within:after {
    border-radius: calc(var(--ax-radius-8) - 1px);
    outline-offset: 4px;
    inset: 0;
  }

  .aksel-radio-card-group > .aksel-radio-buttons {
    gap: var(--ax-space-12);
    flex-direction: column;
    display: flex;
  }

  .aksel-radio-card-group > .aksel-radio-buttons > .aksel-hgrid:not(.aksel-hgrid-gap) {
    gap: var(--ax-space-12);
  }

  .aksel-radio-card-group.aksel-radio-group--small > .aksel-radio-buttons > .aksel-hgrid:not(.aksel-hgrid-gap) {
    gap: var(--ax-space-8);
  }

  .aksel-checkbox--small, .aksel-radio--small {
    padding: var(--ax-space-6) 0;
  }

  :is(.aksel-checkbox--small, .aksel-radio--small):focus-within:after {
    inset: var(--ax-space-6) 0;
  }

  .aksel-radio-card.aksel-radio--small {
    padding: var(--ax-space-12) var(--ax-space-16);
  }

  .aksel-radio-card-group.aksel-radio-group--small > .aksel-radio-buttons {
    gap: var(--ax-space-8);
  }

  .aksel-checkbox__label, .aksel-radio__label {
    cursor: pointer;
  }

  .aksel-checkbox__description, .aksel-radio__description {
    grid-column-start: 2;
  }

  .aksel-checkbox__label, .aksel-radio__label, .aksel-checkbox__description, .aksel-radio__description {
    padding-left: var(--ax-space-8);
  }

  .aksel-checkbox__input-wrapper {
    --__axc-radio-checkbox-marker-size: 1.5rem;
    --__axc-radio-checkbox-marker-target: 2.75rem;
    height: var(--__axc-radio-checkbox-marker-size);
    position: relative;
  }

  .aksel-checkbox--small .aksel-checkbox__input-wrapper {
    --__axc-radio-checkbox-marker-size: 1.25rem;
    --__axc-radio-checkbox-marker-target: 2rem;
  }

  .aksel-checkbox__input-wrapper[data-standalone="true"] {
    margin: calc(calc(var(--__axc-radio-checkbox-marker-target) - var(--__axc-radio-checkbox-marker-size)) / 2);
  }

  .aksel-checkbox__input-wrapper[data-standalone="true"] > .aksel-checkbox__input:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
  }

  .aksel-checkbox__input-wrapper[data-compact="true"] {
    --__axc-radio-checkbox-marker-target: 2rem;
  }

  .aksel-checkbox__input, .aksel-radio__input {
    --__axc-radio-checkbox-marker-border: 2px;
    appearance: none;
    cursor: pointer;
    width: var(--__axc-radio-checkbox-marker-size);
    height: var(--__axc-radio-checkbox-marker-size);
    background-color: var(--ax-bg-input);
    border: var(--__axc-radio-checkbox-marker-border) solid var(--ax-border-neutral);
    border-radius: var(--ax-radius-4);
    outline: none;
    position: relative;
  }

  :is(.aksel-checkbox__input, .aksel-radio__input)[data-standalone="true"]:disabled, .aksel-checkbox__input-wrapper[data-standalone="true"] > :is(.aksel-checkbox__input, .aksel-radio__input):disabled {
    opacity: var(--ax-opacity-disabled);
    cursor: not-allowed;
  }

  .aksel-checkbox__input:before, .aksel-radio__input:before {
    content: "";
    inset: calc(-1 *
      (
        var(--__axc-radio-checkbox-marker-border) +
          (var(--__axc-radio-checkbox-marker-target) - var(--__axc-radio-checkbox-marker-size)) / 2
      ));
    position: absolute;
  }

  .aksel-radio__input {
    --__axc-radio-checkbox-marker-size: 1.5rem;
    --__axc-radio-checkbox-marker-target: 2.75rem;
  }

  .aksel-radio--small .aksel-radio__input {
    --__axc-radio-checkbox-marker-size: 1.25rem;
    --__axc-radio-checkbox-marker-target: 2rem;
  }

  .aksel-radio__input {
    border-radius: var(--ax-radius-full);
  }

  .aksel-radio__input[data-standalone="true"] {
    margin: calc(calc(var(--__axc-radio-checkbox-marker-target) - var(--__axc-radio-checkbox-marker-size)) / 2);
  }

  .aksel-radio__input[data-standalone="true"]:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
  }

  .aksel-radio__input[data-compact="true"] {
    --__axc-radio-checkbox-marker-target: 2rem;
  }

  .aksel-checkbox__input:indeterminate {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .aksel-checkbox__input:indeterminate:after {
    content: "";
    background-color: var(--ax-bg-default);
    border-radius: 1px;
    width: .75rem;
    height: .25rem;
    position: absolute;
  }

  .aksel-checkbox__input:where(:checked, :indeterminate) {
    background-color: var(--ax-bg-strong-pressed);
    border-color: var(--ax-bg-strong-pressed);
  }

  .aksel-checkbox__input:where(:checked, :indeterminate):not(:disabled):hover {
    border-color: var(--ax-bg-strong-hover);
    background-color: var(--ax-bg-strong-hover);
  }

  .aksel-checkbox__input:where(:not(:checked)) + .aksel-checkbox__icon {
    display: none;
  }

  .aksel-checkbox__icon {
    color: var(--ax-bg-default);
    pointer-events: none;
    width: .8125rem;
    height: var(--__axc-radio-checkbox-marker-size);
    top: 0;
    left: var(--ax-space-6);
    position: absolute;
  }

  .aksel-checkbox--small .aksel-checkbox__input:checked + .aksel-checkbox__icon {
    left: var(--ax-space-4);
  }

  .aksel-radio__input:checked {
    --__axc-radio-checkbox-marker-border: 8px;
    border-color: var(--ax-bg-strong-pressed);
    background-color: var(--ax-bg-input);
  }

  .aksel-radio--small > .aksel-radio__input:checked {
    --__axc-radio-checkbox-marker-border: 7px;
  }

  .aksel-radio-card:is(:hover:not(:where(.aksel-radio--disabled, .aksel-radio--readonly, .aksel-radio--error)), :has( > .aksel-radio__input:checked):not(:where(.aksel-radio--disabled, .aksel-radio--readonly))) {
    border-color: var(--ax-border-default);
    box-shadow: 0 0 0 1px var(--ax-border-default);
  }

  .aksel-radio-card:has( > .aksel-radio__input:checked):not(:where(.aksel-radio--disabled, .aksel-radio--readonly, .aksel-radio--error)) {
    background-color: var(--ax-bg-accent-moderateA);
  }

  .aksel-checkbox__input:hover:not(:disabled, :checked, :indeterminate), .aksel-radio__input:hover:not(:disabled, :checked), .aksel-radio-card:hover:not(:where(.aksel-radio--disabled, .aksel-radio--readonly)) > .aksel-radio__input:not(:disabled, :checked) {
    border-color: var(--ax-border-strong);
    background-color: var(--ax-bg-moderate-hoverA);
  }

  .aksel-checkbox--error .aksel-checkbox__input:not(:disabled, :checked, :indeterminate), .aksel-radio--error > .aksel-radio__input:not(:disabled, :checked) {
    border-color: var(--ax-border-danger-strong);
  }

  .aksel-checkbox--disabled, .aksel-radio--disabled {
    opacity: var(--ax-opacity-disabled);
  }

  .aksel-radio-card:where(.aksel-radio--readonly) {
    background-color: var(--ax-bg-neutral-moderate);
  }

  .aksel-radio-card.aksel-radio--disabled > .aksel-radio__input:checked {
    border-color: var(--ax-border-neutral-strong);
  }

  .aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__label), .aksel-radio-card.aksel-radio--disabled {
    cursor: not-allowed;
  }

  .aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label), .aksel-radio-card.aksel-radio--readonly {
    cursor: default;
  }

  .aksel-checkbox--readonly .aksel-checkbox__input:not(:disabled), .aksel-radio--readonly > .aksel-radio__input:not(:disabled) {
    background-color: var(--ax-bg-neutral-moderate);
    border-color: var(--ax-border-neutral-subtle);
  }

  .aksel-checkbox--readonly .aksel-checkbox__label {
    display: inline-flex;
  }

  .aksel-checkbox--readonly .aksel-checkbox__input:checked + .aksel-checkbox__icon {
    color: var(--ax-text-neutral-subtle);
  }

  .aksel-checkbox--readonly .aksel-checkbox__input:indeterminate:after {
    background-color: var(--ax-text-neutral-subtle);
  }

  .aksel-radio--readonly > .aksel-radio__input:checked {
    --__axc-radio-checkbox-marker-border: 0px;
    background-color: var(--ax-bg-neutral-strong);
    box-shadow: inset 0 0 0 2px var(--ax-border-neutral-subtle),
    inset 0 0 0 8px var(--ax-bg-neutral-moderate);
  }

  .aksel-radio--small.aksel-radio--readonly > .aksel-radio__input:checked {
    box-shadow: inset 0 0 0 2px var(--ax-border-neutral-subtle),
    inset 0 0 0 7px var(--ax-bg-neutral-moderate);
  }

  @media screen and (forced-colors: active) {
    :is(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
      background-color: fieldtext;
    }

    .aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled)) > .aksel-checkbox__label, .aksel-radio:not(.aksel-radio--readonly) > .aksel-radio__input:hover:not(:disabled) + .aksel-radio__label {
      color: highlight;
    }

    .aksel-checkbox:not(.aksel-checkbox--readonly) .aksel-checkbox__input:hover:not(:disabled), .aksel-radio:not(.aksel-radio--readonly) > .aksel-radio__input:hover:not(:disabled) {
      border-color: highlight;
    }

    .aksel-checkbox--readonly .aksel-checkbox__input:checked + .aksel-checkbox__icon {
      color: var(--ax-bg-default);
    }

    .aksel-radio--readonly > .aksel-radio__input:checked {
      --__axc-radio-checkbox-marker-border: 8px;
    }

    .aksel-radio--small.aksel-radio--readonly > .aksel-radio__input:checked {
      --__axc-radio-checkbox-marker-border: 7px;
    }

    .aksel-checkbox--disabled, .aksel-radio--disabled {
      opacity: 1;
    }

    .aksel-checkbox--disabled .aksel-checkbox__input, .aksel-radio--disabled .aksel-radio__input {
      background-color: field;
      border-color: graytext;
    }

    .aksel-checkbox--disabled .aksel-checkbox__input:indeterminate:after {
      background-color: graytext;
    }

    .aksel-checkbox--disabled :is(.aksel-checkbox__label, .aksel-checkbox__description, .aksel-checkbox__input:checked + .aksel-checkbox__icon), .aksel-radio--disabled :is(.aksel-radio__label, .aksel-radio__description) {
      color: graytext;
    }
  }

  @media print {
    .aksel-checkbox__input:before, .aksel-radio__input:before {
      z-index: -1;
    }

    .aksel-radio__input, .aksel-checkbox__input {
      border-color: #000 !important;
    }

    .aksel-radio__input:checked.aksel-radio__input:checked {
      --__axc-radio-checkbox-marker-border: 7px;
      border-color: #000;
    }

    .aksel-checkbox__icon {
      height: calc(var(--__axc-radio-checkbox-marker-size) - 4px);
      top: 2px;
      bottom: 2px;
    }

    .aksel-checkbox__input:indeterminate:after {
      outline-offset: -2px;
      outline: 2px solid #000;
    }
  }

  .aksel-select__input {
    appearance: none;
    background-color: var(--ax-bg-input);
    border-radius: var(--ax-radius-8);
    border: 1px solid var(--ax-border-neutral);
    color: var(--ax-text-neutral);
    box-sizing: border-box;
    width: 100%;
    min-height: 3rem;
    padding: var(--ax-space-8);
    padding-right: var(--ax-space-40);
    scroll-margin-block-start: 4rem;
    display: inline-block;
    position: relative;
  }

  .aksel-select__input:hover {
    border-color: var(--ax-border-strong);
    cursor: pointer;
  }

  .aksel-select__input:focus {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
    border-color: var(--ax-border-strong);
  }

  @media (forced-colors: active) {
    .aksel-select__input {
      color: buttontext;
      background-color: buttonface;
      border-color: buttontext;
    }
  }

  .aksel-select__container {
    width: 100%;
    color: var(--ax-text-neutral);
    display: flex;
    position: relative;
  }

  .aksel-select__chevron {
    right: var(--ax-space-8);
    pointer-events: none;
    color: var(--ax-text-neutral);
    align-self: center;
    font-size: 1.5rem;
    position: absolute;
  }

  @media (forced-colors: active) {
    .aksel-select__chevron {
      color: buttontext;
    }
  }

  .aksel-form-field--small .aksel-select__input {
    min-height: 2rem;
    padding-block: 0;
  }

  .aksel-select--error > * select, .aksel-select--error > * select:hover, .aksel-select--error > * select:focus {
    box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
    border-color: var(--ax-border-danger-strong);
  }

  .aksel-select__input:disabled {
    background-color: var(--ax-bg-input);
    border: 1px solid var(--ax-border-neutral);
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
    color: var(--ax-text-neutral);
  }

  .aksel-select__input:disabled > option {
    color: var(--ax-text-neutral);
  }

  @media (forced-colors: active) {
    .aksel-select__input:disabled + .aksel-select__chevron {
      color: graytext;
    }
  }

  .aksel-select--readonly .aksel-select__input {
    background-color: var(--ax-bg-neutral-moderate);
    border-color: var(--ax-border-neutral-subtleA);
    cursor: default;
  }

  @media (forced-colors: active) {
    .aksel-select--readonly .aksel-select__input:is(:hover, :focus) {
      color: buttontext;
      background-color: buttonface;
      border-color: buttontext;
    }
  }

  .aksel-select--readonly .aksel-select__chevron {
    color: var(--ax-text-neutral-subtle);
  }

  .aksel-switch {
    width: fit-content;
    min-height: 3rem;
    position: relative;
  }

  .aksel-switch--small {
    min-height: 2rem;
  }

  .aksel-switch__input {
    cursor: pointer;
    z-index: 1;
    opacity: 0;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 0;
  }

  .aksel-switch--small > .aksel-switch__input {
    width: 2.5rem;
    height: 2rem;
    top: 0;
  }

  .aksel-switch__label-wrapper {
    cursor: pointer;
    color: var(--ax-text-neutral);
  }

  .aksel-switch__content {
    --__axc-switch-block-padding: .75rem;
    --__axc-switch-inline-padding: 3.25rem;
    gap: var(--ax-space-2);
    padding: var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) var(--__axc-switch-inline-padding);
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .aksel-switch--right .aksel-switch__content {
    padding: var(--__axc-switch-block-padding) var(--__axc-switch-inline-padding) var(--__axc-switch-block-padding) 0;
  }

  .aksel-switch--small .aksel-switch__content {
    --__axc-switch-block-padding: .375rem;
    --__axc-switch-inline-padding: 2.75rem;
  }

  .aksel-switch__content.aksel-switch--with-description {
    padding-bottom: 0;
  }

  .aksel-switch__input:focus ~ .aksel-switch__label-wrapper > .aksel-switch__content:after {
    content: "";
    width: 100%;
    height: calc(100% - var(--__axc-switch-block-padding) * 2);
    border-radius: var(--ax-radius-4);
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
    pointer-events: none;
    position: absolute;
    left: 0;
  }

  .aksel-switch__input:focus ~ .aksel-switch__label-wrapper > .aksel-switch__content.aksel-switch--with-description:after {
    height: calc(100% - var(--__axc-switch-block-padding) * 1);
  }

  .aksel-switch__input:disabled:hover ~ .aksel-switch__label-wrapper {
    color: inherit;
  }

  .aksel-switch__track {
    background-color: var(--ax-bg-input);
    width: 2.75rem;
    height: 1.5rem;
    top: var(--ax-space-12);
    border-radius: var(--ax-radius-full);
    border: 2px solid var(--ax-border-neutral);
    transition-property: background-color, border-color;
    transition-duration: .1s;
    transition-timing-function: ease;
    position: absolute;
    left: 0;
  }

  .aksel-switch--small > .aksel-switch__track {
    top: var(--ax-space-6);
    width: 2.25rem;
    height: 1.25rem;
  }

  .aksel-switch__input:checked ~ .aksel-switch__track {
    background-color: var(--ax-bg-strong-pressed);
    border-color: var(--ax-bg-strong-pressed);
  }

  .aksel-switch__input:hover ~ .aksel-switch__track {
    background-color: var(--ax-bg-neutral-moderate-hover);
  }

  .aksel-switch__input:hover:checked ~ .aksel-switch__track {
    background-color: var(--ax-bg-strong-hover);
    border-color: var(--ax-bg-strong-hover);
  }

  .aksel-switch__input:disabled ~ .aksel-switch__track {
    background-color: var(--ax-bg-input);
    border-color: var(--ax-border-neutral);
  }

  .aksel-switch__input:checked:disabled ~ .aksel-switch__track {
    background-color: var(--ax-bg-strong-pressed);
    border-color: var(--ax-bg-strong-pressed);
  }

  .aksel-switch--standalone > .aksel-switch__input:focus ~ .aksel-switch__track {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
  }

  .aksel-switch__thumb {
    background-color: var(--ax-bg-neutral-strong);
    border-radius: var(--ax-radius-full);
    justify-content: center;
    align-items: center;
    width: 1.125rem;
    height: 1.125rem;
    transition: transform .15s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    position: absolute;
    top: .0625rem;
    left: .0625rem;
    transform: translateX(0);
  }

  .aksel-switch--small .aksel-switch__thumb {
    width: .875rem;
    height: .875rem;
  }

  .aksel-switch__input:checked ~ .aksel-switch__track > .aksel-switch__thumb {
    background-color: var(--ax-bg-raised);
    color: var(--ax-text-subtle);
    width: 1.25rem;
    height: 1.25rem;
    top: 0;
    left: 0;
    transform: translateX(1.25rem);
  }

  .aksel-switch--small > .aksel-switch__input:checked ~ .aksel-switch__track > .aksel-switch__thumb {
    width: 1rem;
    height: 1rem;
    top: 0;
    left: 0;
    transform: translateX(1rem);
  }

  @media (hover: hover) and (pointer: fine) {
    .aksel-switch__input:hover:not(:disabled) ~ .aksel-switch__track > .aksel-switch__thumb {
      transform: translateX(.17rem);
    }

    .aksel-switch__input:checked:hover:not(:disabled) ~ .aksel-switch__track > .aksel-switch__thumb {
      transform: translateX(1.1rem);
    }

    .aksel-switch--small > .aksel-switch__input:checked:hover:not(:disabled) ~ .aksel-switch__track > .aksel-switch__thumb {
      transform: translateX(.875rem);
    }
  }

  .aksel-switch--right {
    width: auto;
  }

  .aksel-switch--right .aksel-switch__input, .aksel-switch--right .aksel-switch__track {
    left: auto;
    right: 0;
  }

  .aksel-switch__input:disabled {
    appearance: none;
  }

  .aksel-switch--disabled:not(.aksel-switch--loading) {
    opacity: var(--ax-opacity-disabled);
  }

  .aksel-switch__input:disabled, .aksel-switch__input:disabled ~ .aksel-switch__label-wrapper {
    cursor: not-allowed;
  }

  .aksel-switch--readonly > .aksel-switch__track, .aksel-switch--readonly > .aksel-switch__input:hover ~ .aksel-switch__track, .aksel-switch--readonly > .aksel-switch__input:checked ~ .aksel-switch__track, .aksel-switch--readonly > .aksel-switch__input:checked:hover ~ .aksel-switch__track {
    background-color: var(--ax-bg-neutral-moderate);
    border-color: var(--ax-border-neutral-subtleA);
  }

  .aksel-switch--readonly > .aksel-switch__label-wrapper, .aksel-switch--readonly > .aksel-switch__input {
    cursor: default;
  }

  .aksel-switch--readonly .aksel-switch__label {
    display: inline-flex;
  }

  .aksel-switch--readonly .aksel-switch__thumb {
    background-color: var(--ax-bg-neutral-strong);
  }

  .aksel-switch--readonly > .aksel-switch__input:checked ~ .aksel-switch__track > .aksel-switch__thumb {
    background-color: var(--ax-bg-neutral-strong);
    color: var(--ax-text-neutral-contrast);
  }

  @media (hover: hover) and (pointer: fine) {
    .aksel-switch--readonly > .aksel-switch__input:hover ~ .aksel-switch__track > .aksel-switch__thumb {
      transform: translateX(0);
    }

    .aksel-switch--readonly > .aksel-switch__input:checked:hover ~ .aksel-switch__track > .aksel-switch__thumb {
      transform: translateX(1.25rem);
    }

    .aksel-switch--readonly.aksel-switch--small > .aksel-switch__input:checked:hover ~ .aksel-switch__track > .aksel-switch__thumb {
      transform: translateX(1rem);
    }
  }

  @media (forced-colors: active) {
    .aksel-switch__thumb, .aksel-switch--readonly .aksel-switch__thumb {
      background-color: fieldtext !important;
    }

    .aksel-switch__input:checked ~ .aksel-switch__track > .aksel-switch__thumb, .aksel-switch--readonly .aksel-switch__input:checked ~ .aksel-switch__track > .aksel-switch__thumb {
      color: field;
    }

    .aksel-switch__input:focus ~ .aksel-switch__label-wrapper > .aksel-switch__content:after, .aksel-switch--standalone > .aksel-switch__input:focus ~ .aksel-switch__track {
      outline: 3px solid highlight;
    }

    .aksel-switch--disabled:not(.aksel-switch--loading) {
      opacity: 1;
    }

    .aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__thumb {
      background-color: graytext !important;
    }

    .aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__track {
      border-color: graytext !important;
    }

    .aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper, .aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper:hover {
      color: graytext !important;
    }
  }

  .aksel-text-field__input {
    appearance: none;
    padding: var(--ax-space-8);
    background: var(--ax-bg-input);
    border-radius: var(--ax-radius-8);
    border: 1px solid var(--ax-border-neutral);
    width: 100%;
    min-height: 3rem;
    color: var(--ax-text-neutral);
    scroll-margin-block-start: 4rem;
  }

  .aksel-text-field__input:hover {
    border-color: var(--ax-border-strong);
  }

  .aksel-text-field__input:focus-visible {
    border-color: var(--ax-border-strong);
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
  }

  .aksel-text-field__input:disabled {
    background-color: var(--ax-bg-input);
    border-color: var(--ax-border-neutral);
    cursor: not-allowed;
  }

  .aksel-text-field__input::placeholder {
    color: var(--ax-text-neutral-subtle);
  }

  .aksel-text-field__input[size] {
    width: auto;
  }

  .aksel-form-field--small .aksel-text-field__input {
    padding: 0 var(--ax-space-8);
    min-height: 2rem;
  }

  .aksel-text-field--error .aksel-text-field__input:not(:disabled) {
    border-color: var(--ax-border-danger-strong);
    box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
  }

  .aksel-text-field--readonly .aksel-text-field__input {
    background-color: var(--ax-bg-neutral-moderate);
    border-color: var(--ax-border-neutral-subtleA);
    cursor: default;
  }

  .aksel-text-field__input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  .aksel-text-field__input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }

  .aksel-text-field__input[type="search"]::-webkit-search-results-button {
    -webkit-appearance: none;
  }

  .aksel-text-field__input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
  }

  @media (forced-colors: active) {
    .aksel-text-field__input {
      color: fieldtext;
      background-color: field;
    }
  }

  .aksel-textarea__input {
    height: var(--__axc-textarea-height);
    appearance: none;
    padding: var(--ax-space-8);
    background-color: var(--ax-bg-input);
    border-radius: var(--ax-radius-8);
    border: 1px solid var(--ax-border-neutral);
    resize: none;
    width: 100%;
    color: var(--ax-text-neutral);
    white-space: break-spaces;
    scroll-margin-block-start: 4rem;
    display: block;
  }

  .aksel-textarea__input::placeholder {
    color: var(--ax-text-neutral-subtle);
  }

  .aksel-textarea__input:hover {
    border-color: var(--ax-border-strong);
  }

  .aksel-textarea__input:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
    border-color: var(--ax-border-strong);
  }

  .aksel-textarea__input:disabled {
    background-color: var(--ax-bg-input);
    border-color: var(--ax-border-neutral);
    cursor: not-allowed;
  }

  .aksel-form-field--small .aksel-textarea__input {
    padding: var(--ax-space-6);
  }

  .aksel-textarea--readonly .aksel-textarea__input {
    background-color: var(--ax-bg-neutral-moderate);
    border-color: var(--ax-border-neutral-subtleA);
    cursor: default;
  }

  .aksel-textarea__counter {
    color: var(--ax-text-neutral-subtle);
    margin-top: -.25rem;
  }

  .aksel-textarea__counter--error {
    color: var(--ax-text-danger-subtle);
  }

  .aksel-textarea__sr-counter {
    display: none;
  }

  .aksel-textarea__input:focus ~ .aksel-textarea__sr-counter {
    display: initial;
  }

  .aksel-textarea--resize-both .aksel-textarea__input {
    resize: both;
    border-end-end-radius: 0;
  }

  .aksel-textarea--resize-horizontal .aksel-textarea__input {
    resize: horizontal;
    border-end-end-radius: 0;
  }

  .aksel-textarea--resize-vertical .aksel-textarea__input {
    resize: vertical;
    border-end-end-radius: 0;
  }

  .aksel-textarea--autoscrollbar, .aksel-textarea--autoscrollbar .aksel-textarea__wrapper {
    flex-direction: column;
    margin: -3px;
    padding: 3px;
    display: flex;
    overflow: hidden;
  }

  .aksel-textarea--autoscrollbar .aksel-textarea__input {
    scrollbar-gutter: stable;
  }

  .aksel-textarea--error .aksel-textarea__input:not(:disabled) {
    box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
    border-color: var(--ax-border-danger-strong);
  }

  @media (forced-colors: active) {
    .aksel-textarea__input {
      color: fieldtext;
      background-color: field;
    }
  }

  .aksel-search {
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .aksel-search__wrapper-inner {
    width: 100%;
    position: relative;
  }

  .aksel-search--with-size .aksel-search__wrapper-inner {
    width: inherit;
  }

  .aksel-search--with-size .aksel-search__wrapper {
    width: fit-content;
  }

  .aksel-search__wrapper {
    border-radius: var(--ax-radius-8);
    align-items: center;
    display: inline-flex;
  }

  .aksel-search__wrapper:has(.aksel-search__input:focus-visible) {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
  }

  .aksel-search__input {
    padding-right: var(--ax-space-40);
  }

  .aksel-search__input:focus-visible {
    outline: none;
  }

  .aksel-search__input.aksel-search__input--primary, .aksel-search__input.aksel-search__input--secondary {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .aksel-search__input--simple {
    padding-left: var(--ax-space-40);
  }

  .aksel-form-field--small .aksel-search__input {
    padding-right: var(--ax-space-28);
  }

  .aksel-form-field--small .aksel-search__input--simple {
    padding-left: var(--ax-space-28);
  }

  .aksel-form-field--small .aksel-search__search-icon {
    left: var(--ax-space-4);
    font-size: 1.25rem;
  }

  .aksel-form-field--small .aksel-search__button-clear {
    right: var(--ax-space-4);
  }

  .aksel-search__search-icon {
    color: var(--ax-text-neutral);
    left: var(--ax-space-8);
    pointer-events: none;
    font-size: 1.5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .aksel-search--disabled .aksel-search__search-icon {
    opacity: var(--ax-opacity-disabled);
  }

  .aksel-search__button-clear {
    right: var(--ax-space-8);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .aksel-search__button-search {
    border-radius: 0;
    border-top-right-radius: var(--ax-radius-8);
    border-bottom-right-radius: var(--ax-radius-8);
    flex-shrink: 0;
  }

  .aksel-search__button-search[data-variant="secondary"] {
    --__axc-button-border-width: 1px;
    --__axc-button-border-color: var(--ax-border-neutral);
  }

  .aksel-search__button-search[data-variant="secondary"]:not(:hover, :active) {
    background-color: var(--ax-bg-input);
  }

  .aksel-search__button-search[data-variant="secondary"]:hover:not(:disabled) {
    --__axc-button-border-color: var(--ax-border-strong);
  }

  .aksel-search:not(.aksel-search--error, .aksel-search--disabled) .aksel-search__wrapper:has(.aksel-search__input:is(:hover, :focus-visible)) .aksel-search__button-search[data-variant="secondary"]:not(:hover, :active) {
    --__axc-button-border-color: var(--ax-border-strong);
  }

  .aksel-search--error .aksel-search__input:not(:disabled) {
    border-color: var(--ax-border-danger-strong);
    box-shadow: inset -2px 0 0 0 var(--ax-border-danger-strong),
    inset 0 0 0 1px var(--ax-border-danger-strong);
  }

  .aksel-search--error .aksel-search__input:not(:disabled).aksel-search__input--simple {
    box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
  }

  .aksel-search__input:focus-visible, .aksel-search__button-search:focus-visible {
    z-index: 1;
  }

  .aksel-search--disabled .aksel-search__input {
    opacity: var(--ax-opacity-disabled);
    cursor: not-allowed;
  }

  .aksel-combobox__wrapper {
    --__axc-combobox-icon-size: 1.5rem;
    --__axc-combobox-wrapper-inner-padding: var(--ax-space-8);
    --__axc-combobox-list-item-padding-block: var(--ax-space-12);
    --__axc-combobox-list-item-padding-inline: var(--ax-space-12);
    --__axc-combobox-border-width: 1px;
    --__axc-combobox-input-height: 2rem;
    border-radius: var(--ax-radius-8);
    flex-direction: column;
    width: 100%;
    display: flex;
    position: relative;
  }

  .aksel-form-field:not(:is(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
    border-color: var(--ax-border-strong);
  }

  .aksel-form-field--small .aksel-combobox__wrapper {
    --__axc-combobox-icon-size: 1.25rem;
    --__axc-combobox-wrapper-inner-padding: var(--ax-space-4);
    --__axc-combobox-list-item-padding-block: var(--ax-space-6);
    --__axc-combobox-list-item-padding-inline: var(--ax-space-8);
    --__axc-combobox-input-height: 1.5rem;
  }

  .aksel-combobox--disabled {
    opacity: var(--ax-opacity-disabled);
  }

  .aksel-combobox--disabled .aksel-combobox__wrapper:hover {
    border-color: var(--ax-border-neutral);
  }

  .aksel-combobox--disabled .aksel-combobox__wrapper :hover {
    cursor: not-allowed;
  }

  .aksel-combobox--disabled .aksel-combobox__selected-options, .aksel-combobox--disabled .aksel-combobox--readonly {
    pointer-events: none;
  }

  .aksel-combobox--readonly {
    pointer-events: none;
  }

  .aksel-combobox--readonly .aksel-combobox__selected-options .aksel-chips__chip {
    background-color: var(--ax-bg-neutral-moderateA);
  }

  .aksel-combobox--readonly .aksel-combobox__button-toggle-list {
    color: var(--ax-bg-neutral-moderate);
  }

  .aksel-combobox--readonly .aksel-combobox__wrapper {
    border-color: var(--ax-border-neutral-subtle);
    overflow: clip;
  }

  .aksel-combobox--readonly .aksel-text-field__input, .aksel-combobox--readonly .aksel-combobox__input {
    background-color: var(--ax-bg-neutral-moderate);
  }

  .aksel-combobox__button-toggle-list svg, .aksel-combobox__list svg {
    width: var(--__axc-combobox-icon-size);
    height: var(--__axc-combobox-icon-size);
  }

  .aksel-combobox__wrapper-inner {
    border: 1px solid var(--ax-border-neutral);
    border-radius: var(--ax-radius-8);
  }

  .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible) {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
    border-color: var(--ax-border-strong);
  }

  .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible).aksel-combobox__wrapper-inner--virtually-unfocused {
    border-color: var(--ax-border-neutral);
    outline: none;
  }

  .aksel-combobox__wrapper-inner.aksel-text-field__input {
    width: 100%;
    padding-block: calc(var(--__axc-combobox-wrapper-inner-padding) - var(--__axc-combobox-border-width));
    padding-inline: var(--__axc-combobox-wrapper-inner-padding);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
  }

  .aksel-combobox__wrapper-inner > :first-child {
    flex: 2;
  }

  .aksel-combobox__wrapper-inner:hover {
    cursor: text;
  }

  .aksel-combobox--disabled .aksel-combobox__wrapper-inner:hover {
    border-color: var(--ax-border-neutral);
  }

  .aksel-combobox--error .aksel-combobox__wrapper-inner {
    border-color: var(--ax-border-danger-strong);
    box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
  }

  .aksel-combobox--error .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible) {
    border-color: var(--ax-border-danger-strong);
  }

  .aksel-combobox__selected-options {
    align-items: center;
    gap: 0;
  }

  .aksel-combobox__selected-options > li {
    border-radius: var(--ax-radius-full);
    margin: auto 0;
  }

  .aksel-combobox__selected-options > li:last-of-type {
    flex: 1;
    display: flex;
  }

  .aksel-combobox__selected-options[data-type="multiple"] {
    gap: var(--__axc-combobox-wrapper-inner-padding);
  }

  .aksel-combobox__selected-options--no-bg {
    font-family: inherit;
    font-size: var(--ax-font-size-large);
    font-weight: var(--ax-font-weight-regular);
    letter-spacing: 0;
    line-height: var(--ax-font-line-height-large);
    margin: 0;
    padding-left: .25rem;
  }

  .aksel-form-field--small .aksel-combobox__selected-options--no-bg {
    font-size: var(--ax-font-size-medium);
    line-height: var(--ax-font-line-height-medium);
  }

  .aksel-combobox__input-wrapper {
    width: 100%;
  }

  .aksel-combobox__input {
    width: 100%;
    min-width: 10ch;
    height: var(--__axc-combobox-input-height);
    background: none;
    border: none;
    flex: 1;
    margin: 0;
    padding: 0;
  }

  .aksel-combobox__input:focus-visible {
    border: none;
    outline: 0;
  }

  .aksel-combobox__selected-options > li:only-child > .aksel-combobox__input {
    margin-left: var(--ax-space-4);
  }

  .aksel-combobox__selected-options[data-type="single"] .aksel-combobox__input {
    min-width: auto;
  }

  .aksel-combobox__input--hide-caret {
    caret-color: rgba(0, 0, 0, 0);
  }

  @supports not selector(:focus-visible) {
    .aksel-combobox__input:focus {
      border: none;
      outline: none;
    }

    .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus), .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
      outline: none;
    }
  }

  .aksel-combobox__input::-webkit-search-cancel-button {
    display: none;
  }

  .aksel-combobox__button-toggle-list {
    color: var(--ax-text-neutral);
    cursor: pointer;
    background: none;
    border: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 1rem;
    display: flex;
  }

  .aksel-combobox__button-toggle-list:hover {
    color: var(--ax-text-subtle);
  }

  .aksel-combobox__button-toggle-list:hover:active {
    color: var(--ax-text-default);
  }

  .aksel-combobox__list {
    width: var(--__axc-floating-anchor-width);
    border: 1px solid var(--ax-border-neutral-subtleA);
    border-radius: var(--ax-radius-8);
    background-color: var(--ax-bg-raised);
    color: var(--ax-text-neutral);
    box-shadow: var(--ax-shadow-dialog);
    flex-direction: column;
    display: flex;
    overflow: clip;
  }

  .aksel-combobox__list .aksel-combobox__list-options {
    overflow-y: auto;
  }

  .aksel-combobox__list--closed {
    display: none;
  }

  .aksel-combobox__list-item, .aksel-combobox__list-item--loading, .aksel-combobox__list-item--no-options, .aksel-combobox__list-item--new-option, .aksel-combobox__list-item--max-selected {
    padding-block: var(--__axc-combobox-list-item-padding-block);
    padding-inline: var(--__axc-combobox-list-item-padding-inline);
    border-radius: var(--ax-radius-8);
    margin-inline: var(--ax-space-8);
    margin-block: var(--ax-space-2);
    border: 0;
    justify-content: space-between;
    align-items: center;
    scroll-margin-block: 8px;
    display: flex;
  }

  .aksel-combobox__list-item--no-options {
    margin: 0;
  }

  .aksel-combobox__list-item--loading {
    justify-content: center;
    margin: 0;
  }

  .aksel-combobox__list-item--max-selected {
    background-color: var(--ax-bg-neutral-moderateA);
    border-bottom: 1px solid var(--ax-border-neutral-subtle);
    padding-block: var(--ax-space-8);
    line-height: var(--ax-font-line-height-large);
    border-radius: 0;
    margin: 0;
  }

  .aksel-combobox__list-options {
    display: inherit;
    flex-direction: inherit;
    gap: inherit;
    background-color: inherit;
    padding: 0;
    padding-block: var(--ax-space-4);
    align-items: stretch;
    margin: 0;
    list-style: none;
  }

  .aksel-combobox__list-item--focus {
    cursor: pointer;
    outline: 2px solid var(--ax-border-focus);
  }

  .aksel-combobox__list-item--focus, .aksel-combobox__list--with-hover .aksel-combobox__list-item:not([data-no-focus="true"], .aksel-combobox__list-item--new-option):hover {
    cursor: pointer;
  }

  .aksel-combobox__list-item {
    -webkit-user-select: none;
    user-select: none;
  }

  .aksel-combobox__list-item[data-no-focus="true"] {
    cursor: not-allowed;
    opacity: .4;
  }

  .aksel-combobox__list-item mark {
    font-weight: var(--ax-font-weight-bold);
    color: var(--ax-text-neutral);
    background-color: rgba(0, 0, 0, 0);
  }

  .aksel-combobox__list-item svg {
    color: var(--ax-text-neutral);
  }

  .aksel-combobox__list-item--selected {
    background-color: var(--ax-bg-moderate-pressedA);
  }

  .aksel-combobox__list-item--selected p {
    font-weight: var(--ax-font-weight-bold);
  }

  .aksel-combobox__list-item--new-option {
    border-bottom: 1px solid var(--ax-border-subtleA);
    background: var(--ax-bg-moderateA);
    cursor: pointer;
    margin: 0;
    border-radius: 0;
    justify-content: flex-start;
    gap: .25rem;
    margin-block-start: calc(var(--ax-space-4) * -1);
  }

  .aksel-combobox__list-item--new-option svg {
    color: var(--ax-text-neutral);
  }

  .aksel-combobox__list-item--new-option:only-child {
    margin-block: calc(var(--ax-space-4) * -1);
    border: none;
  }

  .aksel-combobox__list-item--new-option--focus {
    border-radius: calc(var(--ax-radius-8) - 1px) calc(var(--ax-radius-8) - 1px) 0 0;
    outline: 2px solid var(--ax-border-focus);
    outline-offset: -2px;
  }

  .aksel-combobox__list-item--new-option--focus:only-child {
    border-radius: calc(var(--ax-radius-8) - 1px);
  }

  @media (max-width: 479px) {
    .aksel-combobox__button-toggle-list {
      right: .5rem;
    }

    .aksel-combobox__input {
      min-width: min-content;
      padding: .75rem 0;
    }

    .aksel-combobox__selected-options {
      gap: var(--ax-space-4);
    }

    .aksel-combobox__list {
      overscroll-behavior: contain;
    }
  }

  @media (forced-colors: active) {
    .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible) {
      outline-color: highlight;
    }

    .aksel-combobox__list-item--focus, .aksel-combobox__list--with-hover .aksel-combobox__list-item:not([data-no-focus="true"], .aksel-combobox__list-item--new-option):hover {
      color: highlight;
      border-left-color: highlight;
    }

    .aksel-combobox__list-item[data-no-focus="true"] {
      opacity: 1;
      color: graytext;
    }

    .aksel-combobox__list-item--selected {
      color: selecteditemtext;
      background-color: highlight;
    }

    .aksel-combobox__list-item--selected * {
      color: #000;
    }

    .aksel-combobox__list-item--selected > * {
      forced-color-adjust: none;
    }

    .aksel-combobox__list-item--selected.aksel-combobox__list-item--focus, .aksel-combobox__list--with-hover .aksel-combobox__list-item--selected:hover {
      color: highlight;
      border-left-color: highlight;
    }

    .aksel-combobox__list--with-hover .aksel-combobox__list-item--new-option:hover {
      color: highlight;
    }

    .aksel-combobox__list-item--new-option--focus {
      outline-offset: 0;
      outline: 2px solid highlight;
    }

    .aksel-combobox--disabled {
      opacity: 1;
    }

    .aksel-combobox--disabled * {
      color: graytext;
      opacity: 1;
      border-color: graytext;
    }

    .aksel-combobox__list-item--new-option svg {
      color: canvastext;
    }

    .aksel-combobox__list-item--new-option:hover {
      color: highlight;
    }

    .aksel-combobox__list-item--new-option:hover svg {
      color: highlight;
    }
  }

  .aksel-form-summary {
    border: 1px solid var(--ax-border-neutral-subtleA);
    border-radius: var(--ax-radius-12);
    background: var(--ax-bg-raised);
    overflow: hidden;
  }

  .aksel-form-summary__header {
    background: var(--ax-bg-neutral-moderateA);
    padding: var(--ax-space-16) var(--ax-space-20);
    justify-content: space-between;
    gap: 0 var(--ax-space-12);
    display: flex;
  }

  @media (max-width: 479px) {
    .aksel-form-summary__header {
      padding: var(--ax-space-12) var(--ax-space-16);
      flex-direction: column;
    }
  }

  .aksel-form-summary__header .aksel-form-summary__edit {
    flex-shrink: 0;
    align-self: flex-start;
  }

  .aksel-form-summary > .aksel-form-summary__answers {
    border-top: 1px solid var(--ax-border-neutral-subtleA);
  }

  .aksel-form-summary__answers {
    padding: var(--ax-space-16) var(--ax-space-20) var(--ax-space-20) var(--ax-space-20);
    margin: 0;
  }

  @media (max-width: 479px) {
    .aksel-form-summary__answers {
      padding: var(--ax-space-12) var(--ax-space-16) var(--ax-space-16) var(--ax-space-16);
    }
  }

  .aksel-form-summary__answer:not(:last-child) {
    margin-bottom: var(--ax-space-16);
    padding-bottom: var(--ax-space-16);
    border-bottom: 1px solid var(--ax-border-neutral-subtleA);
  }

  .aksel-form-summary__answer:has(.aksel-form-summary__answer) {
    padding-bottom: var(--ax-space-24);
  }

  .aksel-form-summary__answer:has(.aksel-form-summary__answer):last-child {
    padding-bottom: 0;
  }

  @media (max-width: 479px) {
    .aksel-form-summary__answer:not(:last-child) {
      margin-bottom: var(--ax-space-12);
      padding-bottom: var(--ax-space-12);
    }

    .aksel-form-summary__answer:has(.aksel-form-summary__answer) {
      padding-bottom: var(--ax-space-20);
    }
  }

  .aksel-form-summary__value:first-of-type {
    margin-top: var(--ax-space-4);
  }

  .aksel-form-summary__value .aksel-form-summary__answers {
    margin-top: var(--ax-space-8);
    padding: var(--ax-space-16);
    background: var(--ax-bg-moderateA);
    border-radius: var(--ax-radius-8);
    border: 1px solid var(--ax-border-subtleA);
  }

  .aksel-form-summary__value .aksel-form-summary__answers .aksel-form-summary__answer {
    border-color: var(--ax-border-subtleA);
  }

  .aksel-form-summary__footer {
    padding: var(--ax-space-16) var(--ax-space-20);
    background: var(--ax-bg-raised);
    border-top: 1px solid var(--ax-border-neutral-subtleA);
    display: flex;
  }

  @media (max-width: 479px) {
    .aksel-form-summary__footer {
      padding: var(--ax-space-12) var(--ax-space-16);
    }
  }

  .aksel-form-progress__bar {
    margin-bottom: var(--ax-space-8);
  }

  .aksel-form-progress__button:focus-visible {
    z-index: 1;
  }

  .aksel-form-progress__button[data-state="open"] svg {
    transform: rotate(-180deg);
  }

  .aksel-form-progress__button[data-state="closed"] .aksel-form-progress__btn-txt-hide, .aksel-form-progress__button[data-state="open"] .aksel-form-progress__btn-txt-show {
    display: none;
  }

  .aksel-form-progress__collapsible {
    visibility: hidden;
    border: 1px solid var(--ax-border-neutral-subtleA);
    border-radius: var(--ax-radius-12);
    background: var(--ax-bg-raised);
    padding-inline: var(--ax-space-20);
    opacity: .001;
    grid-template-rows: 0fr;
    margin-top: -2px;
    padding-block: 0;
    transition-property: margin-top, opacity, visibility, padding-block-start, grid-template-rows;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.2, 0, 0, 1);
    display: grid;
    overflow: hidden;
  }

  .aksel-form-progress__collapsible[hidden] {
    display: grid;
  }

  .aksel-form-progress__collapsible[data-state="open"] {
    margin-top: var(--ax-space-4);
    visibility: visible;
    padding-block: var(--ax-space-16);
    opacity: 1;
    grid-template-rows: 1fr;
  }

  .aksel-form-progress__collapsible-content {
    min-height: 0;
  }
}

@layer aksel.components.modules {
  .aksel-accordion__header {
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--ax-space-12);
    width: 100%;
    padding: var(--ax-space-12);
    text-align: left;
    cursor: pointer;
    border-radius: var(--ax-radius-8);
    color: var(--ax-text-subtle);
    background: none;
    border: none;
    display: flex;
    position: relative;
  }

  .aksel-accordion__header > * {
    font-weight: var(--ax-font-weight-regular);
  }

  @media (forced-colors: active) {
    .aksel-accordion__header {
      color: canvastext;
      background-color: canvas;
      border: 1px solid buttonborder;
    }
  }

  .aksel-accordion__header:hover {
    background-color: var(--ax-bg-moderate-hoverA);
  }

  .aksel-accordion__header:hover:before, .aksel-accordion__header:hover:after {
    display: none;
  }

  .aksel-accordion__header:hover > .aksel-accordion__icon-wrapper {
    background-color: var(--ax-bg-strong-hover);
    color: var(--ax-text-contrast);
  }

  @media (forced-colors: active) {
    .aksel-accordion__header:hover {
      color: highlight;
      background-color: canvas;
      border: 1px solid highlight;
    }
  }

  .aksel-accordion__header:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
    z-index: 1;
  }

  .aksel-accordion__header:focus-visible:before, .aksel-accordion__header:focus-visible:after {
    display: none;
  }

  .aksel-accordion--small .aksel-accordion__header {
    padding-block: var(--ax-space-8);
  }

  .aksel-accordion__header:before, .aksel-accordion__header:after {
    content: "";
    background-color: var(--ax-border-neutral-subtleA);
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .aksel-accordion__header:after {
    top: initial;
    bottom: 0;
  }

  .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__header:after, .aksel-accordion__item:not(:last-child) > .aksel-accordion__header:after, .aksel-accordion__item[data-expanded="false"]:has(.aksel-accordion__header:where(:hover, :focus-visible)) + .aksel-accordion__item > .aksel-accordion__header:before {
    display: none;
  }

  .aksel-accordion__icon-wrapper {
    border-radius: var(--ax-radius-8);
    background-color: var(--ax-bg-moderateA);
    width: 22px;
    height: 22px;
    color: var(--ax-text-subtle);
    align-self: center;
  }

  .aksel-accordion__header-chevron {
    height: inherit;
    width: inherit;
    flex-shrink: 0;
    transition: transform .25s cubic-bezier(.2, 0, 0, 1);
  }

  .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__header .aksel-accordion__header-chevron {
    transform: rotateX(-180deg);
  }

  .aksel-accordion--indent > .aksel-accordion__item .aksel-accordion__content-inner {
    padding-block: var(--ax-space-8);
    padding-inline: calc(var(--ax-space-20) + 2px) var(--ax-space-20);
  }

  @media (forced-colors: active) {
    .aksel-accordion--indent > .aksel-accordion__item .aksel-accordion__content-inner {
      border-left: 1px solid canvastext;
    }
  }

  .aksel-accordion--indent > .aksel-accordion__item > .aksel-accordion__content {
    box-shadow: -2px 0 0 0 var(--ax-border-neutral-subtleA);
  }

  .aksel-accordion__item > .aksel-accordion__content {
    visibility: hidden;
    margin-inline: var(--ax-space-24) var(--ax-space-12);
    opacity: 0;
    border-color: rgba(0, 0, 0, 0);
    grid-template-rows: 0fr;
    margin-block: 0;
    transition-property: visibility, opacity, grid-template-rows, margin, min-height;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(.2, 0, 0, 1);
    display: grid;
    overflow: hidden;
  }

  .aksel-accordion__item > .aksel-accordion__content .aksel-accordion__content-inner {
    min-height: 0;
    padding-block: 0;
  }

  .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content {
    visibility: visible;
    margin-block: var(--ax-space-8);
    border-color: var(--ax-border-neutral-subtleA);
    opacity: 1;
    grid-template-rows: 1fr;
    margin-block-end: var(--ax-space-24);
  }

  .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content .aksel-accordion__content-inner {
    min-height: fit-content;
  }

  .aksel-accordion__item[data-expanded="true"]:last-child {
    border-bottom: 1px solid var(--ax-border-neutral-subtleA);
  }

  .aksel-alert {
    border-radius: var(--ax-radius-12);
    padding: var(--ax-space-16) var(--ax-space-20);
    gap: var(--ax-space-12);
    border: 1px solid;
    border-color: var(--ax-border-default);
    background-color: var(--ax-bg-moderate);
    align-items: center;
    display: flex;
  }

  .aksel-alert > .aksel-alert__icon {
    color: var(--ax-text-decoration);
  }

  @media (forced-colors: active) {
    .aksel-alert {
      color: canvastext;
      background-color: canvas;
      border: 1px solid canvastext;
    }
  }

  .aksel-alert__wrapper--maxwidth {
    max-width: 43.5rem;
  }

  .aksel-alert__icon {
    height: var(--ax-font-line-height-xlarge);
    flex-shrink: 0;
    align-self: flex-start;
    font-size: 1.5rem;
  }

  .aksel-alert--small {
    padding: var(--ax-space-12) var(--ax-space-16);
    gap: var(--ax-space-8);
  }

  .aksel-alert--small > .aksel-alert__icon {
    height: var(--ax-font-line-height-large);
    margin-block-start: 0;
  }

  .aksel-alert--full-width {
    border-radius: 0;
  }

  .aksel-alert--inline {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 0;
  }

  .aksel-alert__button-wrapper {
    flex-flow: row;
    flex: 1;
    justify-content: flex-end;
    align-self: flex-start;
    display: flex;
  }

  .aksel-alert--close-button > .aksel-alert__wrapper, .aksel-alert--close-button > .aksel-alert__icon {
    margin-block-start: var(--ax-space-2);
  }

  .aksel-alert--close-button.aksel-alert--small {
    align-items: flex-start;
  }

  .aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper, .aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
    margin-block-start: var(--ax-space-4);
  }

  .aksel-base-alert {
    border-radius: var(--ax-radius-12);
    --__axc-base-alert-pi: var(--ax-space-20);
    --__axc-base-alert-content-p: var(--ax-space-12) var(--__axc-base-alert-pi) var(--ax-space-16) var(--__axc-base-alert-pi);
    --__axc-base-alert-header-max-width: 37.5rem;
    --__axc-base-alert-header-icon-margin-block-start: var(--ax-space-8);
    --__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-4);
    --__axc-global-alert-alignment: max(var(--__axc-base-alert-pi), calc((100% - var(--__axc-base-alert-header-max-width)) / 2));
    height: fit-content;
    display: grid;
    overflow: clip;
  }

  .aksel-base-alert[data-centered="false"] {
    --__axc-global-alert-alignment: var(--ax-space-20);
  }

  .aksel-base-alert[data-size="small"] {
    --__axc-base-alert-content-p: var(--ax-space-8) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);
    --__axc-base-alert-header-icon-margin-block-start: var(--ax-space-6);
    --__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-2);
  }

  .aksel-base-alert[data-size="small"][data-centered="false"] {
    --__axc-global-alert-alignment: var(--ax-space-16);
  }

  .aksel-base-alert[data-variant="moderate"] {
    outline: 1px solid var(--ax-border-default);
    outline-offset: -1px;
  }

  .aksel-base-alert[data-variant="moderate"][data-size="small"] {
    --__axc-base-alert-pi: var(--ax-space-16);
  }

  .aksel-base-alert[data-variant="strong"] {
    outline: 2px solid var(--ax-border-default);
    outline-offset: -2px;
  }

  .aksel-base-alert[data-variant="strong"][data-color="neutral"] {
    outline-color: var(--ax-border-strong);
  }

  .aksel-base-alert[data-global="true"] {
    border-radius: 0;
  }

  .aksel-base-alert__header {
    align-items: flex-start;
    gap: var(--ax-space-8);
    padding: 0 var(--__axc-base-alert-pi);
    border-bottom: 1px solid;
    display: flex;
  }

  .aksel-base-alert[data-global="true"] .aksel-base-alert__header {
    padding-inline: var(--__axc-global-alert-alignment);
  }

  .aksel-base-alert[data-variant="moderate"] .aksel-base-alert__header {
    background: var(--ax-bg-moderate);
    color: var(--ax-text-default);
    border-color: var(--ax-border-subtleA);
    padding-top: var(--ax-space-1);
  }

  .aksel-base-alert[data-variant="strong"] .aksel-base-alert__header {
    background: var(--ax-bg-strong);
    color: var(--ax-text-contrast);
    border-bottom: none;
  }

  .aksel-base-alert__header:only-child {
    border-bottom: none;
  }

  .aksel-base-alert__icon {
    margin-top: var(--__axc-base-alert-header-icon-margin-block-start);
    font-size: 1.5rem;
    display: grid;
  }

  .aksel-base-alert__title {
    padding-block: var(--ax-space-6);
  }

  .aksel-base-alert__content {
    padding: var(--__axc-base-alert-content-p);
    background-color: var(--ax-bg-default);
  }

  .aksel-base-alert__content[data-color] {
    color: var(--ax-text-neutral);
  }

  .aksel-base-alert[data-global="true"] .aksel-base-alert__content {
    padding-inline: var(--__axc-global-alert-alignment);
  }

  .aksel-base-alert__close-button {
    margin-left: auto;
    z-index: 1;
    margin-block-start: var(--__axc-base-alert-header-close-button-margin-block-start);
  }

  .aksel-base-alert__close-button:focus-visible {
    outline-color: var(--ax-bg-default);
  }

  .aksel-base-alert__close-button.aksel-base-alert__close-button.aksel-base-alert__close-button {
    color: var(--ax-text-neutral-contrast);
  }

  .aksel-base-alert__message {
    border-radius: var(--ax-radius-12);
    outline: 1px solid var(--ax-border-default);
    outline-offset: -1px;
    background: var(--ax-bg-moderate);
    height: fit-content;
    color: var(--ax-text-default);
    align-items: flex-start;
    gap: var(--ax-space-8);
    padding: var(--ax-space-16) var(--ax-space-20);
    display: flex;
  }

  .aksel-base-alert__message > .aksel-base-alert__icon {
    margin-top: var(--ax-space-2);
  }

  .aksel-base-alert[data-size="small"] .aksel-base-alert__message {
    padding: var(--ax-space-12) var(--ax-space-16);
  }

  .aksel-base-alert[data-size="small"] .aksel-base-alert__message > .aksel-base-alert__icon {
    margin-top: 0;
  }

  .aksel-chat {
    align-items: flex-end;
    gap: var(--ax-space-12);
    max-width: 40.75rem;
    display: flex;
  }

  .aksel-chat .aksel-chat__bubble, .aksel-chat .aksel-chat__avatar {
    background-color: var(--ax-bg-moderateA);
    border: 1px solid var(--ax-border-subtleA);
  }

  .aksel-chat[data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-variant="subtle"] .aksel-chat__avatar {
    background-color: var(--ax-bg-softA);
    border: 1px solid var(--ax-border-subtleA);
  }

  .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
    background-color: var(--ax-bg-raised);
    border: 1px solid var(--ax-border-neutral-subtleA);
  }

  .aksel-chat--right {
    flex-direction: row-reverse;
  }

  .aksel-chat--right .aksel-chat__bubble-wrapper {
    align-items: flex-end;
  }

  .aksel-chat--right .aksel-chat__bubble {
    border-radius: var(--ax-radius-12);
    border-bottom-right-radius: var(--ax-radius-2);
  }

  .aksel-chat__avatar {
    border-radius: var(--ax-radius-full);
    color: var(--ax-text-neutral);
    letter-spacing: .024rem;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.06rem;
    line-height: 2.5rem;
    display: flex;
    overflow: hidden;
  }

  .aksel-chat__avatar svg {
    align-self: center;
    width: 100%;
    max-width: 1.5rem;
    max-height: 1.5rem;
    font-size: 1.5rem;
  }

  .aksel-chat__bubble-wrapper {
    gap: var(--ax-space-12);
    flex-direction: column;
    display: flex;
  }

  .aksel-chat__bubble {
    padding: var(--ax-space-16) var(--ax-space-20);
    gap: var(--ax-space-8);
    border-radius: var(--ax-radius-12);
    border-bottom-left-radius: var(--ax-radius-2);
    flex-direction: column;
    width: fit-content;
    display: flex;
  }

  .aksel-chat--small .aksel-chat__bubble {
    padding: var(--ax-space-12) var(--ax-space-16);
  }

  .aksel-chat__top-text {
    color: var(--ax-text-neutral);
    gap: var(--ax-space-8);
    align-items: baseline;
    margin: 0;
    font-weight: normal;
    display: flex;
  }

  .aksel-chat--right .aksel-chat__top-text {
    align-self: flex-end;
  }

  .aksel-chat--top-text-left .aksel-chat__top-text {
    align-self: flex-start;
  }

  .aksel-chat--top-text-right .aksel-chat__top-text, .aksel-chat--left .aksel-chat__top-text--right {
    align-self: flex-end;
  }

  .aksel-chat--right .aksel-chat__top-text--left {
    align-self: flex-start;
  }

  .aksel-copybutton[data-active="true"] .aksel-copybutton__icon {
    animation: 2s cubic-bezier(.05, .7, .1, 1) akselCopyButtonIconAnimation;
  }

  @keyframes akselCopyButtonIconAnimation {
    8% {
      transform: translateY(0);
    }

    17% {
      transform: translateY(-10%);
    }

    25% {
      transform: translateY(2%);
    }

    30% {
      transform: translateY(0);
    }
  }

  .aksel-date {
    --__axc-date-button-size: 2.5rem;
    padding: var(--ax-space-16);
  }

  .aksel-date .rdp-table {
    border-collapse: collapse;
  }

  .aksel-date .rdp-cell {
    padding: 0;
  }

  .aksel-date .rdp-cell[data-outside="true"] {
    width: var(--__axc-date-button-size);
    height: var(--__axc-date-button-size);
  }

  .aksel-date .rdp-cell[data-outside="true"]:empty {
    width: calc(var(--__axc-date-button-size) + 2px);
    height: calc(var(--__axc-date-button-size) + 2px);
  }

  .aksel-date .rdp-day_range_middle.rdp-day_disabled .rdp-day__inner {
    color: var(--ax-text-neutral);
    background: var(--ax-bg-neutral-moderateA);
  }

  .aksel-date .rdp-day_range_middle.rdp-day_selected .rdp-day__inner {
    background-color: var(--ax-bg-moderate-pressedA);
    box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
    color: var(--ax-text-neutral);
  }

  .aksel-date .rdp-button.rdp-day__range-hover-middle .rdp-day__inner {
    background-color: var(--ax-bg-moderate-hoverA);
  }

  .aksel-date .rdp-month, .aksel-date.rdp-month {
    gap: var(--ax-space-20);
    display: grid;
  }

  .aksel-date .aksel-date__caption-label {
    text-transform: capitalize;
  }

  .aksel-date .rdp-head_cell {
    text-transform: capitalize;
    font-size: var(--ax-font-size-small);
  }

  .aksel-date .rdp-button {
    all: unset;
    padding: var(--ax-space-2);
    cursor: pointer;
  }

  .aksel-date .rdp-button .rdp-day__inner {
    width: var(--__axc-date-button-size);
    height: var(--__axc-date-button-size);
  }

  .aksel-date .rdp-day__inner {
    border-radius: var(--ax-radius-8);
    place-items: center;
    display: grid;
  }

  .aksel-date .rdp-day_range_start .rdp-day__inner {
    border-radius: 100% var(--ax-radius-12) var(--ax-radius-12) 100%;
  }

  .aksel-date .rdp-day_range_end:not(.rdp-day_range_start) .rdp-day__inner {
    border-radius: var(--ax-radius-8) 100% 100% var(--ax-radius-8);
  }

  .aksel-date .rdp-day_range_start.rdp-day_range_end .rdp-day__inner {
    border-radius: var(--ax-radius-8);
  }

  .aksel-date .aksel-date__field {
    flex-direction: column;
    width: 100%;
    display: flex;
    position: relative;
  }

  .aksel-date .rdp-day_selected .rdp-day__inner {
    color: var(--ax-text-contrast);
    background: var(--ax-bg-strong-pressed);
  }

  .aksel-date .rdp-day_disabled .rdp-day__inner {
    cursor: not-allowed;
    background-color: var(--ax-bg-neutral-moderateA);
    color: var(--ax-text-neutral-subtle);
    opacity: var(--ax-opacity-disabled);
  }

  :is(.aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover, .aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover) .rdp-day__inner {
    background: var(--ax-bg-moderate-hoverA);
  }

  .aksel-date .rdp-day_today {
    position: relative;
  }

  .aksel-date .rdp-day_today:before {
    background-color: var(--ax-text-subtle);
    border-radius: var(--ax-radius-full);
    content: "";
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
  }

  :is(.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle), .aksel-date .rdp-day_today:active):before {
    background-color: var(--ax-text-contrast);
  }

  .aksel-date .rdp-day_outside {
    visibility: hidden;
    pointer-events: none;
  }

  .aksel-date__modal .aksel-date, .aksel-date__modal-body > .aksel-date {
    padding: 0;
  }

  @media (max-width: 360px) {
    .aksel-date__modal-body > .aksel-date {
      margin-inline: -12px;
    }
  }

  .aksel-date__popover:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
  }

  .aksel-date__caption {
    justify-content: space-between;
    align-items: center;
    gap: var(--ax-space-4);
    padding-inline: var(--ax-space-2);
    display: flex;
  }

  .aksel-date__caption-button {
    width: 2rem;
    height: 2rem;
    color: var(--ax-text-neutral);
  }

  .aksel-date__caption__month .aksel-select__container select {
    text-transform: capitalize;
  }

  .aksel-date__month-button {
    all: unset;
    padding: var(--ax-space-2);
    cursor: pointer;
  }

  .aksel-date__month-button .rdp-day__inner {
    text-transform: capitalize;
    width: 3rem;
    height: 3rem;
  }

  .aksel-date__year-label {
    align-items: center;
    display: flex;
  }

  .aksel-date__wrapper, .aksel-date__standalone-wrapper {
    width: fit-content;
    height: fit-content;
  }

  :is(:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button):focus-visible .rdp-day__inner {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
  }

  :is(:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button):active:not(:disabled) .rdp-day__inner {
    color: var(--ax-text-contrast);
    background-color: var(--ax-bg-strong-pressed);
  }

  .aksel-date__field-input {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .aksel-date__field-input:focus-visible {
    outline: none;
  }

  .aksel-date__field--error .aksel-date__field-input:not(:disabled) {
    box-shadow: inset -2px 0 0 0 var(--ax-border-danger-strong),
      inset 0 0 0 1px var(--ax-border-danger-strong);
  }

  .aksel-date__field-button {
    --__axc-button-border-width: 1px;
    --__axc-button-border-color: var(--ax-border-neutral);
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    position: relative;
  }

  .aksel-date__field-button:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
  }

  .aksel-date__field:not(.aksel-date__field--readonly):has(.aksel-date__field-input:not(:disabled)) .aksel-date__field-button:hover, .aksel-date__field:not(.aksel-date__field--readonly, .aksel-date__field--error):has(.aksel-date__field-input:is(:focus-visible, :hover):not(:disabled)) .aksel-date__field-button {
    --__axc-button-border-color: var(--ax-border-strong);
  }

  .aksel-form-field--small .aksel-date__field-button {
    padding: var(--ax-space-4);
  }

  .aksel-form-field--disabled .aksel-date__field-button {
    opacity: 1;
    cursor: not-allowed;
  }

  .aksel-date__field--readonly .aksel-date__field-button {
    --__axc-button-border-color: var(--ax-border-neutral-subtleA);
    cursor: default;
    opacity: 1;
    background-color: var(--ax-bg-neutral-moderate);
    color: var(--ax-text-neutral-subtle);
  }

  .aksel-date__field-button:before {
    content: "";
    border-radius: inherit;
    background-color: var(--ax-bg-input);
    z-index: -1;
    position: absolute;
    inset: 0;
  }

  .aksel-date__field-wrapper {
    border-radius: var(--ax-radius-8);
    z-index: 0;
    width: fit-content;
    display: inline-flex;
  }

  .aksel-date__field-wrapper:has(.aksel-date__field-input:focus-visible) {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
  }

  .aksel-date__week-row {
    align-items: center;
    gap: var(--ax-space-2);
    display: flex;
  }

  .aksel-date__weeknumber {
    --__axc-button-border-width: 1px;
  }

  .aksel-date__weeknumber-number {
    color: var(--ax-text-neutral-subtle);
    font-size: .875rem;
  }

  .aksel-date__week-wrapper {
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    margin: 0;
    display: flex;
  }

  .aksel-date__modal-body {
    padding: var(--ax-space-16);
    align-items: flex-end;
    gap: var(--ax-space-8);
    flex-direction: column;
    display: flex;
  }

  @media (min-width: 480px) {
    .aksel-date {
      --__axc-date-button-size: 3rem;
      padding: var(--ax-space-20);
    }

    .aksel-date__modal-body {
      padding: var(--ax-space-20);
    }

    .aksel-date__caption {
      gap: var(--ax-space-8);
    }

    .aksel-date__caption-button {
      width: 3rem;
      height: 3rem;
    }
  }

  .aksel-data-grid {
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    display: flex;
    overflow: hidden;
  }

  .aksel-data-table__border-wrapper {
    max-height: 100%;
    display: flex;
  }

  .aksel-data-table__scroll-wrapper {
    scroll-timeline: --horizontal-table-scroll inline;
    width: 100%;
    position: relative;
    overflow: auto;
  }

  .aksel-data-table[data-layout="fixed"] {
    table-layout: fixed;
    width: 1px;
    min-width: 100%;
  }

  .aksel-data-table[data-layout="auto"] {
    min-width: 100%;
  }

  .aksel-data-table {
    --__axc-data-table-text-size: var(--ax-font-size-large);
    --__axc-data-table-density: var(--ax-space-12);
  }

  .aksel-data-table[data-text-size="small"] {
    --__axc-data-table-text-size: var(--ax-font-size-medium);
  }

  .aksel-data-table[data-density="tight"] {
    --__axc-data-table-density: var(--ax-space-6);
  }

  .aksel-data-table[data-density="loose"] {
    --__axc-data-table-density: var(--ax-space-20);
  }

  .aksel-data-table[data-zebra-stripes="true"] .aksel-data-table__tbody :where(.aksel-data-table__tr:nth-child(2n)) {
    --__axc-data-table-zebra-color: var(--ax-bg-neutral-soft);
    background-color: var(--__axc-data-table-zebra-color);
  }

  .aksel-data-table[data-zebra-stripes="true"] .aksel-data-table__tbody :where(.aksel-data-table__tr:nth-child(2n))[data-selected="true"] {
    --__axc-data-table-zebra-color: var(--ax-bg-soft);
    background-color: var(--__axc-data-table-zebra-color);
  }

  .aksel-data-table__thead {
    background-color: var(--ax-bg-raised);
    box-shadow: 0 1px 0 0 var(--ax-border-neutral-subtle);
    position: relative;
  }

  .aksel-data-table[data-loading="true"] .aksel-data-table__thead:after {
    content: "";
    background-color: var(--ax-bg-strong);
    z-index: 11;
    block-size: 2px;
    animation: 1s linear infinite animateDataTableLoading;
    position: absolute;
  }

  .aksel-data-table__thead[data-sticky="true"] {
    z-index: 3;
    position: sticky;
    top: 0;
  }

  .aksel-data-table__tbody {
    background-color: var(--ax-bg-raised);
    position: relative;
  }

  .aksel-data-table__tbody[inert] {
    opacity: var(--ax-opacity-disabled);
  }

  .aksel-data-table__tbody[inert]:after {
    content: "";
    background-color: var(--ax-bg-overlay);
    z-index: 2;
    opacity: .2;
    position: absolute;
    inset: 0;
  }

  .aksel-data-table__tr[data-selected="true"] {
    --__axc-data-table-zebra-color: var(--ax-bg-soft);
    background-color: var(--__axc-data-table-zebra-color);
  }

  .aksel-data-table__border-wrapper {
    border-radius: var(--ax-radius-12);
    position: relative;
    overflow: hidden;
  }

  .aksel-data-table__border-wrapper:after {
    content: "";
    pointer-events: none;
    border: 1px solid var(--ax-border-neutral-subtle);
    border-radius: var(--ax-radius-12);
    z-index: 3;
    position: absolute;
    inset: 0;
  }

  .aksel-data-table {
    border-collapse: collapse;
    border-spacing: 0;
    border-right: 1px solid var(--ax-border-neutral-subtle);
    border-bottom: 1px solid var(--ax-border-neutral-subtle);
  }

  @keyframes scroll-shadow-fade-start {
    0% {
      opacity: 0;
    }

    10%, 100% {
      opacity: 1;
    }
  }

  @keyframes scroll-shadow-fade-end {
    90% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  .aksel-data-table__cell {
    box-shadow: inset 0 1px 0 0 var(--ax-border-neutral-subtle);
    text-align: start;
    vertical-align: middle;
    scroll-margin: var(--ax-space-0);
    font-size: var(--__axc-data-table-text-size);
    padding: 0;
  }

  .aksel-data-table__thead .aksel-data-table__cell, .aksel-data-table[data-column-dividers="true"] .aksel-data-table__cell {
    box-shadow: inset 1px 1px 0 0 var(--ax-border-neutral-subtle);
  }

  .aksel-data-table__cell:not(.aksel-data-table__column-header, [data-sticky]) {
    overflow: hidden;
  }

  .aksel-data-table__cell[data-nested="true"] {
    position: relative;
  }

  .aksel-data-table__cell[data-nested="true"] > .aksel-data-table__cell-content {
    margin-inline-start: calc(32px + 8px + calc(var(--__axc-data-table-nested-depth) * var(--ax-space-16)));
  }

  .aksel-data-table__thead .aksel-data-table__cell {
    background-color: var(--ax-bg-neutral-soft);
  }

  .aksel-data-table__cell[data-align="left"] {
    text-align: start;
  }

  .aksel-data-table__cell[data-align="center"] {
    text-align: center;
  }

  .aksel-data-table__cell[data-align="right"] {
    text-align: end;
  }

  .aksel-data-table__cell[data-sticky] {
    z-index: 1;
    --__axc-data-table-shadow-color: var(--ax-border-neutral-subtleA);
    position: sticky;
  }

  .dark .aksel-data-table__cell[data-sticky] {
    --__axc-data-table-shadow-color: #0f141b;
  }

  .aksel-data-table__cell[data-sticky]:after {
    content: "";
    pointer-events: none;
    border-color: var(--ax-border-neutral-subtle);
    border-style: solid;
    border-width: 0;
    position: absolute;
    inset-block: 0;
  }

  .aksel-data-table__cell[data-sticky][data-sticky="start"] {
    left: 0;
  }

  .aksel-data-table__cell[data-sticky][data-sticky="start"][data-sticky-last]:before {
    content: "";
    pointer-events: none;
    width: 100%;
    height: 100%;
    box-shadow: 4px 0 8px 1px var(--__axc-data-table-shadow-color);
    clip-path: inset(0 -24px 0 0);
    opacity: 0;
    position: absolute;
    inset: 0;
  }

  .aksel-data-table[data-scroll] .aksel-data-table__cell[data-sticky][data-sticky="start"][data-sticky-last]:before {
    opacity: 1;
    animation: 1s linear scroll-shadow-fade-start;
    animation-timeline: --horizontal-table-scroll;
  }

  .aksel-data-table__cell[data-sticky][data-sticky="end"] {
    right: 0;
  }

  .aksel-data-table__cell[data-sticky][data-sticky="end"]:before {
    content: "";
    pointer-events: none;
    width: 100%;
    height: 100%;
    box-shadow: -4px 0 8px 1px var(--__axc-data-table-shadow-color);
    clip-path: inset(0 0 0 -24px);
    opacity: 0;
    position: absolute;
    inset: 0;
  }

  .aksel-data-table[data-scroll] .aksel-data-table__cell[data-sticky][data-sticky="end"]:before {
    opacity: 1;
    animation: 1s linear scroll-shadow-fade-end;
    animation-timeline: --horizontal-table-scroll;
  }

  .aksel-data-table__cell[data-sticky] {
    background-color: var(--__axc-data-table-zebra-color, var(--ax-bg-raised));
  }

  .aksel-data-table__tr[data-selected="true"] .aksel-data-table__cell[data-sticky] {
    background-color: var(--ax-bg-soft);
  }

  .aksel-data-table__thead .aksel-data-table__cell[data-sticky] {
    background-color: var(--ax-bg-neutral-soft);
  }

  .aksel-data-table__cell:focus-visible, .aksel-data-table__cell:has(.aksel-data-table__th-sort-button:focus) {
    outline: 2px solid var(--ax-border-focus);
    outline-offset: -4px;
  }

  .aksel-data-table__cell[data-cell-type="action"] {
    padding: 0;
  }

  .aksel-data-table__cell[data-cell-type="action"] > .aksel-data-table__cell-content {
    place-content: center;
    display: grid;
  }

  .aksel-data-table__cell {
    --__axc-data-table-pi-cell: var(--ax-space-16);
  }

  .aksel-data-table__cell:not([data-cell-type="action"]) > .aksel-data-table__cell-content {
    padding-block: var(--__axc-data-table-density);
    padding-inline: var(--__axc-data-table-pi-cell);
    overflow: hidden;
  }

  .aksel-data-table[data-truncate-content="true"] :is(.aksel-data-table__cell:not([data-cell-type="action"]) > .aksel-data-table__cell-content) {
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .aksel-data-table__column-header {
    --__axc-data-table-density: var(--ax-space-8);
    font-weight: var(--ax-font-weight-bold);
    position: relative;
  }

  .aksel-data-table__column-header:has(.aksel-data-table__th-sort-button:hover:not(:disabled)) {
    background-color: var(--ax-bg-neutral-moderate-hover);
  }

  .aksel-data-table__column-header:has(.aksel-data-table__th-sort-button:active:not(:disabled)) {
    background-color: var(--ax-bg-neutral-moderate-pressed);
  }

  .aksel-data-table__column-header[data-sortable="true"] {
    block-size: calc(var(--__axc-data-table-density) + 1.5rem);
    padding: 0;
  }

  .aksel-data-table__th-sort-button {
    align-items: center;
    gap: var(--ax-space-2);
    block-size: calc(var(--__axc-data-table-density) + 1.5rem);
    cursor: pointer;
    text-align: start;
    width: 100%;
    font-weight: inherit;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 0;
    display: flex;
  }

  .aksel-data-table__th-sort-button:focus-visible {
    outline: none;
  }

  .aksel-data-table__th-sort-button:disabled {
    color: inherit;
    cursor: default;
  }

  .aksel-data-table__th-sort-icon {
    flex-shrink: 0;
    margin-left: auto;
  }

  .aksel-data-table__th-sort-icon[data-sort-direction="none"] {
    visibility: hidden;
  }

  .aksel-data-table__th-sort-button:is(:hover, :focus-visible, :focus-within):not(:disabled) .aksel-data-table__th-sort-icon {
    visibility: visible;
  }

  .aksel-data-table[data-layout="fixed"] .aksel-data-table__th-sort-icon[data-sort-direction="none"] {
    display: none;
  }

  .aksel-data-table[data-layout="fixed"] .aksel-data-table__th-sort-button:is(:hover, :focus-visible, :focus-within) .aksel-data-table__th-sort-icon {
    display: block;
  }

  .aksel-data-table__th-content {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .aksel-data-table__th-resize-handle {
    z-index: 1;
    cursor: col-resize;
    background: none;
    border: none;
    justify-content: center;
    width: 19px;
    margin: 0;
    padding: 0;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-end: -10px;
  }

  .aksel-data-table__th-resize-handle:focus-visible {
    outline: 2px solid var(--ax-border-focus);
    outline-offset: -4px;
    border-radius: var(--ax-radius-8);
  }

  .aksel-data-table__th-resize-handle:after {
    content: "";
    inset-block: 0;
    border-radius: var(--ax-radius-full);
    width: 3px;
    height: 75%;
    transition: background 50ms linear;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .aksel-data-table__th-resize-handle:hover, .aksel-data-table__th-resize-handle:focus-visible, .aksel-data-table__th-resize-handle:active {
    z-index: 3;
  }

  .aksel-data-table__th-resize-handle:hover:after {
    background: var(--ax-bg-strong);
  }

  .aksel-data-table__th-resize-handle:active:after, .aksel-data-table__th-resize-handle:focus-visible:after {
    background: var(--ax-bg-strong-pressed);
  }

  .aksel-data-table__column-header:last-of-type .aksel-data-table__th-resize-handle {
    width: 15px;
    inset-inline-end: 0;
  }

  .aksel-data-table__column-header:last-of-type .aksel-data-table__th-resize-handle:after {
    inset-inline-end: 0;
  }

  .aksel-data-table__th-resize-handle[data-active="true"] .aksel-data-table__th-resize-handle-indicator {
    color: var(--ax-bg-strong);
    height: 1.5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .aksel-data-table__th-resize-handle[data-active="true"] .aksel-data-table__th-resize-handle-indicator:first-child {
    right: 12px;
  }

  .aksel-data-table__th-resize-handle[data-active="true"] .aksel-data-table__th-resize-handle-indicator:last-child {
    left: 12px;
  }

  .aksel-data-table__th-resize-handle[data-active="true"]:after {
    background: var(--ax-bg-strong);
  }

  .aksel-data-table__th-resize-handle[data-active="true"]:focus-visible, .aksel-data-table__th-resize-handle[data-active="true"]:focus, .aksel-data-table__th-resize-handle[data-active="true"]:active {
    outline: none;
  }

  .aksel-data-table__th-action-button {
    transition: opacity .1s ease-in-out, width .1s ease-in-out, min-width .1s ease-in-out, max-width .1s ease-in-out, padding .1s ease-in-out;
  }

  .aksel-data-table__th-action-button:focus-visible {
    transition: none;
  }

  .aksel-data-table__th-action-button:not(.aksel-data-table__th:is(:hover, :focus-within) .aksel-data-table__th-action-button, .aksel-data-table__th-action-button:focus-visible, .aksel-data-table__th-action-button[data-expanded="true"]), .aksel-data-table__th:has(.aksel-data-table__th-resize-handle:hover:not(:focus)) .aksel-data-table__th-action-button {
    opacity: 0;
    min-width: 0;
    max-width: 0;
    padding: 0;
    overflow: hidden;
  }

  .aksel-data-table__th {
    scroll-margin-block: var(--ax-space-0);
    scroll-margin-inline: var(--ax-space-0);
  }

  .aksel-data-table__th:focus-visible, .aksel-data-table__th:has(.aksel-data-table__th-sort-button:focus) {
    outline: 2px solid var(--ax-border-focus);
    outline-offset: -4px;
  }

  .aksel-data-table__th[data-cell-type="action"] {
    padding: 0;
  }

  .aksel-data-table__th[data-cell-type="action"] > .aksel-data-table__cell-content {
    place-content: center;
    display: grid;
  }

  .aksel-data-table__tfoot {
    background-color: var(--ax-bg-raised);
  }

  .aksel-data-table__filler-cell {
    width: auto;
    padding: 0;
    display: table-cell;
  }

  .aksel-data-table__drag-and-drop-root {
    margin: 0;
    padding: 0;
  }

  .aksel-data-drag-and-drop__drag-handler__button {
    background: none;
    border: none;
    height: 1.5rem;
    padding: 0;
    position: relative;
  }

  .aksel-data-drag-and-drop__drag-handler__button:hover {
    cursor: grab;
  }

  .aksel-data-drag-and-drop__drag-handler__button:focus-visible, .aksel-data-drag-and-drop__drag-handler__button[data-drag-handler-active="true"] {
    outline: 2px solid var(--ax-border-focus);
    outline-offset: -1px;
    border-radius: var(--ax-radius-8);
  }

  .aksel-data-table__drag-and-drop-item {
    align-items: center;
    gap: var(--ax-space-8);
    padding-block: var(--ax-space-4);
    flex-wrap: nowrap;
    margin-inline-start: calc(-1 * var(--ax-space-2));
    display: flex;
  }

  .aksel-data-table__drag-and-drop-item[data-overlay="true"] {
    opacity: .8;
    width: 100%;
    box-shadow: var(--ax-shadow-dialog);
    background-color: var(--ax-bg-default);
    border-radius: var(--ax-radius-12);
  }

  .aksel-data-table__drag-and-drop-item[data-drop-target="true"]:not([data-overlay="true"]) {
    background: var(--ax-bg-neutral-moderate);
    box-shadow: 0 -1px 0 0 var(--ax-border-neutral-strong);
  }

  .aksel-data-drag-and-drop__drag-handler {
    height: 1.5rem;
    position: relative;
  }

  .aksel-data-drag-and-drop__drag-handler .aksel-data-drag-and-drop__drag-handler__arrow {
    background: var(--ax-bg-default);
    cursor: pointer;
    z-index: 1;
    height: 1.8rem;
    color: var(--ax-text-neutral);
    border: none;
    border-radius: 50%;
    padding: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .aksel-data-drag-and-drop__drag-handler .aksel-data-drag-and-drop__drag-handler__arrow[data-direction="up"] {
    top: -18px;
  }

  .aksel-data-drag-and-drop__drag-handler .aksel-data-drag-and-drop__drag-handler__arrow[data-direction="down"] {
    bottom: calc(-100% - 22px);
  }

  .aksel-data-drag-and-drop__drag-handler .aksel-data-drag-and-drop__drag-handler__arrow:disabled {
    opacity: .8;
    cursor: not-allowed;
  }

  .aksel-data-table__empty-state {
    padding-block: var(--ax-space-32);
    padding-inline: var(--ax-space-16);
    text-align: center;
    place-content: center;
    gap: var(--ax-space-8);
    justify-items: center;
    display: grid;
  }

  .aksel-data-table__loading-state {
    padding-block: var(--ax-space-32);
    padding-inline: var(--ax-space-16);
    text-align: center;
    place-content: center;
    gap: var(--ax-space-8);
    justify-items: center;
    display: grid;
    position: relative;
  }

  @keyframes animateDataTableLoading {
    0% {
      inline-size: 0;
      inset-inline-start: 0;
    }

    20% {
      inline-size: 40%;
      inset-inline-start: 0;
    }

    80% {
      inline-size: 40%;
      inset-inline-start: 60%;
    }

    100% {
      inline-size: 0;
      inset-inline-start: 100%;
    }
  }

  .aksel-data-table tr .aksel-checkbox {
    padding: 0;
  }

  .aksel-data-table tr .aksel-checkbox:focus-within:after {
    inset: 0;
  }

  html[data-dragging-cursor="true"], html[data-dragging-cursor="true"] *, html[data-dragging-cursor="true"] :before, html[data-dragging-cursor="true"] :after {
    cursor: grabbing !important;
  }

  .aksel-data-table__nested-toggle {
    inset-block: 0;
    left: calc(var(--__axc-data-table-pi-cell) + var(--__axc-data-table-nested-depth) * var(--ax-space-16));
    align-items: center;
    display: flex;
    position: absolute;
  }

  .aksel-data-table__details-panel-row {
    box-shadow: inset 1px 1px 0 0 var(--ax-border-neutral-subtle);
  }

  .aksel-data-table__details-panel-row-cell:focus-visible {
    outline: 2px solid var(--ax-border-focus);
    outline-offset: -4px;
  }

  .aksel-data-grid__preferences-body {
    flex-grow: 1;
  }

  .aksel-data-grid__preferences-content {
    align-content: flex-start;
    gap: var(--ax-space-16) var(--ax-space-48);
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    min-height: 100%;
    display: grid;
    container-type: inline-size;
  }

  .aksel-data-grid__preferences-block {
    gap: var(--ax-space-16);
    flex-direction: column;
    display: flex;
  }

  .aksel-dialog__popup {
    --__axc-dialog-transform: ;
    --__axc-dialog-p-b: var(--ax-space-16);
    --__axc-dialog-p-i: var(--ax-space-20);
    background-color: var(--ax-bg-raised);
    border-radius: var(--ax-radius-12);
    color: var(--ax-text-neutral);
    box-shadow: var(--ax-shadow-dialog);
    border: 1px solid var(--ax-border-neutral-subtleA);
    z-index: 2000;
    flex-direction: column;
    transition: transform .2s cubic-bezier(.25, .46, .45, .94), opacity .2s cubic-bezier(.25, .46, .45, .94), translate .2s cubic-bezier(.25, .46, .45, .94);
    display: flex;
    position: fixed;
    overflow: hidden;
  }

  .aksel-dialog__popup:focus {
    outline: none;
  }

  .aksel-dialog__popup[data-size="small"] {
    --__axc-dialog-p-b: var(--ax-space-12);
    --__axc-dialog-p-i: var(--ax-space-16);
  }

  @media (max-height: 400px) {
    .aksel-dialog__popup {
      overflow: auto;
    }
  }

  .aksel-dialog__popup[data-entering-style], .aksel-dialog__popup[data-exiting-style] {
    opacity: .001;
    transform: var(--__axc-dialog-transform);
  }

  .aksel-dialog__popup[data-exiting-style] {
    transition-duration: .1s;
  }

  .aksel-dialog__popup[data-exiting-style]:after {
    transition-timing-function: cubic-bezier(.55, .09, .68, .53);
  }

  .aksel-dialog__popup[data-nested-dialog-open="true"] {
    box-shadow: none;
  }

  .aksel-dialog__popup[data-nested-dialog-open="true"]:after {
    opacity: .9;
  }

  .aksel-dialog__popup:after {
    content: "";
    border-radius: inherit;
    background-color: var(--ax-bg-overlay);
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    transition: opacity cubic-bezier(.25, .46, .45, .94);
    position: absolute;
    inset: 0;
  }

  .aksel-dialog__popup[data-position="center"] {
    --__axc-dialog-center-margin: 3rem;
    --__axc-dialog-transform: scale(.98);
    max-width: calc(100dvw - 3rem);
    max-height: calc(90dvh - var(--__axc-dialog-center-margin));
    margin-inline: auto;
    margin-block: max(var(--__axc-dialog-center-margin), 10dvh) auto;
    top: 0;
    left: 0;
    right: 0;
  }

  .aksel-dialog__popup[data-position="center"][data-nested="true"][data-entering-style], .aksel-dialog__popup[data-position="center"][data-nested="true"][data-exiting-style] {
    opacity: 1;
    transition-duration: 0s;
    transform: scale(1);
  }

  .aksel-dialog__popup[data-position="center"][data-nested-dialog-open="true"] {
    transform: translateY(calc(1rem * var(--__axc-nested-level) * -1)) scale(calc(1 - .02 * var(--__axc-nested-level)));
  }

  @media (max-width: 480px) or (max-height: 479px) {
    .aksel-dialog__popup[data-position="center"] {
      --__axc-dialog-transform: translateY(35%);
      border-bottom: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      max-width: 95dvw;
      height: auto;
      max-height: calc(100dvh - max(16px, 10dvh));
      margin-block: 0;
      margin-inline: auto;
      inset: auto 0 0;
    }
  }

  .aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"] {
    max-width: calc(100vw - max(16px, 10vw));
    top: 0;
    bottom: 0;
  }

  :is(.aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"])[data-nested-dialog-open="true"]:after {
    opacity: 1;
    transition-duration: .1s;
  }

  .aksel-dialog__popup[data-position="right"] {
    --__axc-dialog-transform: translateX(35%);
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    right: 0;
  }

  .aksel-dialog__popup[data-position="left"] {
    --__axc-dialog-transform: translateX(-35%);
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left: 0;
  }

  .aksel-dialog__popup[data-position="bottom"] {
    --__axc-dialog-transform: translateY(35%);
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    max-width: 95dvw;
    height: auto;
    max-height: calc(100dvh - max(16px, 10dvh));
    margin-inline: auto;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .aksel-dialog__popup[data-position="bottom"][data-nested-dialog-open="true"] {
    transform: translateY(calc(1rem * var(--__axc-nested-level) * -1)) scale(calc(1 - .02 * var(--__axc-nested-level)));
  }

  .aksel-dialog__popup[data-position="fullscreen"] {
    --__axc-dialog-transform: scale(.98);
    border: 0;
    border-radius: 0;
    width: 100%;
    max-width: 100dvw;
    height: 100%;
    max-height: 100dvh;
    inset: 0;
  }

  .aksel-dialog__backdrop {
    background-color: var(--ax-bg-overlay);
    z-index: 2000;
    min-height: 100dvh;
    transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
    position: fixed;
    inset: 0;
  }

  @supports (-webkit-touch-callout: none) {
    .aksel-dialog__backdrop {
      position: absolute;
    }
  }

  .aksel-dialog__backdrop[data-entering-style], .aksel-dialog__backdrop[data-exiting-style] {
    opacity: .001;
  }

  .aksel-dialog__header {
    padding-block: var(--__axc-dialog-p-b);
    padding-inline: var(--__axc-dialog-p-i);
  }

  .aksel-dialog__title {
    margin-block-end: var(--ax-space-4);
  }

  .aksel-dialog__close-button {
    float: right;
    align-self: start;
  }

  .aksel-dialog__body {
    padding-block: var(--__axc-dialog-p-b);
    padding-inline: var(--__axc-dialog-p-i);
    overscroll-behavior: contain;
    position: relative;
    overflow: auto;
  }

  .aksel-dialog__header ~ .aksel-dialog__body {
    padding-block-start: 0;
  }

  .aksel-dialog__body {
    background: linear-gradient(var(--ax-bg-raised) 30%, transparent) top,
    linear-gradient(transparent, var(--ax-bg-raised) 60%) bottom,
    radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .3), transparent) top,
    radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .3), transparent) bottom;
    background-repeat: no-repeat;
    background-size: 100% 40px, 100% 50px, 100% 16px, 100% 16px;
    background-attachment: local, local, scroll, scroll;
  }

  @media (max-height: 400px) {
    .aksel-dialog__body {
      overflow: unset;
    }
  }

  .aksel-dialog__footer {
    justify-content: flex-end;
    gap: var(--ax-space-8);
    padding-block: var(--__axc-dialog-p-b);
    padding-inline: var(--__axc-dialog-p-i);
    flex-flow: wrap;
    display: flex;
  }

  @media (forced-colors: active) {
    .aksel-dialog__popup {
      outline: 2px solid var(--ax-border-neutral-strong) !important;
    }
  }

  .aksel-dropdown__menu {
    padding: var(--ax-space-8);
    color: var(--ax-text-neutral);
    width: 27ch;
    max-height: 616px;
    overflow: hidden auto;
  }

  .aksel-dropdown__divider {
    margin: var(--ax-space-12) 0;
    border: none;
    border-bottom: 1px solid var(--ax-border-neutral-subtle);
  }

  .aksel-dropdown__menu > :not(.aksel-dropdown__divider, .aksel-dropdown__list) {
    margin: 0 var(--ax-space-16) var(--ax-space-12);
  }

  .aksel-dropdown__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .aksel-dropdown__list-item {
    margin: 0;
  }

  .aksel-dropdown__list-heading {
    margin-block: var(--ax-space-4) var(--ax-space-12);
    margin-inline: var(--ax-space-4);
  }

  .aksel-dropdown__item {
    font: inherit;
    text-align: left;
    cursor: pointer;
    align-items: center;
    gap: var(--ax-space-8);
    width: 100%;
    padding: var(--ax-space-4);
    border-radius: var(--ax-radius-4);
    color: var(--ax-text-neutral);
    background: none;
    border: none;
    margin: 0;
    text-decoration: none;
    display: flex;
    overflow: visible;
  }

  .aksel-dropdown__item:hover {
    background-color: var(--ax-bg-moderate-hoverA);
  }

  .aksel-dropdown__item:active {
    background-color: var(--ax-bg-moderate-pressedA);
  }

  .aksel-dropdown__item:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: -3px;
  }

  .aksel-dropdown__item:disabled {
    opacity: var(--ax-opacity-disabled);
    cursor: not-allowed;
    background: none;
  }

  @media (forced-colors: active) {
    .aksel-dropdown__item:hover {
      color: highlight;
    }

    .aksel-dropdown__item:disabled {
      opacity: 1;
      color: graytext;
    }
  }

  .aksel-action-menu__content {
    --__axc-action-menu-content-p-block: var(--ax-space-6);
    --__axc-action-menu-content-p-inline: var(--ax-space-8);
    --__axc-action-menu-item-height: 2rem;
    --__axc-action-menu-item-font-size: var(--ax-font-size-medium);
    --__axc-action-menu-content-group-label-pt: var(--ax-space-2);
  }

  .aksel-action-menu__content[data-size="medium"] {
    --__axc-action-menu-content-p-block: var(--ax-space-8);
    --__axc-action-menu-content-p-inline: var(--ax-space-12);
    --__axc-action-menu-item-height: var(--ax-space-40);
    --__axc-action-menu-item-font-size: var(--ax-font-size-large);
    --__axc-action-menu-content-group-label-pt: var(--ax-space-4);
  }

  .aksel-action-menu__content {
    border-radius: var(--ax-radius-12);
    border: 1px solid var(--ax-border-neutral-subtleA);
    box-shadow: var(--ax-shadow-dialog);
    transform-origin: var(--__axc-action-menu-content-transform-origin);
    transition: transform .1s cubic-bezier(.25, .46, .45, .94) allow-discrete,
    opacity .1s cubic-bezier(.25, .46, .45, .94) allow-discrete;
    overflow: hidden;
  }

  @starting-style {
    .aksel-action-menu__content[data-state="open"] {
      opacity: .1;
      transform: scale3d(.95, .95, .95);
    }
  }

  .aksel-action-menu__content > .aksel-action-menu__content-inner {
    --__axc-action-menu-item-pr: var(--ax-space-8);
    --__axc-action-menu-item-pl: var(--ax-space-8);
    border-radius: var(--ax-radius-12);
    background-color: var(--ax-bg-raised);
    min-width: 128px;
    max-width: min(95vw, 640px);
    padding-block: var(--__axc-action-menu-content-p-block);
    padding-inline: var(--__axc-action-menu-content-p-inline);
    max-height: var(--__axc-action-menu-content-available-height);
    animation-duration: .16s;
    animation-timing-function: cubic-bezier(.16, 1, .3, 1);
    overflow: auto;
  }

  .aksel-action-menu__item {
    align-items: center;
    gap: var(--ax-space-8);
    min-height: var(--__axc-action-menu-item-height);
    cursor: default;
    border-radius: var(--ax-radius-8);
    padding-left: var(--__axc-action-menu-item-pl);
    padding-right: var(--__axc-action-menu-item-pr);
    font-size: var(--__axc-action-menu-item-font-size);
    scroll-margin-block: var(--__axc-action-menu-content-p-block);
    color: var(--ax-text-neutral);
    line-height: 1.5;
    text-decoration: none;
    display: flex;
    position: relative;
  }

  .aksel-action-menu__item svg {
    flex-shrink: 0;
  }

  .aksel-action-menu__item:focus {
    background-color: var(--ax-bg-moderate-hoverA);
    color: var(--ax-text-neutral);
    outline: none;
  }

  .aksel-action-menu__item[aria-disabled="true"] {
    opacity: .5;
    pointer-events: none;
  }

  .aksel-action-menu__item[data-indent="true"], .aksel-action-menu__item[data-marker="left"] {
    --__axc-action-menu-item-pl: var(--ax-space-28);
  }

  .aksel-action-menu__content[data-size="medium"] :is(.aksel-action-menu__item[data-indent="true"], .aksel-action-menu__item[data-marker="left"]) {
    --__axc-action-menu-item-pl: var(--ax-space-32);
  }

  .aksel-action-menu__sub-trigger {
    --__axc-action-menu-item-pr: var(--ax-space-2);
  }

  .aksel-action-menu__sub-trigger[data-state="open"] {
    background-color: var(--ax-bg-neutral-moderate-pressedA);
  }

  .aksel-action-menu__sub-trigger:focus {
    background-color: var(--ax-bg-moderate-hoverA);
  }

  .aksel-action-menu__item--danger {
    color: var(--ax-text-danger-subtle);
  }

  .aksel-action-menu__item--danger:focus {
    background-color: var(--ax-bg-danger-moderate-hoverA);
    color: var(--ax-text-danger-subtle);
  }

  .aksel-action-menu__marker {
    align-items: center;
    gap: var(--ax-space-4);
    display: flex;
  }

  .aksel-action-menu__marker--right {
    padding-left: var(--ax-space-16);
    margin-left: auto;
  }

  .aksel-action-menu__marker--left {
    width: var(--__axc-action-menu-item-pl);
    justify-content: center;
    display: inline-flex;
    position: absolute;
    left: 0;
  }

  .aksel-action-menu__marker-icon svg {
    flex-shrink: 0;
    font-size: 1.125rem;
  }

  .aksel-action-menu__marker-icon.aksel-action-menu__marker--right {
    margin-left: 0;
    padding-left: 0;
  }

  .aksel-action-menu__sub-icon {
    place-content: center;
    margin-left: auto;
    font-size: 1.125rem;
    display: grid;
  }

  .aksel-action-menu__shortcut {
    background-color: var(--ax-bg-neutral-moderateA);
    color: var(--ax-text-neutral);
    border-radius: var(--ax-radius-2);
    padding: 0 var(--ax-space-4);
    min-width: 1.125rem;
    height: 1.125rem;
    line-height: 1;
    font-size: var(--ax-font-size-small);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .aksel-action-menu__label {
    min-height: var(--__axc-action-menu-item-height);
    padding-right: var(--__axc-action-menu-item-pr);
    padding-left: var(--__axc-action-menu-item-pl);
    border-radius: var(--ax-radius-4);
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    font-size: var(--ax-font-size-medium);
    font-weight: var(--ax-font-weight-bold);
    align-items: center;
    display: flex;
  }

  .aksel-action-menu__group:not(:first-child) .aksel-action-menu__label {
    padding-top: var(--__axc-action-menu-content-group-label-pt);
  }

  .aksel-action-menu__divider {
    height: 1px;
    margin-block: var(--ax-space-4);
    background-color: var(--ax-border-neutral-subtleA);
  }

  .aksel-action-menu__indicator-icon--unchecked, .aksel-action-menu__indicator-icon--checked, .aksel-action-menu__indicator-icon--indeterminate {
    display: none;
  }

  .aksel-action-menu__indicator {
    place-content: center;
    display: grid;
  }

  .aksel-action-menu__indicator[data-state="unchecked"] .aksel-action-menu__indicator-icon--unchecked, .aksel-action-menu__indicator[data-state="checked"] .aksel-action-menu__indicator-icon--checked, .aksel-action-menu__indicator[data-state="indeterminate"] .aksel-action-menu__indicator-icon--indeterminate {
    display: block;
  }

  .aksel-action-menu__indicator-icon {
    font-size: 14px;
  }

  .aksel-expansioncard {
    --__axc-expansioncard-border-radius: calc(var(--ax-radius-12) - 1px);
    --__axc-expansioncard-padding-block: var(--ax-space-16);
    --__axc-expansioncard-padding-inline: var(--ax-space-20);
    border-radius: var(--ax-radius-12);
    background-color: var(--ax-bg-softA);
    border: 1px solid var(--ax-border-subtleA);
    height: fit-content;
    transition-property: border-color, box-shadow;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0, 0, 0, 1);
  }

  .aksel-expansioncard[data-color="neutral"] {
    background-color: var(--ax-bg-raised);
  }

  .aksel-expansioncard:has(.aksel-expansioncard__header:hover) {
    box-shadow: 0 0 0 1px var(--ax-border-default);
    border-color: var(--ax-border-default);
  }

  .aksel-expansioncard--small {
    --__axc-expansioncard-padding-inline: var(--ax-space-16);
    --__axc-expansioncard-padding-block: var(--ax-space-12);
  }

  .aksel-expansioncard--small > .aksel-expansioncard__header .aksel-expansioncard__title--small {
    margin-top: var(--ax-space-2);
  }

  .aksel-expansioncard--small :is(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
    margin-top: 0;
  }

  .aksel-expansioncard--small > .aksel-expansioncard__header > .aksel-expansioncard__header-button {
    min-width: 2rem;
    min-height: 2rem;
  }

  .aksel-expansioncard__header {
    gap: var(--ax-space-16);
    width: 100%;
    padding: var(--__axc-expansioncard-padding-block) var(--__axc-expansioncard-padding-inline);
    border-radius: var(--__axc-expansioncard-border-radius);
    background-color: rgba(0, 0, 0, 0);
    justify-content: space-between;
    transition: background-color .3s cubic-bezier(0, 0, 0, 1);
    display: flex;
    position: relative;
  }

  .aksel-expansioncard__header:hover {
    background-color: var(--ax-bg-moderate-hoverA);
  }

  .aksel-expansioncard__header[data-open="true"] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .aksel-expansioncard__header[data-open="true"]:after {
    content: "";
    background-color: var(--ax-border-subtleA);
    bottom: 0;
    left: var(--__axc-expansioncard-padding-inline);
    height: 1px;
    width: calc(100% - 2 * var(--__axc-expansioncard-padding-inline));
    opacity: 1;
    transition: opacity .15s cubic-bezier(0, 0, 0, 1);
    position: absolute;
  }

  .aksel-expansioncard__header[data-open="true"]:hover:after {
    opacity: 0;
  }

  .aksel-expansioncard__title--small {
    margin-top: .625rem;
  }

  .aksel-expansioncard__title--medium {
    margin-top: var(--ax-space-8);
  }

  .aksel-expansioncard__title--large {
    margin-top: var(--ax-space-4);
  }

  .aksel-expansioncard__header-button {
    cursor: pointer;
    border-radius: var(--ax-radius-8);
    background: none;
    border: none;
    place-content: center;
    align-self: flex-start;
    min-width: 3rem;
    min-height: 3rem;
    margin: 0;
    font-size: 1.5rem;
    transition: background-color .1s cubic-bezier(0, 0, 0, 1);
    display: grid;
  }

  .aksel-expansioncard__header-button:focus-visible {
    outline: 3px solid var(--ax-border-focus);
  }

  .aksel-expansioncard__header-button:after {
    z-index: 1;
    content: "";
    cursor: pointer;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .aksel-expansioncard__header:hover > .aksel-expansioncard__header-button {
    background-color: var(--ax-bg-moderate-hoverA);
  }

  .aksel-expansioncard__header-chevron {
    transition: transform .25s cubic-bezier(.2, 0, 0, 1);
  }

  .aksel-expansioncard__header[data-open="true"] .aksel-expansioncard__header-chevron {
    transform: rotateX(-180deg);
  }

  .aksel-expansioncard__header[data-open="false"] .aksel-expansioncard__header-chevron {
    transition-duration: .4s;
  }

  .aksel-expansioncard__content {
    padding-inline: var(--__axc-expansioncard-padding-inline);
    visibility: hidden;
    border-end-end-radius: var(--__axc-expansioncard-border-radius);
    border-end-start-radius: var(--__axc-expansioncard-border-radius);
    grid-template-rows: 0fr;
    padding-block: 0;
    transition-property: visibility, padding-block, grid-template-rows;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(.2, 0, 0, 1);
    display: grid;
    overflow: hidden;
  }

  .aksel-expansioncard__content[data-open="true"] {
    visibility: visible;
    padding-block: var(--__axc-expansioncard-padding-block);
    grid-template-rows: 1fr;
  }

  .aksel-expansioncard__content[data-open="true"] .aksel-expansioncard__content-inner {
    opacity: 1;
  }

  .aksel-expansioncard__content-inner {
    opacity: 0;
    min-height: 0;
    transition: opacity .25s cubic-bezier(.2, 0, 0, 1);
  }

  .aksel-guide-panel {
    --__axc-guide-panel-guide-size: 5rem;
    width: fit-content;
    display: flex;
    position: relative;
  }

  .aksel-guide-panel[data-poster="true"], .aksel-guide-panel[data-responsive="true"] {
    flex-direction: column;
    align-items: center;
  }

  .aksel-guide-panel[data-poster="false"] {
    flex-direction: row;
    align-items: flex-start;
  }

  .aksel-guide-panel[data-poster="false"][data-responsive="false"] {
    --__axc-guide-panel-guide-size: 3.75rem;
  }

  @media (min-width: 480px) {
    .aksel-guide-panel[data-poster="false"][data-responsive="false"] {
      --__axc-guide-panel-guide-size: 5rem;
    }

    .aksel-guide-panel[data-responsive="true"] {
      flex-direction: row;
      align-items: flex-start;
    }
  }

  .aksel-guide {
    box-sizing: border-box;
    border: 2px solid var(--ax-border-default);
    border-radius: var(--ax-radius-full);
    width: var(--__axc-guide-panel-guide-size);
    height: var(--__axc-guide-panel-guide-size);
    flex-shrink: 0;
    overflow: hidden;
  }

  .aksel-guide svg, .aksel-guide img {
    width: 100%;
    height: 100%;
  }

  .aksel-guide-panel__content {
    background-color: var(--ax-bg-raised);
    border: 2px solid var(--ax-border-default);
    border-radius: var(--ax-radius-12);
    position: relative;
  }

  .aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
    margin-top: var(--ax-space-20);
  }

  .aksel-guide-panel[data-poster="false"] > .aksel-guide-panel__content {
    margin-left: var(--ax-space-20);
  }

  @media (min-width: 480px) {
    .aksel-guide-panel[data-responsive="true"] > .aksel-guide-panel__content {
      margin-top: 0;
      margin-left: var(--ax-space-20);
    }
  }

  .aksel-guide-panel__content-inner {
    padding: var(--ax-space-12) var(--ax-space-16);
    border-radius: var(--ax-radius-12);
    background-color: var(--ax-bg-raised);
    height: 100%;
    position: relative;
  }

  .aksel-guide-panel[data-poster="false"] .aksel-guide-panel__content-inner {
    min-height: var(--__axc-guide-panel-guide-size);
  }

  @media (min-width: 480px) {
    .aksel-guide-panel__content-inner {
      padding: var(--ax-space-16) var(--ax-space-20);
    }

    .aksel-guide-panel[data-responsive="true"] .aksel-guide-panel__content-inner {
      min-height: var(--__axc-guide-panel-guide-size);
    }
  }

  .aksel-guide-panel__tail {
    z-index: 0;
    position: absolute;
  }

  .aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
    left: 50%;
    top: calc(var(--ax-space-16) * -1 - 2px);
    transform: translateX(-25%);
  }

  .aksel-guide-panel[data-poster="false"] .aksel-guide-panel__tail {
    top: calc(var(--__axc-guide-panel-guide-size) / 2);
    left: calc(var(--ax-space-20) * -1 - 2px);
    transform: translateY(-15%) rotateZ(-90deg) scaleX(-1);
  }

  @media (min-width: 480px) {
    .aksel-guide-panel[data-responsive="true"] .aksel-guide-panel__tail {
      top: calc(var(--__axc-guide-panel-guide-size) / 2);
      left: calc(var(--ax-space-20) * -1 - 2px);
      transform: translateY(-15%) rotateZ(-90deg) scaleX(-1);
    }
  }

  .aksel-help-text__button {
    cursor: pointer;
    border-radius: var(--ax-radius-full);
    color: var(--ax-bg-strong);
    padding: calc(var(--ax-space-4) / 2);
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
    font-size: 1.25rem;
    display: flex;
  }

  .aksel-help-text__icon {
    border-radius: var(--ax-radius-full);
  }

  .aksel-help-text__popover.aksel-popover {
    background-color: var(--ax-bg-moderate);
    max-width: min(65ch, calc(100vw - var(--ax-space-24)));
    border-radius: var(--ax-radius-8);
    border: 1px solid var(--ax-border-default);
  }

  .aksel-help-text__icon--filled, .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
    display: none;
  }

  .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon--filled {
    display: inherit;
    color: var(--ax-bg-strong-hover);
  }

  .aksel-help-text__button[aria-expanded="true"] > .aksel-help-text__icon--filled {
    color: var(--ax-bg-strong-pressed);
  }

  @media (forced-colors: active) {
    .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
      display: inherit;
    }

    .aksel-help-text__button:hover > .aksel-help-text__icon {
      color: highlight;
    }

    .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon--filled {
      display: none;
    }
  }

  .aksel-inline-message {
    gap: var(--ax-space-8);
    color: var(--ax-text-default);
    display: flex;
  }

  .aksel-inline-message[data-size="small"] {
    gap: var(--ax-space-4);
  }

  .aksel-inline-message__icon {
    color: var(--ax-text-subtle);
    flex: none;
    margin-block-start: var(--ax-space-2);
    font-size: 1.5rem;
  }

  .aksel-inline-message[data-size="small"] .aksel-inline-message__icon {
    font-size: 1.25rem;
  }

  .aksel-internalheader {
    background: var(--ax-bg-raised);
    border-bottom: 1px solid var(--ax-border-neutral-subtleA);
    align-self: stretch;
    min-height: 3rem;
    display: flex;
  }

  @media (forced-colors: active) {
    .aksel-internalheader {
      color: buttontext;
      background-color: buttonface;
      border: 1px solid buttontext;
    }
  }

  .aksel-internalheader__title {
    font: inherit;
    font-weight: var(--ax-font-weight-bold);
    text-align: left;
    padding-block: 0;
    padding-inline: var(--ax-space-24) var(--ax-space-20);
    border: none;
    border-right: 1px solid var(--ax-border-neutral-subtleA);
    color: var(--ax-text-neutral);
    background: none;
    align-items: center;
    margin: 0;
    line-height: normal;
    text-decoration: none;
    display: flex;
    overflow: visible;
  }

  .aksel-internalheader__title:is(button) {
    cursor: pointer;
  }

  .aksel-internalheader__title:hover {
    background: var(--ax-bg-neutral-moderate-hoverA);
  }

  .aksel-internalheader__title:is(:hover, :active):not(button, a) {
    background: initial;
  }

  .aksel-internalheader__user {
    padding: 0 var(--ax-space-20);
    border-left: 1px solid var(--ax-border-neutral-subtleA);
    align-items: center;
    display: flex;
  }

  .aksel-internalheader__button {
    padding: 0 var(--ax-space-12);
    font: inherit;
    cursor: pointer;
    text-align: left;
    justify-self: center;
    align-items: center;
    gap: var(--ax-space-8);
    border: none;
    border-left: 1px solid var(--ax-border-neutral-subtleA);
    color: var(--ax-text-neutral);
    background: none;
    margin: 0;
    line-height: normal;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .aksel-internalheader__button:hover {
    background: var(--ax-bg-neutral-moderate-hoverA);
  }

  .aksel-internalheader__button[data-active="true"]:after {
    content: "";
    background-color: var(--ax-border-strong);
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: -1px;
    left: 0;
  }

  @media (forced-colors: active) {
    .aksel-internalheader__button[data-active="true"]:after {
      background-color: highlight;
    }
  }

  @media (forced-colors: active) {
    .aksel-internalheader__button:hover {
      color: highlight;
      isolation: isolate;
      background-color: highlighttext;
      border-color: highlight;
      outline: 1px solid highlight;
    }
  }

  :is(.aksel-internalheader__title, .aksel-internalheader__button):focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: -4px;
  }

  :is(.aksel-internalheader__title, .aksel-internalheader__button):active {
    background: var(--ax-bg-neutral-moderate-pressedA);
  }

  .aksel-internalheader__user-button {
    padding-left: var(--ax-space-20);
    gap: var(--ax-space-16);
  }

  .aksel-link {
    color: var(--ax-text-subtle);
    align-items: center;
    gap: var(--ax-space-2);
    text-underline-offset: .1em;
    text-decoration: underline;
    text-decoration-thickness: .05em;
    display: inline-flex;
  }

  .aksel-link:hover, .aksel-link:active {
    text-decoration-thickness: .111em;
  }

  .aksel-link:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
    border-radius: 1px;
  }

  .aksel-link[data-color="neutral"] {
    color: var(--ax-text-default);
  }

  .aksel-link.aksel-link--inline-text {
    display: inline;
  }

  .aksel-link.aksel-link--inline-text > svg {
    vertical-align: baseline;
    margin: .1em .1em -.1em;
    display: inline;
    transform: translateY(.05em);
  }

  .aksel-link.aksel-link--remove-underline {
    text-decoration: none;
  }

  .aksel-link.aksel-link--remove-underline:hover {
    text-decoration: underline;
  }

  .aksel-link svg {
    color: inherit;
    flex-shrink: 0;
  }

  :is(.aksel-alert:not(.aksel-alert--inline), .aksel-confirmation-panel) .aksel-link {
    color: var(--ax-text-default);
  }

  .aksel-link-panel {
    color: var(--ax-text-neutral);
    justify-content: space-between;
    align-items: center;
    gap: var(--ax-space-16);
    text-decoration: none;
    display: flex;
  }

  .aksel-link-panel:hover {
    border-color: var(--ax-border-accent);
  }

  .aksel-link-panel:hover .aksel-link-panel__title {
    color: var(--ax-text-accent-subtle);
    text-decoration: underline;
  }

  .aksel-link-panel:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
  }

  .aksel-link-panel__chevron {
    flex-shrink: 0;
    font-size: 1.5rem;
    transition: transform .2s;
  }

  .aksel-link-panel:hover > .aksel-link-panel__chevron, .aksel-link-panel:focus-within > .aksel-link-panel__chevron {
    transform: translateX(4px);
  }

  .aksel-link-panel__description {
    margin-top: var(--ax-space-4);
  }

  .aksel-link-anchor__overlay {
    cursor: pointer;
  }

  .aksel-link-anchor__overlay:focus-within {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
  }

  @supports selector(:has(*)) {
    .aksel-link-anchor__overlay:focus-within {
      outline: unset;
    }

    .aksel-link-anchor__overlay:has(:focus-visible) {
      outline: 3px solid var(--ax-border-focus);
      outline-offset: 3px;
    }
  }

  .aksel-link-anchor {
    text-underline-offset: .1em;
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: .05em;
  }

  .aksel-link-anchor[data-color] {
    color: var(--ax-text-subtle);
  }

  .aksel-link-anchor:hover, .aksel-link-anchor__overlay:hover .aksel-link-anchor {
    text-decoration-thickness: .111em;
  }

  .aksel-link-anchor:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
    border-radius: 1px;
  }

  .aksel-link-anchor__overlay .aksel-link-anchor:focus-visible {
    outline: none;
  }

  .aksel-link-anchor__arrow {
    flex-shrink: 0;
    transition: transform .2s;
    transform: translateX(0);
  }

  .aksel-link-anchor:hover .aksel-link-anchor__arrow, .aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
    transform: translateX(4px);
  }

  .aksel-link-card {
    --__axc-link-card-padding-block: var(--ax-space-16);
    --__axc-link-card-padding-inline: var(--ax-space-20);
    border-radius: var(--ax-radius-12);
    color: var(--ax-text-neutral);
    background-color: var(--ax-bg-raised);
    border: 1px solid var(--ax-border-subtleA);
    padding: var(--__axc-link-card-padding-block) var(--__axc-link-card-padding-inline);
    cursor: pointer;
    grid-template: "image image image" min-content
                   "icon title arrow" min-content
                   "icon description arrow" min-content
                   "icon footer arrow"
                   / auto 1fr;
    align-items: center;
    text-decoration: none;
    transition-property: border-color, box-shadow, transform, background-color;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0, 0, 0, 1);
    display: grid;
    position: relative;
  }

  .aksel-link-card[data-align-arrow="baseline"] {
    grid-template-areas: "image image image"
                         "icon title arrow"
                         "icon description description"
                         "icon footer footer";
  }

  .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) {
    grid-template-rows: auto 1fr;
  }

  .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__title {
    align-items: center;
  }

  .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__icon, .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer))[data-align-arrow="baseline"] .aksel-link-card__arrow {
    align-self: center;
  }

  .aksel-link-card:hover {
    border-color: var(--ax-border-default);
    box-shadow: 0 0 0 1px var(--ax-border-default);
  }

  .aksel-link-card--small {
    --__axc-link-card-padding-block: var(--ax-space-12);
    --__axc-link-card-padding-inline: var(--ax-space-16);
  }

  .aksel-link-card__title {
    color: var(--ax-text-subtle);
    -webkit-hyphens: auto;
    hyphens: auto;
    grid-area: title;
  }

  .aksel-link-card[data-color="neutral"] .aksel-link-card__title, .aksel-link-card__title[data-color="neutral"] {
    color: var(--ax-text-default);
  }

  .aksel-link-card__description {
    grid-area: description;
    margin-block-start: var(--ax-space-4);
  }

  .aksel-link-card__footer {
    align-self: flex-end;
    gap: var(--ax-space-8);
    flex-wrap: wrap;
    grid-area: footer;
    margin-block-start: var(--ax-space-16);
    display: flex;
  }

  .aksel-link-card__icon {
    width: max-content;
    height: max-content;
    color: var(--ax-text-default);
    grid-area: icon;
    place-content: center;
    align-self: flex-start;
    margin-inline-end: var(--ax-space-16);
    display: grid;
  }

  .aksel-link-card--small .aksel-link-card__icon {
    margin-inline-end: var(--ax-space-12);
  }

  .aksel-link-card__image-container {
    margin-block: calc(var(--__axc-link-card-padding-block) * -1) var(--__axc-link-card-padding-block);
    margin-inline: calc(var(--__axc-link-card-padding-inline) * 1 * -1);
    border-radius: calc(var(--ax-radius-12) - 1px);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    grid-area: image;
    position: relative;
    overflow: hidden;
  }

  .aksel-link-card__image-container :is(img, picture) {
    object-fit: cover;
    max-width: 100%;
    height: 100%;
    display: block;
  }

  .aksel-link-card__arrow {
    grid-area: arrow;
    margin-inline-start: var(--ax-space-8);
  }

  .aksel-link-card[data-align-arrow="baseline"] .aksel-link-card__arrow {
    align-self: baseline;
  }

  .aksel-link-card[data-align-arrow="center"] .aksel-link-card__arrow {
    align-self: center;
  }

  .aksel-modal {
    --__axc-modal-bg: var(--ax-bg-raised);
    background-color: var(--__axc-modal-bg);
    border: 1px solid var(--ax-border-neutral-subtleA);
    border-radius: var(--ax-radius-12);
    box-shadow: var(--ax-shadow-dialog);
    max-width: 100%;
    max-height: 100%;
    color: var(--ax-text-neutral);
    margin: auto;
    padding: 0;
    position: fixed;
  }

  .aksel-modal[open] {
    flex-direction: column;
    animation: .7s cubic-bezier(.15, 1, .3, 1) akselModalFadeIn;
    display: flex;
  }

  .aksel-modal--polyfilled {
    width: fit-content;
    height: fit-content;
    margin: auto;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
  }

  .aksel-modal--polyfilled:not([open]) {
    display: none;
  }

  .aksel-modal--polyfilled .aksel-modal--polyfilled {
    overflow: auto;
  }

  ._dialog_overlay {
    position: fixed;
    inset: 0;
  }

  .aksel-modal--small .aksel-modal__header, .aksel-modal--small .aksel-modal__body {
    padding: var(--ax-space-12) var(--ax-space-16);
  }

  .aksel-modal--small .aksel-modal__footer {
    padding-block: var(--ax-space-12) var(--ax-space-16);
    padding-inline: var(--ax-space-16);
  }

  .aksel-modal--width-medium {
    width: 700px;
  }

  .aksel-modal--width-small {
    width: 450px;
  }

  @media (min-width: 480px) {
    .aksel-modal {
      max-width: calc(100% - 2em);
    }

    .aksel-modal--autowidth {
      max-width: min(700px, 100% - 2em);
    }
  }

  @media (min-height: 480px) {
    .aksel-modal {
      max-height: calc(100% - 2em);
    }

    .aksel-modal--top {
      max-height: calc(100% - 4em);
      margin-top: 2em;
    }
  }

  .aksel-modal::backdrop {
    background: rgba(12, 22, 39, .66);
    animation: .7s cubic-bezier(.15, 1, .3, 1) akselModalBackdropFadeIn;
  }

  .aksel-modal--polyfilled + .backdrop {
    background: rgba(12, 22, 39, .66);
    position: fixed;
    inset: 0;
  }

  .aksel-modal__button {
    margin-left: var(--ax-space-16);
    float: right;
  }

  .aksel-modal__header {
    padding: var(--ax-space-16) var(--ax-space-20);
  }

  .aksel-modal__header-icon svg {
    vertical-align: -.25rem;
    margin-right: var(--ax-space-4);
    display: inline;
  }

  .aksel-modal__label {
    font-weight: var(--ax-font-weight-bold);
    color: var(--ax-text-neutral-subtle);
  }

  .aksel-modal__body {
    padding: var(--ax-space-16) var(--ax-space-20);
    overscroll-behavior: contain;
    background: linear-gradient(var(--__axc-modal-bg) 30%, transparent) top,
    linear-gradient(transparent, var(--__axc-modal-bg) 60%) bottom,
    radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .3), transparent) top,
    radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .3), transparent) bottom;
    background-repeat: no-repeat;
    background-size: 100% 40px, 100% 50px, 100% 16px, 100% 16px;
    background-attachment: local, local, scroll, scroll;
    position: relative;
    overflow: auto;
  }

  @media (max-height: 400px) {
    .aksel-modal__body {
      overflow: unset;
    }
  }

  .aksel-modal__header + .aksel-modal__body {
    padding-top: var(--ax-space-0);
  }

  .aksel-modal__footer {
    gap: var(--ax-space-16);
    padding-block: var(--ax-space-16) var(--ax-space-20);
    padding-inline: var(--ax-space-20);
    flex-flow: row-reverse wrap;
    display: flex;
  }

  .aksel-modal__footer :nth-of-type(2) {
    margin-left: auto;
  }

  .aksel-modal--polyfilled .aksel-modal--polyfilled.aksel-date__nested-modal {
    min-width: fit-content;
    max-width: 100vw;
    max-height: 100vh;
    animation: none;
  }

  @keyframes akselModalFadeIn {
    0% {
      opacity: .0001;
      transform: translate3d(0, 4px, 0);
    }

    50% {
      opacity: 1;
    }

    100% {
      transform: none;
    }
  }

  @keyframes akselModalBackdropFadeIn {
    0% {
      opacity: .0001;
    }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 1;
    }
  }

  @media (forced-colors: active) {
    .aksel-modal {
      outline: 2px solid rgba(0, 0, 0, 0);
    }
  }

  .aksel-pagination {
    position: relative;
  }

  .aksel-pagination__list {
    gap: var(--ax-space-12);
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .aksel-pagination__list li {
    list-style: none;
    display: flex;
  }

  .aksel-pagination__ellipsis {
    cursor: default;
    justify-content: center;
    align-items: center;
    width: 3rem;
    display: flex;
  }

  .aksel-pagination--small .aksel-pagination__ellipsis {
    width: 2rem;
  }

  .aksel-pagination--xsmall .aksel-pagination__ellipsis {
    width: 1.5rem;
  }

  .aksel-pagination--invisible {
    visibility: hidden;
  }

  .aksel-popover {
    z-index: 1000;
    background: var(--ax-bg-raised);
    box-shadow: var(--ax-shadow-dialog);
    border: 1px solid var(--ax-border-neutral-subtleA);
    border-radius: var(--ax-radius-12);
    max-width: calc(100vw - var(--ax-space-24));
  }

  .aksel-popover__content {
    padding: var(--ax-space-12) var(--ax-space-16);
  }

  @media (min-width: 480px) {
    .aksel-popover__content {
      padding: var(--ax-space-16) var(--ax-space-20);
    }
  }

  .aksel-popover--hidden {
    display: none;
  }

  .aksel-lookup-trigger {
    cursor: pointer;
    text-underline-offset: round(.1em, 1px);
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
    text-decoration-thickness: round(.1em, 1px);
    -webkit-text-decoration-color: var(--ax-border-default);
    text-decoration-color: var(--ax-border-default);
    border-radius: var(--ax-radius-4);
    padding-inline: var(--ax-space-1);
  }

  .aksel-lookup-trigger:hover {
    background: var(--ax-bg-moderate-hoverA);
  }

  .aksel-lookup-trigger:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 2px;
  }

  @media (forced-colors: active) {
    .aksel-lookup-trigger:hover {
      color: highlight;
      background-color: highlighttext;
    }
  }

  .aksel-lookup__content {
    max-width: min(65ch, calc(100vw - var(--ax-space-24)));
    position: relative;
  }

  .aksel-lookup__content:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 2px;
    border-radius: calc(var(--ax-radius-12) - 1px);
  }

  .aksel-lookup__title {
    margin-block-end: var(--ax-space-8);
    margin-inline-end: var(--ax-space-28);
  }

  .aksel-lookup__close-button {
    top: var(--ax-space-16);
    right: var(--ax-space-16);
    position: absolute;
  }

  .aksel-badge__anchor {
    flex-shrink: 0;
    width: fit-content;
    display: inline-flex;
    position: relative;
  }

  .aksel-badge {
    --__axc-badge-size: 1.25rem;
    box-sizing: border-box;
    z-index: 0;
    min-width: var(--__axc-badge-size);
    height: var(--__axc-badge-size);
    padding: var(--ax-space-4);
    border-radius: var(--ax-radius-16);
    background: var(--ax-bg-strong);
    color: var(--ax-text-contrast);
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    line-height: 1;
    display: inline-flex;
    position: relative;
  }

  @media (forced-colors: active) {
    .aksel-badge {
      forced-color-adjust: none;
      color: canvas;
      background: canvastext;
    }
  }

  .aksel-badge__anchor > .aksel-badge {
    z-index: 1;
    pointer-events: none;
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    transform: translate(.3125rem, -.3125rem);
  }

  .aksel-badge[data-dot] {
    --__axc-badge-size: .75rem;
    padding-inline: 0;
  }

  .aksel-tag {
    --__axc-tag-icon-size: 1.5rem;
    --__axc-tag-icon-margin: -2px;
    --__axc-tag-border: ;
    --__axc-tag-bg: ;
    --__axc-tag-text: ;
    --__axc-tag-text-strong: ;
    border-radius: var(--ax-radius-4);
    padding: var(--ax-space-2) var(--ax-space-8);
    justify-content: center;
    align-items: center;
    min-height: 2rem;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
  }

  .aksel-tag:has(.aksel-tag__icon--left) {
    gap: var(--ax-space-2);
  }

  .aksel-tag[data-variant="outline"] {
    box-shadow: inset 0 0 0 1px var(--ax-border-default);
    background: var(--ax-bg-moderate);
    color: var(--ax-text-default);
  }

  .aksel-tag[data-variant="moderate"] {
    background: var(--ax-bg-moderateA);
    color: var(--ax-text-default);
  }

  @media (forced-colors: active) {
    .aksel-tag[data-variant="moderate"] {
      box-shadow: inset 0 0 0 1px var(--ax-bg-strong);
      color: canvastext;
    }
  }

  .aksel-tag[data-variant="strong"] {
    background: var(--ax-bg-strong);
    color: var(--ax-text-contrast);
  }

  @media (forced-colors: active) {
    .aksel-tag[data-variant="strong"] {
      color: canvas;
    }
  }

  @media (forced-colors: active) {
    .aksel-tag {
      forced-color-adjust: none;
      color: canvastext;
    }
  }

  .aksel-tag--small {
    min-height: 1.5rem;
    padding: 0 var(--ax-space-6);
    --__axc-tag-icon-size: 1.25rem;
  }

  .aksel-tag--xsmall {
    min-height: 1.25rem;
    padding: 0 var(--ax-space-4);
    --__axc-tag-icon-size: 1rem;
    --__axc-tag-icon-margin: -1px;
  }

  .aksel-tag__icon--left {
    font-size: var(--__axc-tag-icon-size);
    margin-inline-start: var(--__axc-tag-icon-margin);
    display: flex;
  }

  .aksel-timeline {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    width: 100%;
    min-width: fit-content;
    display: grid;
    position: relative;
  }

  .aksel-timeline__axislabels {
    box-sizing: content-box;
    height: 1rem;
    margin-bottom: var(--ax-space-4);
    grid-column: 2;
    position: relative;
  }

  .aksel-timeline__row-label {
    white-space: nowrap;
    width: auto;
    margin-right: var(--ax-space-16);
    align-items: center;
    gap: var(--ax-space-8);
    grid-column: 1;
    min-height: 1.5rem;
    display: flex;
  }

  .aksel-timeline__row-label:where(:nth-last-child(2)) {
    align-self: flex-end;
  }

  .aksel-timeline__axislabels-label {
    color: var(--ax-text-neutral-subtle);
    white-space: nowrap;
    position: absolute;
    overflow-x: clip;
  }

  .aksel-timeline__row {
    background: var(--ax-bg-neutral-softA);
    margin: var(--ax-space-16) 0;
    grid-column: 2;
    display: flex;
  }

  .aksel-timeline__row:focus {
    outline: none;
  }

  @media (forced-colors: active) {
    .aksel-timeline__row:focus {
      outline-offset: -1px;
      outline: 1px solid highlight;
    }
  }

  .aksel-timeline__row--active {
    background: var(--ax-bg-accent-moderate);
  }

  .aksel-timeline__row:last-of-type {
    margin-bottom: 0;
  }

  .aksel-timeline__row-periods {
    width: 100%;
    min-height: 1.5rem;
    margin: 0;
    position: relative;
  }

  .aksel-timeline__row-periods > li {
    list-style-type: none;
  }

  .aksel-timeline__period:focus-visible {
    z-index: 4;
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
  }

  .aksel-timeline__period:focus-visible.aksel-timeline__period:focus-visible {
    box-shadow: 0 0 0 3px var(--ax-bg-default);
  }

  .aksel-timeline__period {
    border-radius: var(--ax-radius-full);
    z-index: 2;
    background: var(--ax-bg-moderate);
    border: solid 1px var(--ax-border-default);
    height: 100%;
    color: var(--ax-text-decoration);
    align-items: center;
    padding: 0;
    font-size: 1rem;
    display: flex;
    position: absolute;
    container-type: inline-size;
  }

  .aksel-timeline__period.aksel-timeline__period--clickable:hover {
    background: var(--ax-bg-moderate-hover);
    border-color: var(--ax-border-strong);
  }

  .aksel-timeline__period.aksel-timeline__period--clickable.aksel-timeline__period--selected {
    background: var(--ax-bg-strong-pressed);
    color: var(--ax-text-contrast);
    border: none;
  }

  .aksel-timeline__period--inner {
    margin: 0 clamp(var(--ax-space-4), 17cqi, var(--ax-space-8));
    white-space: nowrap;
    text-overflow: clip;
    text-align: left;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .aksel-timeline__period--inner svg {
    flex-shrink: 1;
  }

  @container not (min-inline-size: 1.4rem) {
    .aksel-timeline__period--inner {
      margin: 0 10cqi;
    }
  }

  .aksel-timeline__period--clickable {
    cursor: pointer;
  }

  .aksel-timeline__period--connected-both {
    border-radius: 0;
  }

  .aksel-timeline__period--connected-right {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .aksel-timeline__period--connected-left {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .aksel-timeline__pin-wrapper {
    z-index: 1;
    isolation: isolate;
    flex-direction: column-reverse;
    grid-column: 2;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
  }

  .aksel-timeline__pin-button {
    cursor: pointer;
    background: var(--ax-bg-default);
    box-shadow: inset 0 0 0 4px var(--ax-bg-danger-strong);
    z-index: 2;
    border-radius: var(--ax-radius-full);
    padding: var(--ax-space-8);
    border: none;
    position: relative;
  }

  .aksel-timeline__pin-button:before {
    content: "";
    border-radius: var(--ax-radius-full);
    width: 25px;
    height: 25px;
    position: absolute;
    inset: -9px 0 0 -9px;
  }

  .aksel-timeline__pin-button:hover {
    box-shadow: inset 0 0 0 4px var(--ax-bg-danger-strong-hover);
  }

  .aksel-timeline__pin-button:focus-visible {
    box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong),
      0 0 0 3px var(--ax-bg-default);
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
  }

  .aksel-timeline__pin-wrapper:before {
    content: "";
    background: var(--ax-border-neutral-strong);
    width: 1px;
    height: calc(100% - 2rem);
    margin: 0 auto;
    top: .9rem;
  }

  .aksel-timeline__zoom {
    margin-top: var(--ax-space-24);
    float: right;
    list-style-type: none;
    display: flex;
  }

  .aksel-timeline__zoom-button {
    all: unset;
    cursor: pointer;
    border: 1px solid var(--ax-border-neutral);
    background: var(--ax-bg-default);
    border-width: 1px 0 1px 1px;
    padding: 6px 9px 6px 8px;
  }

  .aksel-timeline__zoom li:first-child .aksel-timeline__zoom-button {
    border-radius: var(--ax-radius-4) 0 0 var(--ax-radius-4);
  }

  .aksel-timeline__zoom li:last-child .aksel-timeline__zoom-button {
    border-radius: 0 var(--ax-radius-4) var(--ax-radius-4) 0;
    border-width: 1px;
  }

  .aksel-timeline__zoom li:only-child .aksel-timeline__zoom-button {
    border-radius: var(--ax-radius-4);
  }

  .aksel-timeline__zoom-button:not([aria-pressed="true"]):hover {
    background: var(--ax-bg-neutral-moderate-hoverA);
  }

  .aksel-timeline__zoom-button[aria-pressed="true"] {
    background: var(--ax-bg-neutral-strong-pressed);
    border-color: var(--ax-bg-neutral-strong-pressed);
    color: var(--ax-text-neutral-contrast);
  }

  .aksel-timeline__zoom li:focus-within {
    z-index: 5;
  }

  .aksel-timeline__zoom-button:focus-visible {
    box-shadow: 0 0 0 1px var(--ax-bg-default),
    0 0 0 4px var(--ax-border-focus);
    border-width: 1px;
  }

  .aksel-timeline__zoom li:not(:last-child) .aksel-timeline__zoom-button:focus-visible {
    margin-right: 2px;
    padding-right: 6px;
  }

  .aksel-timeline__popover {
    z-index: 5;
    background-color: var(--ax-bg-raised);
    box-shadow: var(--ax-shadow-dialog);
    border: 1px solid;
    border-color: var(--ax-border-neutral-subtleA);
    border-radius: var(--ax-radius-8);
    padding: var(--ax-space-16) var(--ax-space-20);
  }

  .aksel-timeline__popover:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
  }

  @media (forced-colors: active) {
    .aksel-timeline__period:focus {
      outline-offset: 3px;
      outline: 3px solid highlight;
    }

    .aksel-timeline__period--success, .aksel-timeline__period--warning, .aksel-timeline__period--info, .aksel-timeline__period--neutral, .aksel-timeline__period--danger {
      forced-color-adjust: none;
    }

    .aksel-timeline__row, .aksel-timeline__pin-wrapper:before {
      border: 1px solid rgba(0, 0, 0, 0);
    }

    .aksel-timeline__pin-button {
      outline: 4px solid rgba(0, 0, 0, 0);
    }

    .aksel-timeline__pin-button:focus, .aksel-timeline__pin-button:focus-visible {
      outline-offset: 3px;
      box-shadow: none;
      outline: 4px solid highlight;
    }
  }

  .aksel-tooltip {
    z-index: 2147483647;
    background-color: var(--ax-bg-neutral-strong);
    color: var(--ax-text-neutral-contrast);
    border-radius: var(--ax-radius-4);
    padding: 0 var(--ax-space-6);
    text-align: center;
    box-shadow: var(--ax-shadow-dialog);
    border: 1px solid rgba(0, 0, 0, 0);
    flex-direction: column;
    align-items: center;
    animation-duration: .15s;
    animation-timing-function: cubic-bezier(.16, 1, .3, 1);
    display: flex;
  }

  .aksel-tooltip:focus {
    outline: 0;
  }

  .aksel-tooltip__arrow {
    z-index: -1;
    background-color: var(--ax-bg-neutral-strong);
    border-radius: 1px;
    width: .5rem;
    height: .5rem;
    position: absolute;
    transform: rotate(45deg);
  }

  @media (forced-colors: active) {
    .aksel-tooltip__arrow {
      display: none;
    }
  }

  .aksel-tooltip:where([data-state="open"]):where([data-side="bottom"]) {
    animation-name: aksel-tooltip-from-bottom, aksel-tooltip-fade-in;
  }

  .aksel-tooltip:where([data-state="open"]):where([data-side="top"]) {
    animation-name: aksel-tooltip-from-top, aksel-tooltip-fade-in;
  }

  .aksel-tooltip:where([data-state="open"]):where([data-side="left"]) {
    animation-name: aksel-tooltip-from-left, aksel-tooltip-fade-in;
  }

  .aksel-tooltip:where([data-state="open"]):where([data-side="right"]) {
    animation-name: aksel-tooltip-from-right, aksel-tooltip-fade-in;
  }

  @keyframes aksel-tooltip-from-bottom {
    from {
      transform: translateY(-4px);
    }

    to {
      transform: translateY(0);
    }
  }

  @keyframes aksel-tooltip-from-top {
    from {
      transform: translateY(4px);
    }

    to {
      transform: translateY(0);
    }
  }

  @keyframes aksel-tooltip-from-left {
    from {
      transform: translateX(4px);
    }

    to {
      transform: translateY(0);
    }
  }

  @keyframes aksel-tooltip-from-right {
    from {
      transform: translateX(-4px);
    }

    to {
      transform: translateY(0);
    }
  }

  @keyframes aksel-tooltip-fade-in {
    from {
      opacity: .01;
    }

    to {
      opacity: 1;
    }
  }

  .aksel-tooltip__keys {
    padding-bottom: var(--ax-space-4);
    gap: var(--ax-space-4);
    display: flex;
  }

  .aksel-tooltip__key {
    font-family: var(--ax-font-family);
    color: var(--ax-text-neutral);
    padding: 0 var(--ax-space-4);
    border-radius: var(--ax-radius-2);
    background: var(--ax-bg-neutral-moderate);
    justify-content: center;
    align-items: center;
    min-width: 1.125rem;
    height: 1.125rem;
    display: inline-flex;
  }

  @media (forced-colors: active) {
    .aksel-tooltip__key {
      outline: 1px solid;
    }
  }

  .aksel-toggle-group__wrapper {
    justify-items: start;
    gap: var(--ax-space-8);
    display: grid;
  }

  .aksel-toggle-group__wrapper--fill {
    justify-items: initial;
  }

  .aksel-toggle-group {
    border-radius: var(--ax-radius-8);
    background-color: var(--ax-bg-input);
    box-shadow: inset 0 0 0 1px var(--ax-border-neutral);
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    gap: 1px;
    display: inline-grid;
  }

  .aksel-toggle-group__button {
    padding: var(--ax-space-4) var(--ax-space-12);
    cursor: pointer;
    min-height: 3rem;
    color: var(--ax-text-neutral);
    border-radius: var(--ax-radius-8);
    background-color: rgba(0, 0, 0, 0);
    border: none;
    justify-content: center;
    align-items: center;
    min-width: fit-content;
    display: inline-flex;
    position: relative;
  }

  .aksel-toggle-group__button:hover {
    background-color: var(--ax-bg-moderate-hoverA);
    color: var(--ax-text-neutral);
  }

  .aksel-toggle-group__button:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
    z-index: 1;
  }

  .aksel-toggle-group__button[data-selected="true"] {
    background-color: var(--ax-bg-strong-pressed);
    color: var(--ax-text-contrast);
  }

  .aksel-toggle-group__button:not([data-selected="true"], :first-child, .aksel-toggle-group__button[data-selected="true"] + .aksel-toggle-group__button):before {
    content: "";
    background-color: var(--ax-border-neutral-subtleA);
    width: 1px;
    height: 50%;
    display: block;
    position: absolute;
    left: -1px;
  }

  .aksel-toggle-group__button-inner {
    align-items: center;
    gap: var(--ax-space-8);
    display: flex;
  }

  .aksel-toggle-group__button-inner > * {
    flex-shrink: 0;
  }

  .aksel-toggle-group__button-inner > svg {
    font-size: var(--ax-font-size-heading-medium);
  }

  .aksel-toggle-group--small .aksel-toggle-group__button {
    padding: var(--ax-space-2) var(--ax-space-12);
    min-height: 2rem;
  }

  .aksel-toggle-group--small .aksel-toggle-group__button-inner > svg {
    font-size: var(--ax-font-size-xlarge);
  }

  @media (forced-colors: active) {
    .aksel-toggle-group {
      border: 2px solid rgba(0, 0, 0, 0);
    }

    .aksel-toggle-group__button:hover {
      color: highlight;
      background-color: highlighttext;
      outline: 1px solid highlight;
    }

    .aksel-toggle-group__button[data-selected="true"] {
      color: selecteditemtext;
      forced-color-adjust: none;
      background-color: selecteditem;
    }

    .aksel-toggle-group__button:focus-visible {
      outline-color: highlight;
    }
  }

  .aksel-panel {
    background-color: var(--ax-bg-default);
    padding: var(--ax-space-16);
    border-radius: var(--ax-radius-2);
    border: 1px solid rgba(0, 0, 0, 0);
  }

  .aksel-panel--border {
    border-color: var(--ax-border-neutral);
  }

  .aksel-read-more {
    --__axc-read-more-icon-size: 1.5rem;
    --__axc-read-more-pi-start: 0px;
    --__axc-read-more-pi-end: var(--ax-space-4);
    --__axc-read-more-pb: var(--ax-space-4);
  }

  .aksel-read-more[data-variant="ghost"] {
    --__axc-read-more-radius: var(--ax-radius-4);
  }

  .aksel-read-more[data-variant="moderate"] {
    --__axc-read-more-radius: calc((var(--__axc-read-more-pb) * 2 + var(--ax-font-line-height-large)) / 2);
  }

  .aksel-read-more--large {
    --__axc-read-more-pb: var(--ax-space-12);
  }

  .aksel-read-more--large[data-variant="moderate"] {
    --__axc-read-more-pi-start: var(--ax-space-12);
    --__axc-read-more-pi-end: var(--ax-space-24);
  }

  .aksel-read-more--medium[data-variant="moderate"] {
    --__axc-read-more-pi-start: var(--ax-space-8);
    --__axc-read-more-pi-end: var(--ax-space-16);
  }

  .aksel-read-more--small {
    --__axc-read-more-icon-size: 1.25rem;
    --__axc-read-more-pb: var(--ax-space-2);
  }

  .aksel-read-more--small[data-variant="moderate"] {
    --__axc-read-more-pi-start: var(--ax-space-8);
    --__axc-read-more-pi-end: var(--ax-space-16);
    --__axc-read-more-radius: calc((var(--__axc-read-more-pb) * 2 + var(--ax-font-line-height-medium)) / 2);
  }

  .aksel-read-more__button {
    cursor: pointer;
    align-items: flex-start;
    gap: var(--ax-space-4);
    color: var(--ax-text-subtle);
    padding-inline: var(--__axc-read-more-pi-start) var(--__axc-read-more-pi-end);
    padding-block: var(--__axc-read-more-pb);
    text-align: start;
    border-radius: var(--__axc-read-more-radius);
    background: none;
    border: none;
    margin: 0;
    display: flex;
  }

  .aksel-read-more__button:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
  }

  .aksel-read-more[data-variant="ghost"] .aksel-read-more__button:hover {
    background-color: var(--ax-bg-neutral-moderate-hoverA);
  }

  .aksel-read-more[data-variant="moderate"] .aksel-read-more__button {
    background-color: var(--ax-bg-moderate);
  }

  .aksel-read-more[data-variant="moderate"] .aksel-read-more__button:hover {
    background-color: var(--ax-bg-moderate-hover);
    color: var(--ax-text-default);
  }

  .aksel-read-more__content {
    margin-top: var(--ax-space-8);
    border-left: 2px solid var(--ax-border-neutral-subtleA);
    color: var(--ax-text-neutral);
    margin-left: calc(var(--__axc-read-more-pi-start) + var(--__axc-read-more-icon-size) / 2 - 1px);
    padding-left: calc(var(--__axc-read-more-icon-size) / 2 - 1px + var(--ax-space-4));
  }

  .aksel-read-more[data-state="closed"] .aksel-read-more__content {
    display: none;
  }

  .aksel-read-more__expand-icon {
    font-size: var(--__axc-read-more-icon-size);
    flex-shrink: 0;
    transition: transform .1s ease-in-out;
  }

  .aksel-read-more[data-state="open"] .aksel-read-more__expand-icon {
    transform: rotateX(-180deg);
  }

  @media (forced-colors: active) {
    .aksel-read-more__button {
      color: buttontext;
      background-color: buttonface;
      border: 1px solid buttontext;
    }
  }

  .aksel-progress-bar {
    background: var(--ax-bg-neutral-moderateA);
    border-radius: var(--ax-radius-full);
    box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
    position: relative;
    overflow: hidden;
  }

  .aksel-progress-bar--small {
    min-width: .75rem;
    height: .75rem;
  }

  .aksel-progress-bar--medium {
    min-width: 1rem;
    height: 1rem;
  }

  .aksel-progress-bar--large {
    min-width: 1.5rem;
    height: 1.5rem;
  }

  .aksel-progress-bar__foreground {
    --__axc-progress-bar-translate: initial;
    transform: translateX(var(--__axc-progress-bar-translate));
    background: var(--ax-bg-strong);
    transform-origin: 0;
    border-radius: inherit;
    width: 100%;
    transition: transform .2s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .aksel-progress-bar__foreground--indeterminate {
    --__axc-progress-bar-simulated: initial;
    animation-name: aksel-progress-bar-indeterminate-grow, aksel-progress-bar-indeterminate;
    animation-timing-function: ease-in-out, ease-in-out;
    animation-duration: var(--__axc-progress-bar-simulated), 2.5s;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards, none;
    animation-delay: 0s, var(--__axc-progress-bar-simulated);
  }

  @keyframes aksel-progress-bar-indeterminate {
    0% {
      width: 50%;
      left: -50%;
      transform: translateX(0%);
    }

    50% {
      width: 50%;
      animation-direction: reverse;
      left: 100%;
      transform: translateX(0%);
    }

    100% {
      width: 50%;
      left: -50%;
      transform: translateX(0%);
    }
  }

  @keyframes aksel-progress-bar-indeterminate-grow {
    0% {
      transform: translateX(-100%);
    }

    20% {
      transform: translateX(-80%);
    }

    30% {
      transform: translateX(-40%);
    }

    50% {
      transform: translateX(-20%);
    }

    75% {
      transform: translateX(-10%);
    }

    100% {
      transform: translateX(-10%);
    }
  }

  @media (forced-colors: active) {
    .aksel-progress-bar__foreground {
      background: highlight;
    }

    .aksel-progress-bar {
      outline-offset: -1px;
      outline: 1px solid rgba(0, 0, 0, 0);
    }
  }

  .aksel-skeleton {
    background-color: var(--ax-bg-neutral-moderateA);
    pointer-events: none;
    height: 1.3em;
    animation: 2s cubic-bezier(.4, 0, .6, 1) infinite akselSkeletonAnimation;
  }

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

  .aksel-skeleton--has-children {
    color: rgba(0, 0, 0, 0);
  }

  .aksel-skeleton--has-children > * {
    visibility: hidden;
  }

  .aksel-skeleton--has-children.aksel-skeleton--no-height {
    height: auto;
  }

  .aksel-skeleton--has-children.aksel-skeleton--no-width {
    width: fit-content;
  }

  .aksel-skeleton--text {
    height: auto;
    clip-path: inset(20% 0 round var(--ax-radius-4));
  }

  .aksel-skeleton--text:empty:before {
    content: " ";
  }

  .aksel-skeleton--circle {
    border-radius: var(--ax-radius-full);
  }

  .aksel-skeleton--rectangle {
    border-radius: 0;
  }

  .aksel-skeleton--rounded {
    border-radius: var(--ax-radius-12);
  }

  @keyframes akselSkeletonAnimation {
    50% {
      opacity: .5;
    }
  }

  @media (forced-colors: active) {
    .aksel-skeleton {
      forced-color-adjust: none;
      opacity: .2;
      background-color: canvastext;
      animation-duration: 2s;
    }
  }

  .aksel-process {
    --__axc-process-circle-base: 2rem;
    --__axc-process-circle-large: var(--__axc-process-circle-base);
    --__axc-process-circle-small: 1rem;
    --__axc-process-circle-size: var(--__axc-process-circle-large);
    --__axc-process-border-width: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .aksel-process__event {
    grid-template-rows: [line-1] auto [step-start] var(--__axc-process-circle-size)
    [line-2 step-end] auto;
    grid-template-columns: var(--__axc-process-circle-base) auto;
    justify-items: flex-start;
    display: grid;
  }

  .aksel-process__event[data-dot="true"] {
    --__axc-process-circle-size: var(--__axc-process-circle-small);
    margin-block-start: calc((var(--__axc-process-circle-small) / 2) * -1);
  }

  .aksel-process__event[data-dot="true"] .aksel-process__line[data-position="start"] {
    margin-block-end: calc(var(--__axc-process-circle-size) / 2 * -1);
  }

  .aksel-process__event[data-dot="true"] .aksel-process__line[data-position="end"] {
    margin-block-start: calc(var(--__axc-process-circle-size) / 2);
  }

  .aksel-process__event[data-dot="true"] .aksel-process__bullet {
    --__axc-process-circle-size: var(--__axc-process-circle-small);
    margin-top: calc((var(--__axc-process-circle-large) - var(--__axc-process-circle-small)) / 2);
  }

  .aksel-process__line {
    border: calc(var(--__axc-process-border-width) / 2) solid;
    border-color: var(--ax-border-neutral-subtle);
    grid-column: 1;
    justify-self: center;
    width: 0;
    min-height: 2rem;
  }

  .aksel-process__line[data-position="start"] {
    grid-row: line-1;
  }

  .aksel-process__event[data-status="active"] .aksel-process__line[data-position="start"] {
    border-image: unset;
  }

  .aksel-process__event:first-of-type .aksel-process__line[data-position="start"] {
    border-start-start-radius: var(--ax-radius-4);
    border-start-end-radius: var(--ax-radius-4);
    min-height: 1.5rem;
  }

  .aksel-process__event:not(:first-of-type) .aksel-process__line[data-position="start"], .aksel-process:not([data-truncated="start"], [data-truncated="both"]) .aksel-process__line[data-position="start"] {
    display: none;
  }

  .aksel-process__line[data-position="end"] {
    grid-row: line-2;
  }

  .aksel-process:not([data-truncated="end"], [data-truncated="both"]) .aksel-process__event:last-of-type .aksel-process__line[data-position="end"] {
    display: none;
  }

  .aksel-process__event:last-of-type .aksel-process__line[data-position="end"] {
    border-end-end-radius: var(--ax-radius-4);
    border-end-start-radius: var(--ax-radius-4);
    min-height: 1.5rem;
  }

  .aksel-process__event[data-status="active"] .aksel-process__line {
    border-color: var(--ax-border-default);
    border-image: linear-gradient(to bottom, var(--ax-border-default) 50%, var(--ax-border-neutral-subtle) 90%);
    border-image-slice: 1;
  }

  .aksel-process__event[data-status="active"]:last-of-type .aksel-process__line {
    border-image: unset;
  }

  .aksel-process__event[data-status="completed"] .aksel-process__line {
    border-color: var(--ax-border-default);
  }

  .aksel-process__event:not([data-status="active"]) .aksel-process__line {
    border-image: unset;
  }

  .aksel-process__item {
    grid-area: 2 / 1 / -1 / -1;
    grid-template-columns: [bullet] var(--__axc-process-circle-base) [content] auto;
    gap: var(--ax-space-16);
    padding: var(--__axc-process-border-width);
    margin: calc(var(--__axc-process-border-width) * -1) calc(var(--__axc-process-border-width) * -1) var(--ax-space-16);
    justify-content: flex-start;
    width: 100%;
    display: grid;
  }

  .aksel-process__event:last-child .aksel-process__item {
    margin-bottom: 0;
  }

  .aksel-process__bullet {
    width: var(--__axc-process-circle-size);
    height: var(--__axc-process-circle-size);
    border-radius: var(--ax-radius-full);
    border: var(--__axc-process-border-width) solid;
    color: var(--ax-text-neutral-subtle);
    border-color: var(--ax-border-neutral-subtleA);
    grid-column: bullet;
    place-self: baseline center;
    place-items: center;
    line-height: 1;
    transition-property: background, border-color;
    transition-duration: 70ms;
    transition-timing-function: linear;
    display: inline-grid;
  }

  .aksel-process__bullet svg {
    height: min(calc(var(--__axc-process-circle-size) * .75), 1.5rem);
    width: min(calc(var(--__axc-process-circle-size) * .75), 1.5rem);
  }

  .aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
    color: var(--ax-text-contrast);
    background: var(--ax-bg-strong);
    border-color: rgba(0, 0, 0, 0);
  }

  .aksel-process__event[data-status="active"] .aksel-process__bullet {
    z-index: 1;
    box-shadow: 0 0 0 2px var(--ax-bg-default);
    outline: 2px solid var(--ax-bg-strong);
    outline-offset: 2px;
  }

  .aksel-process__event[data-status="uncompleted"] .aksel-process__bullet {
    transition: none;
  }

  .aksel-process__body {
    grid-column: content;
  }

  .aksel-process__title {
    padding-block: .16rem var(--ax-space-4);
  }

  .aksel-process__event[data-status="active"] .aksel-process__title:has( + .aksel-process__active-label) {
    padding-block-end: 0;
  }

  .aksel-process__active-label {
    margin-block: 0 var(--ax-space-4);
    color: var(--ax-text-subtle);
  }

  .aksel-process__active-label:last-of-type {
    margin-block-end: 0;
  }

  @media (forced-colors: active) {
    .aksel-process__bullet {
      transition: none;
    }

    .aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
      color: buttonface;
      forced-color-adjust: none;
      background-color: buttontext;
      outline-color: buttontext;
    }

    .aksel-process__event[data-status="active"] .aksel-process__bullet {
      box-shadow: 0 0 0 2px canvas;
    }

    .aksel-process__event[data-status="active"] .aksel-process__line {
      border-image: unset;
    }
  }

  .aksel-stepper {
    --__axc-stepper-circle-size: 2rem;
    --__axc-stepper-border-width: 2px;
    --__axc-stepper-line-length: 1rem;
    color: var(--ax-text-subtle);
    font-weight: var(--ax-font-weight-bold);
    margin: 0;
    padding-left: 0;
    line-height: 1;
    list-style: none;
  }

  .aksel-stepper__item {
    grid-template-rows: [line-1] auto [step-start] var(--__axc-stepper-circle-size)
    [line-2 step-end] auto;
    grid-template-columns: var(--__axc-stepper-circle-size) auto;
    justify-items: flex-start;
    gap: var(--ax-space-8);
    display: grid;
  }

  .aksel-stepper__line {
    background-color: var(--ax-border-default);
    width: var(--__axc-stepper-border-width);
    height: 100%;
    min-height: var(--__axc-stepper-line-length);
    grid-column: 1;
    justify-self: center;
  }

  .aksel-stepper__item[data-interactive="false"] .aksel-stepper__line {
    background-color: var(--ax-border-neutral-strong);
  }

  .aksel-stepper__item:has( + .aksel-stepper__item > .aksel-stepper__step[data-interactive="false"]) .aksel-stepper__line--2 {
    background-color: var(--ax-border-neutral-strong);
  }

  .aksel-stepper__line--1 {
    grid-row: line-1;
    display: none;
  }

  .aksel-stepper__line--2 {
    grid-row: line-2;
  }

  .aksel-stepper__item:last-of-type .aksel-stepper__line--2 {
    display: none;
  }

  .aksel-stepper__step {
    grid-area: 2 / 1 / -1 / -1;
    grid-template-columns: [circle] var(--__axc-stepper-circle-size) [content] auto;
    gap: var(--ax-space-8);
    cursor: pointer;
    padding: var(--__axc-stepper-border-width);
    margin: calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1)
    var(--__axc-stepper-circle-size);
    justify-content: flex-start;
    width: 100%;
    display: grid;
  }

  .aksel-stepper__step:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: 3px;
    isolation: isolate;
  }

  .aksel-stepper__item:last-child .aksel-stepper__step {
    margin-bottom: 0;
  }

  .aksel-stepper__step:is(button) {
    appearance: none;
    font: inherit;
    color: inherit;
    text-align: inherit;
    background-color: rgba(0, 0, 0, 0);
    border: none;
  }

  .aksel-stepper__circle {
    width: var(--__axc-stepper-circle-size);
    height: var(--__axc-stepper-circle-size);
    border: var(--__axc-stepper-border-width) solid currentColor;
    border-radius: var(--ax-radius-full);
    grid-column: circle;
    place-content: center;
    place-items: center;
    line-height: 1;
    display: inline-grid;
  }

  .aksel-stepper__circle--success {
    font-size: calc(var(--__axc-stepper-circle-size) * .75);
    background: none;
  }

  .aksel-stepper__step[data-interactive="true"] {
    color: var(--ax-text-subtle);
    border-radius: var(--ax-radius-4);
    text-decoration: none;
  }

  .aksel-stepper__step[data-interactive="true"] .aksel-stepper__content {
    text-underline-offset: .1em;
    text-decoration: underline;
    text-decoration-thickness: .05em;
  }

  :is(.aksel-stepper__step[data-interactive="true"]:hover, .aksel-stepper__step[data-interactive="true"]:active) .aksel-stepper__content {
    text-decoration-thickness: .111em;
  }

  .aksel-stepper__step[data-interactive="true"] .aksel-stepper__circle {
    color: var(--ax-text-subtle);
    border-color: var(--ax-border-strong);
  }

  .aksel-stepper__step[data-interactive="true"][data-active="true"] .aksel-stepper__content {
    text-decoration: none;
  }

  .aksel-stepper__step[data-interactive="true"][data-active="true"] .aksel-stepper__circle {
    color: var(--ax-text-contrast);
    background-color: var(--ax-bg-strong-pressed);
    border-color: var(--ax-bg-strong-pressed);
  }

  .aksel-stepper__step[data-interactive="true"][data-active="false"]:hover .aksel-stepper__circle {
    background-color: var(--ax-bg-moderate-hoverA);
    border-color: var(--ax-border-strong);
  }

  .aksel-stepper__step[data-interactive="false"] {
    color: var(--ax-text-neutral-subtle);
    cursor: default;
  }

  .aksel-stepper__step[data-interactive="false"] .aksel-stepper__circle {
    border-color: var(--ax-border-neutral-strong);
  }

  .aksel-stepper__step[data-interactive="false"][data-active="true"] .aksel-stepper__circle {
    color: var(--ax-text-neutral-contrast);
    background-color: var(--ax-bg-neutral-strong-pressed);
    border-color: var(--ax-bg-neutral-strong-pressed);
  }

  .aksel-stepper__content {
    grid-column: content;
    min-width: fit-content;
    padding-top: .16rem;
    line-height: 1.5;
  }

  .aksel-stepper[data-orientation="horizontal"] {
    text-align: center;
    align-items: flex-start;
    display: flex;
  }

  .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__line {
    height: var(--__axc-stepper-border-width);
    grid-row: 1;
    align-self: center;
    width: 100%;
    min-height: auto;
    display: block;
  }

  .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__line--1 {
    grid-column: line-1;
  }

  .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__line--2 {
    grid-column: line-2;
  }

  .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item {
    grid-template-columns: [line-1-start] 1fr [step-start] auto [line-1-end] var(--__axc-stepper-circle-size)
      [line-2-start] auto [step-end] 1fr [line-2-end];
    grid-template-rows: var(--__axc-stepper-circle-size) auto;
    flex: 100%;
  }

  .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:first-of-type .aksel-stepper__line--1, .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:last-of-type .aksel-stepper__line--2 {
    visibility: hidden;
  }

  .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__step {
    grid-area: 1 / step / -1;
    grid-template-rows: [circle] var(--__axc-stepper-circle-size) [content] auto;
    grid-template-columns: [content-start] auto [circle] var(--__axc-stepper-circle-size)
      [content-end] auto;
    place-items: center;
    margin-bottom: 0;
    display: grid;
  }

  .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__circle {
    grid-area: circle / 2;
  }

  .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__content {
    grid-area: content / 1 / content / -1;
    max-width: 24ch;
  }

  @media (forced-colors: active) {
    .aksel-stepper__circle.aksel-stepper__circle {
      outline-offset: 2px;
      border: 0;
      outline: 2px solid buttontext;
    }

    .aksel-stepper__line.aksel-stepper__line {
      background-color: buttontext;
    }

    .aksel-stepper__step[data-active="true"][data-interactive] .aksel-stepper__circle {
      forced-color-adjust: none;
      color: highlighttext;
      background-color: highlight;
    }
  }

  .aksel-table {
    border-collapse: collapse;
    width: 100%;
    display: table;
  }

  .aksel-table.aksel-table--sticky-header {
    border-collapse: separate;
    border-spacing: 0;
  }

  .aksel-table__header {
    display: table-header-group;
  }

  .aksel-table--sticky-header .aksel-table__header {
    z-index: 10;
    background-color: var(--ax-bg-default);
    box-sizing: border-box;
    position: sticky;
    top: 0;
  }

  .aksel-table__body {
    display: table-row-group;
  }

  .aksel-table__body .aksel-table__row--shade-on-hover:hover {
    background-color: var(--ax-bg-neutral-moderate-hoverA);
    transition: background-color 70ms cubic-bezier(.2, 0, 0, 1);
  }

  .aksel-table__body .aksel-table__row--shade-on-hover.aksel-table__row--selected:hover {
    background-color: var(--ax-bg-moderate-hoverA);
  }

  .aksel-table__row {
    display: table-row;
  }

  .aksel-table__row:has( + .aksel-table__row--selected) :is(.aksel-table__header-cell, .aksel-table__data-cell) {
    border-color: var(--ax-border-default);
  }

  .aksel-table__row[data-interactive="true"]:hover {
    cursor: pointer;
  }

  .aksel-table__row--selected {
    background-color: var(--ax-bg-softA);
    box-shadow: inset 1px 0 0 0 var(--ax-border-default),
    inset -1px 0 0 0 var(--ax-border-default);
  }

  .aksel-table__row--selected:first-of-type {
    box-shadow: inset 1px 0 0 0 var(--ax-border-default),
      inset -1px 0 0 0 var(--ax-border-default),
      inset 0 1px 0 0 var(--ax-border-default);
  }

  .aksel-table__row--selected + .aksel-table__expanded-row {
    background-color: var(--ax-bg-softA);
    box-shadow: inset 1px 0 0 0 var(--ax-border-default),
      inset -1px 0 0 0 var(--ax-border-default);
  }

  .aksel-table__row--selected + .aksel-table__expanded-row .aksel-table__expanded-row-collapse {
    border-color: var(--ax-border-default);
  }

  .aksel-table__row--selected :is(.aksel-table__header-cell, .aksel-table__data-cell) {
    border-color: var(--ax-border-default);
  }

  .aksel-table__row--selected.aksel-table__expandable-row--open :is(.aksel-table__header-cell, .aksel-table__data-cell) {
    border-color: rgba(0, 0, 0, 0);
  }

  .aksel-table--zebra-stripes .aksel-table__body :where(.aksel-table__row:nth-child(odd):not(.aksel-table__row--selected)) {
    background-color: var(--ax-bg-neutral-softA);
  }

  .aksel-table--zebra-stripes .aksel-table__body :where(.aksel-table__expandable-row:nth-child(4n+1):not(.aksel-table__row--selected)) {
    background-color: rgba(0, 0, 0, 0);
  }

  .aksel-table--zebra-stripes .aksel-table__body .aksel-table__expanded-row:nth-child(4n) {
    background-color: var(--ax-bg-neutral-softA);
  }

  .aksel-table--zebra-stripes .aksel-table__row--selected + .aksel-table__expanded-row:nth-child(4n) {
    background-color: var(--ax-bg-softA);
  }

  .aksel-table__header-cell, .aksel-table__data-cell {
    padding: var(--ax-space-12) var(--ax-space-8);
    border-bottom: 1px solid var(--ax-border-neutral-subtleA);
    text-align: left;
    display: table-cell;
  }

  .aksel-table__header .aksel-table__header-cell, .aksel-table__header .aksel-table__data-cell {
    border-bottom-width: 2px;
  }

  .aksel-table__header-cell--align-right, .aksel-table__data-cell--align-right {
    text-align: right;
  }

  .aksel-table__header-cell--align-center, .aksel-table__data-cell--align-center {
    text-align: center;
  }

  :where(.aksel-table__expandable-row--open:hover) .aksel-table__data-cell {
    border-bottom-color: rgba(0, 0, 0, 0);
  }

  .aksel-table--large .aksel-table__header-cell, .aksel-table--large .aksel-table__data-cell {
    padding: var(--ax-space-16) var(--ax-space-8);
  }

  .aksel-table--small .aksel-table__header-cell, .aksel-table--small .aksel-table__data-cell {
    padding: var(--ax-space-4) var(--ax-space-8);
  }

  .aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox {
    padding: 0;
  }

  .aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox:focus-within:after {
    inset: 0;
  }

  .aksel-table__header-cell[aria-sort] {
    padding: 0;
  }

  .aksel-table__sort-button {
    appearance: none;
    color: var(--ax-text-subtle);
    cursor: pointer;
    padding: var(--ax-space-16) var(--ax-space-12);
    gap: var(--ax-space-4);
    width: 100%;
    line-height: inherit;
    font-weight: inherit;
    background: none;
    border: none;
    align-items: center;
    margin: 0;
    display: flex;
  }

  .aksel-table--small .aksel-table__sort-button {
    padding: var(--ax-space-8) var(--ax-space-12);
  }

  .aksel-table__sort-button:hover {
    background-color: var(--ax-bg-neutral-moderate-hoverA);
  }

  .aksel-table__sort-button:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: -5px;
  }

  .aksel-table__header-cell[aria-sort="ascending"] .aksel-table__sort-button, .aksel-table__header-cell[aria-sort="descending"] .aksel-table__sort-button {
    background-color: var(--ax-bg-moderate-pressedA);
    color: var(--ax-text-default);
  }

  .aksel-table__header-cell--align-right .aksel-table__sort-button {
    justify-content: flex-end;
  }

  .aksel-table__header-cell--align-center .aksel-table__sort-button {
    justify-content: center;
  }

  .aksel-table__sort-button svg {
    flex-shrink: 0;
    font-size: 1.5rem;
  }

  .aksel-table__expandable-row:not(.aksel-table__expandable-row--open) :where(.aksel-table__data-cell, .aksel-table__header-cell) {
    transition: border-bottom-color .15s cubic-bezier(.95, .05, .8, .04);
  }

  .aksel-table__expandable-row.aksel-table__expandable-row--clickable:not(.aksel-table__expandable-row--expansion-disabled):hover {
    cursor: pointer;
  }

  .aksel-table__expandable-row--open :where(.aksel-table__data-cell, .aksel-table__header-cell) {
    border-bottom-color: rgba(0, 0, 0, 0);
  }

  .aksel-table__expandable-row--open .aksel-table__toggle-expand-cell--open {
    border-color: rgba(0, 0, 0, 0);
  }

  .aksel-table__toggle-expand-cell {
    width: 3rem;
    padding: 0;
  }

  .aksel-table--large .aksel-table__toggle-expand-cell {
    padding: 0 var(--ax-space-8);
  }

  .aksel-table--small .aksel-table__toggle-expand-cell {
    padding: var(--ax-space-4) var(--ax-space-8);
  }

  .aksel-table__toggle-expand-button {
    cursor: pointer;
    border-radius: var(--ax-radius-4);
    background: none;
    border: none;
    place-content: center;
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    font-size: 1.5rem;
    transition: background-color 70ms cubic-bezier(.2, 0, 0, 1);
    display: grid;
  }

  .aksel-table__expandable-icon {
    transition: transform .25s cubic-bezier(.2, 0, 0, 1);
  }

  .aksel-table__expandable-row:not(.aksel-table__expandable-row--expansion-disabled) .aksel-table__toggle-expand-cell:hover {
    cursor: pointer;
  }

  .aksel-table__toggle-expand-button:hover, .aksel-table__toggle-expand-cell:hover > .aksel-table__toggle-expand-button, .aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button {
    background-color: var(--ax-bg-neutral-moderate-hoverA);
  }

  .aksel-table__row--selected :is(.aksel-table__toggle-expand-button:hover, .aksel-table__toggle-expand-cell:hover > .aksel-table__toggle-expand-button, .aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button) {
    background-color: var(--ax-bg-moderate-hoverA);
  }

  .aksel-table__toggle-expand-cell--open > :where(.aksel-table__toggle-expand-button) :where(.aksel-table__expandable-icon) {
    transform: rotateX(180deg);
  }

  .aksel-table__toggle-expand-button:focus-visible {
    outline: 3px solid var(--ax-border-focus);
  }

  .aksel-table__expanded-row-cell {
    padding: 0;
  }

  .aksel-table__expanded-row-cell:empty {
    display: none;
  }

  .aksel-table__expanded-row-collapse:not([style*="height: 0px;"]), .aksel-table__expanded-row-collapse[style*="transition:"] {
    border-bottom: 1px solid var(--ax-border-neutral-subtleA);
  }

  .aksel-table__expandable-row:has( + .aksel-table__expanded-row[data-state="closed"] + .aksel-table__row--selected) > :is(th, td) {
    border-color: var(--ax-border-default);
  }

  .aksel-table__expanded-row:has( + .aksel-table__row--selected) .aksel-table__expanded-row-collapse {
    border-color: var(--ax-border-default);
  }

  .aksel-table__expanded-row-content {
    --__axc-table-expanded-row-pi: calc(var(--ax-space-8) + 3rem);
    padding-block: var(--ax-space-16);
  }

  .aksel-table--small .aksel-table__expanded-row-content {
    padding-block: var(--ax-space-8);
  }

  .aksel-table__expanded-row-content--gutter-both {
    padding-inline: var(--__axc-table-expanded-row-pi);
  }

  .aksel-table__expanded-row-content--gutter-left {
    padding-inline: var(--__axc-table-expanded-row-pi) var(--ax-space-8);
  }

  .aksel-table__expanded-row-content--gutter-right {
    padding-inline: var(--ax-space-8) var(--__axc-table-expanded-row-pi);
  }

  .aksel-table__expanded-row-content--gutter-none {
    padding-inline: var(--ax-space-8);
  }

  .aksel-tabs__tablist-wrapper {
    box-shadow: inset 0 -1px var(--ax-border-neutral-subtleA);
    width: 100%;
    display: flex;
  }

  .aksel-tabs__tablist {
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100%;
    max-width: 100%;
    display: flex;
    overflow-x: scroll;
  }

  .aksel-tabs__tablist::-webkit-scrollbar {
    display: none;
  }

  .aksel-tabs__scroll-button {
    padding: var(--ax-space-12) var(--ax-space-16);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    display: flex;
  }

  .aksel-tabs__scroll-button svg {
    flex-shrink: 0;
    font-size: 1.25rem;
  }

  .aksel-tabs--small .aksel-tabs__scroll-button {
    padding: var(--ax-space-6) var(--ax-space-16);
    width: 2rem;
  }

  .aksel-tabs__scroll-button--hidden {
    visibility: hidden;
  }

  .aksel-tabs__tab {
    min-height: 3rem;
    padding: var(--ax-space-12) var(--ax-space-16);
    color: var(--ax-text-neutral);
    cursor: pointer;
    --__axc-tabs-line-width: 0;
    --__axc-tabs-line-color: var(--ax-border-neutral-subtleA);
    box-shadow: inset 0 var(--__axc-tabs-line-width) var(--__axc-tabs-line-color);
    background: none;
    border: none;
    justify-content: center;
    align-items: center;
    transition: box-shadow .2s cubic-bezier(.2, 0, 0, 1);
    display: inline-flex;
  }

  .aksel-tabs__tab:hover {
    --__axc-tabs-line-width: -4px;
  }

  .aksel-tabs__tab[data-state="active"] {
    --__axc-tabs-line-width: -4px;
    --__axc-tabs-line-color: var(--ax-border-strong);
  }

  .aksel-tabs__tab:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: -3px;
  }

  .aksel-tabs__tab-inner {
    align-items: center;
    gap: var(--ax-space-4);
    display: flex;
  }

  .aksel-tabs__tab-inner > * {
    display: inline-flex;
  }

  .aksel-tabs__tab-inner svg {
    flex-shrink: 0;
  }

  .aksel-tabs__tab-icon--top > .aksel-tabs__tab-inner {
    flex-direction: column;
    gap: 0;
  }

  .aksel-tabs__tab--small {
    min-height: 2rem;
    padding: var(--ax-space-6) var(--ax-space-16);
  }

  .aksel-tabs__tab-icon--top, .aksel-tabs__tab--small.aksel-tabs__tab-icon--top {
    padding: var(--ax-space-4) var(--ax-space-16);
  }

  .aksel-tabs__tab svg, .aksel-tabs__tab--small.aksel-tabs__tab--icon-only svg, .aksel-tabs__tab--small.aksel-tabs__tab-icon--top svg {
    font-size: 1.25rem;
  }

  .aksel-tabs__tab--small svg {
    font-size: 1rem;
  }

  :is(.aksel-tabs__tab--icon-only, .aksel-tabs__tab-icon--top) svg {
    font-size: 1.5rem;
  }

  .aksel-tabs__tab--fill {
    flex: 100%;
  }

  .aksel-tabs__tabpanel:focus-visible {
    outline: 3px solid var(--ax-border-focus);
    outline-offset: -3px;
  }

  @media (forced-colors: active) {
    .aksel-tabs__tab[data-state="active"] {
      border-bottom: 3px solid canvastext;
      padding-block-end: calc(var(--ax-space-12) - 3px);
    }

    .aksel-tabs__tab--small[data-state="active"] {
      padding-block-end: calc(var(--ax-space-6) - 3px);
    }

    .aksel-tabs__tab-icon--top[data-state="active"], .aksel-tabs__tab--small.aksel-tabs__tab-icon--top[data-state="active"] {
      padding-block-end: calc(var(--ax-space-4) - 3px);
    }
  }

  .aksel-list ul, .aksel-list ol {
    margin: 0;
    padding: 0;
  }

  .aksel-list .aksel-list :where(ul, ol) {
    margin-block: var(--ax-space-8) 0;
  }

  .aksel-list ol {
    padding-left: 1.7rem;
    list-style: decimal;
  }

  .aksel-list ol > .aksel-list__item {
    padding-left: .3rem;
  }

  .aksel-list ol li::marker {
    font-weight: var(--ax-font-weight-bold);
  }

  .aksel-list ul > .aksel-list__item {
    gap: var(--ax-space-8);
    grid-template-columns: auto 1fr;
    display: grid;
  }

  .aksel-list ul > li > .aksel-list__item-marker {
    height: var(--ax-font-line-height-xlarge);
    align-items: center;
    display: flex;
  }

  @supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none) {
    .aksel-list ol {
      padding-left: 2.1rem;
    }

    .aksel-list ol .aksel-list__item {
      padding-left: 0;
    }
  }

  .aksel-list__item {
    margin-block-end: var(--ax-space-8);
  }

  .aksel-list__item:last-child {
    margin-block-end: 0;
  }

  .aksel-list__item-marker {
    width: 1.5rem;
  }

  .aksel-list--small ul > li > .aksel-list__item-marker {
    height: var(--ax-font-line-height-large);
  }

  .aksel-list__item-marker--bullet {
    padding-left: .8rem;
  }

  .aksel-list__item-marker--bullet > svg {
    width: .375rem;
    height: .375rem;
  }

  .aksel-list__item-marker--icon {
    justify-content: center;
    font-size: 1.5rem;
  }
}

@layer aksel.layout {
  .aksel-r-p {
    --__axc-r-p-xs: initial;
    --__axc-r-p-sm: var(--__axc-r-p-xs);
    --__axc-r-p-md: var(--__axc-r-p-sm);
    --__axc-r-p-lg: var(--__axc-r-p-md);
    --__axc-r-p-xl: var(--__axc-r-p-lg);
    --__axc-r-p-2xl: var(--__axc-r-p-xl);
    --__axc-r-padding: var(--__axc-r-p-xs);
    padding: var(--__axc-r-padding);
  }

  .aksel-r-pi {
    --__axc-r-pi-xs: initial;
    --__axc-r-pi-sm: var(--__axc-r-pi-xs);
    --__axc-r-pi-md: var(--__axc-r-pi-sm);
    --__axc-r-pi-lg: var(--__axc-r-pi-md);
    --__axc-r-pi-xl: var(--__axc-r-pi-lg);
    --__axc-r-pi-2xl: var(--__axc-r-pi-xl);
    --__axc-r-pi: var(--__axc-r-pi-xs);
    padding-inline: var(--__axc-r-pi, var(--__axc-r-padding));
  }

  .aksel-r-pb {
    --__axc-r-pb-xs: initial;
    --__axc-r-pb-sm: var(--__axc-r-pb-xs);
    --__axc-r-pb-md: var(--__axc-r-pb-sm);
    --__axc-r-pb-lg: var(--__axc-r-pb-md);
    --__axc-r-pb-xl: var(--__axc-r-pb-lg);
    --__axc-r-pb-2xl: var(--__axc-r-pb-xl);
    --__axc-r-pb: var(--__axc-r-pb-xs);
    padding-block: var(--__axc-r-pb, var(--__axc-r-padding));
  }

  .aksel-r-m {
    --__axc-r-m-xs: initial;
    --__axc-r-m-sm: var(--__axc-r-m-xs);
    --__axc-r-m-md: var(--__axc-r-m-sm);
    --__axc-r-m-lg: var(--__axc-r-m-md);
    --__axc-r-m-xl: var(--__axc-r-m-lg);
    --__axc-r-m-2xl: var(--__axc-r-m-xl);
    --__axc-r-margin: var(--__axc-r-m-xs);
    margin: var(--__axc-r-margin);
  }

  .aksel-r-mi {
    --__axc-r-mi-xs: initial;
    --__axc-r-mi-sm: var(--__axc-r-mi-xs);
    --__axc-r-mi-md: var(--__axc-r-mi-sm);
    --__axc-r-mi-lg: var(--__axc-r-mi-md);
    --__axc-r-mi-xl: var(--__axc-r-mi-lg);
    --__axc-r-mi-2xl: var(--__axc-r-mi-xl);
    --__axc-r-mi: var(--__axc-r-mi-xs);
    margin-inline: var(--__axc-r-mi, var(--__axc-r-margin));
  }

  .aksel-r-mb {
    --__axc-r-mb-xs: initial;
    --__axc-r-mb-sm: var(--__axc-r-mb-xs);
    --__axc-r-mb-md: var(--__axc-r-mb-sm);
    --__axc-r-mb-lg: var(--__axc-r-mb-md);
    --__axc-r-mb-xl: var(--__axc-r-mb-lg);
    --__axc-r-mb-2xl: var(--__axc-r-mb-xl);
    --__axc-r-mb: var(--__axc-r-mb-xs);
    margin-block: var(--__axc-r-mb, var(--__axc-r-margin));
  }

  .aksel-r-w {
    --__axc-r-w-xs: initial;
    --__axc-r-w-sm: var(--__axc-r-w-xs);
    --__axc-r-w-md: var(--__axc-r-w-sm);
    --__axc-r-w-lg: var(--__axc-r-w-md);
    --__axc-r-w-xl: var(--__axc-r-w-lg);
    --__axc-r-w-2xl: var(--__axc-r-w-xl);
    --__axc-r-w: var(--__axc-r-w-xs);
    width: var(--__axc-r-w);
  }

  .aksel-r-minw {
    --__axc-r-minw-xs: initial;
    --__axc-r-minw-sm: var(--__axc-r-minw-xs);
    --__axc-r-minw-md: var(--__axc-r-minw-sm);
    --__axc-r-minw-lg: var(--__axc-r-minw-md);
    --__axc-r-minw-xl: var(--__axc-r-minw-lg);
    --__axc-r-minw-2xl: var(--__axc-r-minw-xl);
    --__axc-r-minw: var(--__axc-r-minw-xs);
    min-width: var(--__axc-r-minw);
  }

  .aksel-r-maxw {
    --__axc-r-maxw-xs: initial;
    --__axc-r-maxw-sm: var(--__axc-r-maxw-xs);
    --__axc-r-maxw-md: var(--__axc-r-maxw-sm);
    --__axc-r-maxw-lg: var(--__axc-r-maxw-md);
    --__axc-r-maxw-xl: var(--__axc-r-maxw-lg);
    --__axc-r-maxw-2xl: var(--__axc-r-maxw-xl);
    --__axc-r-maxw: var(--__axc-r-maxw-xs);
    max-width: var(--__axc-r-maxw);
  }

  .aksel-r-h {
    --__axc-r-h-xs: initial;
    --__axc-r-h-sm: var(--__axc-r-h-xs);
    --__axc-r-h-md: var(--__axc-r-h-sm);
    --__axc-r-h-lg: var(--__axc-r-h-md);
    --__axc-r-h-xl: var(--__axc-r-h-lg);
    --__axc-r-h-2xl: var(--__axc-r-h-xl);
    --__axc-r-h: var(--__axc-r-h-xs);
    height: var(--__axc-r-h);
  }

  .aksel-r-minh {
    --__axc-r-minh-xs: initial;
    --__axc-r-minh-sm: var(--__axc-r-minh-xs);
    --__axc-r-minh-md: var(--__axc-r-minh-sm);
    --__axc-r-minh-lg: var(--__axc-r-minh-md);
    --__axc-r-minh-xl: var(--__axc-r-minh-lg);
    --__axc-r-minh-2xl: var(--__axc-r-minh-xl);
    --__axc-r-minh: var(--__axc-r-minh-xs);
    min-height: var(--__axc-r-minh);
  }

  .aksel-r-maxh {
    --__axc-r-maxh-xs: initial;
    --__axc-r-maxh-sm: var(--__axc-r-maxh-xs);
    --__axc-r-maxh-md: var(--__axc-r-maxh-sm);
    --__axc-r-maxh-lg: var(--__axc-r-maxh-md);
    --__axc-r-maxh-xl: var(--__axc-r-maxh-lg);
    --__axc-r-maxh-2xl: var(--__axc-r-maxh-xl);
    --__axc-r-maxh: var(--__axc-r-maxh-xs);
    max-height: var(--__axc-r-maxh);
  }

  .aksel-r-position {
    --__axc-r-position-xs: initial;
    --__axc-r-position-sm: var(--__axc-r-position-xs);
    --__axc-r-position-md: var(--__axc-r-position-sm);
    --__axc-r-position-lg: var(--__axc-r-position-md);
    --__axc-r-position-xl: var(--__axc-r-position-lg);
    --__axc-r-position-2xl: var(--__axc-r-position-xl);
    --__axc-r-position: var(--__axc-r-position-xs);
    position: var(--__axc-r-position);
  }

  .aksel-r-inset {
    --__axc-r-inset-xs: initial;
    --__axc-r-inset-sm: var(--__axc-r-inset-xs);
    --__axc-r-inset-md: var(--__axc-r-inset-sm);
    --__axc-r-inset-lg: var(--__axc-r-inset-md);
    --__axc-r-inset-xl: var(--__axc-r-inset-lg);
    --__axc-r-inset-2xl: var(--__axc-r-inset-xl);
    --__axc-r-inset: var(--__axc-r-inset-xs);
    inset: var(--__axc-r-inset);
  }

  .aksel-r-top {
    --__axc-r-top-xs: initial;
    --__axc-r-top-sm: var(--__axc-r-top-xs);
    --__axc-r-top-md: var(--__axc-r-top-sm);
    --__axc-r-top-lg: var(--__axc-r-top-md);
    --__axc-r-top-xl: var(--__axc-r-top-lg);
    --__axc-r-top-2xl: var(--__axc-r-top-xl);
    --__axc-r-top: var(--__axc-r-top-xs);
    top: var(--__axc-r-top);
  }

  .aksel-r-right {
    --__axc-r-right-xs: initial;
    --__axc-r-right-sm: var(--__axc-r-right-xs);
    --__axc-r-right-md: var(--__axc-r-right-sm);
    --__axc-r-right-lg: var(--__axc-r-right-md);
    --__axc-r-right-xl: var(--__axc-r-right-lg);
    --__axc-r-right-2xl: var(--__axc-r-right-xl);
    --__axc-r-right: var(--__axc-r-right-xs);
    right: var(--__axc-r-right);
  }

  .aksel-r-bottom {
    --__axc-r-bottom-xs: initial;
    --__axc-r-bottom-sm: var(--__axc-r-bottom-xs);
    --__axc-r-bottom-md: var(--__axc-r-bottom-sm);
    --__axc-r-bottom-lg: var(--__axc-r-bottom-md);
    --__axc-r-bottom-xl: var(--__axc-r-bottom-lg);
    --__axc-r-bottom-2xl: var(--__axc-r-bottom-xl);
    --__axc-r-bottom: var(--__axc-r-bottom-xs);
    bottom: var(--__axc-r-bottom);
  }

  .aksel-r-left {
    --__axc-r-left-xs: initial;
    --__axc-r-left-sm: var(--__axc-r-left-xs);
    --__axc-r-left-md: var(--__axc-r-left-sm);
    --__axc-r-left-lg: var(--__axc-r-left-md);
    --__axc-r-left-xl: var(--__axc-r-left-lg);
    --__axc-r-left-2xl: var(--__axc-r-left-xl);
    --__axc-r-left: var(--__axc-r-left-xs);
    left: var(--__axc-r-left);
  }

  .aksel-r-overflow {
    --__axc-r-overflow-xs: initial;
    --__axc-r-overflow-sm: var(--__axc-r-overflow-xs);
    --__axc-r-overflow-md: var(--__axc-r-overflow-sm);
    --__axc-r-overflow-lg: var(--__axc-r-overflow-md);
    --__axc-r-overflow-xl: var(--__axc-r-overflow-lg);
    --__axc-r-overflow-2xl: var(--__axc-r-overflow-xl);
    --__axc-r-overflow: var(--__axc-r-overflow-xs);
    overflow: var(--__axc-r-overflow);
  }

  .aksel-r-overflowx {
    --__axc-r-overflowx-xs: initial;
    --__axc-r-overflowx-sm: var(--__axc-r-overflowx-xs);
    --__axc-r-overflowx-md: var(--__axc-r-overflowx-sm);
    --__axc-r-overflowx-lg: var(--__axc-r-overflowx-md);
    --__axc-r-overflowx-xl: var(--__axc-r-overflowx-lg);
    --__axc-r-overflowx-2xl: var(--__axc-r-overflowx-xl);
    --__axc-r-overflowx: var(--__axc-r-overflowx-xs);
    overflow-x: var(--__axc-r-overflowx);
  }

  .aksel-r-overflowy {
    --__axc-r-overflowy-xs: initial;
    --__axc-r-overflowy-sm: var(--__axc-r-overflowy-xs);
    --__axc-r-overflowy-md: var(--__axc-r-overflowy-sm);
    --__axc-r-overflowy-lg: var(--__axc-r-overflowy-md);
    --__axc-r-overflowy-xl: var(--__axc-r-overflowy-lg);
    --__axc-r-overflowy-2xl: var(--__axc-r-overflowy-xl);
    --__axc-r-overflowy: var(--__axc-r-overflowy-xs);
    overflow-y: var(--__axc-r-overflowy);
  }

  .aksel-r-flex-basis {
    --__axc-r-flex-basis-xs: initial;
    --__axc-r-flex-basis-sm: var(--__axc-r-flex-basis-xs);
    --__axc-r-flex-basis-md: var(--__axc-r-flex-basis-sm);
    --__axc-r-flex-basis-lg: var(--__axc-r-flex-basis-md);
    --__axc-r-flex-basis-xl: var(--__axc-r-flex-basis-lg);
    --__axc-r-flex-basis-2xl: var(--__axc-r-flex-basis-xl);
    --__axc-r-flex-basis: var(--__axc-r-flex-basis-xs);
    flex-basis: var(--__axc-r-flex-basis);
  }

  .aksel-r-flex-grow {
    --__axc-r-flex-grow-xs: initial;
    --__axc-r-flex-grow-sm: var(--__axc-r-flex-grow-xs);
    --__axc-r-flex-grow-md: var(--__axc-r-flex-grow-sm);
    --__axc-r-flex-grow-lg: var(--__axc-r-flex-grow-md);
    --__axc-r-flex-grow-xl: var(--__axc-r-flex-grow-lg);
    --__axc-r-flex-grow-2xl: var(--__axc-r-flex-grow-xl);
    --__axc-r-flex-grow: var(--__axc-r-flex-grow-xs);
    flex-grow: var(--__axc-r-flex-grow);
  }

  .aksel-r-flex-shrink {
    --__axc-r-flex-shrink-xs: initial;
    --__axc-r-flex-shrink-sm: var(--__axc-r-flex-shrink-xs);
    --__axc-r-flex-shrink-md: var(--__axc-r-flex-shrink-sm);
    --__axc-r-flex-shrink-lg: var(--__axc-r-flex-shrink-md);
    --__axc-r-flex-shrink-xl: var(--__axc-r-flex-shrink-lg);
    --__axc-r-flex-shrink-2xl: var(--__axc-r-flex-shrink-xl);
    --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-xs);
    flex-shrink: var(--__axc-r-flex-shrink);
  }

  .aksel-r-grid-column {
    --__axc-r-grid-column-xs: initial;
    --__axc-r-grid-column-sm: var(--__axc-r-grid-column-xs);
    --__axc-r-grid-column-md: var(--__axc-r-grid-column-sm);
    --__axc-r-grid-column-lg: var(--__axc-r-grid-column-md);
    --__axc-r-grid-column-xl: var(--__axc-r-grid-column-lg);
    --__axc-r-grid-column-2xl: var(--__axc-r-grid-column-xl);
    --__axc-r-grid-column: var(--__axc-r-grid-column-xs);
    grid-column: var(--__axc-r-grid-column);
  }

  @media (min-width: 480px) {
    .aksel-r-p {
      --__axc-r-padding: var(--__axc-r-p-sm);
    }

    .aksel-r-pi {
      --__axc-r-pi: var(--__axc-r-pi-sm);
    }

    .aksel-r-pb {
      --__axc-r-pb: var(--__axc-r-pb-sm);
    }

    .aksel-r-m {
      --__axc-r-margin: var(--__axc-r-m-sm);
    }

    .aksel-r-mi {
      --__axc-r-mi: var(--__axc-r-mi-sm);
    }

    .aksel-r-mb {
      --__axc-r-mb: var(--__axc-r-mb-sm);
    }

    .aksel-r-w {
      --__axc-r-w: var(--__axc-r-w-sm);
    }

    .aksel-r-minw {
      --__axc-r-minw: var(--__axc-r-minw-sm);
    }

    .aksel-r-maxw {
      --__axc-r-maxw: var(--__axc-r-maxw-sm);
    }

    .aksel-r-h {
      --__axc-r-h: var(--__axc-r-h-sm);
    }

    .aksel-r-minh {
      --__axc-r-minh: var(--__axc-r-minh-sm);
    }

    .aksel-r-maxh {
      --__axc-r-maxh: var(--__axc-r-maxh-sm);
    }

    .aksel-r-position {
      --__axc-r-position: var(--__axc-r-position-sm);
    }

    .aksel-r-inset {
      --__axc-r-inset: var(--__axc-r-inset-sm);
    }

    .aksel-r-top {
      --__axc-r-top: var(--__axc-r-top-sm);
    }

    .aksel-r-right {
      --__axc-r-right: var(--__axc-r-right-sm);
    }

    .aksel-r-bottom {
      --__axc-r-bottom: var(--__axc-r-bottom-sm);
    }

    .aksel-r-left {
      --__axc-r-left: var(--__axc-r-left-sm);
    }

    .aksel-r-overflow {
      --__axc-r-overflow: var(--__axc-r-overflow-sm);
    }

    .aksel-r-overflowx {
      --__axc-r-overflowx: var(--__axc-r-overflowx-sm);
    }

    .aksel-r-overflowy {
      --__axc-r-overflowy: var(--__axc-r-overflowy-sm);
    }

    .aksel-r-flex-basis {
      --__axc-r-flex-basis: var(--__axc-r-flex-basis-sm);
    }

    .aksel-r-flex-grow {
      --__axc-r-flex-grow: var(--__axc-r-flex-grow-sm);
    }

    .aksel-r-flex-shrink {
      --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-sm);
    }

    .aksel-r-grid-column {
      --__axc-r-grid-column: var(--__axc-r-grid-column-sm);
    }
  }

  @media (min-width: 768px) {
    .aksel-r-p {
      --__axc-r-padding: var(--__axc-r-p-md);
    }

    .aksel-r-pi {
      --__axc-r-pi: var(--__axc-r-pi-md);
    }

    .aksel-r-pb {
      --__axc-r-pb: var(--__axc-r-pb-md);
    }

    .aksel-r-m {
      --__axc-r-margin: var(--__axc-r-m-md);
    }

    .aksel-r-mi {
      --__axc-r-mi: var(--__axc-r-mi-md);
    }

    .aksel-r-mb {
      --__axc-r-mb: var(--__axc-r-mb-md);
    }

    .aksel-r-w {
      --__axc-r-w: var(--__axc-r-w-md);
    }

    .aksel-r-minw {
      --__axc-r-minw: var(--__axc-r-minw-md);
    }

    .aksel-r-maxw {
      --__axc-r-maxw: var(--__axc-r-maxw-md);
    }

    .aksel-r-h {
      --__axc-r-h: var(--__axc-r-h-md);
    }

    .aksel-r-minh {
      --__axc-r-minh: var(--__axc-r-minh-md);
    }

    .aksel-r-maxh {
      --__axc-r-maxh: var(--__axc-r-maxh-md);
    }

    .aksel-r-position {
      --__axc-r-position: var(--__axc-r-position-md);
    }

    .aksel-r-inset {
      --__axc-r-inset: var(--__axc-r-inset-md);
    }

    .aksel-r-top {
      --__axc-r-top: var(--__axc-r-top-md);
    }

    .aksel-r-right {
      --__axc-r-right: var(--__axc-r-right-md);
    }

    .aksel-r-bottom {
      --__axc-r-bottom: var(--__axc-r-bottom-md);
    }

    .aksel-r-left {
      --__axc-r-left: var(--__axc-r-left-md);
    }

    .aksel-r-overflow {
      --__axc-r-overflow: var(--__axc-r-overflow-md);
    }

    .aksel-r-overflowx {
      --__axc-r-overflowx: var(--__axc-r-overflowx-md);
    }

    .aksel-r-overflowy {
      --__axc-r-overflowy: var(--__axc-r-overflowy-md);
    }

    .aksel-r-flex-basis {
      --__axc-r-flex-basis: var(--__axc-r-flex-basis-md);
    }

    .aksel-r-flex-grow {
      --__axc-r-flex-grow: var(--__axc-r-flex-grow-md);
    }

    .aksel-r-flex-shrink {
      --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-md);
    }

    .aksel-r-grid-column {
      --__axc-r-grid-column: var(--__axc-r-grid-column-md);
    }
  }

  @media (min-width: 1024px) {
    .aksel-r-p {
      --__axc-r-padding: var(--__axc-r-p-lg);
    }

    .aksel-r-pi {
      --__axc-r-pi: var(--__axc-r-pi-lg);
    }

    .aksel-r-pb {
      --__axc-r-pb: var(--__axc-r-pb-lg);
    }

    .aksel-r-m {
      --__axc-r-margin: var(--__axc-r-m-lg);
    }

    .aksel-r-mi {
      --__axc-r-mi: var(--__axc-r-mi-lg);
    }

    .aksel-r-mb {
      --__axc-r-mb: var(--__axc-r-mb-lg);
    }

    .aksel-r-w {
      --__axc-r-w: var(--__axc-r-w-lg);
    }

    .aksel-r-minw {
      --__axc-r-minw: var(--__axc-r-minw-lg);
    }

    .aksel-r-maxw {
      --__axc-r-maxw: var(--__axc-r-maxw-lg);
    }

    .aksel-r-h {
      --__axc-r-h: var(--__axc-r-h-lg);
    }

    .aksel-r-minh {
      --__axc-r-minh: var(--__axc-r-minh-lg);
    }

    .aksel-r-maxh {
      --__axc-r-maxh: var(--__axc-r-maxh-lg);
    }

    .aksel-r-position {
      --__axc-r-position: var(--__axc-r-position-lg);
    }

    .aksel-r-inset {
      --__axc-r-inset: var(--__axc-r-inset-lg);
    }

    .aksel-r-top {
      --__axc-r-top: var(--__axc-r-top-lg);
    }

    .aksel-r-right {
      --__axc-r-right: var(--__axc-r-right-lg);
    }

    .aksel-r-bottom {
      --__axc-r-bottom: var(--__axc-r-bottom-lg);
    }

    .aksel-r-left {
      --__axc-r-left: var(--__axc-r-left-lg);
    }

    .aksel-r-overflow {
      --__axc-r-overflow: var(--__axc-r-overflow-lg);
    }

    .aksel-r-overflowx {
      --__axc-r-overflowx: var(--__axc-r-overflowx-lg);
    }

    .aksel-r-overflowy {
      --__axc-r-overflowy: var(--__axc-r-overflowy-lg);
    }

    .aksel-r-flex-basis {
      --__axc-r-flex-basis: var(--__axc-r-flex-basis-lg);
    }

    .aksel-r-flex-grow {
      --__axc-r-flex-grow: var(--__axc-r-flex-grow-lg);
    }

    .aksel-r-flex-shrink {
      --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-lg);
    }

    .aksel-r-grid-column {
      --__axc-r-grid-column: var(--__axc-r-grid-column-lg);
    }
  }

  @media (min-width: 1280px) {
    .aksel-r-p {
      --__axc-r-padding: var(--__axc-r-p-xl);
    }

    .aksel-r-pi {
      --__axc-r-pi: var(--__axc-r-pi-xl);
    }

    .aksel-r-pb {
      --__axc-r-pb: var(--__axc-r-pb-xl);
    }

    .aksel-r-m {
      --__axc-r-margin: var(--__axc-r-m-xl);
    }

    .aksel-r-mi {
      --__axc-r-mi: var(--__axc-r-mi-xl);
    }

    .aksel-r-mb {
      --__axc-r-mb: var(--__axc-r-mb-xl);
    }

    .aksel-r-w {
      --__axc-r-w: var(--__axc-r-w-xl);
    }

    .aksel-r-minw {
      --__axc-r-minw: var(--__axc-r-minw-xl);
    }

    .aksel-r-maxw {
      --__axc-r-maxw: var(--__axc-r-maxw-xl);
    }

    .aksel-r-h {
      --__axc-r-h: var(--__axc-r-h-xl);
    }

    .aksel-r-minh {
      --__axc-r-minh: var(--__axc-r-minh-xl);
    }

    .aksel-r-maxh {
      --__axc-r-maxh: var(--__axc-r-maxh-xl);
    }

    .aksel-r-position {
      --__axc-r-position: var(--__axc-r-position-xl);
    }

    .aksel-r-inset {
      --__axc-r-inset: var(--__axc-r-inset-xl);
    }

    .aksel-r-top {
      --__axc-r-top: var(--__axc-r-top-xl);
    }

    .aksel-r-right {
      --__axc-r-right: var(--__axc-r-right-xl);
    }

    .aksel-r-bottom {
      --__axc-r-bottom: var(--__axc-r-bottom-xl);
    }

    .aksel-r-left {
      --__axc-r-left: var(--__axc-r-left-xl);
    }

    .aksel-r-overflow {
      --__axc-r-overflow: var(--__axc-r-overflow-xl);
    }

    .aksel-r-overflowx {
      --__axc-r-overflowx: var(--__axc-r-overflowx-xl);
    }

    .aksel-r-overflowy {
      --__axc-r-overflowy: var(--__axc-r-overflowy-xl);
    }

    .aksel-r-flex-basis {
      --__axc-r-flex-basis: var(--__axc-r-flex-basis-xl);
    }

    .aksel-r-flex-grow {
      --__axc-r-flex-grow: var(--__axc-r-flex-grow-xl);
    }

    .aksel-r-flex-shrink {
      --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-xl);
    }

    .aksel-r-grid-column {
      --__axc-r-grid-column: var(--__axc-r-grid-column-xl);
    }
  }

  @media (min-width: 1440px) {
    .aksel-r-p {
      --__axc-r-padding: var(--__axc-r-p-2xl);
    }

    .aksel-r-pi {
      --__axc-r-pi: var(--__axc-r-pi-2xl);
    }

    .aksel-r-pb {
      --__axc-r-pb: var(--__axc-r-pb-2xl);
    }

    .aksel-r-m {
      --__axc-r-margin: var(--__axc-r-m-2xl);
    }

    .aksel-r-mi {
      --__axc-r-mi: var(--__axc-r-mi-2xl);
    }

    .aksel-r-mb {
      --__axc-r-mb: var(--__axc-r-mb-2xl);
    }

    .aksel-r-w {
      --__axc-r-w: var(--__axc-r-w-2xl);
    }

    .aksel-r-minw {
      --__axc-r-minw: var(--__axc-r-minw-2xl);
    }

    .aksel-r-maxw {
      --__axc-r-maxw: var(--__axc-r-maxw-2xl);
    }

    .aksel-r-h {
      --__axc-r-h: var(--__axc-r-h-2xl);
    }

    .aksel-r-minh {
      --__axc-r-minh: var(--__axc-r-minh-2xl);
    }

    .aksel-r-maxh {
      --__axc-r-maxh: var(--__axc-r-maxh-2xl);
    }

    .aksel-r-position {
      --__axc-r-position: var(--__axc-r-position-2xl);
    }

    .aksel-r-inset {
      --__axc-r-inset: var(--__axc-r-inset-2xl);
    }

    .aksel-r-top {
      --__axc-r-top: var(--__axc-r-top-2xl);
    }

    .aksel-r-right {
      --__axc-r-right: var(--__axc-r-right-2xl);
    }

    .aksel-r-bottom {
      --__axc-r-bottom: var(--__axc-r-bottom-2xl);
    }

    .aksel-r-left {
      --__axc-r-left: var(--__axc-r-left-2xl);
    }

    .aksel-r-overflow {
      --__axc-r-overflow: var(--__axc-r-overflow-2xl);
    }

    .aksel-r-overflowx {
      --__axc-r-overflowx: var(--__axc-r-overflowx-2xl);
    }

    .aksel-r-overflowy {
      --__axc-r-overflowy: var(--__axc-r-overflowy-2xl);
    }

    .aksel-r-flex-basis {
      --__axc-r-flex-basis: var(--__axc-r-flex-basis-2xl);
    }

    .aksel-r-flex-grow {
      --__axc-r-flex-grow: var(--__axc-r-flex-grow-2xl);
    }

    .aksel-r-flex-shrink {
      --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-2xl);
    }

    .aksel-r-grid-column {
      --__axc-r-grid-column: var(--__axc-r-grid-column-2xl);
    }
  }

  .aksel-box-bg {
    --__axc-box-background: initial;
    background-color: var(--__axc-box-background);
  }

  .aksel-box-border-color {
    --__axc-box-border-color: initial;
    border-color: var(--__axc-box-border-color);
  }

  .aksel-box-border-width {
    --__axc-box-border-width: initial;
    border-style: solid;
    border-width: var(--__axc-box-border-width, 0);
  }

  .aksel-box-radius {
    --__axc-box-radius-xs: initial;
    --__axc-box-radius-sm: var(--__axc-box-radius-xs);
    --__axc-box-radius-md: var(--__axc-box-radius-sm);
    --__axc-box-radius-lg: var(--__axc-box-radius-md);
    --__axc-box-radius-xl: var(--__axc-box-radius-lg);
    --__axc-box-radius-2xl: var(--__axc-box-radius-xl);
    --__axc-box-radius: var(--__axc-box-radius-xs);
    border-radius: var(--__axc-box-radius);
  }

  .aksel-box-shadow {
    --__axc-box-shadow: initial;
    box-shadow: var(--__axc-box-shadow);
  }

  @media (min-width: 480px) {
    .aksel-box-radius {
      --__axc-box-radius: var(--__axc-box-radius-sm);
    }
  }

  @media (min-width: 768px) {
    .aksel-box-radius {
      --__axc-box-radius: var(--__axc-box-radius-md);
    }
  }

  @media (min-width: 1024px) {
    .aksel-box-radius {
      --__axc-box-radius: var(--__axc-box-radius-lg);
    }
  }

  @media (min-width: 1280px) {
    .aksel-box-radius {
      --__axc-box-radius: var(--__axc-box-radius-xl);
    }
  }

  @media (min-width: 1440px) {
    .aksel-box-radius {
      --__axc-box-radius: var(--__axc-box-radius-2xl);
    }
  }

  .aksel-bleed {
    --__axc-bleed-margin-inline-xs: initial;
    --__axc-bleed-margin-inline-sm: var(--__axc-bleed-margin-inline-xs);
    --__axc-bleed-margin-inline-md: var(--__axc-bleed-margin-inline-sm);
    --__axc-bleed-margin-inline-lg: var(--__axc-bleed-margin-inline-md);
    --__axc-bleed-margin-inline-xl: var(--__axc-bleed-margin-inline-lg);
    --__axc-bleed-margin-inline-2xl: var(--__axc-bleed-margin-inline-xl);
    --__axc-bleed-margin-block-xs: initial;
    --__axc-bleed-margin-block-sm: var(--__axc-bleed-margin-block-xs);
    --__axc-bleed-margin-block-md: var(--__axc-bleed-margin-block-sm);
    --__axc-bleed-margin-block-lg: var(--__axc-bleed-margin-block-md);
    --__axc-bleed-margin-block-xl: var(--__axc-bleed-margin-block-lg);
    --__axc-bleed-margin-block-2xl: var(--__axc-bleed-margin-block-xl);
    --__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-xs);
    --__axc-bleed-margin-block: var(--__axc-bleed-margin-block-xs);
    margin-inline: var(--__axc-bleed-margin-inline);
    margin-block: var(--__axc-bleed-margin-block);
  }

  .aksel-bleed--padding {
    --__axc-bleed-padding-inline-xs: initial;
    --__axc-bleed-padding-inline-sm: var(--__axc-bleed-padding-inline-xs);
    --__axc-bleed-padding-inline-md: var(--__axc-bleed-padding-inline-sm);
    --__axc-bleed-padding-inline-lg: var(--__axc-bleed-padding-inline-md);
    --__axc-bleed-padding-inline-xl: var(--__axc-bleed-padding-inline-lg);
    --__axc-bleed-padding-inline-2xl: var(--__axc-bleed-padding-inline-xl);
    --__axc-bleed-padding-block-xs: initial;
    --__axc-bleed-padding-block-sm: var(--__axc-bleed-padding-block-xs);
    --__axc-bleed-padding-block-md: var(--__axc-bleed-padding-block-sm);
    --__axc-bleed-padding-block-lg: var(--__axc-bleed-padding-block-md);
    --__axc-bleed-padding-block-xl: var(--__axc-bleed-padding-block-lg);
    --__axc-bleed-padding-block-2xl: var(--__axc-bleed-padding-block-xl);
    --__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-xs);
    --__axc-bleed-padding-block: var(--__axc-bleed-padding-block-xs);
    padding-inline: var(--__axc-bleed-padding-inline);
    padding-block: var(--__axc-bleed-padding-block);
  }

  @media (min-width: 480px) {
    .aksel-bleed {
      --__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-sm);
      --__axc-bleed-margin-block: var(--__axc-bleed-margin-block-sm);
    }

    .aksel-bleed--padding {
      --__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-sm);
      --__axc-bleed-padding-block: var(--__axc-bleed-padding-block-sm);
    }
  }

  @media (min-width: 768px) {
    .aksel-bleed {
      --__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-md);
      --__axc-bleed-margin-block: var(--__axc-bleed-margin-block-md);
    }

    .aksel-bleed--padding {
      --__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-md);
      --__axc-bleed-padding-block: var(--__axc-bleed-padding-block-md);
    }
  }

  @media (min-width: 1024px) {
    .aksel-bleed {
      --__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-lg);
      --__axc-bleed-margin-block: var(--__axc-bleed-margin-block-lg);
    }

    .aksel-bleed--padding {
      --__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-lg);
      --__axc-bleed-padding-block: var(--__axc-bleed-padding-block-lg);
    }
  }

  @media (min-width: 1280px) {
    .aksel-bleed {
      --__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-xl);
      --__axc-bleed-margin-block: var(--__axc-bleed-margin-block-xl);
    }

    .aksel-bleed--padding {
      --__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-xl);
      --__axc-bleed-padding-block: var(--__axc-bleed-padding-block-xl);
    }
  }

  @media (min-width: 1440px) {
    .aksel-bleed {
      --__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-2xl);
      --__axc-bleed-margin-block: var(--__axc-bleed-margin-block-2xl);
    }

    .aksel-bleed--padding {
      --__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-2xl);
      --__axc-bleed-padding-block: var(--__axc-bleed-padding-block-2xl);
    }
  }

  .aksel-page {
    flex-direction: column;
    min-height: 100lvh;
    display: flex;
  }

  .aksel-pageblock {
    --__axc-page-padding-inline: 0px;
    width: 100%;
    margin-inline: auto;
  }

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

  .aksel-page__content--fullheight {
    min-height: 100lvh;
  }

  .aksel-page__content--padding {
    padding-block-end: var(--ax-space-64);
  }

  .aksel-pageblock--text {
    max-width: calc(576px + var(--__axc-page-padding-inline) + var(--__axc-page-padding-inline));
  }

  .aksel-pageblock--md {
    max-width: 768px;
  }

  .aksel-pageblock--lg {
    max-width: 1024px;
  }

  .aksel-pageblock--xl {
    max-width: 1280px;
  }

  .aksel-pageblock--2xl {
    max-width: 1440px;
  }

  .aksel-pageblock--gutters {
    --__axc-page-padding-inline: var(--ax-space-16);
    padding-inline: var(--__axc-page-padding-inline);
  }

  @media (min-width: 1024px) {
    .aksel-pageblock--gutters {
      --__axc-page-padding-inline: var(--ax-space-48);
    }
  }

  .aksel-hgrid {
    --__axc-hgrid-columns-xs: initial;
    --__axc-hgrid-columns-sm: var(--__axc-hgrid-columns-xs);
    --__axc-hgrid-columns-md: var(--__axc-hgrid-columns-sm);
    --__axc-hgrid-columns-lg: var(--__axc-hgrid-columns-md);
    --__axc-hgrid-columns-xl: var(--__axc-hgrid-columns-lg);
    --__axc-hgrid-columns-2xl: var(--__axc-hgrid-columns-xl);
    --__axc-hgrid-columns: var(--__axc-hgrid-columns-xs);
    grid-template-columns: var(--__axc-hgrid-columns);
    display: grid;
  }

  .aksel-hgrid-gap {
    --__axc-hgrid-gap-xs: initial;
    --__axc-hgrid-gap-sm: var(--__axc-hgrid-gap-xs);
    --__axc-hgrid-gap-md: var(--__axc-hgrid-gap-sm);
    --__axc-hgrid-gap-lg: var(--__axc-hgrid-gap-md);
    --__axc-hgrid-gap-xl: var(--__axc-hgrid-gap-lg);
    --__axc-hgrid-gap-2xl: var(--__axc-hgrid-gap-xl);
    --__axc-hgrid-gap: var(--__axc-hgrid-gap-xs);
    gap: var(--__axc-hgrid-gap);
  }

  .aksel-hgrid-align {
    --__axc-hgrid-align: initial;
    align-items: var(--__axc-hgrid-align);
  }

  @media (min-width: 480px) {
    .aksel-hgrid {
      --__axc-hgrid-columns: var(--__axc-hgrid-columns-sm);
    }

    .aksel-hgrid-gap {
      --__axc-hgrid-gap: var(--__axc-hgrid-gap-sm);
    }
  }

  @media (min-width: 768px) {
    .aksel-hgrid {
      --__axc-hgrid-columns: var(--__axc-hgrid-columns-md);
    }

    .aksel-hgrid-gap {
      --__axc-hgrid-gap: var(--__axc-hgrid-gap-md);
    }
  }

  @media (min-width: 1024px) {
    .aksel-hgrid {
      --__axc-hgrid-columns: var(--__axc-hgrid-columns-lg);
    }

    .aksel-hgrid-gap {
      --__axc-hgrid-gap: var(--__axc-hgrid-gap-lg);
    }
  }

  @media (min-width: 1280px) {
    .aksel-hgrid {
      --__axc-hgrid-columns: var(--__axc-hgrid-columns-xl);
    }

    .aksel-hgrid-gap {
      --__axc-hgrid-gap: var(--__axc-hgrid-gap-xl);
    }
  }

  @media (min-width: 1440px) {
    .aksel-hgrid {
      --__axc-hgrid-columns: var(--__axc-hgrid-columns-2xl);
    }

    .aksel-hgrid-gap {
      --__axc-hgrid-gap: var(--__axc-hgrid-gap-2xl);
    }
  }

  .aksel-stack {
    display: flex;
  }

  .aksel-stack-gap {
    --__axc-stack-gap-xs: initial;
    --__axc-stack-gap-sm: var(--__axc-stack-gap-xs);
    --__axc-stack-gap-md: var(--__axc-stack-gap-sm);
    --__axc-stack-gap-lg: var(--__axc-stack-gap-md);
    --__axc-stack-gap-xl: var(--__axc-stack-gap-lg);
    --__axc-stack-gap-2xl: var(--__axc-stack-gap-xl);
    --__axc-stack-gap: var(--__axc-stack-gap-xs);
    gap: var(--__axc-stack-gap);
  }

  .aksel-stack-align {
    --__axc-stack-align-xs: initial;
    --__axc-stack-align-sm: var(--__axc-stack-align-xs);
    --__axc-stack-align-md: var(--__axc-stack-align-sm);
    --__axc-stack-align-lg: var(--__axc-stack-align-md);
    --__axc-stack-align-xl: var(--__axc-stack-align-lg);
    --__axc-stack-align-2xl: var(--__axc-stack-align-xl);
    --__axc-stack-align: var(--__axc-stack-align-xs);
    align-items: var(--__axc-stack-align);
  }

  .aksel-stack-justify {
    --__axc-stack-justify-xs: initial;
    --__axc-stack-justify-sm: var(--__axc-stack-justify-xs);
    --__axc-stack-justify-md: var(--__axc-stack-justify-sm);
    --__axc-stack-justify-lg: var(--__axc-stack-justify-md);
    --__axc-stack-justify-xl: var(--__axc-stack-justify-lg);
    --__axc-stack-justify-2xl: var(--__axc-stack-justify-xl);
    --__axc-stack-justify: var(--__axc-stack-justify-xs);
    justify-content: var(--__axc-stack-justify);
  }

  .aksel-stack-direction {
    --__axc-stack-direction-xs: initial;
    --__axc-stack-direction-sm: var(--__axc-stack-direction-xs);
    --__axc-stack-direction-md: var(--__axc-stack-direction-sm);
    --__axc-stack-direction-lg: var(--__axc-stack-direction-md);
    --__axc-stack-direction-xl: var(--__axc-stack-direction-lg);
    --__axc-stack-direction-2xl: var(--__axc-stack-direction-xl);
    --__axc-stack-direction: var(--__axc-stack-direction-xs);
    flex-direction: var(--__axc-stack-direction);
  }

  .aksel-stack-wrap {
    flex-wrap: wrap;
  }

  .aksel-stack__spacer {
    flex: 1;
    place-content: stretch;
  }

  .aksel-stack > .aksel-stack__spacer {
    margin-block-start: calc(var(--__axc-stack-gap) * -1);
    margin-inline-start: calc(var(--__axc-stack-gap) * -1);
  }

  @media (min-width: 480px) {
    .aksel-stack-gap {
      --__axc-stack-gap: var(--__axc-stack-gap-sm);
    }

    .aksel-stack-align {
      --__axc-stack-align: var(--__axc-stack-align-sm);
    }

    .aksel-stack-justify {
      --__axc-stack-justify: var(--__axc-stack-justify-sm);
    }

    .aksel-stack-direction {
      --__axc-stack-direction: var(--__axc-stack-direction-sm);
    }
  }

  @media (min-width: 768px) {
    .aksel-stack-gap {
      --__axc-stack-gap: var(--__axc-stack-gap-md);
    }

    .aksel-stack-align {
      --__axc-stack-align: var(--__axc-stack-align-md);
    }

    .aksel-stack-justify {
      --__axc-stack-justify: var(--__axc-stack-justify-md);
    }

    .aksel-stack-direction {
      --__axc-stack-direction: var(--__axc-stack-direction-md);
    }
  }

  @media (min-width: 1024px) {
    .aksel-stack-gap {
      --__axc-stack-gap: var(--__axc-stack-gap-lg);
    }

    .aksel-stack-align {
      --__axc-stack-align: var(--__axc-stack-align-lg);
    }

    .aksel-stack-justify {
      --__axc-stack-justify: var(--__axc-stack-justify-lg);
    }

    .aksel-stack-direction {
      --__axc-stack-direction: var(--__axc-stack-direction-lg);
    }
  }

  @media (min-width: 1280px) {
    .aksel-stack-gap {
      --__axc-stack-gap: var(--__axc-stack-gap-xl);
    }

    .aksel-stack-align {
      --__axc-stack-align: var(--__axc-stack-align-xl);
    }

    .aksel-stack-justify {
      --__axc-stack-justify: var(--__axc-stack-justify-xl);
    }

    .aksel-stack-direction {
      --__axc-stack-direction: var(--__axc-stack-direction-xl);
    }
  }

  @media (min-width: 1440px) {
    .aksel-stack-gap {
      --__axc-stack-gap: var(--__axc-stack-gap-2xl);
    }

    .aksel-stack-align {
      --__axc-stack-align: var(--__axc-stack-align-2xl);
    }

    .aksel-stack-justify {
      --__axc-stack-justify: var(--__axc-stack-justify-2xl);
    }

    .aksel-stack-direction {
      --__axc-stack-direction: var(--__axc-stack-direction-2xl);
    }
  }

  @media (min-width: 480px) {
    .aksel-responsive__below--sm {
      display: none !important;
    }
  }

  @media (max-width: 479px) {
    .aksel-responsive__above--sm {
      display: none !important;
    }
  }

  @media (min-width: 768px) {
    .aksel-responsive__below--md {
      display: none !important;
    }
  }

  @media (max-width: 767px) {
    .aksel-responsive__above--md {
      display: none !important;
    }
  }

  @media (min-width: 1024px) {
    .aksel-responsive__below--lg {
      display: none !important;
    }
  }

  @media (max-width: 1023px) {
    .aksel-responsive__above--lg {
      display: none !important;
    }
  }

  @media (min-width: 1280px) {
    .aksel-responsive__below--xl {
      display: none !important;
    }
  }

  @media (max-width: 1279px) {
    .aksel-responsive__above--xl {
      display: none !important;
    }
  }

  @media (min-width: 1440px) {
    .aksel-responsive__below--2xl {
      display: none !important;
    }
  }

  @media (max-width: 1439px) {
    .aksel-responsive__above--2xl {
      display: none !important;
    }
  }
}