@charset "UTF-8";
/********************************
 *      ASIC Design System      *
 *         Build: v1.4.0        *
 *  Created: 30/07/2025, 11:08  *
 ********************************/
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0..1,0&display=block&icon_names=3p,account_circle,add,arrow_back,arrow_downward,arrow_forward,arrow_upward,attach_money,business,calendar_month,call,chat,check,check_circle,chevron_left,chevron_right,close,close_small,contrast,copy_all,dark_mode,delete,description,download,edit,edit_note,edit_square,error,expand_more,feedback,filter_list,filter_list_off,help,home,image,info,keyboard_arrow_down,keyboard_arrow_left,keyboard_arrow_right,keyboard_arrow_up,light_mode,link,logout,mail,menu,more_horiz,open_in_new,palette,pause,pause_circle,percent,play_arrow,play_circle,play_disabled,play_pause,print,receipt_long,remove,report,reviews,save,search,start,subdirectory_arrow_right,text_decrease,text_increase,thumb_down,thumb_up,upload,visibility,visibility_off,volume_down,volume_mute,volume_off,volume_up,warning,widgets") layer(base);
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap") layer(base);
@layer base {
  :root {
    --static-brand-blue: #0072ce;
    --static-brand-granite: #253746;
    --static-brand-navy: #1d252d;
    --static-brand-sky: #3cb4e5;
    --static-brand-aqua: #84dade;
    --static-gray-0: #fff;
    --static-gray-1: #f8f9fa;
    --static-gray-2: #f2f3f3;
    --static-gray-3: #eaebec;
    --static-gray-4: #c7cdd4;
    --static-gray-5: #b5bcc4;
    --static-gray-6: #909aa6;
    --static-gray-7: #6e7d8a;
    --static-gray-8: #404a54;
    --static-gray-9: #283038;
    --static-gray-10: #1d252d;
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --asic-color-system-neutral-muted: var(--static-gray-1);
    --asic-color-system-neutral: var(--static-brand-granite);
    --asic-color-system-info-muted: #f1f9ff;
    --asic-color-system-info: #0072ce;
    --asic-color-system-success-muted: #f4fcf1;
    --asic-color-system-success: #2c813b;
    --asic-color-system-warning-muted: #fffaf1;
    --asic-color-system-warning: #cd8700;
    --asic-color-system-error-muted: #fff0f0;
    --asic-color-system-error: #c63637;
    --asic-color-system-highlight-muted: #f4f2ff;
    --asic-color-system-highlight: #8250df;
    --asic-color-background: var(--static-gray-0);
    --asic-color-background-alt: var(--static-gray-1);
    --asic-color-background-emphasis: var(--static-brand-granite);
    --asic-color-background-accent: #f1f9ff;
    --asic-color-background-accent-alt: #cce8ff;
    --asic-color-background-accent-emphasis: var(--static-brand-blue);
    --asic-color-border-emphasis: var(--static-gray-6);
    --asic-color-border: var(--static-gray-4);
    --asic-color-border-muted: var(--static-gray-3);
    --asic-color-text-emphasis: var(--static-gray-10);
    --asic-color-text: var(--static-gray-9);
    --asic-color-text-muted: var(--static-gray-8);
    --asic-color-text-disabled: var(--static-gray-7);
    --asic-color-text-link: #0063b2;
    --asic-color-text-inverse: var(--asic-color-background);
    --asic-color-control-background: var(--asic-color-background);
    --asic-color-control-background-disabled: var(--asic-color-background-alt);
    --asic-color-control-border: var(--asic-color-border-emphasis);
    --asic-color-control-border-disabled: var(--asic-color-border);
    --asic-color-item-bg-idle: var(--asic-color-background);
    --asic-color-item-bg-hover: #2830390f;
    --asic-color-item-bg-selected: var(--asic-color-background-accent);
    --asic-color-item-fg-idle: var(--asic-color-text);
    --asic-color-item-fg-hover: var(--asic-color-text-emphasis);
    --asic-color-item-fg-selected: var(--asic-color-text-emphasis);
  }
  @media (prefers-color-scheme: dark) {
    .asic-dark-support {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
      color-scheme: dark;
      --asic-color-system-neutral-muted: var(--static-gray-9);
      --asic-color-system-neutral: var(--static-gray-2);
      --asic-color-system-info-muted: #eaf3fb1a;
      --asic-color-system-info: #3e97ff;
      --asic-color-system-success-muted: #edf8e81a;
      --asic-color-system-success: #4fba16;
      --asic-color-system-warning-muted: #fdf5e81a;
      --asic-color-system-warning: #ffa91f;
      --asic-color-system-error-muted: #ff6b6b1a;
      --asic-color-system-error: #ff5353;
      --asic-color-system-highlight-muted: #ece5fb1a;
      --asic-color-system-highlight: #9e64ff;
      --asic-color-background: var(--static-gray-10);
      --asic-color-background-alt: var(--static-gray-9);
      --asic-color-background-emphasis: var(--static-gray-0);
      --asic-color-background-accent: #eaf3fb1a;
      --asic-color-background-accent-alt: #47acff1a;
      --asic-color-background-accent-emphasis: #47acff;
      --asic-color-border-emphasis: var(--static-gray-6);
      --asic-color-border: var(--static-gray-7);
      --asic-color-border-muted: var(--static-gray-8);
      --asic-color-text-emphasis: var(--static-gray-0);
      --asic-color-text: var(--static-gray-2);
      --asic-color-text-muted: var(--static-gray-5);
      --asic-color-text-disabled: var(--static-gray-6);
      --asic-color-text-link: #47acff;
      --asic-color-text-inverse: var(--asic-color-background);
      --asic-color-control-background: var(--asic-color-background);
      --asic-color-control-background-disabled: var(--asic-color-background-alt);
      --asic-color-control-border: var(--asic-color-border-emphasis);
      --asic-color-control-border-disabled: var(--asic-color-border);
      --asic-color-item-bg-idle: var(--asic-color-background);
      --asic-color-item-bg-hover: #f2f3f30f;
      --asic-color-item-bg-selected: var(--asic-color-background-accent);
      --asic-color-item-fg-idle: var(--asic-color-text);
      --asic-color-item-fg-hover: var(--asic-color-text-emphasis);
      --asic-color-item-fg-selected: var(--asic-color-text-emphasis);
    }
  }
  .asic-dark {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --asic-color-system-neutral-muted: var(--static-gray-9);
    --asic-color-system-neutral: var(--static-gray-2);
    --asic-color-system-info-muted: #eaf3fb1a;
    --asic-color-system-info: #3e97ff;
    --asic-color-system-success-muted: #edf8e81a;
    --asic-color-system-success: #4fba16;
    --asic-color-system-warning-muted: #fdf5e81a;
    --asic-color-system-warning: #ffa91f;
    --asic-color-system-error-muted: #ff6b6b1a;
    --asic-color-system-error: #ff5353;
    --asic-color-system-highlight-muted: #ece5fb1a;
    --asic-color-system-highlight: #9e64ff;
    --asic-color-background: var(--static-gray-10);
    --asic-color-background-alt: var(--static-gray-9);
    --asic-color-background-emphasis: var(--static-gray-0);
    --asic-color-background-accent: #eaf3fb1a;
    --asic-color-background-accent-alt: #47acff1a;
    --asic-color-background-accent-emphasis: #47acff;
    --asic-color-border-emphasis: var(--static-gray-6);
    --asic-color-border: var(--static-gray-7);
    --asic-color-border-muted: var(--static-gray-8);
    --asic-color-text-emphasis: var(--static-gray-0);
    --asic-color-text: var(--static-gray-2);
    --asic-color-text-muted: var(--static-gray-5);
    --asic-color-text-disabled: var(--static-gray-6);
    --asic-color-text-link: #47acff;
    --asic-color-text-inverse: var(--asic-color-background);
    --asic-color-control-background: var(--asic-color-background);
    --asic-color-control-background-disabled: var(--asic-color-background-alt);
    --asic-color-control-border: var(--asic-color-border-emphasis);
    --asic-color-control-border-disabled: var(--asic-color-border);
    --asic-color-item-bg-idle: var(--asic-color-background);
    --asic-color-item-bg-hover: #f2f3f30f;
    --asic-color-item-bg-selected: var(--asic-color-background-accent);
    --asic-color-item-fg-idle: var(--asic-color-text);
    --asic-color-item-fg-hover: var(--asic-color-text-emphasis);
    --asic-color-item-fg-selected: var(--asic-color-text-emphasis);
  }
  :root {
    --asic-border-width-thin: 1px;
    --asic-border-width-medium: 2px;
    --asic-border-width-thick: 3px;
    --asic-border-width-thickest: 6px;
    --asic-border-radius-xsmall: 2px;
    --asic-border-radius-small: 4px;
    --asic-border-radius-medium: 8px;
    --asic-border-radius-large: 12px;
    --asic-border-radius-full: 9999px;
    --asic-space-2: 2px;
    --asic-space-4: 4px;
    --asic-space-8: 8px;
    --asic-space-12: 12px;
    --asic-space-16: 16px;
    --asic-space-20: 20px;
    --asic-space-24: 24px;
    --asic-space-32: 32px;
    --asic-space-40: 40px;
    --asic-space-48: 48px;
    --asic-space-56: 56px;
    --asic-space-64: 64px;
    --asic-space-72: 72px;
    --asic-space-80: 80px;
    --asic-space-128: 128px;
    --asic-space-192: 192px;
    --asic-space-240: 240px;
    --asic-space-256: 256px;
    --asic-space-320: 320px;
    --asic-icon-size: var(--asic-space-24);
    --asic-icon-size-small: var(--asic-space-16);
    --asic-icon-size-medium: var(--asic-space-20);
    --asic-icon-size-large: var(--asic-space-32);
    --asic-icon-size-xlarge: var(--asic-space-48);
    --asic-icon-font-family: "Material Symbols Rounded";
    --asic-icon-font: normal normal var(--asic-icon-size) / 1 var(--asic-icon-font-family);
    --asic-icon-font-small: normal normal var(--asic-icon-size-small) / 1 var(--asic-icon-font-family);
    --asic-icon-font-medium: normal normal var(--asic-icon-size-medium) / 1 var(--asic-icon-font-family);
    --asic-icon-font-large: normal normal var(--asic-icon-size-large) / 1 var(--asic-icon-font-family);
    --asic-icon-font-xlarge: normal normal var(--asic-icon-size-xlarge) / 1 var(--asic-icon-font-family);
    --asic-icon-fill: "FILL" 1;
    --asic-icon-line: "FILL" 0;
    --asic-motion-ease: cubic-bezier(.25, .1, .25, 1);
    --asic-motion-ease-in: cubic-bezier(.42, 0, 1, 1);
    --asic-motion-ease-out: cubic-bezier(.19, .91, .38, 1);
    --asic-motion-ease-in-out: cubic-bezier(.42, 0, .58, 1);
    --asic-motion-duration-short: .16s;
    --asic-motion-duration: .24s;
    --asic-motion-duration-long: .32s;
    --asic-opacity-disabled: .3;
    --asic-focusring-width: var(--asic-border-width-thick);
    --asic-focusring-offset: var(--asic-border-width-medium);
    --asic-focusring-color: #007fe5;
    --asic-focusring-outline: var(--asic-focusring-width) solid var(--asic-focusring-color);
    --asic-form-control-size: var(--asic-space-24);
    --asic-form-group-gap: var(--asic-space-24);
    --asic-form-text-gap: var(--asic-space-8);
    --px-to-rem: .0625rem;
    --asic-font-family-mono: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    --asic-font-family-sans: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    --asic-font-weight-bold: 700;
    --asic-font-weight-semibold: 600;
    --asic-font-weight-medium: 500;
    --asic-font-weight-regular: 400;
    --asic-font-lineheight-spacious: 1.6;
    --asic-font-lineheight-regular: 1.5;
    --asic-font-lineheight-dense: 1.3;
    --asic-text-display-size: calc(40 * var(--px-to-rem));
    --asic-text-display-lineheight: var(--asic-font-lineheight-dense);
    --asic-text-display-weight: var(--asic-font-weight-bold);
    --asic-text-display-shorthand: var(--asic-text-display-weight) var(--asic-text-display-size) / var(--asic-text-display-lineheight) var(--asic-font-family-sans);
    --asic-text-title-size: calc(24 * var(--px-to-rem));
    --asic-text-title-lineheight: var(--asic-font-lineheight-dense);
    --asic-text-title-weight: var(--asic-font-weight-medium);
    --asic-text-title-shorthand: var(--asic-text-title-weight) var(--asic-text-title-size) / var(--asic-text-title-lineheight) var(--asic-font-family-sans);
    --asic-text-title-large-size: calc(32 * var(--px-to-rem));
    --asic-text-title-large-lineheight: var(--asic-font-lineheight-dense);
    --asic-text-title-large-weight: var(--asic-font-weight-semibold);
    --asic-text-title-large-shorthand: var(--asic-text-title-large-weight) var(--asic-text-title-large-size) / var(--asic-text-title-large-lineheight) var(--asic-font-family-sans);
    --asic-text-title-small-size: calc(20 * var(--px-to-rem));
    --asic-text-title-small-lineheight: var(--asic-font-lineheight-dense);
    --asic-text-title-small-weight: var(--asic-font-weight-medium);
    --asic-text-title-small-shorthand: var(--asic-text-title-small-weight) var(--asic-text-title-small-size) / var(--asic-text-title-small-lineheight) var(--asic-font-family-sans);
    --asic-text-subtitle-size: calc(20 * var(--px-to-rem));
    --asic-text-subtitle-lineheight: var(--asic-font-lineheight-regular);
    --asic-text-subtitle-weight: var(--asic-font-weight-regular);
    --asic-text-subtitle-shorthand: var(--asic-text-subtitle-weight) var(--asic-text-subtitle-size) / var(--asic-text-subtitle-lineheight) var(--asic-font-family-sans);
    --asic-text-body-size: calc(16 * var(--px-to-rem));
    --asic-text-body-lineheight: var(--asic-font-lineheight-regular);
    --asic-text-body-weight: var(--asic-font-weight-regular);
    --asic-text-body-shorthand: var(--asic-text-body-weight) var(--asic-text-body-size) / var(--asic-text-body-lineheight) var(--asic-font-family-sans);
    --asic-text-body-small-size: calc(14 * var(--px-to-rem));
    --asic-text-body-small-lineheight: var(--asic-font-lineheight-regular);
    --asic-text-body-small-weight: var(--asic-font-weight-regular);
    --asic-text-body-small-shorthand: var(--asic-text-body-small-weight) var(--asic-text-body-small-size) / var(--asic-text-body-small-lineheight) var(--asic-font-family-sans);
    --asic-text-body-xsmall-size: calc(12 * var(--px-to-rem));
    --asic-text-body-xsmall-lineheight: var(--asic-font-lineheight-regular);
    --asic-text-body-xsmall-weight: var(--asic-font-weight-regular);
    --asic-text-body-xsmall-shorthand: var(--asic-text-body-xsmall-weight) var(--asic-text-body-xsmall-size) / var(--asic-text-body-xsmall-lineheight) var(--asic-font-family-sans);
    --asic-text-code-shorthand: var(--asic-text-body-small-size) / var(--asic-text-body-small-lineheight) var(--asic-font-family-mono);
  }
  body {
    background-color: var(--asic-color-background);
    color: var(--asic-color-text);
    font-family: var(--asic-font-family-sans);
    line-height: var(--asic-font-lineheight-regular);
    margin: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    html {
      scroll-behavior: smooth;
    }
  }
  .asic-prose {
    color: var(--asic-color-text);
    line-height: var(--asic-font-lineheight-regular);
  }
  .asic-prose :where(p):not(:where(.asic-prose-escape *)), .asic-prose > :not(:where(.asic-prose-escape *)) {
    margin: 0;
  }
  .asic-prose > * + :not(:where(.asic-prose-escape *)) {
    margin-top: 1rem;
  }
  .asic-prose :where(ol, ul):not(:where(.asic-prose-escape *)) {
    padding-inline-start: 2rem;
  }
  .asic-prose :where(li):not(:where(.asic-prose-escape *)) {
    margin-top: 0.25rem;
  }
  .asic-prose :where(ol ol, ul ul, ol ul, ul ol):not(:where(.asic-prose-escape *)) {
    padding-inline-start: 1rem;
  }
  .asic-prose :where(dl):not(:where(.asic-prose-escape *)) > dt {
    font-weight: var(--asic-font-weight-semibold);
    margin-top: 0.75rem;
  }
  .asic-prose :where(dl):not(:where(.asic-prose-escape *)) > dd {
    border-inline-start: var(--asic-border-width-thin) solid var(--asic-color-border);
    margin: 0;
    padding-inline-start: 0.5em;
  }
  .asic-prose :where(blockquote):not(:where(.asic-prose-escape *)) {
    margin-inline: 0;
    padding-inline-start: 1em;
    position: relative;
  }
  .asic-prose :where(blockquote):not(:where(.asic-prose-escape *)):before {
    background-color: var(--asic-color-border-emphasis);
    border-radius: var(--asic-border-width-thick);
    content: "";
    width: var(--asic-border-width-thick);
    position: absolute;
    inset: 0 auto 0 0;
  }
  .asic-prose :where(figcaption):not(:where(.asic-prose-escape *)) {
    color: var(--asic-color-text-muted);
    font-size: var(--asic-text-body-small-size);
  }
  .asic-prose :where(hr):not(:where(.asic-prose-escape *)) {
    background-color: var(--asic-color-border-muted);
    border-radius: var(--asic-border-width-medium);
    height: var(--asic-border-width-medium);
    border: 0;
    margin-block: 2rem;
  }
  .asic-prose :where(img):not(:where(.asic-prose-escape *)) {
    max-width: 100%;
    height: auto;
  }
  .asic-prose :where(strong):not(:where(.asic-prose-escape *)) {
    font-weight: var(--asic-font-weight-semibold);
  }
  .asic-prose :where(a):not(:where(.asic-prose-escape *)) {
    color: var(--asic-color-text-link);
    text-decoration: underline;
    -webkit-text-decoration-color: color-mix(in srgb, var(--asic-color-text-link) 33%, var(--asic-color-background));
    text-decoration-color: color-mix(in srgb, var(--asic-color-text-link) 33%, var(--asic-color-background));
    text-decoration-thickness: var(--asic-border-width-thin);
    text-underline-offset: var(--asic-border-width-medium);
  }
  @media (hover: hover) {
    .asic-prose :where(a):not(:where(.asic-prose-escape *)):hover {
      text-decoration: none;
    }
  }
  .asic-prose :where(a):not(:where(.asic-prose-escape *)):focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-prose :where(code):not(:where(.asic-prose-escape *)) {
    font: var(--asic-text-code-shorthand);
  }
  .asic-prose :where(pre):not(:where(.asic-prose-escape *)) {
    background-color: var(--asic-color-background-alt);
    border-radius: var(--asic-border-radius-medium);
    color: var(--asic-color-text-emphasis);
    min-width: 0;
    max-width: 100%;
    padding: var(--asic-space-12);
    white-space: pre;
    line-height: 1.6;
    overflow: auto;
  }
  .asic-prose :where(:not(pre) > code):not(:where(.asic-prose-escape *)) {
    background-color: var(--asic-color-background-accent);
    border-radius: var(--asic-border-radius-small);
    color: var(--asic-color-text-emphasis);
    padding-inline: var(--asic-space-4);
    display: inline-block;
  }
  .asic-prose :where(table):not(:where(.asic-prose-escape *)) {
    border-collapse: collapse;
    table-layout: auto;
    width: 100%;
  }
  .asic-prose :where(table):not(:where(.asic-prose-escape *)) :where(caption) {
    font: var(--asic-text-subtitle-shorthand);
    text-align: start;
  }
  .asic-prose :where(table):not(:where(.asic-prose-escape *)) :where(th, td) {
    border: var(--asic-border-width-thin) solid var(--asic-color-border-muted);
    font: var(--asic-text-body-small-shorthand);
    padding: var(--asic-space-8) var(--asic-space-12);
    text-align: start;
  }
  .asic-prose :where(table):not(:where(.asic-prose-escape *)) :where(thead th) {
    background-color: var(--asic-color-background-alt);
    font-weight: var(--asic-font-weight-semibold);
  }
  .asic-prose :where(h1, h2, h3, h4, h5, h6):not(:where(.asic-prose-escape *)) {
    color: var(--asic-color-text-emphasis);
    overflow-wrap: break-word;
    text-wrap: balance;
    margin-top: 1.5em;
    margin-bottom: 0.67em;
  }
  .asic-prose :where(h1, h2, h3, h4, h5, h6):not(:where(.asic-prose-escape *)):first-child {
    margin-top: 0;
  }
  .asic-prose :where(h1, h2, h3, h4, h5, h6):not(:where(.asic-prose-escape *)):last-child {
    margin-bottom: 0;
  }
  .asic-prose :where(h1):not(:where(.asic-prose-escape *)) {
    font: var(--asic-text-display-shorthand);
  }
  .asic-prose :where(h2):not(:where(.asic-prose-escape *)) {
    font: var(--asic-text-title-large-shorthand);
  }
  .asic-prose :where(h3):not(:where(.asic-prose-escape *)) {
    font: var(--asic-text-title-shorthand);
  }
  .asic-prose :where(h4):not(:where(.asic-prose-escape *)) {
    font: var(--asic-text-title-small-shorthand);
  }
  .asic-prose :where(h5):not(:where(.asic-prose-escape *)) {
    font: var(--asic-text-body-shorthand);
    font-weight: var(--asic-font-weight-semibold);
  }
  .asic-prose :where(h6):not(:where(.asic-prose-escape *)) {
    font: var(--asic-text-body-small-shorthand);
    font-weight: var(--asic-font-weight-semibold);
  }
}
@layer components {
  .asic-accordion {
    border-top: var(--asic-border-width-thin) solid var(--asic-color-border);
    --padding-x: var(--asic-space-24);
    --padding-y: var(--asic-space-24);
  }
  .asic-accordion__item {
    border-bottom: var(--asic-border-width-thin) solid var(--asic-color-border);
  }
  .asic-accordion__title {
    color: var(--asic-color-item-fg-idle);
    cursor: pointer;
    font: var(--asic-text-title-small-shorthand);
    padding-block: var(--padding-y);
    padding-inline: var(--padding-x);
    appearance: none;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    display: flex;
    position: relative;
  }
  :is(.asic-accordion__title::marker, .asic-accordion__title::-webkit-details-marker) {
    display: none;
  }
  @media (hover: hover) {
    .asic-accordion__title:hover {
      background-color: var(--asic-color-item-bg-hover);
      color: var(--asic-color-item-fg-hover);
    }
  }
  .asic-accordion__title:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-accordion__title:after {
    content: "expand_more"/"";
    font: var(--asic-icon-font);
    white-space: nowrap;
    width: var(--asic-icon-size);
    height: var(--asic-icon-size);
    flex-shrink: 0;
    overflow: hidden;
  }
  @supports not (content: "x"/"y") {
    .asic-accordion__title:after {
      alt: "";
      content: "expand_more";
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .asic-accordion__title:after {
      transition: transform var(--asic-motion-duration) var(--asic-motion-ease);
    }
  }
  details[open] .asic-accordion__title:after {
    transform: rotate(180deg);
  }
  .asic-accordion__content {
    color: var(--asic-color-text);
    padding: var(--asic-space-8) var(--padding-x) var(--padding-y);
  }
  .asic-alert {
    background-color: var(--alert-background);
    border-radius: var(--asic-border-radius-medium);
    box-shadow: inset 0 0 0 var(--asic-border-width-thin) var(--alert-accent);
    contain: content;
    grid-template-areas: "icon title" "icon content";
    grid-template-columns: var(--asic-space-40) minmax(0, 1fr);
    --alert-background: var(--asic-color-background-alt);
    --alert-accent: var(--asic-color-text-disabled);
    --alert-icon: "info";
    --alert-icon-alt: "";
    display: grid;
  }
  .asic-alert:after {
    background-color: var(--alert-accent);
    color: var(--asic-color-text-inverse);
    content: var(--alert-icon)/var(--alert-icon-alt);
    font: var(--asic-icon-font);
    grid-area: icon;
    place-items: center;
    display: grid;
  }
  @supports not (content: "x"/"y") {
    .asic-alert:after {
      alt: var(--alert-icon-alt);
      content: var(--alert-icon);
    }
  }
  .asic-alert:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-alert__content {
    font: var(--asic-text-body-shorthand);
    padding-block: var(--asic-space-12);
    padding-inline: var(--asic-space-16);
    grid-area: content;
    margin-block: 0;
  }
  .asic-alert__title + .asic-alert__content {
    padding-top: 0;
  }
  .asic-alert__title {
    color: var(--asic-color-text-emphasis);
    font: var(--asic-text-body-shorthand);
    font-weight: var(--asic-font-weight-semibold);
    padding-block: var(--asic-space-12);
    padding-inline: var(--asic-space-16);
    grid-area: title;
    margin-block: 0;
  }
  .asic-alert--success {
    --alert-background: var(--asic-color-system-success-muted);
    --alert-accent: var(--asic-color-system-success);
    --alert-icon: "check_circle";
    --alert-icon-alt: "Success";
  }
  .asic-alert--error {
    --alert-background: var(--asic-color-system-error-muted);
    --alert-accent: var(--asic-color-system-error);
    --alert-icon: "report";
    --alert-icon-alt: "Error";
  }
  .asic-banner {
    align-items: center;
    column-gap: var(--asic-content-gap-x);
    grid-template-areas: "header" "media" "content";
    display: grid;
  }
  .asic-banner :where(audio, canvas, embed, iframe, img, object, picture, video) {
    max-width: 100%;
    height: auto;
    display: block;
  }
  @media (min-width: 992px) {
    .asic-banner {
      grid-template-areas: "header header" "content media";
    }
    .asic-banner:where(.asic-banner--media-inverted) {
      grid-template-areas: "header header" "media content";
    }
  }
  .asic-banner__header {
    margin-bottom: var(--asic-space-24);
    grid-area: header;
  }
  .asic-banner__content {
    gap: var(--asic-space-24);
    max-width: var(--asic-content-max);
    grid-area: content;
    justify-items: start;
    display: grid;
  }
  .asic-banner__media {
    grid-area: media;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  @media not (min-width: 992px) {
    .asic-banner__media {
      margin-bottom: var(--asic-content-gap-y);
    }
  }
  .asic-hero-banner {
    background-color: var(--hero-banner-bg);
    padding-block: var(--asic-content-gutter);
    --hero-banner-bg: var(--asic-color-background-alt);
  }
  .asic-hero-banner--accent {
    --hero-banner-bg: var(--asic-color-background-accent);
  }
  .asic-hero-banner--accent-alt {
    --hero-banner-bg: var(--asic-color-background-accent-alt);
  }
  .asic-breadcrumbs:where([data-initialized=true]:not([data-expanded=true])) .asic-breadcrumbs__list {
    flex-wrap: nowrap;
  }
  .asic-breadcrumbs:where([data-initialized=true]:not([data-expanded=true])) .asic-breadcrumbs__item:last-child {
    min-width: 0;
  }
  .asic-breadcrumbs:where([data-initialized=true]:not([data-expanded=true])) .asic-breadcrumbs__item:last-child a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .asic-breadcrumbs__list {
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  .asic-breadcrumbs__item {
    white-space: nowrap;
    align-items: center;
    display: flex;
  }
  .asic-breadcrumbs__item:not(:last-child):after {
    color: var(--asic-color-text-muted);
    content: "chevron_right"/"";
    font: var(--asic-icon-font-small);
    margin-inline: var(--asic-space-4);
    width: 1em;
    overflow: hidden;
  }
  @supports not (content: "x"/"y") {
    .asic-breadcrumbs__item:not(:last-child):after {
      alt: "";
      content: "chevron_right";
    }
  }
  .asic-breadcrumbs__item-link, .asic-breadcrumbs__toggle {
    border-radius: var(--asic-border-radius-xsmall);
    color: var(--asic-color-text-link);
    cursor: pointer;
    font: var(--asic-text-body-shorthand);
    text-decoration: none;
    display: inline-block;
  }
  @media (hover: hover) {
    :is(.asic-breadcrumbs__item-link, .asic-breadcrumbs__toggle):hover {
      text-decoration: underline;
    }
  }
  :is(.asic-breadcrumbs__item-link, .asic-breadcrumbs__toggle):focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  :is(.asic-breadcrumbs__item-link, .asic-breadcrumbs__toggle)[aria-current=page] {
    color: var(--asic-color-text-muted);
    text-decoration: none;
  }
  .asic-breadcrumbs__toggle {
    appearance: none;
    background: 0;
    border: 0;
    padding: 0;
  }
  .asic-button {
    --button-size: var(--asic-space-48);
    --button-x-padding: var(--asic-space-16);
    --button-font: var(---asic-text-body-shorthand);
    --button-icon-font: var(--asic-icon-font);
    appearance: none;
    block-size: var(--button-size);
    border-radius: var(--asic-border-radius-small);
    border: var(--asic-border-width-medium) solid transparent;
    box-sizing: border-box;
    font: var(--button-font);
    font-weight: var(--asic-font-weight-medium);
    align-items: center;
    gap: var(--asic-space-8);
    padding-block: 0;
    padding-inline: var(--button-x-padding);
    white-space: nowrap;
    background: 0;
    justify-content: center;
    text-decoration: none;
    display: inline-flex;
  }
  .asic-button:not(:disabled) {
    cursor: pointer;
  }
  .asic-button:disabled {
    opacity: var(--asic-opacity-disabled);
  }
  .asic-button:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-button:where([data-symbol-start]):before {
    font: var(--button-icon-font);
    content: attr(data-symbol-start)/"";
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    overflow: hidden;
  }
  @supports not (content: "x"/"y") {
    .asic-button:where([data-symbol-start]):before {
      alt: "";
      content: attr(data-symbol-start);
    }
  }
  .asic-button:where([data-symbol-end]):after {
    font: var(--button-icon-font);
    content: attr(data-symbol-end)/"";
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    overflow: hidden;
  }
  @supports not (content: "x"/"y") {
    .asic-button:where([data-symbol-end]):after {
      alt: "";
      content: attr(data-symbol-end);
    }
  }
  .asic-button--primary {
    background-color: var(--asic-color-background-accent-emphasis);
    color: var(--asic-color-text-inverse);
  }
  @media (hover: hover) {
    .asic-button--primary:not(:disabled):hover {
      background-color: var(--asic-color-text);
    }
  }
  .asic-button--primary.asic-button--critical {
    background-color: var(--asic-color-system-error);
    color: var(--asic-color-text-inverse);
  }
  .asic-button--secondary {
    color: var(--asic-color-text-link);
    border-color: currentColor;
  }
  @media (hover: hover) {
    .asic-button--secondary:not(:disabled):hover {
      color: var(--asic-color-text);
    }
  }
  .asic-button--secondary.asic-button--critical {
    color: var(--asic-color-system-error);
    border-color: var(--asic-color-system-error);
  }
  @media (hover: hover) {
    .asic-button--secondary.asic-button--critical:not(:disabled):hover {
      border-color: var(--asic-color-text);
    }
  }
  .asic-button--tertiary {
    color: var(--asic-color-text-link);
    text-decoration: underline;
  }
  @media (hover: hover) {
    .asic-button--tertiary:not(:disabled):hover {
      color: var(--asic-color-text);
      text-decoration: none;
    }
  }
  .asic-button--tertiary.asic-button--critical {
    color: var(--asic-color-system-error);
  }
  .asic-button--small {
    --button-size: var(--asic-space-40);
    --button-x-padding: var(--asic-space-12);
    --button-font: var(--asic-text-body-small-shorthand);
    --button-icon-font: var(--asic-icon-font-medium);
  }
  .asic-button-group {
    gap: var(--asic-space-16);
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  .asic-button-group:has(.asic-button--small), .asic-button-group:has(.asic-icon-button--small) {
    gap: var(--asic-space-12);
  }
  .asic-action-group {
    gap: var(--asic-space-16);
  }
  @media not (min-width: 768px) {
    .asic-action-group {
      flex-direction: column;
      display: flex;
    }
    .asic-action-group .asic-button--primary {
      order: 1;
    }
    .asic-action-group .asic-button--secondary {
      order: 2;
    }
    .asic-action-group .asic-button--tertiary {
      order: 3;
    }
  }
  @media (min-width: 768px) {
    .asic-action-group {
      grid-template-columns: max-content 1fr;
      grid-auto-flow: column;
      display: grid;
    }
    .asic-action-group:has(.asic-action-group:nth-child(3)) {
      grid-template-columns: max-content 1fr max-content;
    }
    .asic-action-group .asic-button--tertiary {
      grid-column: 1/2;
    }
    .asic-action-group .asic-button--secondary {
      grid-column: 2/3;
      justify-self: end;
    }
    .asic-action-group .asic-button--primary {
      grid-column: 3/4;
    }
  }
  .asic-callout {
    background-color: var(--callout-background);
    border-inline-start: var(--callout-border-width) solid var(--callout-accent);
    border-radius: var(--callout-border-width);
    padding-block: var(--asic-space-12);
    padding-inline: calc(var(--asic-space-24) - var(--callout-border-width));
    --callout-border-width: var(--asic-border-width-thick);
    --callout-background: var(--asic-color-system-neutral-muted);
    --callout-accent: var(--asic-color-system-neutral);
    --callout-icon: "chat";
    position: relative;
  }
  .asic-callout:where([class*=asic-callout--]) {
    padding-inline-start: calc(var(--asic-space-24) + var(--asic-icon-size) - var(--callout-border-width));
  }
  .asic-callout:where([class*=asic-callout--]):after {
    color: var(--callout-accent);
    content: var(--callout-icon)/"";
    font: var(--asic-icon-font);
    font-variation-settings: var(--asic-icon-fill);
    position: absolute;
    inset-block-start: var(--asic-space-24);
    inset-inline-start: calc(var(--asic-space-12) - var(--callout-border-width));
  }
  @supports not (content: "x"/"y") {
    .asic-callout:where([class*=asic-callout--]):after {
      alt: "";
      content: var(--callout-icon);
    }
  }
  .asic-callout__content {
    padding-block: var(--asic-space-12);
  }
  .asic-callout__title + .asic-callout__content {
    padding-top: 0;
  }
  .asic-callout__title {
    color: var(--asic-color-text-emphasis);
    font: var(--asic-text-title-small-shorthand);
    padding-block: var(--asic-space-12);
    margin-block: 0;
  }
  .asic-callout--important {
    --callout-background: var(--asic-color-system-info-muted);
    --callout-accent: var(--asic-color-system-info);
    --callout-icon: "try";
  }
  .asic-callout--caution {
    --callout-background: var(--asic-color-system-warning-muted);
    --callout-accent: var(--asic-color-system-warning);
    --callout-icon: "announcement";
  }
  .asic-callout--audience {
    --callout-background: var(--asic-color-system-highlight-muted);
    --callout-accent: var(--asic-color-system-highlight);
    --callout-icon: "3p";
  }
  .asic-card {
    background-color: var(--asic-color-background);
    border: var(--asic-border-width-thin) solid var(--asic-color-border);
    border-radius: var(--asic-border-radius-small);
    box-sizing: border-box;
    min-height: var(--asic-space-192);
    --gap: var(--asic-space-12);
    --gutter: var(--asic-space-24);
    --icon-disc: var(--asic-space-72);
    display: grid;
    position: relative;
  }
  .asic-card :where(audio, canvas, embed, iframe, img, object, picture, video) {
    max-width: 100%;
    height: auto;
    display: block;
  }
  .asic-card:not(:has(.asic-card__icon), :has(.asic-card__media)) {
    grid-template-areas: ". . ." ". header ." ". content ." ". . ." ". arrow ." ". . .";
    grid-template-columns: var(--gutter) minmax(0, 1fr) var(--gutter);
    grid-template-rows: var(--gutter) auto minmax(0, 1fr) var(--gutter) var(--asic-icon-size) var(--gutter);
  }
  .asic-card:not(:has(.asic-card__icon), :has(.asic-card__media)):after {
    color: var(--asic-color-text);
    content: "arrow_forward"/"";
    font: var(--asic-icon-font);
    grid-area: arrow;
  }
  @supports not (content: "x"/"y") {
    .asic-card:not(:has(.asic-card__icon), :has(.asic-card__media)):after {
      alt: "";
      content: "arrow_forward";
    }
  }
  .asic-card:has(.asic-card__icon) {
    grid-template-areas: ". . ." ". icon ." ". . ." ". header ." ". content ." ". . .";
    grid-template-columns: var(--gutter) minmax(0, 1fr) var(--gutter);
    grid-template-rows: var(--gutter) var(--icon-disc) var(--gap) auto minmax(0, 1fr) var(--gutter);
    text-align: center;
    justify-items: center;
  }
  .asic-card:has(.asic-card__media) {
    grid-template-areas: "media media media" ". . ." ". header ." ". content ." ". . .";
    grid-template-columns: var(--gutter) minmax(0, 1fr) var(--gutter);
    grid-template-rows: auto var(--gutter) auto minmax(0, 1fr) var(--gutter);
  }
  .asic-card__media {
    grid-area: media;
  }
  .asic-card__header {
    grid-area: header;
  }
  .asic-card__title {
    color: var(--asic-color-text-emphasis);
    font: var(--asic-text-title-small-shorthand);
    margin: 0;
  }
  .asic-card__title-link {
    color: var(--asic-color-text-emphasis);
    outline: 0;
    text-decoration: none;
  }
  @media (hover: hover) {
    .asic-card__title-link:hover {
      text-decoration: underline;
    }
  }
  .asic-card__title-link:after {
    border-radius: var(--asic-border-radius-small);
    content: " ";
    position: absolute;
    inset: 0;
  }
  .asic-card__title-link:focus-visible:after {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-card__content {
    color: var(--asic-color-text);
    margin-top: var(--gap);
    grid-area: content;
  }
  .asic-card__icon {
    background-color: var(--asic-color-background-accent-alt);
    border-radius: var(--asic-border-radius-full);
    color: var(--asic-color-text-link);
    font: var(--asic-icon-font-xlarge);
    height: var(--icon-disc);
    width: var(--icon-disc);
    grid-area: icon;
    place-items: center;
    display: grid;
  }
  .asic-card__icon:after {
    content: attr(data-symbol)/"";
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    overflow: hidden;
  }
  @supports not (content: "x"/"y") {
    .asic-card__icon:after {
      alt: "";
      content: attr(data-symbol);
    }
  }
  .asic-card-grid {
    gap: var(--asic-space-24);
    grid-template-columns: repeat(var(--layout-mode), minmax(var(--asic-space-256), 1fr));
    --layout-mode: auto-fill;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }
  .asic-card-grid--fit {
    --layout-mode: auto-fit;
  }
  .asic-checkbox {
    appearance: none;
    background-color: var(--asic-color-background);
    border: var(--asic-border-width-medium) solid var(--asic-color-control-border);
    border-radius: var(--asic-border-radius-small);
    color: var(--asic-color-text-inverse);
    height: var(--asic-form-control-size);
    width: var(--asic-form-control-size);
    place-content: center;
    margin: 0;
    padding: 0;
    display: grid;
  }
  @media (prefers-reduced-motion: no-preference) {
    .asic-checkbox {
      transition: var(--asic-motion-duration-short) border var(--asic-motion-ease-in-out);
    }
    .asic-checkbox:after {
      transition: var(--asic-motion-duration-short) transform var(--asic-motion-ease-in-out), var(--asic-motion-duration-short) opacity var(--asic-motion-ease-in-out);
    }
  }
  .asic-checkbox:after {
    content: "check"/"";
    font: var(--asic-icon-font);
    opacity: 0;
    transform: scale(0.25);
  }
  @supports not (content: "x"/"y") {
    .asic-checkbox:after {
      alt: "";
      content: "check";
    }
  }
  .asic-checkbox:checked {
    border-color: var(--asic-color-background-accent-emphasis);
    border-width: calc(var(--asic-form-control-size) / 2);
  }
  .asic-checkbox:checked:after {
    opacity: 1;
    transform: scale(1);
  }
  .asic-checkbox:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-checkbox[aria-invalid=true] {
    background-color: var(--asic-color-system-error-muted);
    border-color: var(--asic-color-system-error);
  }
  .asic-checkbox:is(:disabled, [aria-disabled=true]) {
    background-color: var(--asic-color-control-background-disabled);
    border-color: var(--asic-color-control-border-disabled);
    color: var(--asic-color-text-disabled);
  }
  @media not (min-width: 768px) {
    .asic-page .asic-collapsible--offset {
      margin-top: calc(var(--asic-content-gutter) * -1);
    }
    .asic-container .asic-collapsible--offset {
      margin-inline: calc(var(--asic-container-gutter) * -1);
    }
  }
  @media not (min-width: 768px) {
    [aria-expanded=false] + .asic-collapsible__region {
      display: none;
    }
  }
  .asic-collapsible__toggle {
    appearance: none;
    border: 0;
    border-bottom: var(--asic-border-width-thin) solid var(--asic-color-border);
    box-sizing: border-box;
    color: var(--asic-color-item-fg-idle);
    cursor: pointer;
    font: var(--asic-text-title-small-shorthand);
    height: var(--asic-space-56);
    padding: 0 var(--asic-content-gap-x);
    text-align: start;
    background: 0;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }
  @media (hover: hover) {
    .asic-collapsible__toggle:hover {
      background-color: var(--asic-color-item-bg-hover);
      color: var(--asic-color-item-fg-hover);
    }
  }
  .asic-collapsible__toggle:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-collapsible__toggle:after {
    content: "expand_more"/"";
    font: var(--asic-icon-font);
    width: 1em;
    overflow: hidden;
  }
  @supports not (content: "x"/"y") {
    .asic-collapsible__toggle:after {
      alt: "";
      content: "expand_more";
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .asic-collapsible__toggle:after {
      transition: transform var(--asic-motion-duration) var(--asic-motion-ease);
    }
  }
  .asic-collapsible__toggle[aria-expanded=true]:after {
    transform: rotate(180deg);
  }
  @media (min-width: 768px) {
    .asic-collapsible__toggle {
      display: none;
    }
  }
  :where([class*=asic-][class*=__content]) {
    color: var(--asic-color-text);
    min-width: 0;
    margin: 0;
  }
  :where([class*=asic-][class*=__content]) > * {
    margin-block: 0;
  }
  :where([class*=asic-][class*=__content]) > * + * {
    margin-top: 1rem;
  }
  :where([class*=asic-][class*=__content]) :where(a) {
    color: var(--asic-color-text-link);
  }
  :where([class*=asic-][class*=__content]) :where(img) {
    max-width: 100%;
    height: auto;
  }
  :where([class*=asic-][class*=__content]) :where(strong) {
    font-weight: var(--asic-font-weight-semibold);
  }
  .asic-date-range-picker {
    gap: var(--asic-space-12);
    grid-template-columns: repeat(2, 1fr);
    max-width: 24rem;
    display: grid;
  }
  .asic-date-range-picker .asic-textbox {
    box-sizing: border-box;
    width: 100%;
  }
  .asic-date-range-picker--fill {
    max-width: 100%;
  }
  .asic-date-picker__container {
    opacity: 0;
    text-align: center;
    visibility: hidden;
    background-color: var(--asic-color-background);
    padding: var(--asic-space-12);
    font: var(--asic-font-body);
    border-radius: var(--asic-border-radius-medium);
    box-sizing: border-box;
    touch-action: manipulation;
    direction: ltr;
    border: 0;
    animation: none;
    display: none;
    position: absolute;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1019607843);
  }
  .asic-date-picker__container:where([aria-expanded=true]) {
    visibility: visible;
    opacity: 1;
    z-index: 99999;
    display: block;
  }
  .asic-date-picker__container svg {
    display: none;
  }
  .asic-date-picker__header {
    gap: var(--asic-space-16);
    height: var(--asic-space-40);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  .asic-date-picker__footer {
    gap: var(--asic-space-16);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  .asic-date-picker__month {
    appearance: none;
    height: var(--asic-space-40);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' width='24px' fill='%23283038'%3E%3Cpath d='m12 14.975c-.133 0-.258-.02-.375-.063a.878.878 0 0 1 -.325-.212l-4.6-4.6a.948.948 0 0 1 -.275-.7c0-.283.092-.517.275-.7s.417-.275.7-.275.517.092.7.275l3.9 3.9 3.9-3.9a.948.948 0 0 1 .7-.275c.283 0 .517.092.7.275a.948.948 0 0 1 .275.7.948.948 0 0 1 -.275.7l-4.6 4.6c-.1.1-.208.17-.325.212a1.105 1.105 0 0 1 -.375.063z'/%3E%3C/svg%3E") no-repeat;
    background-position: right var(--asic-space-8) center;
    background-size: var(--icon-size-medium);
    font: var(--asic-text-body);
    color: var(--asic-color-text);
    border-radius: var(--asic-border-radius-medium);
    padding-inline: var(--asic-space-8);
    border: none;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }
  @media (hover: hover) {
    .asic-date-picker__month:hover {
      background-color: var(--asic-color-item-bg-hover);
      color: var(--asic-color-item-fg-hover);
    }
  }
  .asic-date-picker__month:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  @media (prefers-color-scheme: dark) {
    .asic-dark-support .asic-date-picker__month {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' width='24px' fill='%23f2f3f3'%3E%3Cpath d='m12 14.975c-.133 0-.258-.02-.375-.063a.878.878 0 0 1 -.325-.212l-4.6-4.6a.948.948 0 0 1 -.275-.7c0-.283.092-.517.275-.7s.417-.275.7-.275.517.092.7.275l3.9 3.9 3.9-3.9a.948.948 0 0 1 .7-.275c.283 0 .517.092.7.275a.948.948 0 0 1 .275.7.948.948 0 0 1 -.275.7l-4.6 4.6c-.1.1-.208.17-.325.212a1.105 1.105 0 0 1 -.375.063z'/%3E%3C/svg%3E");
    }
  }
  .asic-dark .asic-date-picker__month {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' width='24px' fill='%23f2f3f3'%3E%3Cpath d='m12 14.975c-.133 0-.258-.02-.375-.063a.878.878 0 0 1 -.325-.212l-4.6-4.6a.948.948 0 0 1 -.275-.7c0-.283.092-.517.275-.7s.417-.275.7-.275.517.092.7.275l3.9 3.9 3.9-3.9a.948.948 0 0 1 .7-.275c.283 0 .517.092.7.275a.948.948 0 0 1 .275.7.948.948 0 0 1 -.275.7l-4.6 4.6c-.1.1-.208.17-.325.212a1.105 1.105 0 0 1 -.375.063z'/%3E%3C/svg%3E");
  }
  .asic-date-picker__year {
    appearance: none;
    width: var(--asic-space-64);
    color: var(--asic-color-text);
    font: inherit;
    padding-inline: var(--asic-space-8);
    height: var(--asic-space-40);
    border-radius: var(--asic-border-radius-medium);
    font: var(--asic-font-body);
    background-color: rgba(0, 0, 0, 0);
    border: none;
    order: 0;
  }
  @media (hover: hover) {
    .asic-date-picker__year:hover {
      background-color: var(--asic-color-item-bg-hover);
      color: var(--asic-color-item-fg-hover);
    }
  }
  .asic-date-picker__year:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-date-picker__navigation {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .asic-date-picker__week {
    grid-template-columns: repeat(7, var(--asic-space-48));
    grid-auto-rows: var(--asic-space-48);
    margin: 0;
    padding: 0;
    display: grid;
  }
  .asic-date-picker__week :where(li) {
    width: var(--asic-space-48);
    height: var(--asic-space-48);
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    display: flex;
  }
  .asic-date-picker__days {
    grid-template-columns: repeat(7, var(--asic-space-48));
    grid-auto-rows: var(--asic-space-48);
    background-color: var(--asic-color-background);
    margin: 0;
    padding: 0;
    display: grid;
  }
  .asic-date-picker__days :where(li) {
    width: var(--asic-space-48);
    height: var(--asic-space-48);
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  .asic-date-picker__day {
    appearance: none;
    box-sizing: border-box;
    width: var(--asic-space-48);
    height: var(--asic-space-48);
    border: var(--asic-border-width-medium) solid transparent;
    color: var(--asic-color-text);
    cursor: pointer;
    border-radius: var(--asic-border-radius-small);
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  .asic-date-picker__day:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
    z-index: 1;
  }
  @media (hover: hover) {
    .asic-date-picker__day:hover {
      background-color: var(--asic-color-item-bg-hover);
      color: var(--asic-color-item-fg-hover);
    }
  }
  .asic-date-picker__day--disabled {
    color: var(--asic-color-text-disabled);
    background-color: var(--asic-color-control-background-disabled);
    cursor: not-allowed;
  }
  @media (hover: hover) {
    .asic-date-picker__day--disabled:hover {
      background-color: var(--asic-color-control-background-disabled);
      color: var(--asic-color-text-disabled);
    }
  }
  .asic-date-picker__day--selected {
    background-color: var(--asic-color-background-emphasis);
    color: var(--asic-color-text-inverse);
  }
  @media (hover: hover) {
    .asic-date-picker__day--selected:hover {
      background-color: var(--asic-color-background-emphasis);
      color: var(--asic-color-text-inverse);
    }
  }
  .asic-date-picker__day--startRange {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .asic-date-picker__day--endRange {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .asic-date-picker__day--inRange {
    background-color: var(--asic-color-background-accent-alt);
    border-radius: 0;
  }
  .asic-date-picker__day--prevMonthDay, .asic-date-picker__day--nextMonthDay {
    color: var(--asic-color-text-disabled);
  }
  .asic-date-picker__day--today:after {
    content: "•";
    bottom: var(--asic-space-12);
    line-height: 0;
    position: absolute;
  }
  .flatpickr-calendar {
    opacity: 0;
    text-align: center;
    visibility: hidden;
    background-color: var(--asic-color-background);
    padding: var(--asic-space-12);
    font: var(--asic-font-body);
    border-radius: var(--asic-border-radius-medium);
    box-sizing: border-box;
    touch-action: manipulation;
    direction: ltr;
    border: 0;
    animation: none;
    display: none;
    position: absolute;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1019607843);
  }
  .flatpickr-calendar.open {
    visibility: visible;
    opacity: 1;
    z-index: 99999;
    display: block;
  }
  .flatpickr-calendar svg {
    display: none;
  }
  .flatpickr-months {
    grid-template-columns: 1fr var(--asic-space-40) var(--asic-space-40);
    grid-auto-rows: var(--asic-space-40);
    gap: var(--asic-space-16);
    height: var(--asic-space-40);
    justify-content: space-between;
    align-items: center;
    display: grid;
  }
  .flatpickr-month {
    order: 0;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }
  .flatpickr-month .flatpickr-current-month {
    justify-content: flex-start;
    align-items: center;
    gap: var(--asic-space-8);
    flex: 1;
    display: flex;
  }
  .flatpickr-month .flatpickr-monthDropdown-months {
    appearance: none;
    height: var(--asic-space-40);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' width='24px' fill='%23283038'%3E%3Cpath d='m12 14.975c-.133 0-.258-.02-.375-.063a.878.878 0 0 1 -.325-.212l-4.6-4.6a.948.948 0 0 1 -.275-.7c0-.283.092-.517.275-.7s.417-.275.7-.275.517.092.7.275l3.9 3.9 3.9-3.9a.948.948 0 0 1 .7-.275c.283 0 .517.092.7.275a.948.948 0 0 1 .275.7.948.948 0 0 1 -.275.7l-4.6 4.6c-.1.1-.208.17-.325.212a1.105 1.105 0 0 1 -.375.063z'/%3E%3C/svg%3E") no-repeat;
    background-position: right var(--asic-space-8) center;
    background-size: var(--icon-size-medium);
    font: var(--asic-text-body);
    color: var(--asic-color-text);
    border-radius: var(--asic-border-radius-medium);
    padding-inline: var(--asic-space-8);
    border: none;
    flex: 1;
    order: 1;
  }
  @media (hover: hover) {
    .flatpickr-month .flatpickr-monthDropdown-months:hover {
      background-color: var(--asic-color-item-bg-hover);
      color: var(--asic-color-item-fg-hover);
    }
  }
  .flatpickr-month .flatpickr-monthDropdown-months:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  @media (prefers-color-scheme: dark) {
    .asic-dark-support :is(.flatpickr-month .flatpickr-monthDropdown-months) {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' width='24px' fill='%23f2f3f3'%3E%3Cpath d='m12 14.975c-.133 0-.258-.02-.375-.063a.878.878 0 0 1 -.325-.212l-4.6-4.6a.948.948 0 0 1 -.275-.7c0-.283.092-.517.275-.7s.417-.275.7-.275.517.092.7.275l3.9 3.9 3.9-3.9a.948.948 0 0 1 .7-.275c.283 0 .517.092.7.275a.948.948 0 0 1 .275.7.948.948 0 0 1 -.275.7l-4.6 4.6c-.1.1-.208.17-.325.212a1.105 1.105 0 0 1 -.375.063z'/%3E%3C/svg%3E");
    }
  }
  .asic-dark :is(.flatpickr-month .flatpickr-monthDropdown-months) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' width='24px' fill='%23f2f3f3'%3E%3Cpath d='m12 14.975c-.133 0-.258-.02-.375-.063a.878.878 0 0 1 -.325-.212l-4.6-4.6a.948.948 0 0 1 -.275-.7c0-.283.092-.517.275-.7s.417-.275.7-.275.517.092.7.275l3.9 3.9 3.9-3.9a.948.948 0 0 1 .7-.275c.283 0 .517.092.7.275a.948.948 0 0 1 .275.7.948.948 0 0 1 -.275.7l-4.6 4.6c-.1.1-.208.17-.325.212a1.105 1.105 0 0 1 -.375.063z'/%3E%3C/svg%3E");
  }
  .flatpickr-month .numInputWrapper {
    order: 0;
  }
  .flatpickr-month .numInputWrapper input {
    appearance: none;
    width: var(--asic-space-64);
    color: var(--asic-color-text);
    font: inherit;
    padding-inline: var(--asic-space-8);
    height: var(--asic-space-40);
    border-radius: var(--asic-border-radius-medium);
    font: var(--asic-font-body);
    background-color: rgba(0, 0, 0, 0);
    border: none;
  }
  @media (hover: hover) {
    .flatpickr-month .numInputWrapper input:hover {
      background-color: var(--asic-color-item-bg-hover);
      color: var(--asic-color-item-fg-hover);
    }
  }
  .flatpickr-month .numInputWrapper input:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .flatpickr-next-month, .flatpickr-prev-month {
    width: var(--asic-space-40);
    height: var(--asic-space-40);
    color: var(--asic-color-text-link);
    border-radius: var(--asic-border-radius-medium);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  :is(.flatpickr-next-month, .flatpickr-prev-month):after {
    font: var(--asic-icon-font);
  }
  @media (hover: hover) {
    :is(.flatpickr-next-month, .flatpickr-prev-month):hover {
      color: var(--asic-item-fg-hover);
      background-color: var(--asic-color-item-bg-hover);
    }
  }
  :is(.flatpickr-next-month, .flatpickr-prev-month):focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .flatpickr-prev-month {
    order: 2;
  }
  .flatpickr-prev-month:after {
    content: "chevron_left";
  }
  .flatpickr-next-month {
    order: 3;
  }
  .flatpickr-next-month:after {
    content: "chevron_right";
  }
  .flatpickr-weekdaycontainer {
    grid-template-columns: repeat(7, var(--asic-space-48));
    grid-auto-rows: var(--asic-space-48);
    display: grid;
  }
  .flatpickr-days .dayContainer {
    grid-template-columns: repeat(7, var(--asic-space-48));
    grid-auto-rows: var(--asic-space-48);
    background-color: var(--asic-color-background);
    display: grid;
  }
  .flatpickr-weekday {
    width: var(--asic-space-48);
    height: var(--asic-space-48);
    color: var(--asic-color-text);
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .flatpickr-day {
    appearance: none;
    box-sizing: border-box;
    width: var(--asic-space-48);
    height: var(--asic-space-48);
    border: var(--asic-border-width-medium) solid transparent;
    color: var(--asic-color-text);
    cursor: pointer;
    border-radius: var(--asic-border-radius-small);
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  .flatpickr-day.selected {
    background-color: var(--asic-color-background-emphasis);
    color: var(--asic-color-text-inverse);
  }
  @media (hover: hover) {
    .flatpickr-day.selected:hover {
      background-color: var(--asic-color-background-emphasis);
      color: var(--asic-color-text-inverse);
    }
  }
  .flatpickr-day.startRange {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .flatpickr-day.endRange {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .flatpickr-day.inRange {
    background-color: var(--asic-color-background-accent-alt);
    border-radius: 0;
  }
  .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
    color: var(--asic-color-text-disabled);
  }
  .flatpickr-day.today:after {
    content: "•";
    bottom: var(--asic-space-12);
    line-height: 0;
    position: absolute;
  }
  .flatpickr-day:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
    z-index: 1;
  }
  @media (hover: hover) {
    .flatpickr-day:hover {
      background-color: var(--asic-color-item-bg-hover);
      color: var(--asic-color-item-fg-hover);
    }
  }
  .asic-divider {
    background-color: var(--asic-color-border-muted);
    border-radius: var(--divider-thickness);
    height: var(--divider-thickness);
    --divider-thickness: var(--asic-border-width-thin);
    border: 0;
    width: 100%;
  }
  .asic-divider--medium {
    --divider-thickness: var(--asic-border-width-medium);
  }
  .asic-divider--thick {
    --divider-thickness: var(--asic-border-width-thick);
  }
  .asic-dl {
    --asic-dl-space: var(--asic-space-16);
    --asic-dl-divider: var(--asic-border-width-thin) solid var(--asic-color-border);
  }
  .asic-dl :where(dt) {
    color: var(--asic-color-text);
    font-weight: var(--asic-font-weight-medium);
    padding-block-start: var(--asic-dl-space);
  }
  .asic-dl :where(dd) {
    color: var(--asic-color-text);
    margin-left: 0;
    padding-block-end: var(--asic-dl-space);
  }
  .asic-dl.asic-dl--dividers {
    border-block-start: var(--asic-dl-divider);
  }
  .asic-dl.asic-dl--dividers :where(dd) {
    border-block-end: var(--asic-dl-divider);
  }
  .asic-dl--horizontal {
    grid-template-columns: 50% 1fr;
    justify-items: stretch;
    display: grid;
  }
  .asic-dl--horizontal :where(dt, dd) {
    padding-block: var(--asic-dl-space);
  }
  .asic-dl--horizontal :where(dt) {
    padding-inline-end: var(--asic-dl-space);
  }
  .asic-dl--horizontal.asic-dl--dividers :where(dd, dt) {
    border-block-end: var(--asic-dl-divider);
  }
  .asic-field {
    gap: var(--asic-form-text-gap);
    border: 0;
    margin: 0;
    padding: 0;
    display: grid;
  }
  .asic-field-group {
    gap: var(--asic-form-group-gap);
    margin: 0;
    padding: 0;
    display: grid;
  }
  .asic-field__label {
    color: var(--asic-color-text);
    cursor: default;
    font: var(--asic-text-body-shorthand);
    font-weight: var(--asic-font-weight-medium);
    margin: 0;
    padding: 0;
  }
  .asic-field:not(:has(:required, [aria-required=true])) .asic-field__label:after {
    color: var(--asic-color-text-disabled);
    content: "(optional)";
    font-weight: var(--asic-font-weight-regular);
    margin-inline-start: var(--asic-space-4);
  }
  .asic-field__hint {
    color: var(--asic-color-text-muted);
    font: var(--asic-text-body-small-shorthand);
    margin: 0;
    padding: 0;
    display: block;
  }
  .asic-field__message {
    color: var(--asic-color-system-error);
    font: var(--asic-text-body-small-shorthand);
    align-items: center;
    gap: var(--asic-space-4);
    margin: 0;
    padding: 0;
    display: flex;
  }
  .asic-field__message:before {
    color: var(--asic-color-system-error);
    content: "error"/"Error: ";
    font: var(--asic-icon-font-small);
    font-variation-settings: var(--asic-icon-fill);
    width: 1em;
    overflow: hidden;
  }
  @supports not (content: "x"/"y") {
    .asic-field__message:before {
      alt: "Error: ";
      content: "error";
    }
  }
  .asic-fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }
  .asic-fieldset .asic-field-group {
    margin-top: var(--asic-form-group-gap);
  }
  .asic-fieldset__legend {
    color: var(--asic-color-text);
    cursor: default;
    font: var(--asic-text-title-small-shorthand);
    margin: 0;
    padding: 0;
  }
  .asic-fieldset__hint {
    color: var(--asic-color-text-muted);
    font: var(--asic-text-body-shorthand);
    margin-top: var(--asic-form-text-gap);
    display: block;
  }
  .asic-file-upload {
    justify-content: center;
    align-items: center;
    gap: var(--asic-space-16);
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: var(--asic-space-32);
    color: var(--asic-color-text);
    border: var(--asic-border-width-thick) dashed var(--asic-color-border);
    border-radius: var(--asic-border-radius-medium);
    flex-direction: column;
    display: flex;
    position: relative;
  }
  .asic-file-upload input[type=file] {
    appearance: none;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .asic-file-upload:where(.asic-file-upload:has(input[aria-invalid=true])) {
    background-color: var(--asic-color-system-error-muted);
    border-color: var(--asic-color-system-error);
  }
  .asic-file-upload:where(.asic-file-upload:has(input:is(:disabled, [aria-disabled=true]))) {
    background-color: var(--asic-color-control-background-disabled);
    border-color: var(--asic-color-control-border-disabled);
    color: var(--asic-color-text-disabled);
  }
  .asic-file-upload:where(.asic-file-upload:has(input:is(:disabled, [aria-disabled=true]))) input[type=file] {
    cursor: not-allowed;
  }
  .asic-file-upload:where(.asic-file-upload:has(input:is(:disabled, [aria-disabled=true]))) label {
    opacity: 0.3;
  }
  .asic-file-upload:before {
    pointer-events: none;
    content: attr(data-symbol, "upload")/"";
    font: var(--asic-icon-font-xlarge);
    -webkit-font-smoothing: antialiased;
    order: 1;
    display: inline-block;
  }
  @supports not (content: "x"/"y") {
    .asic-file-upload:before {
      alt: "";
      content: attr(data-symbol, "upload");
    }
  }
  .asic-file-upload:after {
    pointer-events: none;
    content: attr(data-idle-message, "Drag and drop files here or click to upload");
    font-family: var(--asic-font-family-sans);
    font-size: var(--asic-text-body-size);
    line-height: var(--asic-lineheight-regular);
    font-weight: var(--asic-font-weight-medium);
    text-align: center;
    text-wrap-style: balance;
    -webkit-font-smoothing: antialiased;
    order: 2;
    display: inline-block;
  }
  .asic-file-upload :where(label) {
    pointer-events: none;
    order: 3;
  }
  .asic-file-upload--dragging {
    border-color: var(--asic-color-background-accent-emphasis);
    background-color: var(--asic-color-background-accent);
  }
  .asic-file-upload--dragging:after {
    content: attr(data-dragging-message, "Drop files here");
    color: var(--asic-color-text-emphasis);
  }
  .asic-file-upload--dragging:before, .asic-file-upload--dragging :where(label) {
    opacity: 0;
  }
  .asic-file-list {
    flex-direction: column;
    display: flex;
  }
  .asic-file-card {
    box-sizing: border-box;
    grid-auto-columns: auto;
    grid-template-columns: var(--asic-space-24) 1fr var(--asic-space-48);
    align-items: center;
    gap: var(--asic-space-16);
    min-height: var(--asic-space-48);
    border-bottom: var(--asic-border-width-thin) solid var(--asic-color-border-muted);
    display: grid;
  }
  .asic-file-card .asic-icon {
    color: var(--asic-color-text-link);
  }
  .asic-file-card__details {
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    display: flex;
    overflow: hidden;
  }
  .asic-file-card__filename {
    font-size: var(--asic-text-body-small-size);
    line-height: var(--asic-font-lineheight-dense);
    font-weight: var(--asic-font-weight-semibold);
    color: var(--asic-color-text);
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: max-content;
    overflow: hidden;
  }
  .asic-file-card__meta {
    font-size: var(--asic-text-body-small-size);
    line-height: var(--asic-font-lineheight-dense);
    font-weight: var(--asic-font-weight-regular);
    color: var(--asic-color-text-muted);
  }
  .asic-file-card--error .asic-icon, .asic-file-card--error .asic-file-card__meta {
    color: var(--asic-color-system-error);
  }
  .asic-footer {
    background-color: var(--asic-color-background-alt);
  }
  .asic-footer__inner {
    padding-block: var(--asic-space-32);
  }
  .asic-footer__content {
    font: var(--asic-text-body-small-shorthand);
  }
  .asic-footer__logo {
    height: var(--asic-space-56);
    display: inline-block;
  }
  .asic-footer__logo:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-footer__link-list {
    gap: var(--asic-space-16);
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  .asic-footer__link {
    color: var(--asic-color-text);
    font: var(--asic-text-body-shorthand);
    text-decoration: none;
    text-decoration-thickness: var(--asic-border-width-thin);
    text-underline-offset: var(--asic-border-width-medium);
  }
  @media (hover: hover) {
    .asic-footer__link:hover {
      color: var(--asic-color-text);
      text-decoration: underline;
    }
  }
  .asic-footer__link:focus-visible {
    color: var(--asic-color-text);
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
    text-decoration: underline;
  }
  .asic-form-control {
    gap: var(--asic-space-8);
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "input label";
    display: grid;
  }
  .asic-form-control-group .asic-form-control {
    margin-top: var(--asic-space-16);
  }
  .asic-form-control__input {
    grid-area: input;
  }
  .asic-form-control__label {
    color: var(--asic-color-text);
    cursor: default;
    font: var(--asic-text-body-shorthand);
    margin: 0;
    padding: 0;
  }
  input:disabled + .asic-form-control__label {
    color: var(--asic-color-text-disabled);
  }
  .asic-form-control-group {
    border: 0;
    margin: 0;
    padding: 0;
  }
  .asic-form-control-group__legend {
    color: var(--asic-color-text);
    cursor: default;
    font: var(--asic-text-body-shorthand);
    font-weight: var(--asic-font-weight-medium);
    margin: 0;
    padding: 0;
  }
  .asic-form-control-group:not(:has(:required, [aria-required=true])) .asic-form-control-group__legend:after {
    color: var(--asic-color-text-disabled);
    content: "(optional)";
    font-weight: var(--asic-font-weight-regular);
    margin-inline-start: var(--asic-space-4);
  }
  .asic-form-control-group__hint {
    color: var(--asic-color-text-muted);
    font: var(--asic-text-body-small-shorthand);
    margin: var(--asic-form-text-gap) 0 0;
    padding: 0;
    display: block;
  }
  .asic-form-control-group__message {
    color: var(--asic-color-system-error);
    font: var(--asic-text-body-small-shorthand);
    align-items: center;
    gap: var(--asic-space-4);
    margin: var(--asic-form-text-gap) 0 0;
    padding: 0;
    display: flex;
  }
  .asic-form-control-group__message:before {
    color: var(--asic-color-system-error);
    content: "error"/"Error: ";
    font: var(--asic-icon-font-small);
    font-variation-settings: var(--asic-icon-fill);
    width: 1em;
    overflow: hidden;
  }
  @supports not (content: "x"/"y") {
    .asic-form-control-group__message:before {
      alt: "Error: ";
      content: "error";
    }
  }
  .asic-header {
    background-color: var(--asic-color-background-alt);
  }
  .asic-header--compact {
    background-color: var(--asic-color-background);
  }
  .asic-header__inner {
    align-items: center;
    column-gap: var(--asic-content-gap-x);
    padding-block: var(--asic-content-gutter);
    row-gap: var(--asic-content-gap-y);
    display: grid;
  }
  .asic-header--compact .asic-header__inner {
    padding-block: var(--asic-space-16);
  }
  @media (min-width: 1024px) {
    .asic-header__inner {
      grid-template-columns: var(--asic-sidebar-width) minmax(0, 1fr);
    }
  }
  @media not (min-width: 1024px) {
    .asic-header__inner {
      text-align: center;
    }
  }
  @media (min-width: 1024px) {
    .asic-header__content {
      border-inline-start: var(--asic-border-width-medium) solid var(--asic-color-border);
      padding-inline-start: var(--asic-content-gap-x);
    }
  }
  .asic-header__logo {
    height: var(--asic-space-56);
    display: inline-block;
  }
  .asic-header__logo:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  :where(.asic-icon, .asic-icon-small, .asic-icon-medium, .asic-icon-large, .asic-icon-xlarge) {
    font: var(--asic-icon-font);
  }
  :where(.asic-icon, .asic-icon-small, .asic-icon-medium, .asic-icon-large, .asic-icon-xlarge):after {
    content: attr(data-symbol)/"";
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    overflow: hidden;
  }
  @supports not (content: "x"/"y") {
    :where(.asic-icon, .asic-icon-small, .asic-icon-medium, .asic-icon-large, .asic-icon-xlarge):after {
      alt: "";
      content: attr(data-symbol);
    }
  }
  .asic-icon-small {
    font: var(--asic-icon-font-small);
  }
  .asic-icon-medium {
    font: var(--asic-icon-font-medium);
  }
  .asic-icon-large {
    font: var(--asic-icon-font-large);
  }
  .asic-icon-xlarge {
    font: var(--asic-icon-font-xlarge);
  }
  .asic-icon--line {
    font-variation-settings: var(--asic-icon-line);
  }
  .asic-icon--fill {
    font-variation-settings: var(--asic-icon-fill);
  }
  .asic-icon-button {
    --button-size: var(--asic-space-48);
    --button-icon-font: var(--asic-icon-font);
    appearance: none;
    block-size: var(--button-size);
    inline-size: var(--button-size);
    border-radius: var(--asic-border-radius-small);
    border: var(--asic-border-width-medium) solid transparent;
    box-sizing: border-box;
    padding-block: 0;
    padding-inline: 0;
    white-space: nowrap;
    background: 0;
    padding-inline-start: calc(var(--button-size) - 2 * var(--asic-border-width-medium));
    text-decoration: none;
    position: relative;
    overflow: hidden;
  }
  .asic-icon-button:before {
    block-size: calc(var(--button-size) - 2 * var(--asic-border-width-medium));
    inline-size: calc(var(--button-size) - 2 * var(--asic-border-width-medium));
    content: attr(data-symbol)/"";
    font: var(--button-icon-font);
    box-sizing: border-box;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 0;
  }
  @supports not (content: "x"/"y") {
    .asic-icon-button:before {
      alt: "";
      content: attr(data-symbol);
    }
  }
  .asic-icon-button:not(:disabled) {
    cursor: pointer;
  }
  .asic-icon-button:disabled {
    opacity: var(--asic-opacity-disabled);
  }
  .asic-icon-button:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-icon-button--primary {
    background-color: var(--asic-color-background-accent-emphasis);
    color: var(--asic-color-text-inverse);
  }
  @media (hover: hover) {
    .asic-icon-button--primary:not(:disabled):hover {
      background-color: var(--asic-color-text);
    }
  }
  .asic-icon-button--primary.asic-icon-button--critical {
    background-color: var(--asic-color-system-error);
    color: var(--asic-color-text-inverse);
  }
  .asic-icon-button--secondary {
    color: var(--asic-color-text-link);
    border-color: currentColor;
  }
  @media (hover: hover) {
    .asic-icon-button--secondary:not(:disabled):hover {
      color: var(--asic-color-text);
    }
  }
  .asic-icon-button--secondary.asic-icon-button--critical {
    color: var(--asic-color-system-error);
    border-color: var(--asic-color-system-error);
  }
  @media (hover: hover) {
    .asic-icon-button--secondary.asic-icon-button--critical:not(:disabled):hover {
      border-color: var(--asic-color-text);
    }
  }
  .asic-icon-button--tertiary {
    color: var(--asic-color-text-link);
  }
  @media (hover: hover) {
    .asic-icon-button--tertiary:not(:disabled):hover {
      color: var(--asic-color-text);
    }
  }
  .asic-icon-button--tertiary.asic-icon-button--critical {
    color: var(--asic-color-system-error);
  }
  .asic-icon-button--small {
    --button-size: var(--asic-space-40);
    --button-icon-font: var(--asic-icon-font-medium);
  }
  .asic-root {
    --asic-content-gap-x: clamp(var(--asic-space-12), 3vw, var(--asic-space-56));
    --asic-content-gap-y: var(--asic-space-24);
    --asic-content-gutter: var(--asic-space-24);
    --asic-content-max: 42rem;
    --asic-container-gutter: var(--asic-content-gap-x);
    --asic-container-max: calc(var(--asic-content-max) + var(--asic-container-gutter) * 2);
    --asic-sidebar-width: clamp(var(--asic-space-256), 22.0%, var(--asic-space-320));
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;
    display: grid;
  }
  @media (min-width: 768px) {
    .asic-root {
      --asic-container-max: 1380px;
      --asic-content-gap-y: var(--asic-space-32);
      --asic-content-gutter: var(--asic-space-32);
    }
  }
  @media (min-width: 1200px) {
    .asic-root {
      --asic-content-gutter: var(--asic-space-48);
    }
  }
  .asic-container {
    width: min(100% - var(--asic-container-gutter) * 2, var(--asic-container-max));
    margin-inline: auto;
    container-type: inline-size;
  }
  .asic-content-container {
    max-width: var(--asic-content-max);
    container-type: inline-size;
  }
  .asic-page {
    padding-block: var(--asic-content-gutter) calc(var(--asic-content-gutter) * 2);
  }
  .asic-page:has(.asic-page__sidebar) {
    row-gap: var(--asic-content-gap-y);
    display: grid;
  }
  @media (min-width: 768px) {
    .asic-page:has(.asic-page__sidebar) {
      column-gap: var(--asic-content-gap-x);
      grid-template-columns: var(--asic-sidebar-width) minmax(0, 1fr);
    }
  }
  .asic-page-header {
    padding-block: var(--asic-content-gap-y);
  }
  .asic-page__main {
    align-content: start;
    column-gap: var(--asic-content-gap-x);
    row-gap: var(--asic-content-gap-y);
    grid-template-areas: "header" "article";
    display: grid;
  }
  .asic-page__main:has(.asic-page__aside) {
    grid-template-areas: "header" "aside" "article";
  }
  @media (min-width: 1200px) {
    .asic-page__main:has(.asic-page__aside) {
      grid-template-columns: minmax(0, 1fr) var(--asic-space-256);
      grid-template-areas: "header header" "article aside";
    }
  }
  .asic-page__header {
    grid-area: header;
    min-width: 0;
  }
  .asic-page__article {
    grid-area: article;
    min-width: 0;
    container-type: inline-size;
  }
  .asic-page__aside {
    grid-area: aside;
    min-width: 0;
    container-type: inline-size;
  }
  .asic-line-clamp, .asic-line-clamp-1, .asic-line-clamp-2, .asic-line-clamp-3, .asic-line-clamp-4, .asic-line-clamp-5, .asic-line-clamp-6, .asic-line-clamp-7, .asic-line-clamp-8 {
    --clamp-lines: 2;
  }
  :is(.asic-line-clamp, .asic-line-clamp-1, .asic-line-clamp-2, .asic-line-clamp-3, .asic-line-clamp-4, .asic-line-clamp-5, .asic-line-clamp-6, .asic-line-clamp-7, .asic-line-clamp-8):has(.asic-line-clamp__toggle:checked) {
    --clamp-lines: 10000;
  }
  .asic-line-clamp-1 {
    --clamp-lines: 1;
  }
  .asic-line-clamp-3 {
    --clamp-lines: 3;
  }
  .asic-line-clamp-4 {
    --clamp-lines: 4;
  }
  .asic-line-clamp-5 {
    --clamp-lines: 5;
  }
  .asic-line-clamp-6 {
    --clamp-lines: 6;
  }
  .asic-line-clamp-7 {
    --clamp-lines: 7;
  }
  .asic-line-clamp-8 {
    --clamp-lines: 8;
  }
  .asic-line-clamp__content {
    text-overflow: ellipsis;
    -webkit-line-clamp: var(--clamp-lines);
    line-clamp: var(--clamp-lines);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .asic-line-clamp__toggle {
    appearance: none;
    font: var(--asic-text-body-small-shorthand);
    box-sizing: border-box;
    text-align: right;
    cursor: pointer;
    width: auto;
    color: var(--asic-color-text-link);
    border-radius: var(--asic-border-radius-xsmall);
    text-decoration: underline;
    -webkit-text-decoration-color: color-mix(in srgb, var(--asic-color-text-link) 33%, var(--asic-color-background));
    text-decoration-color: color-mix(in srgb, var(--asic-color-text-link) 33%, var(--asic-color-background));
    text-decoration-thickness: var(--asic-border-width-thin);
    text-underline-offset: var(--asic-border-width-medium);
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    position: relative;
  }
  .asic-line-clamp__toggle:before {
    content: attr(data-more, "Show more");
    display: inline;
  }
  .asic-line-clamp__toggle:after {
    content: "expand_more"/"";
    font: var(--asic-icon-font);
    font-size: var(--asic-icon-font-size);
    vertical-align: middle;
    width: 1em;
    display: inline-block;
    overflow: hidden;
  }
  @supports not (content: "x"/"y") {
    .asic-line-clamp__toggle:after {
      alt: "";
      content: "expand_more";
    }
  }
  @media (hover: hover) {
    .asic-line-clamp__toggle:hover {
      text-decoration: none;
    }
  }
  .asic-line-clamp__toggle:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-line-clamp__toggle:checked:before {
    content: attr(data-less, "Show less");
  }
  .asic-line-clamp__toggle:checked:after {
    transform: rotate(180deg);
  }
  .asic-link-list {
    --padding-x: var(--asic-space-12);
    --padding-y: var(--asic-space-12);
    --item-height: var(--asic-space-48);
    --divider: var(--asic-border-width-thin) solid var(--asic-color-border);
    --icon-space: calc(var(--asic-icon-size-small) + var(--padding-x));
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .asic-link-list--columns {
    column-gap: var(--asic-space-24);
    column-width: var(--asic-space-256);
  }
  .asic-link-list__item {
    border-block-end: var(--divider);
    box-sizing: border-box;
    min-height: var(--item-height);
    padding-block: var(--padding-y);
    grid-template-areas: "anchor icon";
    grid-template-columns: minmax(0, 1fr) var(--icon-space);
    align-items: center;
    display: grid;
    position: relative;
  }
  .asic-link-list__item:has(.asic-link-list__summary) {
    grid-template-areas: "anchor icon" "summary icon";
  }
  .asic-link-list__item:after {
    color: var(--asic-color-text);
    content: "arrow_forward"/"";
    font: var(--asic-icon-font-small);
    grid-area: icon;
    width: 1em;
    overflow: hidden;
  }
  @supports not (content: "x"/"y") {
    .asic-link-list__item:after {
      alt: "";
      content: "arrow_forward";
    }
  }
  .asic-link-list__item-link {
    color: var(--asic-color-text-link);
    font: var(--asic-text-body-shorthand);
    grid-area: anchor;
    padding-inline-end: var(--padding-x);
    text-decoration: none;
  }
  .asic-link-list:has(.asic-link-list__summary) .asic-link-list__item-link {
    font-weight: var(--asic-font-weight-medium);
  }
  .asic-link-list__item-link:after {
    content: " ";
    position: absolute;
    inset: 0;
  }
  @media (hover: hover) {
    .asic-link-list__item-link:hover {
      text-decoration: underline;
    }
  }
  .asic-link-list__item-link:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-link-list__summary {
    font: var(--asic-text-body-small-shorthand);
    grid-area: summary;
    padding-inline-end: var(--padding-x);
  }
  .asic-logo {
    --asic-logo-primary: var(--static-brand-granite);
    --asic-logo-secondary: var(--static-brand-blue);
    max-width: 100%;
    max-height: 100%;
  }
  @media (prefers-color-scheme: dark) {
    .asic-dark-support .asic-logo {
      --asic-logo-primary: var(--static-gray-0);
      --asic-logo-secondary: var(--static-gray-0);
    }
  }
  .asic-dark .asic-logo {
    --asic-logo-primary: var(--static-gray-0);
    --asic-logo-secondary: var(--static-gray-0);
  }
  .asic-logo__primary {
    fill: var(--asic-logo-primary);
  }
  .asic-logo__secondary {
    fill: var(--asic-logo-secondary);
  }
  .asic-mainnav {
    background-color: var(--asic-color-background);
    --line-adornment-width: var(--asic-border-width-thickest);
    --item-height: var(--asic-space-56);
    position: relative;
  }
  .asic-mainnav:after {
    background-image: linear-gradient(to right, var(--static-brand-aqua), var(--static-brand-sky), var(--static-brand-blue));
    content: "";
    height: var(--line-adornment-width);
    margin-top: calc(var(--line-adornment-width) * -1);
    display: block;
  }
  .asic-mainnav__group {
    justify-content: space-between;
    display: flex;
  }
  .asic-mainnav__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  @media not (min-width: 1024px) {
    .asic-mainnav:has(.asic-mainnav__dialog-trigger) .asic-mainnav__primary {
      display: none;
    }
  }
  .asic-mainnav__item-link, .asic-mainnav__dialog-trigger {
    border-bottom: calc(var(--line-adornment-width) * 1) solid transparent;
    color: var(--asic-color-text);
    align-items: center;
    gap: var(--asic-space-8);
    font: var(--asic-text-body-shorthand);
    height: var(--item-height);
    padding: 0 var(--asic-space-16);
    white-space: nowrap;
    text-decoration: none;
    display: flex;
    position: relative;
  }
  :is(.asic-mainnav__item-link, .asic-mainnav__dialog-trigger) > * {
    contain: paint;
  }
  @media (hover: hover) {
    :is(.asic-mainnav__item-link, .asic-mainnav__dialog-trigger):hover {
      color: var(--asic-color-item-fg-hover);
      text-decoration: underline;
    }
  }
  :is(.asic-mainnav__item-link, .asic-mainnav__dialog-trigger):focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
    z-index: 2;
  }
  :is(.asic-mainnav__item-link, .asic-mainnav__dialog-trigger)[aria-current=page], :is(.asic-mainnav__item-link, .asic-mainnav__dialog-trigger)[aria-current=true] {
    background-color: var(--asic-color-background-alt);
    border-color: var(--asic-color-border-emphasis);
    color: var(--asic-color-text-emphasis);
    font-weight: var(--asic-font-weight-medium);
    position: relative;
  }
  .asic-mainnav__dialog-trigger {
    appearance: none;
    background: 0;
    border: 0;
  }
  .asic-mainnav__dialog-trigger:before {
    contain: paint;
    content: "menu"/"";
    font: var(--asic-icon-font);
    -webkit-font-smoothing: antialiased;
    width: 1em;
    overflow: hidden;
  }
  @supports not (content: "x"/"y") {
    .asic-mainnav__dialog-trigger:before {
      alt: "";
      content: "menu";
    }
  }
  @media (min-width: 1024px) {
    .asic-mainnav__dialog-trigger {
      display: none;
    }
  }
  .asic-mainnav__dialog-close {
    appearance: none;
    color: var(--asic-color-text);
    cursor: pointer;
    font: var(--asic-text-body-shorthand);
    font-weight: var(--asic-font-weight-medium);
    align-items: center;
    gap: var(--asic-space-8);
    height: var(--asic-space-56);
    background: 0;
    border: 0;
    width: 100%;
    padding: 0;
    display: flex;
    position: relative;
  }
  .asic-mainnav__dialog-close:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
    z-index: 2;
  }
  .asic-mainnav__dialog-close:before {
    content: "close"/"";
    font: var(--asic-icon-font);
    -webkit-font-smoothing: antialiased;
    width: 1em;
    overflow: hidden;
  }
  @supports not (content: "x"/"y") {
    .asic-mainnav__dialog-close:before {
      alt: "";
      content: "close";
    }
  }
  .asic-mainnav__dialog {
    animation: slide-out var(--asic-motion-duration-long) var(--asic-motion-ease-out) forwards;
    background-color: var(--asic-color-background);
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    height: 100vh;
    max-height: 100vh;
    padding: var(--asic-space-16);
    width: var(--asic-space-320);
    border: 0;
    margin: 0;
    inset-inline-end: auto;
    overflow-y: auto;
    transform: translateX(-100%);
  }
  .asic-mainnav__dialog::backdrop {
    animation: fade-out var(--asic-motion-duration-long) var(--asic-motion-ease-out) forwards;
    background-color: rgba(0, 0, 0, 0);
  }
  .asic-mainnav__dialog[open] {
    animation: slide-in var(--asic-motion-duration-long) var(--asic-motion-ease-out) forwards;
    transform: translateX(0);
  }
  .asic-mainnav__dialog[open]::backdrop {
    animation: fade-in var(--asic-motion-duration-long) var(--asic-motion-ease-out) forwards;
    background-color: rgba(0, 0, 0, 0.2509803922);
  }
  @keyframes slide-in {
    from {
      transform: translateX(-100%);
    }
    to {
      transform: translateX(0);
    }
  }
  @keyframes slide-out {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }
  @keyframes fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-out {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .asic-mainnav__dialog .asic-mainnav__list {
    flex-direction: column;
    display: flex;
  }
  .asic-mainnav__dialog .asic-mainnav__item {
    border-bottom: var(--asic-border-width-thin) solid var(--asic-color-border);
  }
  .asic-mainnav__dialog .asic-mainnav__item-link {
    color: var(--asic-color-text-link);
    padding: var(--asic-space-16) 0;
  }
  .asic-mainnav__dialog .asic-mainnav__item-link[aria-current=page], .asic-mainnav__dialog .asic-mainnav__item-link[aria-current=true] {
    color: var(--asic-color-text-emphasis);
  }
  .asic-modal {
    background: var(--asic-color-background);
    border-radius: var(--asic-border-radius-small);
    box-sizing: border-box;
    gap: var(--asic-space-24);
    -webkit-overflow-scrolling: touch;
    padding: var(--asic-space-24);
    width: calc(100vw - var(--asic-space-32));
    border: none;
    flex-direction: column;
    max-width: 720px;
    margin-inline: auto;
    overflow-y: auto;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1019607843);
  }
  .asic-modal::backdrop {
    background-color: var(--static-brand-granite);
  }
  .asic-modal[open] {
    display: flex;
  }
  .asic-modal[open]::backdrop {
    opacity: 0.5;
  }
  @media (prefers-reduced-motion: no-preference) {
    .asic-modal {
      animation: asic-modal--leave var(--asic-motion-duration-long) var(--asic-motion-ease-out);
    }
    .asic-modal[open] {
      animation: asic-modal--enter var(--asic-motion-duration-long) var(--asic-motion-ease-out);
    }
    .asic-modal[open]::backdrop {
      animation: asic-modal--backdrop-fade-in var(--asic-motion-duration-long) var(--asic-motion-ease-out) forwards;
    }
  }
  .asic-modal__close {
    --button-size: var(--asic-space-48);
    appearance: none;
    block-size: var(--button-size);
    inline-size: var(--button-size);
    cursor: pointer;
    border-radius: var(--asic-border-radius-small);
    box-sizing: border-box;
    top: var(--asic-space-4);
    right: var(--asic-space-4);
    padding-block: 0;
    padding-inline: 0;
    white-space: nowrap;
    background: 0;
    border: none;
    padding-inline-start: var(--button-size);
    text-decoration: none;
    position: absolute;
    overflow: hidden;
  }
  .asic-modal__close:before {
    content: "close"/"";
    font: var(--asic-icon-font);
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
    block-size: var(--button-size);
    inline-size: var(--button-size);
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 0;
  }
  @supports not (content: "x"/"y") {
    .asic-modal__close:before {
      alt: "";
      content: "close";
    }
  }
  .asic-modal__close:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: calc(var(--asic-space-4) * -1);
  }
  .asic-modal__content {
    color: var(--asic-color-text);
  }
  .asic-modal__title {
    font: var(--asic-text-title-small-shorthand);
    font-weight: var(--asic-font-weight-semibold);
    color: var(--asic-color-text);
    margin: 0;
    margin-right: var(--asic-space-32);
  }
  @keyframes asic-modal--enter {
    0% {
      opacity: 0;
      display: none;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      display: flex;
      transform: translateY(0%);
    }
  }
  @keyframes asic-modal--leave {
    0% {
      opacity: 1;
      display: flex;
      transform: translateY(0%);
    }
    100% {
      opacity: 0;
      display: none;
      transform: translateY(20px);
    }
  }
  @keyframes asic-modal--backdrop-fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 0.5;
    }
  }
  .asic-pagenav {
    top: var(--asic-content-gap-y);
    --padding-y: var(--asic-space-4);
    padding-inline-start: var(--asic-space-24);
    position: sticky;
  }
  .asic-pagenav:after {
    background-color: var(--asic-color-background-accent-emphasis);
    content: "";
    inset-block: 0 var(--padding-y);
    width: var(--asic-border-width-thick);
    display: block;
    position: absolute;
    inset-inline-start: 0;
  }
  .asic-pagenav__title {
    color: var(--asic-color-text-emphasis);
    font: var(--asic-text-body-small-shorthand);
    font-weight: var(--asic-font-weight-medium);
    margin-block-end: var(--asic-space-16);
  }
  .asic-pagenav__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .asic-pagenav__item-link {
    border-radius: var(--asic-border-radius-xsmall);
    color: var(--asic-color-text-link);
    font: var(--asic-text-body-small-shorthand);
    padding-block: var(--padding-y);
    text-decoration: none;
    display: block;
  }
  @media (hover: hover) {
    .asic-pagenav__item-link:hover {
      text-decoration: underline;
    }
  }
  .asic-pagenav__item-link:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-pagenav__item-link--nested {
    padding-inline-start: var(--asic-space-16);
  }
  .asic-progress-circle {
    box-sizing: border-box;
    height: var(--size);
    width: var(--size);
    border: var(--stroke) solid var(--asic-color-border);
    --size: var(--asic-space-32);
    --stroke: var(--asic-border-width-thick);
    border-radius: 50%;
    position: relative;
  }
  .asic-progress-circle:before {
    border: var(--stroke) solid transparent;
    border-top-color: var(--asic-color-text-emphasis);
    content: "";
    inset: calc(var(--stroke) * -1);
    border-radius: 50%;
    animation: 1s linear infinite spin;
    position: absolute;
  }
  .asic-progress-circle--small {
    --size: var(--asic-space-16);
    --stroke: var(--asic-border-width-medium);
  }
  .asic-progress-circle--medium {
    --size: var(--asic-space-24);
    --stroke: var(--asic-border-width-medium);
  }
  .asic-progress-circle--large {
    --size: var(--asic-space-48);
  }
  @keyframes spin {
    from {
      transform: rotate(0);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .asic-stepper {
    --divider: var(--asic-border-width-thin) solid var(--asic-color-border);
    --padding-x: var(--asic-space-8);
    --padding-y: var(--asic-space-12);
    --gutter: var(--asic-space-12);
    --indicator-size: var(--asic-space-24);
    --content-inset: calc(var(--indicator-size) + var(--gutter));
    --line-color: var(--asic-color-border);
    --line-width: var(--asic-border-width-medium);
    --current-indicator-stroke-width: var(--asic-border-width-medium);
    --current-indicator-stroke-offset: var(--asic-border-width-thick);
    --current-indicator-stroke-combined: calc(var(--current-indicator-stroke-width) + var(--current-indicator-stroke-offset));
  }
  .asic-stepper__header {
    border-bottom: var(--divider);
    gap: var(--asic-space-4);
    padding-bottom: var(--padding-y);
    display: grid;
  }
  @media not (min-width: 768px) {
    .asic-collapsible__region .asic-stepper__header {
      display: none;
    }
  }
  .asic-stepper__header-title {
    font: var(--asic-text-title-small-shorthand);
    margin: 0;
  }
  .asic-stepper__header-subtitle {
    color: var(--asic-color-text-muted);
    font: var(--asic-text-body-shorthand);
    margin: 0;
  }
  .asic-stepper__list {
    padding: 0 0 0 var(--current-indicator-stroke-combined);
    margin: 0;
    list-style: none;
  }
  .asic-stepper__item:not(:has([aria-current=true])) > .asic-stepper__list {
    display: none;
  }
  .asic-stepper__item {
    --status-text: "Not started";
    --status-text-alt: ", not started";
    --indicator-font: var(--asic-icon-font-small);
    --indicator-icon: "";
    --indicator-bg-color: var(--asic-color-background);
    --indicator-fg-color: var(--asic-color-text);
    --indicator-border-color: var(--asic-color-border);
    --indicator-border-style: dashed;
    padding-inline-start: var(--content-inset);
    position: relative;
  }
  .asic-stepper__item:before, .asic-stepper__item:after {
    background-color: var(--line-color);
    content: "";
    width: var(--line-width);
    display: block;
    position: absolute;
    inset-inline-start: calc(var(--indicator-size) / 2 - var(--line-width) / 2);
  }
  .asic-stepper__item:before {
    inset-block: 0 50%;
  }
  .asic-stepper__item:after {
    inset-block: 50% 0;
  }
  .asic-stepper__item:first-child:before, .asic-stepper__item:last-child:after {
    display: none;
  }
  .asic-stepper__item .asic-stepper__item {
    --indicator-font: var(--asic-icon-font);
    --indicator-icon: "subdirectory_arrow_right";
    --indicator-bg-color: transparent;
    --indicator-border-color: transparent;
    --indicator-border-style: none;
    --padding-y: var(--asic-space-8);
    --status-text: "";
  }
  .asic-stepper__item .asic-stepper__item:has([aria-current=true]) {
    --indicator-fg-color: var(--asic-color-text-link);
    --indicator-icon: "start";
  }
  .asic-stepper__item .asic-stepper__item:before, .asic-stepper__item .asic-stepper__item:after {
    display: none;
  }
  .asic-stepper__item--done {
    --status-text: "Completed";
    --status-text-alt: ", completed";
    --indicator-icon: "check";
    --indicator-bg-color: var(--asic-color-system-success);
    --indicator-fg-color: var(--asic-color-text-inverse);
    --indicator-border-color: var(--asic-color-system-success);
    --indicator-border-style: solid;
  }
  .asic-stepper__item--started {
    --status-text: "In progress";
    --status-text-alt: ", in progress";
    --indicator-icon: "more_horiz";
    --indicator-border-color: var(--asic-color-border-emphasis);
    --indicator-border-style: solid;
  }
  .asic-stepper__item--started:has([aria-current=true]) {
    --indicator-fg-color: var(--asic-color-text-link);
    --indicator-border-color: var(--asic-color-text-link);
  }
  .asic-stepper__item-link {
    border-top: var(--divider);
    box-sizing: border-box;
    color: var(--asic-color-item-fg-idle);
    font: var(--asic-text-body-small-shorthand);
    line-height: var(--asic-font-lineheight-dense);
    padding: var(--padding-y) var(--padding-x);
    align-items: center;
    text-decoration: none;
    display: grid;
  }
  .asic-stepper__item .asic-stepper__item .asic-stepper__item-link, .asic-stepper__item:first-child .asic-stepper__item-link {
    border-top: none;
  }
  @media (hover: hover) {
    .asic-stepper__item-link:hover {
      background-color: var(--asic-color-item-bg-hover);
      color: var(--asic-color-item-fg-hover);
    }
  }
  .asic-stepper__item-link:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-stepper__item-link[aria-current=true] {
    color: var(--asic-color-item-fg-selected);
    font-weight: var(--asic-font-weight-medium);
  }
  .asic-stepper__item-link[aria-current=true]:before {
    box-shadow: 0 0 0 var(--current-indicator-stroke-width) var(--asic-color-background), 0 0 0 var(--current-indicator-stroke-combined) var(--indicator-border-color);
  }
  .asic-stepper__item-link:before {
    background-color: var(--indicator-bg-color);
    border: var(--line-width) var(--indicator-border-style) var(--indicator-border-color);
    box-sizing: border-box;
    color: var(--indicator-fg-color);
    content: var(--indicator-icon)/"";
    font: var(--indicator-font);
    height: var(--indicator-size);
    width: var(--indicator-size);
    -webkit-font-smoothing: antialiased;
    pointer-events: none;
    z-index: 1;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset-inline-start: 0;
    overflow: hidden;
  }
  @supports not (content: "x"/"y") {
    .asic-stepper__item-link:before {
      alt: "";
      content: var(--indicator-icon);
    }
  }
  .asic-stepper__item-link:after {
    color: var(--asic-color-text-muted);
    content: var(--status-text)/var(--status-text-alt);
    font: var(--asic-text-body-small-shorthand);
    display: block;
  }
  @supports not (content: "x"/"y") {
    .asic-stepper__item-link:after {
      alt: var(--status-text-alt);
      content: var(--status-text);
    }
  }
  .asic-radio {
    appearance: none;
    background-color: var(--asic-color-background);
    border: var(--asic-border-width-medium) solid var(--asic-color-control-border);
    color: currentColor;
    height: var(--asic-form-control-size);
    width: var(--asic-form-control-size);
    border-radius: 50%;
    place-content: center;
    margin: 0;
    padding: 0;
    display: grid;
  }
  @media (prefers-reduced-motion: no-preference) {
    .asic-radio {
      transition: var(--asic-motion-duration-short) border var(--asic-motion-ease-in-out), var(--asic-motion-duration-short) background-color var(--asic-motion-ease-in-out);
    }
  }
  .asic-radio:checked {
    background-color: var(--asic-color-text-inverse);
    border-color: var(--asic-color-background-accent-emphasis);
    border-width: calc(var(--asic-form-control-size) / 4);
  }
  .asic-radio:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-radio[aria-invalid=true] {
    background-color: var(--asic-color-system-error-muted);
    border-color: var(--asic-color-system-error);
  }
  .asic-radio:is(:disabled, [aria-disabled=true]) {
    background-color: var(--asic-color-control-background-disabled);
    border-color: var(--asic-color-control-border-disabled);
  }
  .asic-search-input {
    position: relative;
  }
  .asic-search-input:before {
    content: "search"/"Search";
    font: var(--asic-icon-font);
    left: var(--asic-space-16);
    pointer-events: none;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  @supports not (content: "x"/"y") {
    .asic-search-input:before {
      alt: "Search";
      content: "search";
    }
  }
  .asic-search-input .asic-textbox {
    padding-inline-start: calc(var(--asic-icon-size) + 2 * var(--asic-space-12));
  }
  .asic-search-input:has(:disabled, [aria-disabled=true]) {
    color: var(--asic-color-text-disabled);
  }
  .asic-select {
    appearance: none;
    background-color: var(--asic-color-background);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' width='24px' fill='%23283038'%3E%3Cpath d='m12 14.975c-.133 0-.258-.02-.375-.063a.878.878 0 0 1 -.325-.212l-4.6-4.6a.948.948 0 0 1 -.275-.7c0-.283.092-.517.275-.7s.417-.275.7-.275.517.092.7.275l3.9 3.9 3.9-3.9a.948.948 0 0 1 .7-.275c.283 0 .517.092.7.275a.948.948 0 0 1 .275.7.948.948 0 0 1 -.275.7l-4.6 4.6c-.1.1-.208.17-.325.212a1.105 1.105 0 0 1 -.375.063z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--asic-space-8) center;
    background-size: var(--icon-size);
    border-radius: var(--asic-border-radius-small);
    border: var(--asic-border-width-medium) solid var(--asic-color-control-border);
    box-sizing: border-box;
    color: var(--asic-color-text);
    font: var(--asic-text-body-shorthand);
    height: var(--asic-space-48);
    padding-inline: var(--padding-x) calc(var(--padding-x) + var(--icon-size));
    --icon-size: var(--asic-space-24);
    --padding-x: var(--asic-space-12);
    position: relative;
  }
  .asic-select::placeholder {
    color: var(--asic-color-text-disabled);
  }
  .asic-select:where(:enabled, :not([aria-disabled=true])):focus {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-select[aria-invalid=true] {
    background-color: var(--asic-color-system-error-muted);
    border-color: var(--asic-color-system-error);
  }
  .asic-select:is(:disabled, [aria-disabled=true]) {
    background-color: var(--asic-color-control-background-disabled);
    border-color: var(--asic-color-control-border-disabled);
    color: var(--asic-color-text-disabled);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' width='24px' fill='%23c7cdd4'%3E%3Cpath d='m12 14.975c-.133 0-.258-.02-.375-.063a.878.878 0 0 1 -.325-.212l-4.6-4.6a.948.948 0 0 1 -.275-.7c0-.283.092-.517.275-.7s.417-.275.7-.275.517.092.7.275l3.9 3.9 3.9-3.9a.948.948 0 0 1 .7-.275c.283 0 .517.092.7.275a.948.948 0 0 1 .275.7.948.948 0 0 1 -.275.7l-4.6 4.6c-.1.1-.208.17-.325.212a1.105 1.105 0 0 1 -.375.063z'/%3E%3C/svg%3E");
  }
  @media (prefers-color-scheme: dark) {
    .asic-dark-support .asic-select {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' width='24px' fill='%23f2f3f3'%3E%3Cpath d='m12 14.975c-.133 0-.258-.02-.375-.063a.878.878 0 0 1 -.325-.212l-4.6-4.6a.948.948 0 0 1 -.275-.7c0-.283.092-.517.275-.7s.417-.275.7-.275.517.092.7.275l3.9 3.9 3.9-3.9a.948.948 0 0 1 .7-.275c.283 0 .517.092.7.275a.948.948 0 0 1 .275.7.948.948 0 0 1 -.275.7l-4.6 4.6c-.1.1-.208.17-.325.212a1.105 1.105 0 0 1 -.375.063z'/%3E%3C/svg%3E");
    }
  }
  .asic-dark .asic-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' width='24px' fill='%23f2f3f3'%3E%3Cpath d='m12 14.975c-.133 0-.258-.02-.375-.063a.878.878 0 0 1 -.325-.212l-4.6-4.6a.948.948 0 0 1 -.275-.7c0-.283.092-.517.275-.7s.417-.275.7-.275.517.092.7.275l3.9 3.9 3.9-3.9a.948.948 0 0 1 .7-.275c.283 0 .517.092.7.275a.948.948 0 0 1 .275.7.948.948 0 0 1 -.275.7l-4.6 4.6c-.1.1-.208.17-.325.212a1.105 1.105 0 0 1 -.375.063z'/%3E%3C/svg%3E");
  }
  .asic-select--small {
    max-width: 8rem;
  }
  .asic-select--medium, .asic-select:not([class*=asic-select--]) {
    max-width: 16rem;
  }
  .asic-select--large {
    max-width: 24rem;
  }
  .asic-select--fill {
    width: 100%;
  }
  .asic-sequence {
    counter-reset: var(--counter);
    gap: var(--asic-space-24);
    --counter: asic-sequence-counter;
    --content-gutter: var(--asic-space-12);
    --indicator-size: var(--asic-space-40);
    --content-inset: calc(var(--indicator-size) + var(--content-gutter));
    --line-color: var(--asic-color-border);
    --line-width: var(--asic-border-width-medium);
    padding-inline-start: var(--content-inset);
    display: grid;
    position: relative;
  }
  .asic-sequence:before {
    background-color: var(--line-color);
    content: "";
    width: var(--line-width);
    display: block;
    position: absolute;
    inset-block: 0;
    inset-inline-start: calc(var(--indicator-size) / 2 - var(--line-width) / 2);
  }
  .asic-sequence__section {
    min-width: 0;
  }
  .asic-sequence__title {
    align-items: center;
    display: flex;
  }
  .asic-sequence__title:before {
    background-color: var(--asic-color-background);
    border: var(--line-width) solid var(--line-color);
    box-sizing: border-box;
    content: counter(var(--counter));
    counter-increment: var(--counter);
    font: var(--asic-text-title-small-shorthand);
    height: var(--indicator-size);
    text-align: center;
    width: var(--indicator-size);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset-inline-start: 0;
  }
  .asic-sidenav {
    --item-height: var(--asic-space-48);
    --padding-x: var(--asic-space-20);
    flex-direction: column;
    display: flex;
  }
  .asic-sidenav__title {
    font: var(--asic-text-body-shorthand);
    font-weight: var(--asic-font-weight-medium);
    margin: 0 0 var(--asic-space-20);
  }
  @media not (min-width: 768px) {
    .asic-collapsible__region .asic-sidenav__title {
      display: none;
    }
  }
  .asic-sidenav__title-link {
    color: var(--asic-color-item-fg-idle);
    align-items: center;
    gap: var(--asic-space-4);
    flex-wrap: wrap;
    flex-shrink: 0;
    text-decoration: none;
    display: flex;
  }
  @media (hover: hover) {
    .asic-sidenav__title-link:hover {
      color: var(--asic-color-item-fg-hover);
      text-decoration: underline;
    }
  }
  .asic-sidenav__title-link:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-sidenav__title-link:before {
    contain: paint;
    content: "arrow_back"/"Back to ";
    font: var(--asic-icon-font-small);
    width: 1em;
    overflow: hidden;
  }
  @supports not (content: "x"/"y") {
    .asic-sidenav__title-link:before {
      alt: "Back to ";
      content: "arrow_back";
    }
  }
  .asic-sidenav__list {
    --offset: calc(var(--asic-focusring-width) + var(--asic-focusring-offset));
    margin: 0 calc(var(--offset) * -1);
    padding: 0 var(--offset);
    list-style: none;
  }
  .asic-sidenav__section-title {
    background-color: var(--asic-color-background);
    font: var(--asic-text-body-small-shorthand);
    font-weight: var(--asic-font-weight-semibold);
    min-height: var(--item-height);
    align-items: center;
    display: flex;
  }
  @media not (min-width: 768px) {
    .asic-sidenav__section-title {
      padding-inline: var(--padding-x);
    }
  }
  .asic-sidenav__section {
    margin: 0 0 var(--asic-space-20);
    padding: 0;
    list-style: none;
  }
  .asic-sidenav__item-link {
    border-inline-start: var(--asic-border-width-thin) solid var(--asic-color-border);
    box-sizing: border-box;
    color: var(--asic-color-item-fg-idle);
    align-items: center;
    gap: var(--asic-space-8);
    font: var(--asic-text-body-shorthand);
    min-height: var(--item-height);
    padding: var(--asic-space-8) var(--asic-space-20);
    text-decoration: none;
    display: flex;
  }
  @media (hover: hover) {
    .asic-sidenav__item-link:hover {
      background-color: var(--asic-color-item-bg-hover);
      color: var(--asic-color-item-fg-hover);
      text-decoration: underline;
    }
  }
  .asic-sidenav__item-link:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-sidenav__item-link[aria-current=page] {
    background-color: var(--asic-color-item-bg-selected);
    border-width: var(--asic-border-width-thick);
    border-color: var(--asic-color-background-accent-emphasis);
    color: var(--asic-color-item-fg-selected);
    font-weight: var(--asic-font-weight-medium);
  }
  .asic-skip-link {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }
  .asic-skip-link:focus-visible {
    background: var(--asic-color-background);
    border-radius: var(--asic-border-radius-small);
    clip: auto;
    clip-path: none;
    color: var(--asic-color-text-link);
    height: auto;
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
    padding: var(--asic-space-12) var(--asic-space-16);
    z-index: 1;
    width: auto;
    text-decoration: underline;
    position: fixed;
    inset-block-start: var(--asic-space-8);
    inset-inline-start: var(--asic-space-8);
  }
  .asic-switch {
    --border: var(--asic-color-border-emphasis);
    --background: var(--asic-color-background);
    --border-checked: var(--asic-color-background-accent-emphasis);
    --background-checked: var(--asic-color-background-accent-emphasis);
    --handle-position: calc(var(--asic-border-width-medium) * -1);
    --handle-position-checked: calc(100.0% - var(--asic-space-24) + var(--asic-border-width-medium));
    --check-mark: var(--asic-color-text-inverse);
    appearance: none;
    font-size: inherit;
    width: var(--asic-space-48);
    height: var(--asic-space-24);
    box-sizing: border-box;
    vertical-align: text-bottom;
    background: var(--background);
    border: var(--asic-border-width-medium) solid var(--border);
    border-radius: var(--asic-border-radius-full);
    margin: auto;
    position: relative;
  }
  .asic-switch:before {
    content: "";
    top: 50%;
    left: var(--handle-position);
    box-sizing: border-box;
    width: var(--asic-space-24);
    height: var(--asic-space-24);
    background: var(--asic-color-background);
    border: var(--asic-border-width-medium) solid var(--border);
    border-radius: var(--asic-border-radius-full);
    position: absolute;
    transform: translate(0, -50%);
  }
  .asic-switch:after {
    content: "check"/"";
    font: var(--asic-icon-font);
    color: var(--check-mark);
    box-sizing: border-box;
    text-align: center;
    width: var(--asic-space-24);
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%) scale(0.25);
  }
  @supports not (content: "x"/"y") {
    .asic-switch:after {
      alt: "";
      content: "check";
    }
  }
  .asic-switch:checked {
    background-color: var(--background-checked);
    border-color: var(--border-checked);
  }
  .asic-switch:checked:before {
    left: var(--handle-position-checked);
    border-color: var(--border-checked);
  }
  .asic-switch:checked:after {
    opacity: 1;
    transform: translate(0, -50%) scale(0.75);
  }
  .asic-switch:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-switch[aria-invalid=true] {
    --border: var(--asic-color-system-error);
    --background: var(--asic-color-system-error-muted);
    --border-checked: var(--asic-color-system-error);
    --background-checked: var(--asic-color-system-error);
  }
  .asic-switch:is(:disabled, [aria-disabled=true]) {
    --border: var(--asic-color-control-border-disabled);
    --background: var(--asic-color-control-background-disabled);
    --border-checked: var(--asic-color-control-border-disabled);
    --background-checked: var(--asic-color-control-background-disabled);
    --check-mark: var(--asic-color-text-disabled);
  }
  @media (prefers-reduced-motion: no-preference) {
    .asic-switch {
      transition: background-color var(--asic-motion-duration);
    }
    .asic-switch:before {
      transition: left var(--asic-motion-duration) var(--asic-motion-ease);
    }
    .asic-switch:after {
      transition: transform var(--asic-motion-duration) var(--asic-motion-ease), opacity var(--asic-motion-duration) var(--asic-motion-ease);
    }
  }
  .asic-table {
    border-collapse: collapse;
    table-layout: auto;
    width: 100%;
  }
  .asic-table :where(caption) {
    font: var(--asic-text-subtitle-shorthand);
    text-align: start;
    margin-block: 0.75rem;
  }
  .asic-table :where(caption):first-child {
    margin-block-start: 0;
  }
  .asic-table :where(caption):last-child {
    margin-block-end: 0;
  }
  .asic-table :where(th, td) {
    border: var(--asic-border-width-thin) solid var(--asic-color-border-muted);
    font: var(--asic-text-body-small-shorthand);
    padding: var(--asic-space-8) var(--asic-space-12);
    text-align: start;
  }
  .asic-table :where(thead th) {
    background-color: var(--asic-color-background-alt);
    font-weight: var(--asic-font-weight-semibold);
  }
  .asic-table :where(tfoot th, tfoot td) {
    font-weight: var(--asic-font-weight-semibold);
  }
  .asic-table :where(tfoot tr:first-of-type th, tfoot tr:first-of-type td) {
    border-top-width: var(--asic-border-width-medium);
    border-top-color: var(--asic-color-border-emphasis);
  }
  .asic-table__container {
    -webkit-overflow-scrolling: touch;
    width: 100%;
    overflow-x: auto;
  }
  .asic-table--contrast-header :where(thead th) {
    background-color: var(--asic-color-background-emphasis);
    color: var(--asic-color-text-inverse);
  }
  .asic-table--borderless :where(th, td) {
    border-style: none;
  }
  .asic-table--borderless :where(tfoot td, tfoot th) {
    border-top-style: solid;
  }
  .asic-table--top-aligned :where(th, td) {
    vertical-align: top;
  }
  .asic-table--hover-highlight :where(tbody tr:hover td, tbody tr:hover th) {
    background-color: var(--asic-color-background-accent-alt);
  }
  .asic-table--striped :where(tbody tr:nth-child(2n)) {
    background-color: var(--asic-color-background-alt);
  }
  .asic-table--no-wrap :where(th, td) {
    white-space: nowrap;
  }
  .asic-table__cell--numeric {
    text-align: right;
  }
  .asic-table__cell--numeric:where(tbody td) {
    font: var(--asic-text-code-shorthand);
  }
  .asic-table__cell--numeric:where(tfoot td) {
    font: var(--asic-text-body-small-shorthand);
    font-weight: var(--asic-font-weight-semibold);
  }
  .asic-table__cell--no-wrap {
    white-space: nowrap;
  }
  .asic-table__cell--truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .asic-table__cell--truncate:where(td) {
    min-width: 10rem;
    max-width: 0;
  }
  .asic-tabs {
    --padding-x: var(--asic-space-16);
    --padding-y: var(--asic-space-16);
    --tab-height: var(--asic-space-40);
    --line-adornment-width: var(--asic-border-width-thickest);
  }
  .asic-tabs__list {
    border-bottom: var(--line-adornment-width) solid var(--asic-color-border-muted);
    height: var(--tab-height);
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  .asic-tabs__tab {
    appearance: none;
    background-color: var(--asic-color-background);
    color: var(--asic-color-text-link);
    cursor: default;
    font: var(--asic-text-body-shorthand);
    align-items: center;
    gap: var(--asic-space-8);
    padding: 0 var(--padding-x);
    border: 0;
    display: flex;
  }
  @media (hover: hover) {
    .asic-tabs__tab:hover {
      text-decoration: underline;
    }
  }
  .asic-tabs__tab:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
    position: relative;
  }
  .asic-tabs__tab[aria-selected=true] {
    box-shadow: 0 var(--line-adornment-width) 0 var(--asic-color-background-accent-emphasis);
    color: var(--asic-color-text-emphasis);
    text-decoration: none;
  }
  .asic-tabs__panel {
    padding-block: var(--padding-y);
    padding-inline: var(--padding-x);
  }
  .asic-tabs__panel:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  :where(.asic-text-display, .asic-text-title, .asic-text-title-large, .asic-text-title-small, .asic-text-subtitle, .asic-text-body, .asic-text-body-small, .asic-text-body-xsmall, .asic-text-code) {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .asic-text-display {
    color: var(--asic-color-text-emphasis);
    font: var(--asic-text-display-shorthand);
  }
  .asic-text-title {
    color: var(--asic-color-text-emphasis);
    font: var(--asic-text-title-shorthand);
  }
  .asic-text-title-large {
    color: var(--asic-color-text-emphasis);
    font: var(--asic-text-title-large-shorthand);
  }
  .asic-text-title-small {
    color: var(--asic-color-text-emphasis);
    font: var(--asic-text-title-small-shorthand);
  }
  .asic-text-subtitle {
    color: var(--asic-color-text-muted);
    font: var(--asic-text-subtitle-shorthand);
  }
  .asic-text-body {
    font: var(--asic-text-body-shorthand);
  }
  .asic-text-body-small {
    font: var(--asic-text-body-small-shorthand);
  }
  .asic-text-body-xsmall {
    font: var(--asic-text-body-xsmall-shorthand);
  }
  .asic-text-code {
    color: var(--asic-color-text-emphasis);
    font: var(--asic-text-code-shorthand);
  }
  .asic-textbox {
    --asic-textbox-padding-start: var(--asic-textbox-adornment-size-start, var(--asic-space-12));
    --asic-textbox-padding-end: var(--asic-textbox-adornment-size-end, var(--asic-space-12));
    appearance: none;
    background-color: var(--asic-color-background);
    border-radius: var(--asic-border-radius-small);
    border: var(--asic-border-width-medium) solid var(--asic-color-control-border);
    box-sizing: border-box;
    color: var(--asic-color-text);
    font: var(--asic-text-body-shorthand);
    padding-block: var(--asic-space-12);
    max-width: 24rem;
    padding-inline-start: var(--asic-textbox-padding-start);
    padding-inline-end: var(--asic-textbox-padding-end);
  }
  .asic-textbox::placeholder {
    color: var(--asic-color-text-disabled);
  }
  .asic-textbox:where(:enabled, :not(:disabled), :not([aria-disabled=true])):focus {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  .asic-textbox[aria-invalid=true] {
    background-color: var(--asic-color-system-error-muted);
    border-color: var(--asic-color-system-error);
  }
  .asic-textbox:is(:disabled, [aria-disabled=true]) {
    background-color: var(--asic-color-control-background-disabled);
    border-color: var(--asic-color-control-border-disabled);
    color: var(--asic-color-text-disabled);
  }
  .asic-textbox:is(input) {
    height: var(--asic-space-48);
  }
  .asic-textbox:is(textarea) {
    field-sizing: content;
    height: auto;
    max-height: calc(10lh + var(--offset-y));
    min-height: calc(3lh + var(--offset-y));
    padding-block: var(--padding-y);
    resize: vertical;
    --padding-y: calc(var(--asic-space-12) + ((1lh - 1cap) / -2));
    --offset-y: calc(var(--asic-border-width-medium) * 2 + var(--padding-y) * 2);
  }
  .asic-textbox__adornment {
    max-width: 24rem;
    display: inline-block;
    position: relative;
  }
  .asic-textbox__adornment .asic-textbox {
    width: 100%;
  }
  .asic-textbox__adornment:has(.asic-textbox--small) {
    max-width: 8rem;
  }
  .asic-textbox__adornment:has(.asic-textbox--medium) {
    max-width: 16rem;
  }
  .asic-textbox__adornment:has(.asic-textbox--large) {
    max-width: 24rem;
  }
  .asic-textbox__adornment:has(.asic-textbox--fill) {
    width: 100%;
    max-width: 100%;
  }
  .asic-textbox__adornment:before, .asic-textbox__adornment:after {
    color: var(--asic-color-text-disabled);
    white-space: nowrap;
    height: var(--asic-icon-size);
    position: absolute;
    top: 50%;
    overflow: hidden;
    transform: translateY(-50%);
  }
  .asic-textbox__adornment:where([data-symbol-start]) {
    --asic-textbox-adornment-size-start: calc(var(--asic-icon-size) + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-symbol-start]):before {
    font: var(--asic-icon-font);
    left: var(--asic-space-12);
    content: attr(data-symbol-start)/"";
    width: var(--asic-icon-size);
  }
  @supports not (content: "x"/"y") {
    .asic-textbox__adornment:where([data-symbol-start]):before {
      alt: "";
      content: attr(data-symbol-start);
    }
  }
  .asic-textbox__adornment:where([data-symbol-end]) {
    --asic-textbox-adornment-size-end: calc(var(--asic-icon-size) + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-symbol-end]):after {
    font: var(--asic-icon-font);
    right: var(--asic-space-12);
    content: attr(data-symbol-end)/"";
    width: var(--asic-icon-size);
  }
  @supports not (content: "x"/"y") {
    .asic-textbox__adornment:where([data-symbol-end]):after {
      alt: "";
      content: attr(data-symbol-end);
    }
  }
  .asic-textbox__adornment:where([data-prefix]) {
    --asic-textbox-adornment-size-start: calc(2em + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-prefix]):before {
    font: var(--asic-text-body-shorthand);
    left: var(--asic-space-12);
    content: attr(data-prefix)/"";
  }
  @supports not (content: "x"/"y") {
    .asic-textbox__adornment:where([data-prefix]):before {
      alt: "";
      content: attr(data-prefix);
    }
  }
  .asic-textbox__adornment:where([data-suffix]) {
    --asic-textbox-adornment-size-end: calc(2em + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-suffix]):after {
    font: var(--asic-text-body-shorthand);
    right: var(--asic-space-12);
    content: attr(data-suffix)/"";
  }
  @supports not (content: "x"/"y") {
    .asic-textbox__adornment:where([data-suffix]):after {
      alt: "";
      content: attr(data-suffix);
    }
  }
  .asic-textbox__adornment:where([data-prefix-size="1"]) {
    --asic-textbox-adornment-size-start: calc(1 * var(--asic-space-8) + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-prefix-size="2"]) {
    --asic-textbox-adornment-size-start: calc(2 * var(--asic-space-8) + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-prefix-size="3"]) {
    --asic-textbox-adornment-size-start: calc(3 * var(--asic-space-8) + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-prefix-size="4"]) {
    --asic-textbox-adornment-size-start: calc(4 * var(--asic-space-8) + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-prefix-size="5"]) {
    --asic-textbox-adornment-size-start: calc(5 * var(--asic-space-8) + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-prefix-size="6"]) {
    --asic-textbox-adornment-size-start: calc(6 * var(--asic-space-8) + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-prefix-size="7"]) {
    --asic-textbox-adornment-size-start: calc(7 * var(--asic-space-8) + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-prefix-size="8"]) {
    --asic-textbox-adornment-size-start: calc(8 * var(--asic-space-8) + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-suffix-size="1"]) {
    --asic-textbox-adornment-size-end: calc(1 * var(--asic-space-8) + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-suffix-size="2"]) {
    --asic-textbox-adornment-size-end: calc(2 * var(--asic-space-8) + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-suffix-size="3"]) {
    --asic-textbox-adornment-size-end: calc(3 * var(--asic-space-8) + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-suffix-size="4"]) {
    --asic-textbox-adornment-size-end: calc(4 * var(--asic-space-8) + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-suffix-size="5"]) {
    --asic-textbox-adornment-size-end: calc(5 * var(--asic-space-8) + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-suffix-size="6"]) {
    --asic-textbox-adornment-size-end: calc(6 * var(--asic-space-8) + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-suffix-size="7"]) {
    --asic-textbox-adornment-size-end: calc(7 * var(--asic-space-8) + var(--asic-space-16));
  }
  .asic-textbox__adornment:where([data-suffix-size="8"]) {
    --asic-textbox-adornment-size-end: calc(8 * var(--asic-space-8) + var(--asic-space-16));
  }
  .asic-textbox__adornment:has(:disabled, [aria-disabled=true]):before, .asic-textbox__adornment:has(:disabled, [aria-disabled=true]):after {
    color: var(--asic-color-text-disabled);
  }
  .asic-textbox__adornment:has([aria-invalid=true]):before, .asic-textbox__adornment:has([aria-invalid=true]):after {
    color: var(--asic-color-system-error);
  }
  .asic-textbox--numeric {
    text-align: end;
  }
  .asic-textbox--small {
    max-width: 8rem;
  }
  .asic-textbox--medium {
    max-width: 16rem;
  }
  .asic-textbox--large {
    max-width: 24rem;
  }
  .asic-textbox--fill {
    width: 100%;
    max-width: 100%;
  }
  .asic-textlink {
    border-radius: var(--asic-border-radius-xsmall);
    color: var(--asic-color-text-link);
    cursor: pointer;
    font: var(--asic-text-body-shorthand);
    text-decoration: underline;
    -webkit-text-decoration-color: color-mix(in srgb, var(--asic-color-text-link) 33%, var(--asic-color-background));
    text-decoration-color: color-mix(in srgb, var(--asic-color-text-link) 33%, var(--asic-color-background));
    text-decoration-thickness: var(--asic-border-width-thin);
    text-underline-offset: var(--asic-border-width-medium);
    background: 0;
    border: 0;
    padding: 0;
  }
  @media (hover: hover) {
    .asic-textlink:hover {
      text-decoration: none;
    }
  }
  .asic-textlink:focus-visible {
    outline: var(--asic-focusring-outline);
    outline-offset: var(--asic-focusring-offset);
  }
  :where(.asic-textlink--backward, .asic-textlink--forward, .asic-textlink--upward, .asic-textlink--downward, .asic-textlink--external) {
    white-space: collapse;
  }
  :where(.asic-textlink--backward, .asic-textlink--forward, .asic-textlink--upward, .asic-textlink--downward, .asic-textlink--external):after, :where(.asic-textlink--backward, .asic-textlink--forward, .asic-textlink--upward, .asic-textlink--downward, .asic-textlink--external):before {
    font: var(--asic-icon-font-small);
    vertical-align: middle;
    width: 1em;
    margin-bottom: 3px;
    display: inline-block;
    overflow: hidden;
  }
  :where(.asic-textlink--backward, .asic-textlink--forward, .asic-textlink--upward, .asic-textlink--downward, .asic-textlink--external):before {
    margin-right: var(--asic-space-4);
  }
  :where(.asic-textlink--backward, .asic-textlink--forward, .asic-textlink--upward, .asic-textlink--downward, .asic-textlink--external):after {
    margin-left: var(--asic-space-4);
  }
  .asic-textlink--backward:before {
    content: "arrow_back"/"";
  }
  @supports not (content: "x"/"y") {
    .asic-textlink--backward:before {
      alt: "";
      content: "arrow_back";
    }
  }
  .asic-textlink--forward:after {
    content: "arrow_forward"/"";
  }
  @supports not (content: "x"/"y") {
    .asic-textlink--forward:after {
      alt: "";
      content: "arrow_forward";
    }
  }
  .asic-textlink--upward:after {
    content: "arrow_upward"/"";
  }
  @supports not (content: "x"/"y") {
    .asic-textlink--upward:after {
      alt: "";
      content: "arrow_upward";
    }
  }
  .asic-textlink--downward:after {
    content: "arrow_downward"/"";
  }
  @supports not (content: "x"/"y") {
    .asic-textlink--downward:after {
      alt: "";
      content: "arrow_downward";
    }
  }
  .asic-textlink--external:after {
    content: "open_in_new"/", opens in a new tab";
  }
  @supports not (content: "x"/"y") {
    .asic-textlink--external:after {
      alt: ", opens in a new tab";
      content: "open_in_new";
    }
  }
  .asic-textlink-group {
    gap: var(--asic-space-12);
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
}
@layer utilities {
  .au-visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }
  [hidden], .au-hidden {
    display: none;
  }
  .au-block {
    display: block;
  }
  .au-inline-block {
    display: inline-block;
  }
  .au-inline {
    display: inline;
  }
  .au-flex {
    display: flex;
  }
  .au-inline-flex {
    display: inline-flex;
  }
  .au-grid {
    display: grid;
  }
  .au-inline-grid {
    display: inline-grid;
  }
  @media (min-width: 768px) {
    .sm\:au-hidden {
      display: none;
    }
    .sm\:au-block {
      display: block;
    }
    .sm\:au-inline-block {
      display: inline-block;
    }
    .sm\:au-inline {
      display: inline;
    }
    .sm\:au-flex {
      display: flex;
    }
    .sm\:au-inline-flex {
      display: inline-flex;
    }
    .sm\:au-grid {
      display: grid;
    }
    .sm\:au-inline-grid {
      display: inline-grid;
    }
  }
  @media (min-width: 992px) {
    .md\:au-hidden {
      display: none;
    }
    .md\:au-block {
      display: block;
    }
    .md\:au-inline-block {
      display: inline-block;
    }
    .md\:au-inline {
      display: inline;
    }
    .md\:au-flex {
      display: flex;
    }
    .md\:au-inline-flex {
      display: inline-flex;
    }
    .md\:au-grid {
      display: grid;
    }
    .md\:au-inline-grid {
      display: inline-grid;
    }
  }
  @media (min-width: 1200px) {
    .lg\:au-hidden {
      display: none;
    }
    .lg\:au-block {
      display: block;
    }
    .lg\:au-inline-block {
      display: inline-block;
    }
    .lg\:au-inline {
      display: inline;
    }
    .lg\:au-flex {
      display: flex;
    }
    .lg\:au-inline-flex {
      display: inline-flex;
    }
    .lg\:au-grid {
      display: grid;
    }
    .lg\:au-inline-grid {
      display: inline-grid;
    }
  }
  .au-gap-4 {
    gap: var(--asic-space-4);
  }
  .au-gap-8 {
    gap: var(--asic-space-8);
  }
  .au-gap-12 {
    gap: var(--asic-space-12);
  }
  .au-gap-16 {
    gap: var(--asic-space-16);
  }
  .au-gap-20 {
    gap: var(--asic-space-20);
  }
  .au-gap-24 {
    gap: var(--asic-space-24);
  }
  .au-gap-32 {
    gap: var(--asic-space-32);
  }
  .au-gap-40 {
    gap: var(--asic-space-40);
  }
  .au-gap-48 {
    gap: var(--asic-space-48);
  }
  .au-gap-x-4 {
    column-gap: var(--asic-space-4);
  }
  .au-gap-x-8 {
    column-gap: var(--asic-space-8);
  }
  .au-gap-x-12 {
    column-gap: var(--asic-space-12);
  }
  .au-gap-x-16 {
    column-gap: var(--asic-space-16);
  }
  .au-gap-x-20 {
    column-gap: var(--asic-space-20);
  }
  .au-gap-x-24 {
    column-gap: var(--asic-space-24);
  }
  .au-gap-x-32 {
    column-gap: var(--asic-space-32);
  }
  .au-gap-x-40 {
    column-gap: var(--asic-space-40);
  }
  .au-gap-x-48 {
    column-gap: var(--asic-space-48);
  }
  .au-gap-y-4 {
    row-gap: var(--asic-space-4);
  }
  .au-gap-y-8 {
    row-gap: var(--asic-space-8);
  }
  .au-gap-y-12 {
    row-gap: var(--asic-space-12);
  }
  .au-gap-y-16 {
    row-gap: var(--asic-space-16);
  }
  .au-gap-y-20 {
    row-gap: var(--asic-space-20);
  }
  .au-gap-y-24 {
    row-gap: var(--asic-space-24);
  }
  .au-gap-y-32 {
    row-gap: var(--asic-space-32);
  }
  .au-gap-y-40 {
    row-gap: var(--asic-space-40);
  }
  .au-gap-y-48 {
    row-gap: var(--asic-space-48);
  }
  @media (min-width: 768px) {
    .sm\:au-gap-4 {
      gap: var(--asic-space-4);
    }
    .sm\:au-gap-8 {
      gap: var(--asic-space-8);
    }
    .sm\:au-gap-12 {
      gap: var(--asic-space-12);
    }
    .sm\:au-gap-16 {
      gap: var(--asic-space-16);
    }
    .sm\:au-gap-20 {
      gap: var(--asic-space-20);
    }
    .sm\:au-gap-24 {
      gap: var(--asic-space-24);
    }
    .sm\:au-gap-32 {
      gap: var(--asic-space-32);
    }
    .sm\:au-gap-40 {
      gap: var(--asic-space-40);
    }
    .sm\:au-gap-48 {
      gap: var(--asic-space-48);
    }
    .sm\:au-gap-x-4 {
      column-gap: var(--asic-space-4);
    }
    .sm\:au-gap-x-8 {
      column-gap: var(--asic-space-8);
    }
    .sm\:au-gap-x-12 {
      column-gap: var(--asic-space-12);
    }
    .sm\:au-gap-x-16 {
      column-gap: var(--asic-space-16);
    }
    .sm\:au-gap-x-20 {
      column-gap: var(--asic-space-20);
    }
    .sm\:au-gap-x-24 {
      column-gap: var(--asic-space-24);
    }
    .sm\:au-gap-x-32 {
      column-gap: var(--asic-space-32);
    }
    .sm\:au-gap-x-40 {
      column-gap: var(--asic-space-40);
    }
    .sm\:au-gap-x-48 {
      column-gap: var(--asic-space-48);
    }
    .sm\:au-gap-y-4 {
      row-gap: var(--asic-space-4);
    }
    .sm\:au-gap-y-8 {
      row-gap: var(--asic-space-8);
    }
    .sm\:au-gap-y-12 {
      row-gap: var(--asic-space-12);
    }
    .sm\:au-gap-y-16 {
      row-gap: var(--asic-space-16);
    }
    .sm\:au-gap-y-20 {
      row-gap: var(--asic-space-20);
    }
    .sm\:au-gap-y-24 {
      row-gap: var(--asic-space-24);
    }
    .sm\:au-gap-y-32 {
      row-gap: var(--asic-space-32);
    }
    .sm\:au-gap-y-40 {
      row-gap: var(--asic-space-40);
    }
    .sm\:au-gap-y-48 {
      row-gap: var(--asic-space-48);
    }
  }
  @media (min-width: 992px) {
    .md\:au-gap-4 {
      gap: var(--asic-space-4);
    }
    .md\:au-gap-8 {
      gap: var(--asic-space-8);
    }
    .md\:au-gap-12 {
      gap: var(--asic-space-12);
    }
    .md\:au-gap-16 {
      gap: var(--asic-space-16);
    }
    .md\:au-gap-20 {
      gap: var(--asic-space-20);
    }
    .md\:au-gap-24 {
      gap: var(--asic-space-24);
    }
    .md\:au-gap-32 {
      gap: var(--asic-space-32);
    }
    .md\:au-gap-40 {
      gap: var(--asic-space-40);
    }
    .md\:au-gap-48 {
      gap: var(--asic-space-48);
    }
    .md\:au-gap-x-4 {
      column-gap: var(--asic-space-4);
    }
    .md\:au-gap-x-8 {
      column-gap: var(--asic-space-8);
    }
    .md\:au-gap-x-12 {
      column-gap: var(--asic-space-12);
    }
    .md\:au-gap-x-16 {
      column-gap: var(--asic-space-16);
    }
    .md\:au-gap-x-20 {
      column-gap: var(--asic-space-20);
    }
    .md\:au-gap-x-24 {
      column-gap: var(--asic-space-24);
    }
    .md\:au-gap-x-32 {
      column-gap: var(--asic-space-32);
    }
    .md\:au-gap-x-40 {
      column-gap: var(--asic-space-40);
    }
    .md\:au-gap-x-48 {
      column-gap: var(--asic-space-48);
    }
    .md\:au-gap-y-4 {
      row-gap: var(--asic-space-4);
    }
    .md\:au-gap-y-8 {
      row-gap: var(--asic-space-8);
    }
    .md\:au-gap-y-12 {
      row-gap: var(--asic-space-12);
    }
    .md\:au-gap-y-16 {
      row-gap: var(--asic-space-16);
    }
    .md\:au-gap-y-20 {
      row-gap: var(--asic-space-20);
    }
    .md\:au-gap-y-24 {
      row-gap: var(--asic-space-24);
    }
    .md\:au-gap-y-32 {
      row-gap: var(--asic-space-32);
    }
    .md\:au-gap-y-40 {
      row-gap: var(--asic-space-40);
    }
    .md\:au-gap-y-48 {
      row-gap: var(--asic-space-48);
    }
  }
  @media (min-width: 1200px) {
    .lg\:au-gap-4 {
      gap: var(--asic-space-4);
    }
    .lg\:au-gap-8 {
      gap: var(--asic-space-8);
    }
    .lg\:au-gap-12 {
      gap: var(--asic-space-12);
    }
    .lg\:au-gap-16 {
      gap: var(--asic-space-16);
    }
    .lg\:au-gap-20 {
      gap: var(--asic-space-20);
    }
    .lg\:au-gap-24 {
      gap: var(--asic-space-24);
    }
    .lg\:au-gap-32 {
      gap: var(--asic-space-32);
    }
    .lg\:au-gap-40 {
      gap: var(--asic-space-40);
    }
    .lg\:au-gap-48 {
      gap: var(--asic-space-48);
    }
    .lg\:au-gap-x-4 {
      column-gap: var(--asic-space-4);
    }
    .lg\:au-gap-x-8 {
      column-gap: var(--asic-space-8);
    }
    .lg\:au-gap-x-12 {
      column-gap: var(--asic-space-12);
    }
    .lg\:au-gap-x-16 {
      column-gap: var(--asic-space-16);
    }
    .lg\:au-gap-x-20 {
      column-gap: var(--asic-space-20);
    }
    .lg\:au-gap-x-24 {
      column-gap: var(--asic-space-24);
    }
    .lg\:au-gap-x-32 {
      column-gap: var(--asic-space-32);
    }
    .lg\:au-gap-x-40 {
      column-gap: var(--asic-space-40);
    }
    .lg\:au-gap-x-48 {
      column-gap: var(--asic-space-48);
    }
    .lg\:au-gap-y-4 {
      row-gap: var(--asic-space-4);
    }
    .lg\:au-gap-y-8 {
      row-gap: var(--asic-space-8);
    }
    .lg\:au-gap-y-12 {
      row-gap: var(--asic-space-12);
    }
    .lg\:au-gap-y-16 {
      row-gap: var(--asic-space-16);
    }
    .lg\:au-gap-y-20 {
      row-gap: var(--asic-space-20);
    }
    .lg\:au-gap-y-24 {
      row-gap: var(--asic-space-24);
    }
    .lg\:au-gap-y-32 {
      row-gap: var(--asic-space-32);
    }
    .lg\:au-gap-y-40 {
      row-gap: var(--asic-space-40);
    }
    .lg\:au-gap-y-48 {
      row-gap: var(--asic-space-48);
    }
  }
  .au-items-center {
    align-items: center;
  }
  .au-items-start {
    align-items: start;
  }
  .au-items-end {
    align-items: end;
  }
  .au-items-baseline {
    align-items: baseline;
  }
  .au-items-stretch {
    align-items: stretch;
  }
  .au-justify-center {
    justify-content: center;
  }
  .au-justify-start {
    justify-content: start;
  }
  .au-justify-end {
    justify-content: end;
  }
  .au-justify-between {
    justify-content: space-between;
  }
  .au-justify-around {
    justify-content: space-around;
  }
  .au-justify-evenly {
    justify-content: space-evenly;
  }
  .au-self-center {
    align-self: center;
  }
  .au-self-start {
    align-self: start;
  }
  .au-self-end {
    align-self: end;
  }
  .au-self-baseline {
    align-self: baseline;
  }
  .au-self-stretch {
    align-self: stretch;
  }
  @media (min-width: 768px) {
    .sm\:au-items-center {
      align-items: center;
    }
    .sm\:au-items-start {
      align-items: start;
    }
    .sm\:au-items-end {
      align-items: end;
    }
    .sm\:au-items-baseline {
      align-items: baseline;
    }
    .sm\:au-items-stretch {
      align-items: stretch;
    }
    .sm\:au-justify-center {
      justify-content: center;
    }
    .sm\:au-justify-start {
      justify-content: start;
    }
    .sm\:au-justify-end {
      justify-content: end;
    }
    .sm\:au-justify-between {
      justify-content: space-between;
    }
    .sm\:au-justify-around {
      justify-content: space-around;
    }
    .sm\:au-justify-evenly {
      justify-content: space-evenly;
    }
    .sm\:au-self-center {
      align-self: center;
    }
    .sm\:au-self-start {
      align-self: start;
    }
    .sm\:au-self-end {
      align-self: end;
    }
    .sm\:au-self-baseline {
      align-self: baseline;
    }
    .sm\:au-self-stretch {
      align-self: stretch;
    }
  }
  @media (min-width: 992px) {
    .md\:au-items-center {
      align-items: center;
    }
    .md\:au-items-start {
      align-items: start;
    }
    .md\:au-items-end {
      align-items: end;
    }
    .md\:au-items-baseline {
      align-items: baseline;
    }
    .md\:au-items-stretch {
      align-items: stretch;
    }
    .md\:au-justify-center {
      justify-content: center;
    }
    .md\:au-justify-start {
      justify-content: start;
    }
    .md\:au-justify-end {
      justify-content: end;
    }
    .md\:au-justify-between {
      justify-content: space-between;
    }
    .md\:au-justify-around {
      justify-content: space-around;
    }
    .md\:au-justify-evenly {
      justify-content: space-evenly;
    }
    .md\:au-self-center {
      align-self: center;
    }
    .md\:au-self-start {
      align-self: start;
    }
    .md\:au-self-end {
      align-self: end;
    }
    .md\:au-self-baseline {
      align-self: baseline;
    }
    .md\:au-self-stretch {
      align-self: stretch;
    }
  }
  @media (min-width: 1200px) {
    .lg\:au-items-center {
      align-items: center;
    }
    .lg\:au-items-start {
      align-items: start;
    }
    .lg\:au-items-end {
      align-items: end;
    }
    .lg\:au-items-baseline {
      align-items: baseline;
    }
    .lg\:au-items-stretch {
      align-items: stretch;
    }
    .lg\:au-justify-center {
      justify-content: center;
    }
    .lg\:au-justify-start {
      justify-content: start;
    }
    .lg\:au-justify-end {
      justify-content: end;
    }
    .lg\:au-justify-between {
      justify-content: space-between;
    }
    .lg\:au-justify-around {
      justify-content: space-around;
    }
    .lg\:au-justify-evenly {
      justify-content: space-evenly;
    }
    .lg\:au-self-center {
      align-self: center;
    }
    .lg\:au-self-start {
      align-self: start;
    }
    .lg\:au-self-end {
      align-self: end;
    }
    .lg\:au-self-baseline {
      align-self: baseline;
    }
    .lg\:au-self-stretch {
      align-self: stretch;
    }
  }
  .au-flex-col {
    flex-direction: column;
  }
  .au-flex-row {
    flex-direction: row;
  }
  .au-flex-wrap {
    flex-wrap: wrap;
  }
  .au-flex-nowrap {
    flex-wrap: nowrap;
  }
  .au-flex-1 {
    flex: 1;
  }
  @media (min-width: 768px) {
    .sm\:au-flex-col {
      flex-direction: column;
    }
    .sm\:au-flex-row {
      flex-direction: row;
    }
    .sm\:au-flex-wrap {
      flex-wrap: wrap;
    }
    .sm\:au-flex-nowrap {
      flex-wrap: nowrap;
    }
    .sm\:au-flex-1 {
      flex: 1;
    }
  }
  @media (min-width: 992px) {
    .md\:au-flex-col {
      flex-direction: column;
    }
    .md\:au-flex-row {
      flex-direction: row;
    }
    .md\:au-flex-wrap {
      flex-wrap: wrap;
    }
    .md\:au-flex-nowrap {
      flex-wrap: nowrap;
    }
    .md\:au-flex-1 {
      flex: 1;
    }
  }
  @media (min-width: 1200px) {
    .lg\:au-flex-col {
      flex-direction: column;
    }
    .lg\:au-flex-row {
      flex-direction: row;
    }
    .lg\:au-flex-wrap {
      flex-wrap: wrap;
    }
    .lg\:au-flex-nowrap {
      flex-wrap: nowrap;
    }
    .lg\:au-flex-1 {
      flex: 1;
    }
  }
  .au-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .au-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .au-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .au-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .au-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .au-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .au-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .au-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .au-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .au-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .au-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .au-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  @media (min-width: 768px) {
    .sm\:au-grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .sm\:au-grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:au-grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:au-grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .sm\:au-grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .sm\:au-grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .sm\:au-grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .sm\:au-grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .sm\:au-grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .sm\:au-grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .sm\:au-grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .sm\:au-grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @media (min-width: 992px) {
    .md\:au-grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .md\:au-grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:au-grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:au-grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:au-grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .md\:au-grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .md\:au-grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .md\:au-grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .md\:au-grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .md\:au-grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .md\:au-grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .md\:au-grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @media (min-width: 1200px) {
    .lg\:au-grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .lg\:au-grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:au-grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:au-grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:au-grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .lg\:au-grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .lg\:au-grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .lg\:au-grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .lg\:au-grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .lg\:au-grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .lg\:au-grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .lg\:au-grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .au-col-span-1 {
    grid-column: span 1/span 1;
  }
  .au-col-span-2 {
    grid-column: span 2/span 2;
  }
  .au-col-span-3 {
    grid-column: span 3/span 3;
  }
  .au-col-span-4 {
    grid-column: span 4/span 4;
  }
  .au-col-span-5 {
    grid-column: span 5/span 5;
  }
  .au-col-span-6 {
    grid-column: span 6/span 6;
  }
  .au-col-span-7 {
    grid-column: span 7/span 7;
  }
  .au-col-span-8 {
    grid-column: span 8/span 8;
  }
  .au-col-span-9 {
    grid-column: span 9/span 9;
  }
  .au-col-span-10 {
    grid-column: span 10/span 10;
  }
  .au-col-span-11 {
    grid-column: span 11/span 11;
  }
  .au-col-span-12 {
    grid-column: span 12/span 12;
  }
  .au-col-span-full {
    grid-column: 1/-1;
  }
  @media (min-width: 768px) {
    .sm\:au-col-span-1 {
      grid-column: span 1/span 1;
    }
    .sm\:au-col-span-2 {
      grid-column: span 2/span 2;
    }
    .sm\:au-col-span-3 {
      grid-column: span 3/span 3;
    }
    .sm\:au-col-span-4 {
      grid-column: span 4/span 4;
    }
    .sm\:au-col-span-5 {
      grid-column: span 5/span 5;
    }
    .sm\:au-col-span-6 {
      grid-column: span 6/span 6;
    }
    .sm\:au-col-span-7 {
      grid-column: span 7/span 7;
    }
    .sm\:au-col-span-8 {
      grid-column: span 8/span 8;
    }
    .sm\:au-col-span-9 {
      grid-column: span 9/span 9;
    }
    .sm\:au-col-span-10 {
      grid-column: span 10/span 10;
    }
    .sm\:au-col-span-11 {
      grid-column: span 11/span 11;
    }
    .sm\:au-col-span-12 {
      grid-column: span 12/span 12;
    }
    .sm\:au-col-span-full {
      grid-column: 1/-1;
    }
  }
  @media (min-width: 992px) {
    .md\:au-col-span-1 {
      grid-column: span 1/span 1;
    }
    .md\:au-col-span-2 {
      grid-column: span 2/span 2;
    }
    .md\:au-col-span-3 {
      grid-column: span 3/span 3;
    }
    .md\:au-col-span-4 {
      grid-column: span 4/span 4;
    }
    .md\:au-col-span-5 {
      grid-column: span 5/span 5;
    }
    .md\:au-col-span-6 {
      grid-column: span 6/span 6;
    }
    .md\:au-col-span-7 {
      grid-column: span 7/span 7;
    }
    .md\:au-col-span-8 {
      grid-column: span 8/span 8;
    }
    .md\:au-col-span-9 {
      grid-column: span 9/span 9;
    }
    .md\:au-col-span-10 {
      grid-column: span 10/span 10;
    }
    .md\:au-col-span-11 {
      grid-column: span 11/span 11;
    }
    .md\:au-col-span-12 {
      grid-column: span 12/span 12;
    }
    .md\:au-col-span-full {
      grid-column: 1/-1;
    }
  }
  @media (min-width: 1200px) {
    .lg\:au-col-span-1 {
      grid-column: span 1/span 1;
    }
    .lg\:au-col-span-2 {
      grid-column: span 2/span 2;
    }
    .lg\:au-col-span-3 {
      grid-column: span 3/span 3;
    }
    .lg\:au-col-span-4 {
      grid-column: span 4/span 4;
    }
    .lg\:au-col-span-5 {
      grid-column: span 5/span 5;
    }
    .lg\:au-col-span-6 {
      grid-column: span 6/span 6;
    }
    .lg\:au-col-span-7 {
      grid-column: span 7/span 7;
    }
    .lg\:au-col-span-8 {
      grid-column: span 8/span 8;
    }
    .lg\:au-col-span-9 {
      grid-column: span 9/span 9;
    }
    .lg\:au-col-span-10 {
      grid-column: span 10/span 10;
    }
    .lg\:au-col-span-11 {
      grid-column: span 11/span 11;
    }
    .lg\:au-col-span-12 {
      grid-column: span 12/span 12;
    }
    .lg\:au-col-span-full {
      grid-column: 1/-1;
    }
  }
  .au-m-0 {
    margin: 0;
  }
  .au-mb-0 {
    margin-bottom: 0;
  }
  .au-ml-0 {
    margin-left: 0;
  }
  .au-mr-0 {
    margin-right: 0;
  }
  .au-mt-0 {
    margin-top: 0;
  }
  .au-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .au-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .au-p-0 {
    padding: 0;
  }
  .au-pb-0 {
    padding-bottom: 0;
  }
  .au-pl-0 {
    padding-left: 0;
  }
  .au-pr-0 {
    padding-right: 0;
  }
  .au-pt-0 {
    padding-top: 0;
  }
  .au-px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .au-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .au-m-2 {
    margin: var(--asic-space-2);
  }
  .au-mb-2 {
    margin-bottom: var(--asic-space-2);
  }
  .au-ml-2 {
    margin-left: var(--asic-space-2);
  }
  .au-mr-2 {
    margin-right: var(--asic-space-2);
  }
  .au-mt-2 {
    margin-top: var(--asic-space-2);
  }
  .au-mx-2 {
    margin-left: var(--asic-space-2);
    margin-right: var(--asic-space-2);
  }
  .au-my-2 {
    margin-top: var(--asic-space-2);
    margin-bottom: var(--asic-space-2);
  }
  .au-p-2 {
    padding: var(--asic-space-2);
  }
  .au-pb-2 {
    padding-bottom: var(--asic-space-2);
  }
  .au-pl-2 {
    padding-left: var(--asic-space-2);
  }
  .au-pr-2 {
    padding-right: var(--asic-space-2);
  }
  .au-pt-2 {
    padding-top: var(--asic-space-2);
  }
  .au-px-2 {
    padding-left: var(--asic-space-2);
    padding-right: var(--asic-space-2);
  }
  .au-py-2 {
    padding-top: var(--asic-space-2);
    padding-bottom: var(--asic-space-2);
  }
  .au-m-4 {
    margin: var(--asic-space-4);
  }
  .au-mb-4 {
    margin-bottom: var(--asic-space-4);
  }
  .au-ml-4 {
    margin-left: var(--asic-space-4);
  }
  .au-mr-4 {
    margin-right: var(--asic-space-4);
  }
  .au-mt-4 {
    margin-top: var(--asic-space-4);
  }
  .au-mx-4 {
    margin-left: var(--asic-space-4);
    margin-right: var(--asic-space-4);
  }
  .au-my-4 {
    margin-top: var(--asic-space-4);
    margin-bottom: var(--asic-space-4);
  }
  .au-p-4 {
    padding: var(--asic-space-4);
  }
  .au-pb-4 {
    padding-bottom: var(--asic-space-4);
  }
  .au-pl-4 {
    padding-left: var(--asic-space-4);
  }
  .au-pr-4 {
    padding-right: var(--asic-space-4);
  }
  .au-pt-4 {
    padding-top: var(--asic-space-4);
  }
  .au-px-4 {
    padding-left: var(--asic-space-4);
    padding-right: var(--asic-space-4);
  }
  .au-py-4 {
    padding-top: var(--asic-space-4);
    padding-bottom: var(--asic-space-4);
  }
  .au-m-8 {
    margin: var(--asic-space-8);
  }
  .au-mb-8 {
    margin-bottom: var(--asic-space-8);
  }
  .au-ml-8 {
    margin-left: var(--asic-space-8);
  }
  .au-mr-8 {
    margin-right: var(--asic-space-8);
  }
  .au-mt-8 {
    margin-top: var(--asic-space-8);
  }
  .au-mx-8 {
    margin-left: var(--asic-space-8);
    margin-right: var(--asic-space-8);
  }
  .au-my-8 {
    margin-top: var(--asic-space-8);
    margin-bottom: var(--asic-space-8);
  }
  .au-p-8 {
    padding: var(--asic-space-8);
  }
  .au-pb-8 {
    padding-bottom: var(--asic-space-8);
  }
  .au-pl-8 {
    padding-left: var(--asic-space-8);
  }
  .au-pr-8 {
    padding-right: var(--asic-space-8);
  }
  .au-pt-8 {
    padding-top: var(--asic-space-8);
  }
  .au-px-8 {
    padding-left: var(--asic-space-8);
    padding-right: var(--asic-space-8);
  }
  .au-py-8 {
    padding-top: var(--asic-space-8);
    padding-bottom: var(--asic-space-8);
  }
  .au-m-12 {
    margin: var(--asic-space-12);
  }
  .au-mb-12 {
    margin-bottom: var(--asic-space-12);
  }
  .au-ml-12 {
    margin-left: var(--asic-space-12);
  }
  .au-mr-12 {
    margin-right: var(--asic-space-12);
  }
  .au-mt-12 {
    margin-top: var(--asic-space-12);
  }
  .au-mx-12 {
    margin-left: var(--asic-space-12);
    margin-right: var(--asic-space-12);
  }
  .au-my-12 {
    margin-top: var(--asic-space-12);
    margin-bottom: var(--asic-space-12);
  }
  .au-p-12 {
    padding: var(--asic-space-12);
  }
  .au-pb-12 {
    padding-bottom: var(--asic-space-12);
  }
  .au-pl-12 {
    padding-left: var(--asic-space-12);
  }
  .au-pr-12 {
    padding-right: var(--asic-space-12);
  }
  .au-pt-12 {
    padding-top: var(--asic-space-12);
  }
  .au-px-12 {
    padding-left: var(--asic-space-12);
    padding-right: var(--asic-space-12);
  }
  .au-py-12 {
    padding-top: var(--asic-space-12);
    padding-bottom: var(--asic-space-12);
  }
  .au-m-16 {
    margin: var(--asic-space-16);
  }
  .au-mb-16 {
    margin-bottom: var(--asic-space-16);
  }
  .au-ml-16 {
    margin-left: var(--asic-space-16);
  }
  .au-mr-16 {
    margin-right: var(--asic-space-16);
  }
  .au-mt-16 {
    margin-top: var(--asic-space-16);
  }
  .au-mx-16 {
    margin-left: var(--asic-space-16);
    margin-right: var(--asic-space-16);
  }
  .au-my-16 {
    margin-top: var(--asic-space-16);
    margin-bottom: var(--asic-space-16);
  }
  .au-p-16 {
    padding: var(--asic-space-16);
  }
  .au-pb-16 {
    padding-bottom: var(--asic-space-16);
  }
  .au-pl-16 {
    padding-left: var(--asic-space-16);
  }
  .au-pr-16 {
    padding-right: var(--asic-space-16);
  }
  .au-pt-16 {
    padding-top: var(--asic-space-16);
  }
  .au-px-16 {
    padding-left: var(--asic-space-16);
    padding-right: var(--asic-space-16);
  }
  .au-py-16 {
    padding-top: var(--asic-space-16);
    padding-bottom: var(--asic-space-16);
  }
  .au-m-20 {
    margin: var(--asic-space-20);
  }
  .au-mb-20 {
    margin-bottom: var(--asic-space-20);
  }
  .au-ml-20 {
    margin-left: var(--asic-space-20);
  }
  .au-mr-20 {
    margin-right: var(--asic-space-20);
  }
  .au-mt-20 {
    margin-top: var(--asic-space-20);
  }
  .au-mx-20 {
    margin-left: var(--asic-space-20);
    margin-right: var(--asic-space-20);
  }
  .au-my-20 {
    margin-top: var(--asic-space-20);
    margin-bottom: var(--asic-space-20);
  }
  .au-p-20 {
    padding: var(--asic-space-20);
  }
  .au-pb-20 {
    padding-bottom: var(--asic-space-20);
  }
  .au-pl-20 {
    padding-left: var(--asic-space-20);
  }
  .au-pr-20 {
    padding-right: var(--asic-space-20);
  }
  .au-pt-20 {
    padding-top: var(--asic-space-20);
  }
  .au-px-20 {
    padding-left: var(--asic-space-20);
    padding-right: var(--asic-space-20);
  }
  .au-py-20 {
    padding-top: var(--asic-space-20);
    padding-bottom: var(--asic-space-20);
  }
  .au-m-24 {
    margin: var(--asic-space-24);
  }
  .au-mb-24 {
    margin-bottom: var(--asic-space-24);
  }
  .au-ml-24 {
    margin-left: var(--asic-space-24);
  }
  .au-mr-24 {
    margin-right: var(--asic-space-24);
  }
  .au-mt-24 {
    margin-top: var(--asic-space-24);
  }
  .au-mx-24 {
    margin-left: var(--asic-space-24);
    margin-right: var(--asic-space-24);
  }
  .au-my-24 {
    margin-top: var(--asic-space-24);
    margin-bottom: var(--asic-space-24);
  }
  .au-p-24 {
    padding: var(--asic-space-24);
  }
  .au-pb-24 {
    padding-bottom: var(--asic-space-24);
  }
  .au-pl-24 {
    padding-left: var(--asic-space-24);
  }
  .au-pr-24 {
    padding-right: var(--asic-space-24);
  }
  .au-pt-24 {
    padding-top: var(--asic-space-24);
  }
  .au-px-24 {
    padding-left: var(--asic-space-24);
    padding-right: var(--asic-space-24);
  }
  .au-py-24 {
    padding-top: var(--asic-space-24);
    padding-bottom: var(--asic-space-24);
  }
  .au-m-32 {
    margin: var(--asic-space-32);
  }
  .au-mb-32 {
    margin-bottom: var(--asic-space-32);
  }
  .au-ml-32 {
    margin-left: var(--asic-space-32);
  }
  .au-mr-32 {
    margin-right: var(--asic-space-32);
  }
  .au-mt-32 {
    margin-top: var(--asic-space-32);
  }
  .au-mx-32 {
    margin-left: var(--asic-space-32);
    margin-right: var(--asic-space-32);
  }
  .au-my-32 {
    margin-top: var(--asic-space-32);
    margin-bottom: var(--asic-space-32);
  }
  .au-p-32 {
    padding: var(--asic-space-32);
  }
  .au-pb-32 {
    padding-bottom: var(--asic-space-32);
  }
  .au-pl-32 {
    padding-left: var(--asic-space-32);
  }
  .au-pr-32 {
    padding-right: var(--asic-space-32);
  }
  .au-pt-32 {
    padding-top: var(--asic-space-32);
  }
  .au-px-32 {
    padding-left: var(--asic-space-32);
    padding-right: var(--asic-space-32);
  }
  .au-py-32 {
    padding-top: var(--asic-space-32);
    padding-bottom: var(--asic-space-32);
  }
  @media (min-width: 768px) {
    .sm\:au-m-0 {
      margin: 0;
    }
    .sm\:au-mb-0 {
      margin-bottom: 0;
    }
    .sm\:au-ml-0 {
      margin-left: 0;
    }
    .sm\:au-mr-0 {
      margin-right: 0;
    }
    .sm\:au-mt-0 {
      margin-top: 0;
    }
    .sm\:au-mx-0 {
      margin-left: 0;
      margin-right: 0;
    }
    .sm\:au-my-0 {
      margin-top: 0;
      margin-bottom: 0;
    }
    .sm\:au-p-0 {
      padding: 0;
    }
    .sm\:au-pb-0 {
      padding-bottom: 0;
    }
    .sm\:au-pl-0 {
      padding-left: 0;
    }
    .sm\:au-pr-0 {
      padding-right: 0;
    }
    .sm\:au-pt-0 {
      padding-top: 0;
    }
    .sm\:au-px-0 {
      padding-left: 0;
      padding-right: 0;
    }
    .sm\:au-py-0 {
      padding-top: 0;
      padding-bottom: 0;
    }
    .sm\:au-m-2 {
      margin: var(--asic-space-2);
    }
    .sm\:au-mb-2 {
      margin-bottom: var(--asic-space-2);
    }
    .sm\:au-ml-2 {
      margin-left: var(--asic-space-2);
    }
    .sm\:au-mr-2 {
      margin-right: var(--asic-space-2);
    }
    .sm\:au-mt-2 {
      margin-top: var(--asic-space-2);
    }
    .sm\:au-mx-2 {
      margin-left: var(--asic-space-2);
      margin-right: var(--asic-space-2);
    }
    .sm\:au-my-2 {
      margin-top: var(--asic-space-2);
      margin-bottom: var(--asic-space-2);
    }
    .sm\:au-p-2 {
      padding: var(--asic-space-2);
    }
    .sm\:au-pb-2 {
      padding-bottom: var(--asic-space-2);
    }
    .sm\:au-pl-2 {
      padding-left: var(--asic-space-2);
    }
    .sm\:au-pr-2 {
      padding-right: var(--asic-space-2);
    }
    .sm\:au-pt-2 {
      padding-top: var(--asic-space-2);
    }
    .sm\:au-px-2 {
      padding-left: var(--asic-space-2);
      padding-right: var(--asic-space-2);
    }
    .sm\:au-py-2 {
      padding-top: var(--asic-space-2);
      padding-bottom: var(--asic-space-2);
    }
    .sm\:au-m-4 {
      margin: var(--asic-space-4);
    }
    .sm\:au-mb-4 {
      margin-bottom: var(--asic-space-4);
    }
    .sm\:au-ml-4 {
      margin-left: var(--asic-space-4);
    }
    .sm\:au-mr-4 {
      margin-right: var(--asic-space-4);
    }
    .sm\:au-mt-4 {
      margin-top: var(--asic-space-4);
    }
    .sm\:au-mx-4 {
      margin-left: var(--asic-space-4);
      margin-right: var(--asic-space-4);
    }
    .sm\:au-my-4 {
      margin-top: var(--asic-space-4);
      margin-bottom: var(--asic-space-4);
    }
    .sm\:au-p-4 {
      padding: var(--asic-space-4);
    }
    .sm\:au-pb-4 {
      padding-bottom: var(--asic-space-4);
    }
    .sm\:au-pl-4 {
      padding-left: var(--asic-space-4);
    }
    .sm\:au-pr-4 {
      padding-right: var(--asic-space-4);
    }
    .sm\:au-pt-4 {
      padding-top: var(--asic-space-4);
    }
    .sm\:au-px-4 {
      padding-left: var(--asic-space-4);
      padding-right: var(--asic-space-4);
    }
    .sm\:au-py-4 {
      padding-top: var(--asic-space-4);
      padding-bottom: var(--asic-space-4);
    }
    .sm\:au-m-8 {
      margin: var(--asic-space-8);
    }
    .sm\:au-mb-8 {
      margin-bottom: var(--asic-space-8);
    }
    .sm\:au-ml-8 {
      margin-left: var(--asic-space-8);
    }
    .sm\:au-mr-8 {
      margin-right: var(--asic-space-8);
    }
    .sm\:au-mt-8 {
      margin-top: var(--asic-space-8);
    }
    .sm\:au-mx-8 {
      margin-left: var(--asic-space-8);
      margin-right: var(--asic-space-8);
    }
    .sm\:au-my-8 {
      margin-top: var(--asic-space-8);
      margin-bottom: var(--asic-space-8);
    }
    .sm\:au-p-8 {
      padding: var(--asic-space-8);
    }
    .sm\:au-pb-8 {
      padding-bottom: var(--asic-space-8);
    }
    .sm\:au-pl-8 {
      padding-left: var(--asic-space-8);
    }
    .sm\:au-pr-8 {
      padding-right: var(--asic-space-8);
    }
    .sm\:au-pt-8 {
      padding-top: var(--asic-space-8);
    }
    .sm\:au-px-8 {
      padding-left: var(--asic-space-8);
      padding-right: var(--asic-space-8);
    }
    .sm\:au-py-8 {
      padding-top: var(--asic-space-8);
      padding-bottom: var(--asic-space-8);
    }
    .sm\:au-m-12 {
      margin: var(--asic-space-12);
    }
    .sm\:au-mb-12 {
      margin-bottom: var(--asic-space-12);
    }
    .sm\:au-ml-12 {
      margin-left: var(--asic-space-12);
    }
    .sm\:au-mr-12 {
      margin-right: var(--asic-space-12);
    }
    .sm\:au-mt-12 {
      margin-top: var(--asic-space-12);
    }
    .sm\:au-mx-12 {
      margin-left: var(--asic-space-12);
      margin-right: var(--asic-space-12);
    }
    .sm\:au-my-12 {
      margin-top: var(--asic-space-12);
      margin-bottom: var(--asic-space-12);
    }
    .sm\:au-p-12 {
      padding: var(--asic-space-12);
    }
    .sm\:au-pb-12 {
      padding-bottom: var(--asic-space-12);
    }
    .sm\:au-pl-12 {
      padding-left: var(--asic-space-12);
    }
    .sm\:au-pr-12 {
      padding-right: var(--asic-space-12);
    }
    .sm\:au-pt-12 {
      padding-top: var(--asic-space-12);
    }
    .sm\:au-px-12 {
      padding-left: var(--asic-space-12);
      padding-right: var(--asic-space-12);
    }
    .sm\:au-py-12 {
      padding-top: var(--asic-space-12);
      padding-bottom: var(--asic-space-12);
    }
    .sm\:au-m-16 {
      margin: var(--asic-space-16);
    }
    .sm\:au-mb-16 {
      margin-bottom: var(--asic-space-16);
    }
    .sm\:au-ml-16 {
      margin-left: var(--asic-space-16);
    }
    .sm\:au-mr-16 {
      margin-right: var(--asic-space-16);
    }
    .sm\:au-mt-16 {
      margin-top: var(--asic-space-16);
    }
    .sm\:au-mx-16 {
      margin-left: var(--asic-space-16);
      margin-right: var(--asic-space-16);
    }
    .sm\:au-my-16 {
      margin-top: var(--asic-space-16);
      margin-bottom: var(--asic-space-16);
    }
    .sm\:au-p-16 {
      padding: var(--asic-space-16);
    }
    .sm\:au-pb-16 {
      padding-bottom: var(--asic-space-16);
    }
    .sm\:au-pl-16 {
      padding-left: var(--asic-space-16);
    }
    .sm\:au-pr-16 {
      padding-right: var(--asic-space-16);
    }
    .sm\:au-pt-16 {
      padding-top: var(--asic-space-16);
    }
    .sm\:au-px-16 {
      padding-left: var(--asic-space-16);
      padding-right: var(--asic-space-16);
    }
    .sm\:au-py-16 {
      padding-top: var(--asic-space-16);
      padding-bottom: var(--asic-space-16);
    }
    .sm\:au-m-20 {
      margin: var(--asic-space-20);
    }
    .sm\:au-mb-20 {
      margin-bottom: var(--asic-space-20);
    }
    .sm\:au-ml-20 {
      margin-left: var(--asic-space-20);
    }
    .sm\:au-mr-20 {
      margin-right: var(--asic-space-20);
    }
    .sm\:au-mt-20 {
      margin-top: var(--asic-space-20);
    }
    .sm\:au-mx-20 {
      margin-left: var(--asic-space-20);
      margin-right: var(--asic-space-20);
    }
    .sm\:au-my-20 {
      margin-top: var(--asic-space-20);
      margin-bottom: var(--asic-space-20);
    }
    .sm\:au-p-20 {
      padding: var(--asic-space-20);
    }
    .sm\:au-pb-20 {
      padding-bottom: var(--asic-space-20);
    }
    .sm\:au-pl-20 {
      padding-left: var(--asic-space-20);
    }
    .sm\:au-pr-20 {
      padding-right: var(--asic-space-20);
    }
    .sm\:au-pt-20 {
      padding-top: var(--asic-space-20);
    }
    .sm\:au-px-20 {
      padding-left: var(--asic-space-20);
      padding-right: var(--asic-space-20);
    }
    .sm\:au-py-20 {
      padding-top: var(--asic-space-20);
      padding-bottom: var(--asic-space-20);
    }
    .sm\:au-p-24 {
      padding: var(--asic-space-24);
    }
    .sm\:au-pt-24 {
      padding-top: var(--asic-space-24);
    }
    .sm\:au-pb-24 {
      padding-bottom: var(--asic-space-24);
    }
    .sm\:au-pl-24 {
      padding-left: var(--asic-space-24);
    }
    .sm\:au-pr-24 {
      padding-right: var(--asic-space-24);
    }
    .sm\:au-px-24 {
      padding-left: var(--asic-space-24);
      padding-right: var(--asic-space-24);
    }
    .sm\:au-py-24 {
      padding-top: var(--asic-space-24);
      padding-bottom: var(--asic-space-24);
    }
    .sm\:au-m-24 {
      margin: var(--asic-space-24);
    }
    .sm\:au-mt-24 {
      margin-top: var(--asic-space-24);
    }
    .sm\:au-mb-24 {
      margin-bottom: var(--asic-space-24);
    }
    .sm\:au-ml-24 {
      margin-left: var(--asic-space-24);
    }
    .sm\:au-mr-24 {
      margin-right: var(--asic-space-24);
    }
    .sm\:au-mx-24 {
      margin-left: var(--asic-space-24);
      margin-right: var(--asic-space-24);
    }
    .sm\:au-my-24 {
      margin-top: var(--asic-space-24);
      margin-bottom: var(--asic-space-24);
    }
    .sm\:au-m-32 {
      margin: var(--asic-space-32);
    }
    .sm\:au-mb-32 {
      margin-bottom: var(--asic-space-32);
    }
    .sm\:au-ml-32 {
      margin-left: var(--asic-space-32);
    }
    .sm\:au-mr-32 {
      margin-right: var(--asic-space-32);
    }
    .sm\:au-mt-32 {
      margin-top: var(--asic-space-32);
    }
    .sm\:au-mx-32 {
      margin-left: var(--asic-space-32);
      margin-right: var(--asic-space-32);
    }
    .sm\:au-my-32 {
      margin-top: var(--asic-space-32);
      margin-bottom: var(--asic-space-32);
    }
    .sm\:au-p-32 {
      padding: var(--asic-space-32);
    }
    .sm\:au-pb-32 {
      padding-bottom: var(--asic-space-32);
    }
    .sm\:au-pl-32 {
      padding-left: var(--asic-space-32);
    }
    .sm\:au-pr-32 {
      padding-right: var(--asic-space-32);
    }
    .sm\:au-pt-32 {
      padding-top: var(--asic-space-32);
    }
    .sm\:au-px-32 {
      padding-left: var(--asic-space-32);
      padding-right: var(--asic-space-32);
    }
    .sm\:au-py-32 {
      padding-top: var(--asic-space-32);
      padding-bottom: var(--asic-space-32);
    }
  }
  @media (min-width: 992px) {
    .md\:au-m-0 {
      margin: 0;
    }
    .md\:au-mb-0 {
      margin-bottom: 0;
    }
    .md\:au-ml-0 {
      margin-left: 0;
    }
    .md\:au-mr-0 {
      margin-right: 0;
    }
    .md\:au-mt-0 {
      margin-top: 0;
    }
    .md\:au-mx-0 {
      margin-left: 0;
      margin-right: 0;
    }
    .md\:au-my-0 {
      margin-top: 0;
      margin-bottom: 0;
    }
    .md\:au-p-0 {
      padding: 0;
    }
    .md\:au-pb-0 {
      padding-bottom: 0;
    }
    .md\:au-pl-0 {
      padding-left: 0;
    }
    .md\:au-pr-0 {
      padding-right: 0;
    }
    .md\:au-pt-0 {
      padding-top: 0;
    }
    .md\:au-px-0 {
      padding-left: 0;
      padding-right: 0;
    }
    .md\:au-py-0 {
      padding-top: 0;
      padding-bottom: 0;
    }
    .md\:au-m-2 {
      margin: var(--asic-space-2);
    }
    .md\:au-mb-2 {
      margin-bottom: var(--asic-space-2);
    }
    .md\:au-ml-2 {
      margin-left: var(--asic-space-2);
    }
    .md\:au-mr-2 {
      margin-right: var(--asic-space-2);
    }
    .md\:au-mt-2 {
      margin-top: var(--asic-space-2);
    }
    .md\:au-mx-2 {
      margin-left: var(--asic-space-2);
      margin-right: var(--asic-space-2);
    }
    .md\:au-my-2 {
      margin-top: var(--asic-space-2);
      margin-bottom: var(--asic-space-2);
    }
    .md\:au-p-2 {
      padding: var(--asic-space-2);
    }
    .md\:au-pb-2 {
      padding-bottom: var(--asic-space-2);
    }
    .md\:au-pl-2 {
      padding-left: var(--asic-space-2);
    }
    .md\:au-pr-2 {
      padding-right: var(--asic-space-2);
    }
    .md\:au-pt-2 {
      padding-top: var(--asic-space-2);
    }
    .md\:au-px-2 {
      padding-left: var(--asic-space-2);
      padding-right: var(--asic-space-2);
    }
    .md\:au-py-2 {
      padding-top: var(--asic-space-2);
      padding-bottom: var(--asic-space-2);
    }
    .md\:au-m-4 {
      margin: var(--asic-space-4);
    }
    .md\:au-mb-4 {
      margin-bottom: var(--asic-space-4);
    }
    .md\:au-ml-4 {
      margin-left: var(--asic-space-4);
    }
    .md\:au-mr-4 {
      margin-right: var(--asic-space-4);
    }
    .md\:au-mt-4 {
      margin-top: var(--asic-space-4);
    }
    .md\:au-mx-4 {
      margin-left: var(--asic-space-4);
      margin-right: var(--asic-space-4);
    }
    .md\:au-my-4 {
      margin-top: var(--asic-space-4);
      margin-bottom: var(--asic-space-4);
    }
    .md\:au-p-4 {
      padding: var(--asic-space-4);
    }
    .md\:au-pb-4 {
      padding-bottom: var(--asic-space-4);
    }
    .md\:au-pl-4 {
      padding-left: var(--asic-space-4);
    }
    .md\:au-pr-4 {
      padding-right: var(--asic-space-4);
    }
    .md\:au-pt-4 {
      padding-top: var(--asic-space-4);
    }
    .md\:au-px-4 {
      padding-left: var(--asic-space-4);
      padding-right: var(--asic-space-4);
    }
    .md\:au-py-4 {
      padding-top: var(--asic-space-4);
      padding-bottom: var(--asic-space-4);
    }
    .md\:au-m-8 {
      margin: var(--asic-space-8);
    }
    .md\:au-mb-8 {
      margin-bottom: var(--asic-space-8);
    }
    .md\:au-ml-8 {
      margin-left: var(--asic-space-8);
    }
    .md\:au-mr-8 {
      margin-right: var(--asic-space-8);
    }
    .md\:au-mt-8 {
      margin-top: var(--asic-space-8);
    }
    .md\:au-mx-8 {
      margin-left: var(--asic-space-8);
      margin-right: var(--asic-space-8);
    }
    .md\:au-my-8 {
      margin-top: var(--asic-space-8);
      margin-bottom: var(--asic-space-8);
    }
    .md\:au-p-8 {
      padding: var(--asic-space-8);
    }
    .md\:au-pb-8 {
      padding-bottom: var(--asic-space-8);
    }
    .md\:au-pl-8 {
      padding-left: var(--asic-space-8);
    }
    .md\:au-pr-8 {
      padding-right: var(--asic-space-8);
    }
    .md\:au-pt-8 {
      padding-top: var(--asic-space-8);
    }
    .md\:au-px-8 {
      padding-left: var(--asic-space-8);
      padding-right: var(--asic-space-8);
    }
    .md\:au-py-8 {
      padding-top: var(--asic-space-8);
      padding-bottom: var(--asic-space-8);
    }
    .md\:au-m-12 {
      margin: var(--asic-space-12);
    }
    .md\:au-mb-12 {
      margin-bottom: var(--asic-space-12);
    }
    .md\:au-ml-12 {
      margin-left: var(--asic-space-12);
    }
    .md\:au-mr-12 {
      margin-right: var(--asic-space-12);
    }
    .md\:au-mt-12 {
      margin-top: var(--asic-space-12);
    }
    .md\:au-mx-12 {
      margin-left: var(--asic-space-12);
      margin-right: var(--asic-space-12);
    }
    .md\:au-my-12 {
      margin-top: var(--asic-space-12);
      margin-bottom: var(--asic-space-12);
    }
    .md\:au-p-12 {
      padding: var(--asic-space-12);
    }
    .md\:au-pb-12 {
      padding-bottom: var(--asic-space-12);
    }
    .md\:au-pl-12 {
      padding-left: var(--asic-space-12);
    }
    .md\:au-pr-12 {
      padding-right: var(--asic-space-12);
    }
    .md\:au-pt-12 {
      padding-top: var(--asic-space-12);
    }
    .md\:au-px-12 {
      padding-left: var(--asic-space-12);
      padding-right: var(--asic-space-12);
    }
    .md\:au-py-12 {
      padding-top: var(--asic-space-12);
      padding-bottom: var(--asic-space-12);
    }
    .md\:au-m-16 {
      margin: var(--asic-space-16);
    }
    .md\:au-mb-16 {
      margin-bottom: var(--asic-space-16);
    }
    .md\:au-ml-16 {
      margin-left: var(--asic-space-16);
    }
    .md\:au-mr-16 {
      margin-right: var(--asic-space-16);
    }
    .md\:au-mt-16 {
      margin-top: var(--asic-space-16);
    }
    .md\:au-mx-16 {
      margin-left: var(--asic-space-16);
      margin-right: var(--asic-space-16);
    }
    .md\:au-my-16 {
      margin-top: var(--asic-space-16);
      margin-bottom: var(--asic-space-16);
    }
    .md\:au-p-16 {
      padding: var(--asic-space-16);
    }
    .md\:au-pb-16 {
      padding-bottom: var(--asic-space-16);
    }
    .md\:au-pl-16 {
      padding-left: var(--asic-space-16);
    }
    .md\:au-pr-16 {
      padding-right: var(--asic-space-16);
    }
    .md\:au-pt-16 {
      padding-top: var(--asic-space-16);
    }
    .md\:au-px-16 {
      padding-left: var(--asic-space-16);
      padding-right: var(--asic-space-16);
    }
    .md\:au-py-16 {
      padding-top: var(--asic-space-16);
      padding-bottom: var(--asic-space-16);
    }
    .md\:au-m-20 {
      margin: var(--asic-space-20);
    }
    .md\:au-mb-20 {
      margin-bottom: var(--asic-space-20);
    }
    .md\:au-ml-20 {
      margin-left: var(--asic-space-20);
    }
    .md\:au-mr-20 {
      margin-right: var(--asic-space-20);
    }
    .md\:au-mt-20 {
      margin-top: var(--asic-space-20);
    }
    .md\:au-mx-20 {
      margin-left: var(--asic-space-20);
      margin-right: var(--asic-space-20);
    }
    .md\:au-my-20 {
      margin-top: var(--asic-space-20);
      margin-bottom: var(--asic-space-20);
    }
    .md\:au-p-20 {
      padding: var(--asic-space-20);
    }
    .md\:au-pb-20 {
      padding-bottom: var(--asic-space-20);
    }
    .md\:au-pl-20 {
      padding-left: var(--asic-space-20);
    }
    .md\:au-pr-20 {
      padding-right: var(--asic-space-20);
    }
    .md\:au-pt-20 {
      padding-top: var(--asic-space-20);
    }
    .md\:au-px-20 {
      padding-left: var(--asic-space-20);
      padding-right: var(--asic-space-20);
    }
    .md\:au-py-20 {
      padding-top: var(--asic-space-20);
      padding-bottom: var(--asic-space-20);
    }
    .md\:au-p-24 {
      padding: var(--asic-space-24);
    }
    .md\:au-pt-24 {
      padding-top: var(--asic-space-24);
    }
    .md\:au-pb-24 {
      padding-bottom: var(--asic-space-24);
    }
    .md\:au-pl-24 {
      padding-left: var(--asic-space-24);
    }
    .md\:au-pr-24 {
      padding-right: var(--asic-space-24);
    }
    .md\:au-px-24 {
      padding-left: var(--asic-space-24);
      padding-right: var(--asic-space-24);
    }
    .md\:au-py-24 {
      padding-top: var(--asic-space-24);
      padding-bottom: var(--asic-space-24);
    }
    .md\:au-m-24 {
      margin: var(--asic-space-24);
    }
    .md\:au-mt-24 {
      margin-top: var(--asic-space-24);
    }
    .md\:au-mb-24 {
      margin-bottom: var(--asic-space-24);
    }
    .md\:au-ml-24 {
      margin-left: var(--asic-space-24);
    }
    .md\:au-mr-24 {
      margin-right: var(--asic-space-24);
    }
    .md\:au-mx-24 {
      margin-left: var(--asic-space-24);
      margin-right: var(--asic-space-24);
    }
    .md\:au-my-24 {
      margin-top: var(--asic-space-24);
      margin-bottom: var(--asic-space-24);
    }
    .md\:au-m-32 {
      margin: var(--asic-space-32);
    }
    .md\:au-mb-32 {
      margin-bottom: var(--asic-space-32);
    }
    .md\:au-ml-32 {
      margin-left: var(--asic-space-32);
    }
    .md\:au-mr-32 {
      margin-right: var(--asic-space-32);
    }
    .md\:au-mt-32 {
      margin-top: var(--asic-space-32);
    }
    .md\:au-mx-32 {
      margin-left: var(--asic-space-32);
      margin-right: var(--asic-space-32);
    }
    .md\:au-my-32 {
      margin-top: var(--asic-space-32);
      margin-bottom: var(--asic-space-32);
    }
    .md\:au-p-32 {
      padding: var(--asic-space-32);
    }
    .md\:au-pb-32 {
      padding-bottom: var(--asic-space-32);
    }
    .md\:au-pl-32 {
      padding-left: var(--asic-space-32);
    }
    .md\:au-pr-32 {
      padding-right: var(--asic-space-32);
    }
    .md\:au-pt-32 {
      padding-top: var(--asic-space-32);
    }
    .md\:au-px-32 {
      padding-left: var(--asic-space-32);
      padding-right: var(--asic-space-32);
    }
    .md\:au-py-32 {
      padding-top: var(--asic-space-32);
      padding-bottom: var(--asic-space-32);
    }
  }
  @media (min-width: 1200px) {
    .lg\:au-m-0 {
      margin: 0;
    }
    .lg\:au-mb-0 {
      margin-bottom: 0;
    }
    .lg\:au-ml-0 {
      margin-left: 0;
    }
    .lg\:au-mr-0 {
      margin-right: 0;
    }
    .lg\:au-mt-0 {
      margin-top: 0;
    }
    .lg\:au-mx-0 {
      margin-left: 0;
      margin-right: 0;
    }
    .lg\:au-my-0 {
      margin-top: 0;
      margin-bottom: 0;
    }
    .lg\:au-p-0 {
      padding: 0;
    }
    .lg\:au-pb-0 {
      padding-bottom: 0;
    }
    .lg\:au-pl-0 {
      padding-left: 0;
    }
    .lg\:au-pr-0 {
      padding-right: 0;
    }
    .lg\:au-pt-0 {
      padding-top: 0;
    }
    .lg\:au-px-0 {
      padding-left: 0;
      padding-right: 0;
    }
    .lg\:au-py-0 {
      padding-top: 0;
      padding-bottom: 0;
    }
    .lg\:au-m-2 {
      margin: var(--asic-space-2);
    }
    .lg\:au-mb-2 {
      margin-bottom: var(--asic-space-2);
    }
    .lg\:au-ml-2 {
      margin-left: var(--asic-space-2);
    }
    .lg\:au-mr-2 {
      margin-right: var(--asic-space-2);
    }
    .lg\:au-mt-2 {
      margin-top: var(--asic-space-2);
    }
    .lg\:au-mx-2 {
      margin-left: var(--asic-space-2);
      margin-right: var(--asic-space-2);
    }
    .lg\:au-my-2 {
      margin-top: var(--asic-space-2);
      margin-bottom: var(--asic-space-2);
    }
    .lg\:au-p-2 {
      padding: var(--asic-space-2);
    }
    .lg\:au-pb-2 {
      padding-bottom: var(--asic-space-2);
    }
    .lg\:au-pl-2 {
      padding-left: var(--asic-space-2);
    }
    .lg\:au-pr-2 {
      padding-right: var(--asic-space-2);
    }
    .lg\:au-pt-2 {
      padding-top: var(--asic-space-2);
    }
    .lg\:au-px-2 {
      padding-left: var(--asic-space-2);
      padding-right: var(--asic-space-2);
    }
    .lg\:au-py-2 {
      padding-top: var(--asic-space-2);
      padding-bottom: var(--asic-space-2);
    }
    .lg\:au-m-4 {
      margin: var(--asic-space-4);
    }
    .lg\:au-mb-4 {
      margin-bottom: var(--asic-space-4);
    }
    .lg\:au-ml-4 {
      margin-left: var(--asic-space-4);
    }
    .lg\:au-mr-4 {
      margin-right: var(--asic-space-4);
    }
    .lg\:au-mt-4 {
      margin-top: var(--asic-space-4);
    }
    .lg\:au-mx-4 {
      margin-left: var(--asic-space-4);
      margin-right: var(--asic-space-4);
    }
    .lg\:au-my-4 {
      margin-top: var(--asic-space-4);
      margin-bottom: var(--asic-space-4);
    }
    .lg\:au-p-4 {
      padding: var(--asic-space-4);
    }
    .lg\:au-pb-4 {
      padding-bottom: var(--asic-space-4);
    }
    .lg\:au-pl-4 {
      padding-left: var(--asic-space-4);
    }
    .lg\:au-pr-4 {
      padding-right: var(--asic-space-4);
    }
    .lg\:au-pt-4 {
      padding-top: var(--asic-space-4);
    }
    .lg\:au-px-4 {
      padding-left: var(--asic-space-4);
      padding-right: var(--asic-space-4);
    }
    .lg\:au-py-4 {
      padding-top: var(--asic-space-4);
      padding-bottom: var(--asic-space-4);
    }
    .lg\:au-m-8 {
      margin: var(--asic-space-8);
    }
    .lg\:au-mb-8 {
      margin-bottom: var(--asic-space-8);
    }
    .lg\:au-ml-8 {
      margin-left: var(--asic-space-8);
    }
    .lg\:au-mr-8 {
      margin-right: var(--asic-space-8);
    }
    .lg\:au-mt-8 {
      margin-top: var(--asic-space-8);
    }
    .lg\:au-mx-8 {
      margin-left: var(--asic-space-8);
      margin-right: var(--asic-space-8);
    }
    .lg\:au-my-8 {
      margin-top: var(--asic-space-8);
      margin-bottom: var(--asic-space-8);
    }
    .lg\:au-p-8 {
      padding: var(--asic-space-8);
    }
    .lg\:au-pb-8 {
      padding-bottom: var(--asic-space-8);
    }
    .lg\:au-pl-8 {
      padding-left: var(--asic-space-8);
    }
    .lg\:au-pr-8 {
      padding-right: var(--asic-space-8);
    }
    .lg\:au-pt-8 {
      padding-top: var(--asic-space-8);
    }
    .lg\:au-px-8 {
      padding-left: var(--asic-space-8);
      padding-right: var(--asic-space-8);
    }
    .lg\:au-py-8 {
      padding-top: var(--asic-space-8);
      padding-bottom: var(--asic-space-8);
    }
    .lg\:au-m-12 {
      margin: var(--asic-space-12);
    }
    .lg\:au-mb-12 {
      margin-bottom: var(--asic-space-12);
    }
    .lg\:au-ml-12 {
      margin-left: var(--asic-space-12);
    }
    .lg\:au-mr-12 {
      margin-right: var(--asic-space-12);
    }
    .lg\:au-mt-12 {
      margin-top: var(--asic-space-12);
    }
    .lg\:au-mx-12 {
      margin-left: var(--asic-space-12);
      margin-right: var(--asic-space-12);
    }
    .lg\:au-my-12 {
      margin-top: var(--asic-space-12);
      margin-bottom: var(--asic-space-12);
    }
    .lg\:au-p-12 {
      padding: var(--asic-space-12);
    }
    .lg\:au-pb-12 {
      padding-bottom: var(--asic-space-12);
    }
    .lg\:au-pl-12 {
      padding-left: var(--asic-space-12);
    }
    .lg\:au-pr-12 {
      padding-right: var(--asic-space-12);
    }
    .lg\:au-pt-12 {
      padding-top: var(--asic-space-12);
    }
    .lg\:au-px-12 {
      padding-left: var(--asic-space-12);
      padding-right: var(--asic-space-12);
    }
    .lg\:au-py-12 {
      padding-top: var(--asic-space-12);
      padding-bottom: var(--asic-space-12);
    }
    .lg\:au-m-16 {
      margin: var(--asic-space-16);
    }
    .lg\:au-mb-16 {
      margin-bottom: var(--asic-space-16);
    }
    .lg\:au-ml-16 {
      margin-left: var(--asic-space-16);
    }
    .lg\:au-mr-16 {
      margin-right: var(--asic-space-16);
    }
    .lg\:au-mt-16 {
      margin-top: var(--asic-space-16);
    }
    .lg\:au-mx-16 {
      margin-left: var(--asic-space-16);
      margin-right: var(--asic-space-16);
    }
    .lg\:au-my-16 {
      margin-top: var(--asic-space-16);
      margin-bottom: var(--asic-space-16);
    }
    .lg\:au-p-16 {
      padding: var(--asic-space-16);
    }
    .lg\:au-pb-16 {
      padding-bottom: var(--asic-space-16);
    }
    .lg\:au-pl-16 {
      padding-left: var(--asic-space-16);
    }
    .lg\:au-pr-16 {
      padding-right: var(--asic-space-16);
    }
    .lg\:au-pt-16 {
      padding-top: var(--asic-space-16);
    }
    .lg\:au-px-16 {
      padding-left: var(--asic-space-16);
      padding-right: var(--asic-space-16);
    }
    .lg\:au-py-16 {
      padding-top: var(--asic-space-16);
      padding-bottom: var(--asic-space-16);
    }
    .lg\:au-m-20 {
      margin: var(--asic-space-20);
    }
    .lg\:au-mb-20 {
      margin-bottom: var(--asic-space-20);
    }
    .lg\:au-ml-20 {
      margin-left: var(--asic-space-20);
    }
    .lg\:au-mr-20 {
      margin-right: var(--asic-space-20);
    }
    .lg\:au-mt-20 {
      margin-top: var(--asic-space-20);
    }
    .lg\:au-mx-20 {
      margin-left: var(--asic-space-20);
      margin-right: var(--asic-space-20);
    }
    .lg\:au-my-20 {
      margin-top: var(--asic-space-20);
      margin-bottom: var(--asic-space-20);
    }
    .lg\:au-p-20 {
      padding: var(--asic-space-20);
    }
    .lg\:au-pb-20 {
      padding-bottom: var(--asic-space-20);
    }
    .lg\:au-pl-20 {
      padding-left: var(--asic-space-20);
    }
    .lg\:au-pr-20 {
      padding-right: var(--asic-space-20);
    }
    .lg\:au-pt-20 {
      padding-top: var(--asic-space-20);
    }
    .lg\:au-px-20 {
      padding-left: var(--asic-space-20);
      padding-right: var(--asic-space-20);
    }
    .lg\:au-py-20 {
      padding-top: var(--asic-space-20);
      padding-bottom: var(--asic-space-20);
    }
    .lg\:au-p-24 {
      padding: var(--asic-space-24);
    }
    .lg\:au-pt-24 {
      padding-top: var(--asic-space-24);
    }
    .lg\:au-pb-24 {
      padding-bottom: var(--asic-space-24);
    }
    .lg\:au-pl-24 {
      padding-left: var(--asic-space-24);
    }
    .lg\:au-pr-24 {
      padding-right: var(--asic-space-24);
    }
    .lg\:au-px-24 {
      padding-left: var(--asic-space-24);
      padding-right: var(--asic-space-24);
    }
    .lg\:au-py-24 {
      padding-top: var(--asic-space-24);
      padding-bottom: var(--asic-space-24);
    }
    .lg\:au-m-24 {
      margin: var(--asic-space-24);
    }
    .lg\:au-mt-24 {
      margin-top: var(--asic-space-24);
    }
    .lg\:au-mb-24 {
      margin-bottom: var(--asic-space-24);
    }
    .lg\:au-ml-24 {
      margin-left: var(--asic-space-24);
    }
    .lg\:au-mr-24 {
      margin-right: var(--asic-space-24);
    }
    .lg\:au-mx-24 {
      margin-left: var(--asic-space-24);
      margin-right: var(--asic-space-24);
    }
    .lg\:au-my-24 {
      margin-top: var(--asic-space-24);
      margin-bottom: var(--asic-space-24);
    }
    .lg\:au-m-32 {
      margin: var(--asic-space-32);
    }
    .lg\:au-mb-32 {
      margin-bottom: var(--asic-space-32);
    }
    .lg\:au-ml-32 {
      margin-left: var(--asic-space-32);
    }
    .lg\:au-mr-32 {
      margin-right: var(--asic-space-32);
    }
    .lg\:au-mt-32 {
      margin-top: var(--asic-space-32);
    }
    .lg\:au-mx-32 {
      margin-left: var(--asic-space-32);
      margin-right: var(--asic-space-32);
    }
    .lg\:au-my-32 {
      margin-top: var(--asic-space-32);
      margin-bottom: var(--asic-space-32);
    }
    .lg\:au-p-32 {
      padding: var(--asic-space-32);
    }
    .lg\:au-pb-32 {
      padding-bottom: var(--asic-space-32);
    }
    .lg\:au-pl-32 {
      padding-left: var(--asic-space-32);
    }
    .lg\:au-pr-32 {
      padding-right: var(--asic-space-32);
    }
    .lg\:au-pt-32 {
      padding-top: var(--asic-space-32);
    }
    .lg\:au-px-32 {
      padding-left: var(--asic-space-32);
      padding-right: var(--asic-space-32);
    }
    .lg\:au-py-32 {
      padding-top: var(--asic-space-32);
      padding-bottom: var(--asic-space-32);
    }
  }
  .au-whitespace-normal {
    white-space: normal;
  }
  .au-whitespace-nowrap {
    white-space: nowrap;
  }
  .au-whitespace-pre {
    white-space: pre;
  }
  .au-whitespace-pre-line {
    white-space: pre-line;
  }
  .au-whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .au-whitespace-break-spaces {
    white-space: break-spaces;
  }
  .au-font-bold {
    font-weight: var(--asic-font-weight-bold);
  }
  .au-font-semibold {
    font-weight: var(--asic-font-weight-semibold);
  }
  .au-font-medium {
    font-weight: var(--asic-font-weight-medium);
  }
  .au-font-regular {
    font-weight: var(--asic-font-weight-regular);
  }
}
.asic-service-alert-banner {
  display: none;
}

.asic-header__logo {
  height: var(--asic-space-80);
}

.asic-root {
  --asic-sidebar-width: 100%;
}

.asic-hero-banner-cadb {
  background-color: #272F63;
}

.asic-footer-cadb {
  background-color: #0F1853;
}
.asic-footer-cadb .asic-textlink {
  color: white;
  text-decoration-color: var(--static-gray-4);
}

.asic-card-grid-auto-fill {
  --layout-mode: auto-fill;
  grid-template-columns: repeat(var(--layout-mode), minmax(var(--asic-space-320), 1fr));
}

.asic-divider-cadb {
  max-width: 110px;
  background-color: #36489B;
}

.asic-text-double-space {
  margin-top: 2rem;
}

.asic-card-no-arrow:after {
  content: none;
}

@media (min-width: 768px) {
  .asic-card-left-media:has(.asic-card__media) {
    grid-template-areas: ". . . . ." ". . . . ." ". media . header ." ". media . content ." ". . . . .";
    grid-template-columns: var(--gutter) minmax(0, 0.2fr) var(--gutter) minmax(0, 1fr) var(--gutter);
    grid-template-rows: auto var(--gutter) auto minmax(0, 1fr) var(--gutter);
  }
}
.asic-card__media__portrait {
  aspect-ratio: 5/3;
  object-fit: cover;
  object-position: top;
  overflow-clip-margin: unset;
}

@media (min-width: 768px) {
  .asic-card__media__portrait {
    aspect-ratio: 5/4;
  }
}
/* accordion */
.image-only {
  margin: 0;
  padding: 0;
}

.image-only img {
  display: block;
}

.accordion {
  position: relative;
}

.accordion h3 + p {
  margin-top: auto;
}

.accordion article button[aria-controls] {
  position: relative;
  background: transparent;
  border: none;
  font-family: inherit;
  font-size: inherit;
  text-align: inherit;
  display: block;
  width: 100%;
}

.accordion article button[aria-controls]:hover, .accordion article button[aria-controls]:focus, .accordion article button[aria-expanded=true] {
  color: #0072d5;
}

.accordion article button[aria-expanded=true] {
  font-weight: bold;
}

.accordion:not(.accordion-simple) article button[aria-controls] {
  padding: 1rem 4rem 1rem 1.5rem;
}
.accordion:not(.accordion-simple) article button[aria-controls]:hover::before, .accordion:not(.accordion-simple) article button[aria-controls]:hover::after, .accordion:not(.accordion-simple) article button[aria-controls]:focus::before, .accordion:not(.accordion-simple) article button[aria-controls]:focus::after {
  background-color: #0072d5;
}
.accordion:not(.accordion-simple) article button[aria-controls]::before {
  content: "";
  position: absolute;
  right: 1.8rem;
  top: 1.2rem;
  width: 0.2rem;
  height: 0.8rem;
  background-color: black;
}
.accordion:not(.accordion-simple) article button[aria-controls]::after {
  content: "";
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  width: 0.8rem;
  height: 0.2rem;
  background-color: black;
}

.accordion article button[aria-expanded=true]::before {
  display: none;
}

.accordion article button[aria-expanded=true]::after {
  background-color: #0072d5;
}

.accordion article {
  border: solid 1px #dbdbdb;
  border-radius: 5px;
  margin: 0.5rem 0;
}

.accordion article:hover, .accordion article:focus {
  border-color: #0072d5;
}

.accordion article.bg-grey {
  background-color: #fbfbfb;
}

.accordion article div:not(.asic-callout, .asic-action-group) {
  padding: 0 1.5rem;
}

.accordion article div.tooltiptext {
  padding: 1rem 0.5rem 0.5rem 0.5rem;
}

.accordion article div > *:first-child {
  margin-top: 0;
}

.accordion article > h1, .accordion article > h2, .accordion article > h3, .accordion article > h4, .accordion article > h5, .accordion article > h6 {
  margin: 0;
  font-size: 1em;
}

.accordion.accordion-expand {
  margin-top: 2.5rem;
}

.accordion .expandCollapseButtons {
  position: absolute;
  right: 0;
  top: -1.8rem;
}

.accordion .expandCollapseButtons button {
  font-size: 80%;
  border: solid 1px transparent;
  border-radius: 3px;
  background: transparent;
  color: #0072ce;
}

.accordion .expandCollapseButtons button:hover, .accordion .expandCollapseButtons button:focus {
  border: solid 1px #0072ce;
}

.accordion.accordion-simple article {
  border: solid 1px transparent;
  margin-top: 0;
}

.accordion.accordion-simple article > div {
  border-left: solid 2px #0072d5;
  margin-left: 0.5rem;
  padding-left: 0.9rem;
  padding-top: 0.5rem;
}

.accordion.accordion-simple button:not(.asic-button) {
  padding: 0 0.5rem 0.5rem 1.5rem !important;
}

.accordion.accordion-simple button:not(.asic-button)::before {
  content: "" !important;
  position: absolute !important;
  right: initial !important;
  background-color: initial !important;
  top: 0.35rem !important;
  left: 0.35rem;
  width: 0 !important;
  height: 0 !important;
  border-style: solid;
  border-width: 6.5px 0 6.5px 8px;
  border-color: transparent transparent transparent #000000;
  transition: transform 0.2s;
}

.accordion.accordion-simple button::after {
  display: none;
}

.accordion.accordion-simple button[aria-expanded=true]::before {
  display: initial;
  transform: rotate(90deg);
  border-color: transparent transparent transparent #0072d5;
}

.accordion.accordion-simple button:hover::before, .accordion.accordion-simple button:hover::after, .accordion.accordion-simple button:focus::before, .accordion.accordion-simple button:focus::after {
  border-color: transparent transparent transparent #0072d5;
  background-color: transparent;
}

.asic-mainnav-top {
  --item-height: var(--asic-space-80);
  background-color: transparent;
}
.asic-mainnav-top:after {
  content: none;
}
.asic-mainnav-top .asic-mainnav__item-link {
  padding: 0 var(--asic-space-24);
}
.asic-mainnav-top .asic-mainnav__item-link[aria-current=true], .asic-mainnav-top .asic-mainnav__item-link[aria-current=page] {
  background-color: transparent;
  border-color: var(--static-brand-blue);
}

.asic-mainnav-divider {
  background-color: transparent;
}
.asic-mainnav-divider:after {
  content: none;
}
@media (width > 768px) {
  .asic-mainnav-divider .asic-mainnav__group {
    justify-content: flex-end;
  }
}
.asic-mainnav-divider .asic-mainnav__list {
  column-gap: var(--asic-space-8);
  margin-left: calc(var(--asic-space-16) * -1);
}
.asic-mainnav-divider .asic-mainnav__list:after {
  content: "";
  flex-grow: 1;
  order: 0;
}
.asic-mainnav-divider .asic-mainnav__item_divider {
  --divider-height: var(--asic-space-16);
  position: relative;
}
.asic-mainnav-divider .asic-mainnav__item_divider:after {
  content: "";
  position: absolute;
  width: 0.05rem;
  height: var(--divider-height);
  display: block;
  background-color: #000000;
  top: calc(50% - var(--divider-height) / 2);
  right: calc(var(--asic-space-8) / 2 * -1);
}
.asic-mainnav-divider .asic-mainnav__item_right {
  order: 1;
}

/*# sourceMappingURL=cadb.css.map */