/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --ga-color-black: #000;
  --ga-color-blue-10: #edf4fe;
  --ga-color-information-accent: var(--ga-color-utility-blue-accent);
  --ga-color-surface-information: var(--ga-color-information-accent);
  --ga-color-utility-blue-accent: var(--ga-color-blue-10);
  --ga-color-blue-40: #93bbf9;
  --ga-color-utility-blue: var(--ga-color-blue-40);
  --ga-color-blue-60: #366af6;
  --ga-color-border-information: var(--ga-color-information);
  --ga-color-icon-information: var(--ga-color-information);
  --ga-color-information: var(--ga-color-blue-60);
  --ga-color-border-action: var(--ga-color-primary);
  --ga-color-border-action-hover: var(--ga-color-primary-60);
  --ga-color-border-action-hover-2: var(--ga-color-secondary-30);
  --ga-color-border-disabled: var(--ga-color-neutral);
  --ga-color-border-error: var(--ga-color-error);
  --ga-color-border-focus: var(--ga-color-primary);
  --ga-color-border-primary: var(--ga-color-neutral-60);
  --ga-color-border-secondary: var(--ga-color-secondary-30);
  --ga-color-border-selected: var(--ga-color-green-60);
  --ga-color-border-success: var(--ga-color-success);
  --ga-color-border-tertiary: var(--ga-color-neutral);
  --ga-color-border-warning: var(--ga-color-warning);
  --ga-color-categorical-graph-01: #6769d8;
  --ga-color-categorical-graph-02: #479fc6;
  --ga-color-categorical-graph-03: var(--ga-color-teal-70);
  --ga-color-categorical-graph-04: #c0497d;
  --ga-color-categorical-graph-05: #041255;
  --ga-color-categorical-graph-06: #dc756b;
  --ga-color-categorical-graph-07: var(--ga-color-rose-40);
  --ga-color-categorical-graph-08: #984319;
  --ga-color-categorical-graph-09: var(--ga-color-indigo-40);
  --ga-color-categorical-graph-10: #610f08;
  --ga-color-cyan-60: #377ea0;
  --ga-color-icon-action-hover: var(--ga-color-primary-60);
  --ga-color-primary-60: var(--ga-color-cyan-60);
  --ga-color-surface-progress-2: var(--ga-color-primary-60);
  --ga-color-cyan-70: #2a6480;
  --ga-color-primary-70: var(--ga-color-cyan-70);
  --ga-color-surface-progress: var(--ga-color-primary-70);
  --ga-color-text-body-secondary: var(--ga-color-primary-70);
  --ga-color-cyan-80: #1f4e66;
  --ga-color-icon-action: var(--ga-color-primary);
  --ga-color-primary: var(--ga-color-cyan-80);
  --ga-color-surface-action: var(--ga-color-primary);
  --ga-color-text-action: var(--ga-color-primary);
  --ga-color-cyan-90: #133445;
  --ga-color-icon-primary: var(--ga-color-primary-90);
  --ga-color-primary-90: var(--ga-color-cyan-90);
  --ga-color-surface-action-hover: var(--ga-color-primary-90);
  --ga-color-text-action-hover: var(--ga-color-primary-90);
  --ga-color-text-body: var(--ga-color-primary-90);
  --ga-color-text-error: var(--ga-color-primary-90);
  --ga-color-text-headings: var(--ga-color-primary-90);
  --ga-color-text-information: var(--ga-color-primary-90);
  --ga-color-text-success: var(--ga-color-primary-90);
  --ga-color-text-warning: var(--ga-color-primary-90);
  --ga-color-diverging-graph-01: #281986;
  --ga-color-diverging-graph-02: #3d37a3;
  --ga-color-diverging-graph-03: #504fba;
  --ga-color-diverging-graph-04: #6769d8;
  --ga-color-diverging-graph-05: #8489f5;
  --ga-color-diverging-graph-06: var(--ga-color-indigo-40);
  --ga-color-diverging-graph-07: #c5cbfb;
  --ga-color-diverging-graph-08: var(--ga-color-indigo-10);
  --ga-color-diverging-graph-09: var(--ga-color-teal-30);
  --ga-color-diverging-graph-10: var(--ga-color-teal-40);
  --ga-color-diverging-graph-11: var(--ga-color-teal-50);
  --ga-color-diverging-graph-12: var(--ga-color-teal-60);
  --ga-color-diverging-graph-13: var(--ga-color-teal-70);
  --ga-color-diverging-graph-14: var(--ga-color-teal-80);
  --ga-color-diverging-graph-15: var(--ga-color-teal-90);
  --ga-color-error: var(--ga-color-red-60);
  --ga-color-icon-error: var(--ga-color-error);
  --ga-color-error-accent: var(--ga-color-utility-red-accent);
  --ga-color-green-10: #eef5ee;
  --ga-color-success-accent: var(--ga-color-utility-green-accent);
  --ga-color-surface-selected: var(--ga-color-green-10);
  --ga-color-surface-success: var(--ga-color-success-accent);
  --ga-color-utility-green-accent: var(--ga-color-green-10);
  --ga-color-green-40: #9bc59b;
  --ga-color-utility-green: var(--ga-color-green-40);
  --ga-color-green-60: #448548;
  --ga-color-icon-success: var(--ga-color-success);
  --ga-color-success: var(--ga-color-green-60);
  --ga-color-grey-10: #f2f2f2;
  --ga-color-utility-grey-accent: var(--ga-color-grey-10);
  --ga-color-grey-40: #b9b9b9;
  --ga-color-text-disabled: var(--ga-color-utility-grey);
  --ga-color-utility-grey: var(--ga-color-grey-40);
  --ga-color-icon-disabled: var(--ga-color-neutral);
  --ga-color-icon-on-action: var(--ga-color-secondary);
  --ga-color-icon-on-disabled: var(--ga-color-neutral-60);
  --ga-color-icon-on-primary: var(--ga-color-white);
  --ga-color-icon-warning: var(--ga-color-warning);
  --ga-color-indigo-10: #f0f2fe;
  --ga-color-utility-indigo-accent: var(--ga-color-indigo-10);
  --ga-color-indigo-40: #adb4f9;
  --ga-color-utility-indigo: var(--ga-color-indigo-40);
  --ga-color-lime-10: #edf6dd;
  --ga-color-utility-lime-accent: var(--ga-color-lime-10);
  --ga-color-lime-40: #a5c656;
  --ga-color-utility-lime: var(--ga-color-lime-40);
  --ga-color-miscellaneous-overlay: #70778891;
  --ga-color-miscellaneous-skeleton-element: var(--ga-color-neutral-10);
  --ga-color-miscellaneous-skeleton-highlight: var(--ga-color-neutral-20);
  --ga-color-neutral: var(--ga-color-neutral-30);
  --ga-color-neutral-10: #f2f3f5;
  --ga-color-surface-page: var(--ga-color-neutral-10);
  --ga-color-neutral-20: #e2e4e9;
  --ga-color-surface-container: var(--ga-color-neutral-20);
  --ga-color-surface-disabled: var(--ga-color-neutral-20);
  --ga-color-neutral-30: #cccfd7;
  --ga-color-neutral-60: #6f7687;
  --ga-color-surface-disable-selected: var(--ga-color-neutral-60);
  --ga-color-text-disable-selected: var(--ga-color-neutral-60);
  --ga-color-text-on-disabled: var(--ga-color-neutral-60);
  --ga-color-orange-10: #fcf0e7;
  --ga-color-secondary-10: var(--ga-color-orange-10);
  --ga-color-surface-warning: var(--ga-color-utility-orange-accent);
  --ga-color-text-on-action: var(--ga-color-secondary-10);
  --ga-color-utility-orange-accent: var(--ga-color-orange-10);
  --ga-color-warning-accent: var(--ga-color-utility-orange-accent);
  --ga-color-orange-20: #fae0ce;
  --ga-color-secondary: var(--ga-color-orange-20);
  --ga-color-surface-action-hover-2: var(--ga-color-orange-20);
  --ga-color-text-menu: var(--ga-color-secondary);
  --ga-color-orange-30: #f5c3a1;
  --ga-color-secondary-30: var(--ga-color-orange-30);
  --ga-color-surface-highlight: var(--ga-color-secondary-30);
  --ga-color-orange-40: #f2a676;
  --ga-color-utility-orange: var(--ga-color-orange-40);
  --ga-color-orange-60: #bb5822;
  --ga-color-warning: var(--ga-color-orange-60);
  --ga-color-pink-10: #fbeefc;
  --ga-color-utility-pink-accent: var(--ga-color-pink-10);
  --ga-color-pink-40: #e79dee;
  --ga-color-utility-pink: var(--ga-color-pink-40);
  --ga-color-purple-10: #f3f1fe;
  --ga-color-utility-purple-accent: var(--ga-color-purple-10);
  --ga-color-purple-40: #c3acf9;
  --ga-color-utility-purple: var(--ga-color-purple-40);
  --ga-color-purple-80: #591ab5;
  --ga-color-text-link-visited: var(--ga-color-purple-80);
  --ga-color-red-10: #fcf1ee;
  --ga-color-surface-error: var(--ga-color-utility-red-accent);
  --ga-color-utility-red-accent: var(--ga-color-red-10);
  --ga-color-red-40: #eca79e;
  --ga-color-utility-red: var(--ga-color-red-40);
  --ga-color-red-60: #cc453e;
  --ga-color-rose-10: #fcf0f4;
  --ga-color-utility-rose-accent: var(--ga-color-rose-10);
  --ga-color-rose-40: #efa1bd;
  --ga-color-utility-rose: var(--ga-color-rose-40);
  --ga-color-sequential-graph-10: var(--ga-color-teal-10);
  --ga-color-sequential-graph-20: var(--ga-color-teal-20);
  --ga-color-sequential-graph-30: var(--ga-color-teal-30);
  --ga-color-sequential-graph-40: var(--ga-color-teal-40);
  --ga-color-sequential-graph-50: var(--ga-color-teal-50);
  --ga-color-sequential-graph-60: var(--ga-color-teal-60);
  --ga-color-sequential-graph-70: var(--ga-color-teal-70);
  --ga-color-sequential-graph-80: var(--ga-color-teal-80);
  --ga-color-sequential-graph-90: var(--ga-color-teal-90);
  --ga-color-sequential-graph-100: var(--ga-color-teal-100);
  --ga-color-surface-primary: var(--ga-color-white);
  --ga-color-teal-10: #ecf5f4;
  --ga-color-utility-teal-accent: var(--ga-color-teal-10);
  --ga-color-teal-20: #d5e8e6;
  --ga-color-teal-30: #b4d7d4;
  --ga-color-teal-40: #92c3c0;
  --ga-color-utility-teal: var(--ga-color-teal-40);
  --ga-color-teal-50: #51a39e;
  --ga-color-teal-60: #3a837e;
  --ga-color-teal-70: #2c6764;
  --ga-color-teal-80: #21514e;
  --ga-color-teal-90: #143734;
  --ga-color-teal-100: #081f1f;
  --ga-color-white: #fff;
  --ga-duration-0: 0ms;
  --ga-duration-fast: 100ms;
  --ga-transition-state: var(--ga-duration-fast) 0ms var(--ga-easing-standard);
  --ga-duration-instant: 50ms;
  --ga-transition-hover: var(--ga-duration-instant) 0ms var(--ga-easing-standard);
  --ga-duration-moderate: 150ms;
  --ga-transition-dismiss: var(--ga-duration-moderate) 0ms var(--ga-easing-exit);
  --ga-transition-reveal: var(--ga-duration-moderate) 0ms var(--ga-easing-entrance);
  --ga-duration-slow: 250ms;
  --ga-transition-overlay-in: var(--ga-duration-slow) 0ms var(--ga-easing-entrance);
  --ga-transition-overlay-out: var(--ga-duration-slow) 0ms var(--ga-easing-exit);
  --ga-duration-slower: 400ms;
  --ga-transition-backdrop: var(--ga-duration-slower) 0ms var(--ga-easing-standard);
  --ga-easing-entrance: cubic-bezier(0, 0, 0.38, 0.9);
  --ga-easing-exit: cubic-bezier(0.2, 0, 1, 0.9);
  --ga-easing-standard: cubic-bezier(0.2, 0, 0.38, 0.9);
  --ga-font-family-primary: "Inter", -system-ui, sans-serif;
  --ga-font-weight-bold: 700;
  --ga-font-weight-medium: 500;
  --ga-font-weight-normal: 400;
  --ga-font-weight-semibold: 600;
  --ga-radius: 4px;
  --ga-radius-round: 999px;
  --ga-radius-sharp: 0.02rem;
  --ga-shadow-east: -2px 0 5px 0 #1334451a, -8px 0 8px 0 #13344517, -19px 0 11px 0 #1334450d, -34px 0 14px 0 #13344503, -53px 0 15px 0 #13344500;
  --ga-shadow-north: 0 4px 8px 0 #1334451a, 0 15px 15px 0 #13344517, 0 34px 21px 0 #1334450d, 0 61px 24px 0 #13344503, 0 95px 27px 0 #13344500;
  --ga-shadow-south: 0 -1px 1px 0 #13344514, 0 -2px 2px 0 #13344512, 0 -6px 3px 0 #1334450a, 0 -10px 4px 0 #13344503, 0 -15px 4px 0 #13344500;
  --ga-shadow-west: 1px 0 3px 0 #1334451a, 5px 0 5px 0 #13344517, 12px 0 7px 0 #1334450d, 21px 0 8px 0 #13344503, 33px 0 9px 0 #13344500;
  --ga-size-0: 0;
  --ga-size-1: 0.0625rem;
  --ga-size-2: 0.125rem;
  --ga-size-4: 0.25rem;
  --ga-size-6: 0.375rem;
  --ga-size-8: 0.5rem;
  --ga-size-10: 0.625rem;
  --ga-size-11: 0.6875rem;
  --ga-size-12: 0.75rem;
  --ga-size-14: 0.875rem;
  --ga-size-16: 1rem;
  --ga-size-18: 1.125rem;
  --ga-size-20: 1.25rem;
  --ga-size-24: 1.5rem;
  --ga-size-28: 1.75rem;
  --ga-size-32: 2rem;
  --ga-size-36: 2.25rem;
  --ga-size-40: 2.5rem;
  --ga-size-44: 2.75rem;
  --ga-size-48: 3rem;
  --ga-size-56: 3.5rem;
  --ga-size-64: 4rem;
  --ga-size-80: 5rem;
  --ga-size-96: 6rem;
  --ga-size-112: 7rem;
  --ga-size-128: 8rem;
  --ga-size-144: 9rem;
  --ga-size-160: 10rem;
  --ga-size-192: 12rem;
  --ga-size-224: 14rem;
  --ga-size-256: 16rem;
  --ga-size-288: 18rem;
  --ga-size-320: 20rem;
  --ga-size-352: 22rem;
  --ga-size-384: 24rem;
  --ga-size-416: 26rem;
  --ga-size-border-width-lg: 4px;
  --ga-size-border-width-md: 2px;
  --ga-size-border-width-none: 0;
  --ga-size-border-width-sm: 1px;
  --ga-size-spacing-00: 0;
  --ga-size-spacing-01: 0.125rem;
  --ga-size-spacing-02: 0.25rem;
  --ga-size-spacing-03: 0.5rem;
  --ga-size-spacing-04: 0.75rem;
  --ga-size-spacing-05: 1rem;
  --ga-size-spacing-06: 1.5rem;
  --ga-size-spacing-07: 2rem;
  --ga-size-spacing-08: 2.5rem;
  --ga-size-spacing-09: 3rem;
  --ga-size-spacing-10: 4rem;
  --ga-size-spacing-11: 5rem;
  --ga-size-spacing-12: 6rem;
  --ga-size-spacing-13: 10rem;
  --ga-text-2xl-font-size: 1.5rem;
  --ga-text-2xl-font-style: normal;
  --ga-text-2xl-line-height: 2rem;
  --ga-text-2xl-font-family: inherit;
  --ga-text-2xl-font-weight: 400;
  --ga-text-2xl-letter-spacing: -0.019rem;
  --ga-text-2xl: var(--ga-text-2xl-font-style) var(--ga-text-2xl-font-weight) var(--ga-text-2xl-font-size)/var(--ga-text-2xl-line-height) var(--ga-text-2xl-font-family);
  --ga-text-3xl-font-size: 2rem;
  --ga-text-3xl-font-style: normal;
  --ga-text-3xl-line-height: 2.5rem;
  --ga-text-3xl-font-family: inherit;
  --ga-text-3xl-font-weight: 400;
  --ga-text-3xl-letter-spacing: -0.022rem;
  --ga-text-3xl: var(--ga-text-3xl-font-style) var(--ga-text-3xl-font-weight) var(--ga-text-3xl-font-size)/var(--ga-text-3xl-line-height) var(--ga-text-3xl-font-family);
  --ga-text-lg-font-size: 1rem;
  --ga-text-lg-font-style: normal;
  --ga-text-lg-line-height: 1.5rem;
  --ga-text-lg-font-family: inherit;
  --ga-text-lg-font-weight: 400;
  --ga-text-lg-letter-spacing: -0.011rem;
  --ga-text-lg: var(--ga-text-lg-font-style) var(--ga-text-lg-font-weight) var(--ga-text-lg-font-size)/var(--ga-text-lg-line-height) var(--ga-text-lg-font-family);
  --ga-text-md-font-size: 0.875rem;
  --ga-text-md-font-style: normal;
  --ga-text-md-line-height: 1.25rem;
  --ga-text-md-font-family: inherit;
  --ga-text-md-font-weight: 400;
  --ga-text-md-letter-spacing: -0.006rem;
  --ga-text-md: var(--ga-text-md-font-style) var(--ga-text-md-font-weight) var(--ga-text-md-font-size)/var(--ga-text-md-line-height) var(--ga-text-md-font-family);
  --ga-text-sm-font-size: 0.75rem;
  --ga-text-sm-font-style: normal;
  --ga-text-sm-line-height: 1.25rem;
  --ga-text-sm-font-family: inherit;
  --ga-text-sm-font-weight: 400;
  --ga-text-sm-letter-spacing: 0;
  --ga-text-sm: var(--ga-text-sm-font-style) var(--ga-text-sm-font-weight) var(--ga-text-sm-font-size)/var(--ga-text-sm-line-height) var(--ga-text-sm-font-family);
  --ga-text-xl-font-size: 1.125rem;
  --ga-text-xl-font-style: normal;
  --ga-text-xl-line-height: 1.5rem;
  --ga-text-xl-font-family: inherit;
  --ga-text-xl-font-weight: 400;
  --ga-text-xl-letter-spacing: -0.017rem;
  --ga-text-xl: var(--ga-text-xl-font-style) var(--ga-text-xl-font-weight) var(--ga-text-xl-font-size)/var(--ga-text-xl-line-height) var(--ga-text-xl-font-family);
  --ga-text-xs-font-size: 0.6875rem;
  --ga-text-xs-font-style: normal;
  --ga-text-xs-line-height: 1rem;
  --ga-text-xs-font-family: inherit;
  --ga-text-xs-font-weight: 400;
  --ga-text-xs-letter-spacing: 0.005rem;
  --ga-text-xs: var(--ga-text-xs-font-style) var(--ga-text-xs-font-weight) var(--ga-text-xs-font-size)/var(--ga-text-xs-line-height) var(--ga-text-xs-font-family);
}
@media (width >= 48rem) {
  :root, :host {
    --ga-text-2xl-font-size: 1.5rem;
    --ga-text-2xl-font-style: normal;
    --ga-text-2xl-line-height: 2.5rem;
    --ga-text-2xl-font-family: inherit;
    --ga-text-2xl-font-weight: 400;
    --ga-text-2xl-letter-spacing: -0.019rem;
    --ga-text-2xl: var(--ga-text-2xl-font-style) var(--ga-text-2xl-font-weight) var(--ga-text-2xl-font-size)/var(--ga-text-2xl-line-height) var(--ga-text-2xl-font-family);
    --ga-text-3xl-font-size: 2.25rem;
    --ga-text-3xl-font-style: normal;
    --ga-text-3xl-line-height: 3rem;
    --ga-text-3xl-font-family: inherit;
    --ga-text-3xl-font-weight: 400;
    --ga-text-3xl-letter-spacing: -0.022rem;
    --ga-text-3xl: var(--ga-text-3xl-font-style) var(--ga-text-3xl-font-weight) var(--ga-text-3xl-font-size)/var(--ga-text-3xl-line-height) var(--ga-text-3xl-font-family);
    --ga-text-xl-font-size: 1.25rem;
    --ga-text-xl-font-style: normal;
    --ga-text-xl-line-height: 2rem;
    --ga-text-xl-font-family: inherit;
    --ga-text-xl-font-weight: 400;
    --ga-text-xl-letter-spacing: -0.017rem;
    --ga-text-xl: var(--ga-text-xl-font-style) var(--ga-text-xl-font-weight) var(--ga-text-xl-font-size)/var(--ga-text-xl-line-height) var(--ga-text-xl-font-family);
  }
}
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-inter: Inter, ui-sans-serif, system-ui, sans-serif;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--font-inter, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer base {
  body, :host {
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-feature-settings: 'liga' 1, 'calt' 1;
    color: var(--ga-color-text-body);
  }
}
@layer components {
  .ga-avatar {
    display: inline-flex;
    height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
    width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    vertical-align: middle;
    --tw-font-weight: 700;
    font-weight: 700;
    &.ga-avatar--small {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, 0);
    }
    &.ga-avatar--large {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 16);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 16);
      font-size: calc(
    var(--ga-text-2xl-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-2xl-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-2xl-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
    }
  }
  .ga-badge {
    display: inline-block;
    border-radius: calc(infinity * 1px);
    vertical-align: baseline;
    &.ga-badge--text {
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      padding: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      text-align: center;
      font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, 0);
      --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      --tw-font-weight: 500;
      font-weight: 500;
      white-space: nowrap;
      &.ga-badge--default {
        background-color: var(--ga-color-surface-action);
        color: var(--ga-color-text-on-action);
      }
      &.ga-badge--default-inverted {
        background-color: var(--ga-color-icon-on-action);
        color: var(--ga-color-text-information);
      }
      &.ga-badge--muted {
        background-color: var(--ga-color-icon-on-primary);
        color: var(--ga-color-text-action);
      }
      &.ga-badge--information {
        background-color: var(--ga-color-utility-blue-accent);
        color: var(--ga-color-text-information);
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-ring-color: var(--ga-color-border-information);
        --tw-ring-inset: inset;
      }
      &.ga-badge--error {
        background-color: var(--ga-color-utility-red-accent);
        color: var(--ga-color-text-error);
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-ring-color: var(--ga-color-border-error);
        --tw-ring-inset: inset;
      }
      &.ga-badge--warning {
        background-color: var(--ga-color-utility-orange-accent);
        color: var(--ga-color-text-warning);
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-ring-color: var(--ga-color-border-warning);
        --tw-ring-inset: inset;
      }
      &.ga-badge--success {
        background-color: var(--ga-color-utility-green-accent);
        color: var(--ga-color-text-success);
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-ring-color: var(--ga-color-border-success);
        --tw-ring-inset: inset;
      }
      &.ga-badge--disabled {
        background-color: var(--ga-color-surface-disabled);
        color: var(--ga-color-text-disable-selected);
      }
      &.ga-badge--disabled-inverted {
        background-color: var(--ga-color-icon-on-primary);
        color: var(--ga-color-text-disabled);
      }
    }
    &.ga-badge--dot {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      &.ga-badge--default {
        background-color: var(--ga-color-surface-action);
      }
      &.ga-badge--default-inverted {
        background-color: var(--ga-color-icon-on-action);
      }
      &.ga-badge--muted {
        background-color: var(--ga-color-icon-on-primary);
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-ring-color: var(--ga-color-text-disabled);
        --tw-ring-inset: inset;
      }
      &.ga-badge--information {
        background-color: var(--ga-color-icon-information);
      }
      &.ga-badge--error {
        background-color: var(--ga-color-icon-error);
      }
      &.ga-badge--warning {
        background-color: var(--ga-color-icon-warning);
      }
      &.ga-badge--success {
        background-color: var(--ga-color-icon-success);
      }
      &.ga-badge--disabled {
        background-color: var(--ga-color-icon-on-disabled);
      }
      &.ga-badge--disabled-inverted {
        background-color: var(--ga-color-icon-on-primary);
      }
    }
  }
  .ga-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
  }
  .ga-breadcrumb-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
    .ga-breadcrumb-item__explorer {
      cursor: pointer;
      border-radius: var(--ga-radius);
      font-size: calc(
    var(--ga-text-lg-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
      --tw-outline-style: none;
      outline-style: none;
      .ga-icon {
        color: var(--ga-color-icon-action);
      }
      &:hover .ga-icon {
        color: var(--ga-color-icon-action-hover);
      }
    }
    &.ga-breadcrumb-item--overflow {
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      .ga-breadcrumb-item__menu {
        left: calc(var(--ga-size-spacing-02) * -1);
      }
      .ga-breadcrumb-item__trigger {
        display: flex;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
        border-radius: var(--ga-radius);
        font-size: calc(
    var(--ga-text-lg-font-size) * var(--ga-base-scaling-factor, 1)
  );
        line-height: var(--tw-leading, calc(
    var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
  ));
        letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
        --tw-font-weight: 400;
        font-weight: 400;
        color: var(--ga-color-text-action);
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, ease);
        transition-duration: var(--tw-duration, 0s);
        transition-duration: var(--ga-duration-instant);
        transition-timing-function: var(--ga-easing-standard);
        .ga-breadcrumb-item__label {
          max-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 80);
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: var(--ga-color-text-action);
        }
        .ga-icon {
          color: var(--ga-color-icon-action);
        }
        &:hover {
          .ga-breadcrumb-item__label {
            text-decoration-line: underline;
          }
        }
        &:focus-visible {
          --tw-outline-style: none;
          outline-style: none;
          .ga-breadcrumb-item__label {
            border-radius: 2px;
            text-decoration-line: none;
            outline-style: var(--tw-outline-style);
            outline-width: 2px;
            outline-offset: 2px;
            outline-color: var(--ga-color-border-focus);
          }
        }
        &[aria-expanded='true'] {
          --tw-outline-style: none;
          outline-style: none;
          .ga-breadcrumb-item__label {
            border-radius: 2px;
            text-decoration-line: none;
            outline-style: var(--tw-outline-style);
            outline-width: 2px;
            outline-offset: 2px;
            outline-color: var(--ga-color-border-focus);
          }
        }
      }
      .ga-breadcrumb-item__separator {
        font-size: calc(
    var(--ga-text-lg-font-size) * var(--ga-base-scaling-factor, 1)
  );
        line-height: var(--tw-leading, calc(
    var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
  ));
        letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
        color: var(--ga-color-text-body);
      }
    }
    &.ga-breadcrumb-item--current-page {
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      .ga-breadcrumb-item__trigger {
        padding-right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
        font-size: calc(
    var(--ga-text-lg-font-size) * var(--ga-base-scaling-factor, 1)
  );
        line-height: var(--tw-leading, calc(
    var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
  ));
        letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
        --tw-font-weight: 600;
        font-weight: 600;
        color: var(--ga-color-text-body);
        .ga-breadcrumb-item__label {
          max-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 80);
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
    }
    &.ga-breadcrumb-item--back {
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      .ga-breadcrumb-item__trigger {
        display: inline-flex;
        cursor: pointer;
        align-items: center;
        border-radius: var(--ga-radius);
        font-size: calc(
    var(--ga-text-lg-font-size) * var(--ga-base-scaling-factor, 1)
  );
        line-height: var(--tw-leading, calc(
    var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
  ));
        letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, ease);
        transition-duration: var(--tw-duration, 0s);
        transition-duration: var(--ga-duration-instant);
        transition-timing-function: var(--ga-easing-standard);
        .ga-icon {
          color: var(--ga-color-icon-action);
        }
        &:hover {
          .ga-icon {
            color: var(--ga-color-icon-action-hover);
          }
        }
        &:focus-visible {
          outline-style: var(--tw-outline-style);
          outline-width: 2px;
          outline-offset: 2px;
          outline-color: var(--ga-color-border-focus);
        }
      }
      .ga-breadcrumb-item__label {
        font-size: calc(
    var(--ga-text-lg-font-size) * var(--ga-base-scaling-factor, 1)
  );
        line-height: var(--tw-leading, calc(
    var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
  ));
        letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
        --tw-font-weight: 600;
        font-weight: 600;
        color: var(--ga-color-text-body);
      }
    }
    &.ga-breadcrumb-item--link {
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      .ga-breadcrumb-item__trigger {
        display: inline-flex;
        cursor: pointer;
        align-items: center;
        border-radius: var(--ga-radius);
        padding-right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
        font-size: calc(
    var(--ga-text-lg-font-size) * var(--ga-base-scaling-factor, 1)
  );
        line-height: var(--tw-leading, calc(
    var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
  ));
        letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
        --tw-font-weight: 400;
        font-weight: 400;
        color: var(--ga-color-text-action);
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, ease);
        transition-duration: var(--tw-duration, 0s);
        transition-duration: var(--ga-duration-instant);
        transition-timing-function: var(--ga-easing-standard);
        .ga-breadcrumb-item__label {
          max-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 80);
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: var(--ga-color-text-action);
        }
        &:hover {
          color: var(--ga-color-text-action-hover);
          text-decoration-line: underline;
          .ga-breadcrumb-item__label {
            color: var(--ga-color-text-action-hover);
            text-decoration-line: underline;
          }
        }
        &:active {
          color: var(--ga-color-text-action-hover);
          .ga-breadcrumb-item__label {
            color: var(--ga-color-text-action-hover);
          }
        }
        &:focus-visible {
          outline-style: var(--tw-outline-style);
          outline-width: 2px;
          outline-offset: 2px;
          outline-color: var(--ga-color-border-focus);
        }
      }
      .ga-breadcrumb-item__explorer {
        padding-right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      }
      .ga-breadcrumb-item__separator {
        font-size: calc(
    var(--ga-text-lg-font-size) * var(--ga-base-scaling-factor, 1)
  );
        line-height: var(--tw-leading, calc(
    var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
  ));
        letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
        color: var(--ga-color-text-body);
      }
    }
    .ga-breadcrumb-item__group {
      display: inline-flex;
      align-items: center;
      border-radius: var(--ga-radius);
      &:focus-within {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-offset: 2px;
        outline-color: var(--ga-color-border-focus);
      }
      .ga-breadcrumb-item__trigger:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
      }
    }
  }
  .ga-button {
    display: inline-flex;
    height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    border-radius: var(--ga-radius);
    padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
    vertical-align: middle;
    font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
    --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    --tw-font-weight: 500;
    font-weight: 500;
    white-space: nowrap;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    transition-duration: var(--ga-duration-instant);
    transition-timing-function: var(--ga-easing-standard);
    .ga-icon {
      color: var(--ga-color-icon-action);
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 2px;
      outline-color: var(--ga-color-border-focus);
    }
    &:disabled {
      cursor: not-allowed;
      .ga-icon {
        color: var(--ga-color-icon-on-disabled);
      }
    }
    &.ga-button--primary {
      background-color: var(--ga-color-surface-action);
      color: var(--ga-color-text-on-action);
      .ga-icon {
        color: var(--ga-color-icon-on-action);
      }
      &:hover {
        background-color: var(--ga-color-surface-action-hover);
      }
      &:active {
        background-color: var(--ga-color-surface-action);
      }
      &:disabled {
        background-color: var(--ga-color-surface-disabled);
        color: var(--ga-color-text-disable-selected);
        .ga-icon {
          color: var(--ga-color-icon-on-disabled);
        }
      }
    }
    &.ga-button--secondary {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--ga-color-border-action);
      background-color: var(--ga-color-surface-primary);
      color: var(--ga-color-text-action);
      &:hover {
        background-color: var(--ga-color-surface-action-hover-2);
        color: var(--ga-color-text-action-hover);
      }
      &:active {
        background-color: var(--ga-color-surface-primary);
      }
      &:disabled {
        border-color: var(--ga-color-border-disabled);
        background-color: var(--ga-color-surface-page);
        color: var(--ga-color-text-disabled);
        .ga-icon {
          color: var(--ga-color-icon-on-disabled);
        }
      }
    }
    &.ga-button--ghost {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: transparent;
      background-color: transparent;
      color: var(--ga-color-text-action);
      &:hover {
        border-color: var(--ga-color-border-action-hover);
        color: var(--ga-color-text-action-hover);
      }
      &:active {
        color: var(--ga-color-text-action);
      }
      &:disabled {
        border-color: transparent;
        color: var(--ga-color-text-disabled);
        .ga-icon {
          color: var(--ga-color-icon-disabled);
        }
      }
    }
    &.ga-button--transparent {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--ga-color-border-action);
      background-color: transparent;
      color: var(--ga-color-text-action);
      &:hover {
        background-color: var(--ga-color-surface-action-hover-2);
        color: var(--ga-color-text-action-hover);
      }
      &:focus-visible {
        border-color: var(--ga-color-border-action);
      }
      &:active {
        background-color: transparent;
      }
      &:disabled {
        border-color: var(--ga-color-border-disabled);
        background-color: transparent;
        color: var(--ga-color-text-disable-selected);
        .ga-icon {
          color: var(--ga-color-icon-on-disabled);
        }
      }
    }
    &.ga-button--icon-only {
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
    }
  }
  .ga-card {
    display: inline-block;
    border-radius: var(--ga-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ga-color-border-tertiary);
    background-color: #fff;
    padding: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
    font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
    &.ga-card--selectable {
      position: relative;
      cursor: pointer;
      transition-property: color,background-color,border-color,box-shadow;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
      &:hover:not(.ga-card--selected) {
        border-color: var(--ga-color-border-action-hover);
        background-color: var(--ga-color-surface-action-hover-2);
        --tw-shadow: var(--ga-shadow-north);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      &:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
      }
      &:focus-visible::after {
        position: absolute;
        inset: calc(5px * -1);
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--ga-color-border-focus);
        --tw-content: '';
        content: var(--tw-content);
      }
    }
    &.ga-card--disabled {
      border-color: var(--ga-color-border-disabled);
      background-color: var(--ga-color-surface-disabled);
      color: var(--ga-color-text-disabled);
    }
    &.ga-card--selected {
      border-color: var(--ga-color-border-focus);
      background-color: var(--ga-color-surface-selected);
    }
  }
  .ga-calendar {
    width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 70);
    background-color: #fff;
    --tw-numeric-figure: lining-nums;
    --tw-slashed-zero: slashed-zero;
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    .ga-calendar__header {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    }
    .ga-calendar__month-year {
      display: flex;
      flex-direction: row;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    }
    .ga-calendar__month-year-button {
      display: flex;
      cursor: pointer;
      flex-direction: row;
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      font-size: calc(
    var(--ga-text-lg-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-font-weight: 600;
      font-weight: 600;
      color: var(--ga-color-text-action);
      .ga-icon {
        color: var(--ga-color-icon-primary);
      }
    }
    .ga-calendar__navigation {
      display: flex;
      flex-direction: row;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    }
    .ga-calendar__navigation-button {
      cursor: pointer;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
      &:hover {
        @media (hover: hover) {
          color: var(--ga-color-icon-action-hover);
        }
      }
    }
    .ga-calendar__week-row {
      display: flex;
      flex-direction: row;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
    }
    .ga-calendar__week-day {
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
    }
    .ga-calendar__selection {
      display: grid;
      &.ga-calendar__selection--year {
        margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
        grid-template-columns: repeat(5, minmax(0, 1fr));
        column-gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
        row-gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      }
      &.ga-calendar__selection--month {
        margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      }
      &.ga-calendar__selection--day {
        margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
        grid-template-columns: repeat(7, minmax(0, 1fr));
        row-gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      }
    }
    .ga-calendar__year, .ga-calendar__month {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
      cursor: pointer;
      border-radius: var(--ga-radius);
      text-align: center;
      font-size: calc(
    var(--ga-text-lg-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
      line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
      --tw-font-weight: 500;
      font-weight: 500;
      color: var(--ga-color-text-action);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
      &:not(.ga-calendar__year--disabled, .ga-calendar__month--disabled):hover {
        color: var(--ga-color-text-action-hover);
        text-decoration-line: underline;
        text-underline-offset: 6px;
      }
      &.ga-calendar__year--selected, &.ga-calendar__month--selected {
        background-color: var(--ga-color-surface-action);
        font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
        line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
        letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
        color: var(--ga-color-text-on-action);
      }
      &.ga-calendar__year--disabled, &.ga-calendar__month--disabled {
        cursor: not-allowed;
        color: var(--ga-color-text-disabled);
      }
    }
    .ga-calendar__day {
      position: relative;
      display: flex;
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
      cursor: pointer;
      align-items: center;
      justify-content: center;
      border-radius: var(--ga-radius);
      text-align: center;
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      color: var(--ga-color-text-body);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
      &:hover {
        background-color: var(--ga-color-surface-action-hover-2);
        color: var(--ga-color-text-action-hover);
      }
      &.ga-calendar__day--current::after {
        position: absolute;
        bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
        left: calc(1 / 2 * 100%);
        height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0.5);
        width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 5);
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
        border-radius: var(--ga-radius);
        background-color: var(--ga-color-surface-action);
        --tw-content: '';
        content: var(--tw-content);
      }
      &.ga-calendar__day--special::after {
        position: absolute;
        bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
        left: calc(1 / 2 * 100%);
        height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
        width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
        border-radius: calc(infinity * 1px);
        background-color: var(--ga-color-surface-action);
        --tw-content: '';
        content: var(--tw-content);
      }
      &.ga-calendar__day--disabled {
        cursor: not-allowed;
        border-radius: calc(
    var(--ga-radius-sharp) * var(--ga-base-scaling-factor, 1)
  );
        background-color: var(--ga-color-surface-disabled);
        color: var(--ga-color-text-disable-selected);
      }
      &.ga-calendar__day--weekend {
        color: var(--ga-color-text-disabled);
      }
      &.ga-calendar__day--selected {
        background-color: var(--ga-color-surface-action);
        color: var(--ga-color-text-on-action);
        &.ga-calendar__day--current::after, &.ga-calendar__day--special::after {
          background-color: var(--ga-color-icon-on-action);
        }
        &:hover {
          background-color: var(--ga-color-surface-action-hover);
          color: var(--ga-color-text-on-action);
        }
        &.ga-calendar__day--disabled {
          background-color: var(--ga-color-surface-disable-selected);
          color: var(--ga-color-text-on-action);
        }
      }
      &.ga-calendar__day--selected-range-start {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        background-color: var(--ga-color-surface-action);
        color: var(--ga-color-text-on-action);
      }
      &.ga-calendar__day--selected-range-middle {
        border-radius: 0;
        border-block-style: var(--tw-border-style);
        border-block-width: 1px;
        border-color: var(--ga-color-border-success);
        background-color: var(--ga-color-success-accent);
        color: var(--ga-color-text-body);
      }
      &.ga-calendar__day--selected-range-end {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        background-color: var(--ga-color-surface-action);
        color: var(--ga-color-text-on-action);
      }
      &.ga-calendar__day--selected-range-middle-hover {
        border-radius: 0;
        border-block-style: var(--tw-border-style);
        border-block-width: 1px;
        --tw-border-style: dashed;
        border-style: dashed;
        border-color: var(--ga-color-border-action-hover);
        background-color: var(--ga-color-surface-action-hover-2);
        color: var(--ga-color-text-body);
      }
      &.ga-calendar__day--selected-range-end-hover {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--ga-color-border-action);
        background-color: var(--ga-color-surface-primary);
        color: var(--ga-color-text-body);
      }
    }
    .ga-calendar__weekdays {
      margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      display: grid;
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      grid-template-columns: repeat(7, minmax(0, 1fr));
      align-items: center;
      justify-items: center;
    }
    .ga-calendar__weekday {
      font-size: calc(
    var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-font-weight: 500;
      font-weight: 500;
    }
  }
  .ga-checkbox {
    position: relative;
    display: inline-flex;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    .ga-checkbox__marker {
      pointer-events: none;
      position: absolute;
      top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      border-radius: var(--ga-radius);
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: var(--ga-color-border-action);
      color: #fff;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-fast);
      transition-timing-function: var(--ga-easing-standard);
      .ga-checkbox__marker__indicator-checked, .ga-checkbox__marker__indicator-indeterminate {
        display: none;
      }
    }
    .ga-checkbox__native {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      flex-shrink: 0;
      cursor: pointer;
      opacity: 0%;
      &:focus-visible ~ .ga-checkbox__marker {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-offset: 2px;
        outline-color: var(--ga-color-border-focus);
      }
      &:hover ~ .ga-checkbox__marker {
        border-color: var(--ga-color-border-action-hover);
        background-color: var(--ga-color-surface-action-hover-2);
      }
      &:checked ~ .ga-checkbox__marker {
        background-color: var(--ga-color-surface-action);
        .ga-checkbox__marker__indicator-checked {
          display: block;
        }
      }
      &:indeterminate ~ .ga-checkbox__marker {
        background-color: var(--ga-color-surface-action);
        .ga-checkbox__marker__indicator-indeterminate {
          display: block;
        }
      }
      &:disabled {
        cursor: not-allowed;
        ~ .ga-checkbox__marker {
          border-color: var(--ga-color-border-disabled);
          background-color: var(--ga-color-surface-disabled);
          color: var(--ga-color-text-disabled);
        }
        ~ .ga-checkbox__label {
          color: var(--ga-color-text-disabled);
        }
      }
    }
    &:not(.ga-checkbox--invalid) .ga-checkbox__native:hover:not(:disabled) {
      &:checked, &:indeterminate {
        ~ .ga-checkbox__marker {
          background-color: var(--ga-color-surface-action-hover);
        }
      }
    }
    &.ga-checkbox--invalid {
      .ga-checkbox__native ~ .ga-checkbox__marker {
        border-color: var(--ga-color-border-error);
        background-color: var(--ga-color-surface-error);
        color: var(--ga-color-border-error);
      }
    }
    .ga-checkbox__label {
      min-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      &:empty {
        display: none;
      }
    }
  }
  .ga-container {
    margin-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
  }
  @media (min-width: 840px) {
    .ga-container {
      margin-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
    }
  }
  @media (min-width: 1440px) {
    .ga-container {
      margin-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 8);
    }
  }
  @media (min-width: 1920px) {
    .ga-container {
      margin-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
    }
  }
  .ga-datepicker {
    border-radius: var(--ga-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ga-color-border-primary);
    background-color: var(--ga-color-surface-primary);
    padding: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
    --tw-shadow: var(--ga-shadow-north);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    .ga-datepicker__footer {
      margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    }
  }
  .ga-datepicker-toggle {
    cursor: pointer;
    &:hover {
      @media (hover: hover) {
        &:not(*:disabled) {
          color: var(--ga-color-icon-action-hover);
        }
      }
    }
    &:disabled {
      cursor: not-allowed;
    }
  }
  .ga-dropdown {
    display: flex;
    max-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 81);
    max-width: 80ch;
    flex-direction: column;
    align-items: stretch;
    overflow-y: auto;
    border-radius: var(--ga-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ga-color-border-primary);
    background-color: var(--ga-color-surface-primary);
    font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
    --tw-shadow: var(--ga-shadow-north);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
    @supports (scroll-timeline: --dropdown-scroll block) {
      scroll-timeline: --dropdown-scroll block;
    }
    @supports (animation-timeline: --dropdown-scroll) {
      &::after {
        pointer-events: none;
        position: sticky;
        bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
        left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
        margin-top: calc(25px * -1);
        display: block;
        min-height: 25px;
        animation: ga-dropdown-last-item-fade linear;
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: transparent;
        --tw-gradient-to: var(--ga-color-surface-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        opacity: 0%;
        --tw-content: '';
        content: var(--tw-content);
        animation-range: 0% 100%;
        animation-timeline: --dropdown-scroll;
      }
    }
    .ga-dropdown__item {
      position: relative;
      display: flex;
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 9);
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      flex-shrink: 0;
      cursor: pointer;
      flex-direction: row;
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      text-align: left;
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      color: var(--ga-color-text-action);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
      &:first-child {
        border-top-left-radius: var(--ga-radius);
        border-top-right-radius: var(--ga-radius);
      }
      &:last-child {
        border-bottom-right-radius: var(--ga-radius);
        border-bottom-left-radius: var(--ga-radius);
      }
      &:focus {
        --tw-outline-style: none;
        outline-style: none;
      }
      &:hover, &:active {
        background-color: var(--ga-color-surface-action-hover-2);
        color: var(--ga-color-text-action-hover);
      }
      &.ga-dropdown__item--disabled {
        cursor: default;
        background-color: var(--ga-color-surface-disabled);
        color: var(--ga-color-text-disable-selected);
      }
      &.ga-dropdown__item--selected {
        background-color: var(--ga-color-surface-selected);
        --tw-font-weight: 600;
        font-weight: 600;
        color: var(--ga-color-text-body);
        &.ga-dropdown__item--disabled {
          background-color: var(--ga-color-surface-disable-selected);
          color: var(--ga-color-text-on-action);
        }
      }
    }
    &:not(:focus-within) .ga-dropdown__item.ga-dropdown__item--active, .ga-dropdown__item:focus-visible {
      &::after {
        position: absolute;
        top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
        left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
        height: 100%;
        width: 100%;
        border-radius: var(--ga-radius);
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--ga-color-border-focus);
        --tw-content: '';
        content: var(--tw-content);
      }
    }
    .ga-dropdown__caption {
      flex-shrink: 0;
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      padding-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      padding-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, 0);
      --tw-font-weight: 600;
      font-weight: 600;
    }
    .ga-dropdown__empty {
      margin-inline: auto;
      margin-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 5);
      display: inline-flex;
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 30);
      justify-content: center;
      font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, 0);
      --tw-font-weight: 600;
      font-weight: 600;
    }
    .ga-dropdown__spinner {
      margin-inline: auto;
      margin-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 5);
      display: inline-flex;
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 30);
      justify-content: center;
    }
    .ga-dropdown__item-label {
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  @keyframes ga-dropdown-last-item-fade {
    0% {
      opacity: 1;
    }
    90% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .ga-file-uploader {
    display: flex;
    flex-direction: column;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
    .ga-file-uploader__heading {
      display: flex;
      flex: 1;
      flex-direction: column;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      .ga-file-uploader__heading-label {
        vertical-align: middle;
        font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
        line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
        letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
        --tw-font-weight: 500;
        font-weight: 500;
      }
      .ga-file-uploader__heading-description {
        font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
        line-height: var(--tw-leading, calc(
    var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1)
  ));
        letter-spacing: var(--tw-tracking, 0);
        --tw-font-weight: 400;
        font-weight: 400;
      }
    }
    .ga-button {
      width: fit-content;
    }
    .ga-file-uploader__heading {
      color: var(--ga-color-text-body);
    }
    &.ga-file-uploader--disabled .ga-file-uploader__heading {
      color: var(--ga-color-text-disable-selected);
    }
    .ga-file-uploader__file-list {
      display: flex;
      flex: 1;
      flex-direction: column;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      .ga-file-uploader__file-item {
        display: flex;
        height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
        max-width: 58rem;
        min-width: 22rem;
        align-items: center;
        justify-content: space-between;
        border-radius: var(--ga-radius);
        background-color: var(--ga-color-surface-disabled);
        padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
        padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
        font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
        line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
        letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
        --tw-font-weight: 400;
        font-weight: 400;
        color: var(--ga-color-text-body);
        .ga-file-uploader__file-action {
          display: flex;
          height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
          width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
          cursor: pointer;
          align-items: center;
          justify-content: center;
          border-radius: var(--ga-radius);
          --tw-border-style: none;
          border-style: none;
          background-color: transparent;
          padding: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
          color: var(--ga-color-icon-action);
          &:focus-visible {
            outline-style: var(--tw-outline-style);
            outline-width: 2px;
            outline-offset: 2px;
            outline-color: var(--ga-color-border-focus);
          }
        }
        .ga-file-uploader__file-icon {
          height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
          width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
        }
        &.ga-file-uploader__file-item--success {
          .ga-file-uploader__file-icon {
            color: var(--ga-color-icon-success);
          }
        }
        &.ga-file-uploader__file-item--error {
          height: auto;
          flex-direction: column;
          align-items: flex-start;
          gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--ga-color-border-error);
          background-color: var(--ga-color-surface-error);
          outline-style: var(--tw-outline-style);
          outline-width: 1px;
          outline-color: var(--ga-color-border-error);
          .ga-file-uploader__error-file {
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: space-between;
            --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
            line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
          }
          .ga-file-uploader__error-callout {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
            vertical-align: middle;
            font-size: calc(
    var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
  );
            line-height: var(--tw-leading, calc(
    var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
  ));
            letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
            --tw-font-weight: 400;
            font-weight: 400;
            .ga-file-uploader__error-callout-icon {
              height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
              width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
              color: var(--ga-color-icon-error);
            }
          }
        }
      }
    }
    .ga-file-uploader__input {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
    .ga-file-uploader__dropzone {
      display: flex;
      min-height: 6.25rem;
      flex: 1;
      align-items: center;
      justify-content: center;
      border-radius: var(--ga-radius);
      border-style: var(--tw-border-style);
      border-width: 1px;
      --tw-border-style: dashed;
      border-style: dashed;
      border-color: var(--ga-color-border-action);
      padding: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 8);
      text-align: center;
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-font-weight: 400;
      font-weight: 400;
      color: var(--ga-color-text-action);
      &:hover {
        border-color: var(--ga-color-border-action-hover);
        background-color: var(--ga-color-surface-action-hover-2);
        color: var(--ga-color-text-action-hover);
      }
      &:focus-visible, &:focus-within {
        --tw-border-style: none;
        border-style: none;
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-color: var(--ga-color-border-focus);
        --tw-outline-style: solid;
        outline-style: solid;
      }
      &.ga-file-uploader__dropzone--drag-hover {
        --tw-border-style: none;
        border-style: none;
        background-color: var(--ga-color-surface-page);
        color: var(--ga-color-text-action-hover);
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-color: var(--ga-color-border-focus);
        --tw-outline-style: solid;
        outline-style: solid;
      }
    }
    .ga-file-uploader__dropzone[aria-disabled='true'], &.ga-file-uploader--disabled .ga-file-uploader__dropzone {
      cursor: not-allowed;
      border-color: var(--ga-color-border-disabled);
      background-color: var(--ga-color-surface-primary);
      color: var(--ga-color-text-disabled);
    }
  }
  .ga-form-field {
    display: flex;
    flex-direction: column;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    > .ga-select, > .ga-input {
      width: 100%;
      flex-shrink: 0;
    }
    .ga-form-field__label {
      display: inline-flex;
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 5);
      width: fit-content;
      max-width: 100%;
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 5);
      line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 5);
      &:focus-visible {
        border-radius: var(--ga-radius);
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-offset: 2px;
        outline-color: var(--ga-color-border-focus);
      }
    }
    .ga-form-field__label-text {
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-font-weight: 500;
      font-weight: 500;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
    }
    .ga-form-field__label-state {
      font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, 0);
      --tw-font-weight: 400;
      font-weight: 400;
    }
    .ga-form-field__label--defined {
      .ga-form-field__label-text {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px;
        --tw-border-style: dotted;
        border-style: dotted;
        color: var(--ga-color-text-action);
      }
      &:not(.ga-form-field__label--disabled) .ga-form-field__label-text:hover {
        color: var(--ga-color-text-body);
      }
    }
    .ga-form-field__label--disabled {
      .ga-form-field__label-text, .ga-form-field__label-state {
        border-color: var(--ga-color-border-disabled);
        color: var(--ga-color-text-disabled);
      }
    }
    .ga-form-field__info {
      display: flex;
      align-items: flex-start;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      font-size: calc(
    var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      .ga-icon {
        flex-shrink: 0;
      }
    }
  }
  .ga-input {
    display: flex;
    height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
    width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 50);
    flex-direction: row;
    align-items: center;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    border-radius: var(--ga-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ga-color-border-primary);
    background-color: var(--ga-color-surface-primary);
    padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
    padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    transition-duration: var(--ga-duration-instant);
    transition-timing-function: var(--ga-easing-standard);
    &:hover {
      border-color: var(--ga-color-border-action-hover);
      &:has(input:not(:placeholder-shown)), &:is(input:not(:placeholder-shown)) {
        background-color: var(--ga-color-surface-action-hover-2);
      }
    }
    &:has(input:disabled), &:is(input:disabled) {
      border-color: var(--ga-color-border-disabled);
      background-color: var(--ga-color-surface-disabled);
      color: var(--ga-color-text-disable-selected);
      &:has(input:not(:placeholder-shown)), &:is(input:not(:placeholder-shown)) {
        border-color: var(--ga-color-surface-disable-selected);
        background-color: var(--ga-color-surface-disable-selected);
        color: var(--ga-color-text-on-action);
      }
    }
    &:has(input:focus), &:is(input:focus) {
      &:not(.ga-input--invalid, .ga-input--success) {
        border-color: var(--ga-color-border-focus);
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
        outline-color: var(--ga-color-border-focus);
      }
    }
    &.ga-input--invalid {
      border-color: var(--ga-color-border-error);
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
      outline-color: var(--ga-color-border-error);
      &:has(input:not(:placeholder-shown)), &:is(input:not(:placeholder-shown)) {
        background-color: var(--ga-color-surface-error);
      }
    }
    &.ga-input--success {
      border-color: var(--ga-color-border-success);
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
      outline-color: var(--ga-color-border-success);
      &:has(input:not(:placeholder-shown)), &:is(input:not(:placeholder-shown)) {
        background-color: var(--ga-color-surface-success);
      }
    }
    input, &:is(input) {
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      &::placeholder {
        color: var(--ga-color-text-disabled);
      }
    }
    input {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      width: 100%;
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .ga-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    &.ga-loader--small {
      font-size: calc(
    var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      .ga-loader__icon {
        height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
        width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      }
    }
    &.ga-loader--medium {
      font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, 0);
      .ga-loader__icon {
        height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 8);
        width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 8);
      }
    }
    &.ga-loader--large {
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      .ga-loader__icon {
        height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 16);
        width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 16);
      }
    }
    .ga-loader__icon--animated {
      animation: ga-loader-animation 1100ms linear infinite;
    }
    .ga-loader__icon--reduced-motion {
      display: none;
      color: var(--ga-color-icon-primary);
    }
    @media (prefers-reduced-motion: reduce) {
      .ga-loader__icon--animated {
        display: none;
      }
      .ga-loader__icon--reduced-motion {
        display: block;
      }
    }
    .ga-loader__label {
      color: var(--ga-color-text-body);
      &:empty {
        display: none;
      }
    }
  }
  .ga-inline-loading {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, 0);
    color: var(--ga-color-text-body);
    &.ga-inline-loading--active {
      .ga-inline-loading__icon {
        height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
        width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
        animation: ga-loader-animation 1100ms linear infinite;
      }
    }
    &.ga-inline-loading--completed {
      .ga-inline-loading__icon {
        color: var(--ga-color-icon-success);
      }
    }
    &.ga-inline-loading--error {
      .ga-inline-loading__icon {
        color: var(--ga-color-icon-error);
      }
    }
    &.ga-inline-loading--inactive {
      color: var(--ga-color-text-disable-selected);
    }
    .ga-inline-loading__icon {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
    }
  }
  @keyframes ga-loader-animation {
    0% {
      transform: rotate(0deg);
    }
    31.82% {
      transform: rotate(90deg);
    }
    63.64% {
      transform: rotate(180deg);
    }
    81.82% {
      transform: rotate(270deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .ga-notification {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: flex-start;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
    border-radius: var(--ga-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ga-color-border-primary);
    background-color: var(--ga-color-surface-primary);
    padding-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    padding-right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    padding-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    padding-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
    font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
    &.ga-notification--information {
      border-color: var(--ga-color-border-information);
      background-color: var(--ga-color-surface-information);
      .ga-notification__icon {
        color: var(--ga-color-icon-information);
      }
      .ga-notification__progress .ga-notification__progress-bar {
        background-color: var(--ga-color-icon-information);
      }
    }
    &.ga-notification--success {
      border-color: var(--ga-color-border-success);
      background-color: var(--ga-color-surface-success);
      .ga-notification__icon {
        color: var(--ga-color-icon-success);
      }
      .ga-notification__progress .ga-notification__progress-bar {
        background-color: var(--ga-color-icon-success);
      }
    }
    &.ga-notification--error {
      border-color: var(--ga-color-border-error);
      background-color: var(--ga-color-surface-error);
      .ga-notification__icon {
        color: var(--ga-color-icon-error);
      }
      .ga-notification__progress .ga-notification__progress-bar {
        background-color: var(--ga-color-icon-error);
      }
    }
    &.ga-notification--warning {
      border-color: var(--ga-color-border-warning);
      background-color: var(--ga-color-surface-warning);
      .ga-notification__icon {
        color: var(--ga-color-icon-warning);
      }
      .ga-notification__progress .ga-notification__progress-bar {
        background-color: var(--ga-color-icon-warning);
      }
    }
    .ga-notification__icon {
      margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      flex-shrink: 0;
      color: var(--ga-color-icon-action);
    }
    .ga-notification__description {
      margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2.5);
      padding-right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      padding-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2.5);
    }
    .ga-notification__heading {
      display: flex;
      min-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
      flex-direction: row;
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      ~ .ga-notification__description {
        margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
        padding-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      }
    }
    .ga-notification__title {
      flex: 1;
      --tw-font-weight: 700;
      font-weight: 700;
    }
    .ga-notification__title-actions {
      display: flex;
      flex-shrink: 0;
      flex-direction: row;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    }
    .ga-notification__content {
      flex: 1;
      &:not(:has(.ga-notification__heading)) {
        min-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 8);
      }
      &:has(.ga-notification__heading) {
        padding-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      }
    }
    .ga-notification__progress {
      position: absolute;
      right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      bottom: 1px;
      left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      overflow: hidden;
      border-bottom-right-radius: 2px;
      border-bottom-left-radius: 2px;
      background-color: var(--ga-color-surface-disabled);
      .ga-notification__progress-bar {
        position: absolute;
        height: 100%;
        transform-origin: 0 0;
        border-radius: var(--ga-radius);
        background-color: var(--ga-color-surface-progress);
      }
      &.ga-notification__progress--indeterminate .ga-notification__progress-bar {
        width: calc(1 / 5 * 100%);
        animation: ga-notification-progress-animation 1400ms linear infinite;
      }
    }
  }
  @keyframes ga-notification-progress-animation {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(500%);
    }
  }
  .ga-menu {
    display: flex;
    max-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 81);
    max-width: 80ch;
    flex-direction: column;
    align-items: stretch;
    overflow-y: auto;
    border-radius: var(--ga-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ga-color-border-primary);
    background-color: var(--ga-color-surface-primary);
    font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
    --tw-shadow: var(--ga-shadow-north);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    .ga-menu__item {
      position: relative;
      display: flex;
      min-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 9);
      flex-shrink: 0;
      cursor: pointer;
      flex-direction: row;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      text-align: left;
      --tw-leading: 1;
      line-height: 1;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
      &:first-child {
        border-top-left-radius: var(--ga-radius);
        border-top-right-radius: var(--ga-radius);
      }
      &:last-child {
        border-bottom-right-radius: var(--ga-radius);
        border-bottom-left-radius: var(--ga-radius);
      }
      &:hover {
        background-color: var(--ga-color-surface-action-hover-2);
        .ga-menu__item-icon {
          color: var(--ga-color-icon-action);
        }
        .ga-menu__item-label {
          color: var(--ga-color-text-action-hover);
        }
      }
      &:focus, &:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
      }
      &.ga-menu__item--disabled {
        cursor: not-allowed;
        background-color: var(--ga-color-surface-primary);
        .ga-menu__item-icon {
          color: var(--ga-color-icon-disabled);
        }
        .ga-menu__item-label {
          color: var(--ga-color-text-disabled);
        }
      }
      &.ga-menu__item--selected {
        background-color: var(--ga-color-surface-action);
        color: var(--ga-color-text-on-action);
        .ga-menu__item-icon {
          color: var(--ga-color-icon-on-action);
        }
        .ga-menu__item-label {
          color: var(--ga-color-text-on-action);
        }
        &:hover {
          background-color: var(--ga-color-surface-action-hover);
        }
        &.ga-menu__item--disabled {
          background-color: var(--ga-color-surface-primary);
          .ga-menu__item-icon {
            color: var(--ga-color-icon-on-disabled);
          }
          .ga-menu__item-label {
            color: var(--ga-color-text-disable-selected);
          }
        }
      }
    }
    &:not(:focus-within) .ga-menu__item.ga-menu__item--active, .ga-menu__item:focus-visible {
      &::after {
        position: absolute;
        top: 1px;
        left: 1px;
        height: calc(100% - 2px);
        width: calc(100% - 2px);
        border-radius: var(--ga-radius);
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--ga-color-border-focus);
        --tw-content: '';
        content: var(--tw-content);
      }
      &.ga-menu__item--selected {
        &::after {
          border-color: var(--ga-color-white);
        }
      }
    }
    .ga-menu__item-icon {
      margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0.5);
      flex-shrink: 0;
      color: var(--ga-color-icon-primary);
    }
    .ga-menu__item-content {
      display: flex;
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      flex-direction: column;
    }
    .ga-menu__item-title {
      display: flex;
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    }
    .ga-menu__item-label {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 5);
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-font-weight: 500;
      font-weight: 500;
      color: var(--ga-color-text-action);
    }
    .ga-menu__item-shortcut {
      flex-shrink: 0;
      border-radius: var(--ga-radius);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--ga-color-border-disabled);
      background-color: #fff;
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      font-size: calc(
    var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-font-weight: 500;
      font-weight: 500;
      color: var(--ga-color-text-body);
    }
    .ga-menu__item-description {
      font-size: calc(
    var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      color: var(--ga-color-text-disable-selected);
    }
    .ga-menu__separator {
      margin-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: var(--ga-color-border-primary);
    }
    .ga-menu__title {
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      padding-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      padding-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, 0);
      --tw-font-weight: 600;
      font-weight: 600;
    }
  }
  .ga-modal__backdrop {
    position: fixed;
    inset: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
    z-index: 50;
    background-color: var(--ga-color-miscellaneous-overlay);
  }
  .ga-modal__container {
    position: fixed;
    inset: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
    z-index: 50;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    .ga-modal {
      margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 16);
    }
  }
  .ga-modal {
    display: inline-flex;
    max-height: calc(100vh - var(--ga-base-scaling-factor,1) * 0.25rem * 16 * 2);
    width: 100%;
    max-width: calc(100vw - var(--ga-base-scaling-factor,1) * 0.25rem * 8 * 2);
    flex-direction: column;
    overflow-y: auto;
    border-radius: var(--ga-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ga-color-border-focus);
    background-color: #fff;
    padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
    font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
    scrollbar-width: thin;
    &.ga-modal--small {
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 85);
    }
    &.ga-modal--medium {
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 174);
    }
    &.ga-modal--large {
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 307.5);
    }
    &.ga-modal--danger .ga-modal__icon {
      color: var(--ga-color-icon-error);
    }
    &.ga-modal--warning .ga-modal__icon {
      color: var(--ga-color-icon-warning);
    }
    &.ga-modal--success .ga-modal__icon {
      color: var(--ga-color-icon-success);
    }
    &.ga-modal--information .ga-modal__icon {
      color: var(--ga-color-icon-information);
    }
    .ga-modal__top-section {
      display: flex;
      min-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 8);
      flex-shrink: 0;
      align-items: flex-start;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      padding-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      &.ga-modal__top-section--scrollable {
        flex-shrink: 1;
      }
    }
    .ga-modal__heading {
      display: flex;
      min-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      flex: 1;
      flex-direction: column;
      align-self: stretch;
    }
    .ga-modal__icon {
      padding: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    }
    .ga-modal__label {
      margin-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      display: flex;
      min-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      align-items: center;
    }
    .ga-modal__title {
      font-size: calc(
    var(--ga-text-xl-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-xl-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-xl-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-font-weight: 600;
      font-weight: 600;
    }
    .ga-modal__content {
      margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      min-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      overflow-y: auto;
      padding: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      &:empty {
        margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      }
      scrollbar-width: thin;
    }
    .ga-modal__description {
      margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      min-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      overflow-y: auto;
      scrollbar-width: thin;
    }
    .ga-modal__actions {
      margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    }
    .ga-modal__close-icon {
      margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * -2);
      margin-right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * -2);
    }
  }
  .ga-page-header {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    padding: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
    .ga-page-header__global-navigation {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between;
      border-radius: var(--ga-radius);
      background-color: var(--ga-color-surface-primary);
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
    }
    .ga-page-header__menu-breadcrumbs {
      display: flex;
      flex-shrink: 0;
      flex-grow: 1;
      flex-basis: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
    }
    .ga-page-header__header-actions {
      display: flex;
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      background-color: var(--ga-color-surface-primary);
    }
    .ga-page-header__page-navigation {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between;
      align-self: stretch;
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      padding-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
    }
    .ga-page-header__page-nav-start {
      display: flex;
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
    }
    .ga-page-header__page-nav-end {
      display: flex;
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    }
  }
  @media (max-width: 767px) {
    .ga-page-header .ga-page-header__global-navigation {
      flex-wrap: wrap;
      row-gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    }
    .ga-page-header .ga-page-header__header-actions {
      margin-left: auto;
    }
    .ga-page-header .ga-page-header__menu-breadcrumbs {
      display: contents;
    }
    .ga-page-header .ga-page-header__menu-breadcrumbs .ga-breadcrumb {
      order: 9999;
      flex-basis: 100%;
    }
  }
  @media (min-width: 768px) {
    .ga-page-header .ga-page-header__global-navigation {
      width: auto;
      align-self: stretch;
    }
    .ga-page-header .ga-page-header__page-navigation {
      width: auto;
    }
  }
  @media (min-width: 1440px) {
    .ga-page-header .ga-page-header__header-actions {
      background-color: transparent;
    }
  }
  .ga-progress {
    display: flex;
    flex-direction: column;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    .ga-progress__label {
      font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 5);
      color: var(--ga-color-text-action);
    }
    .ga-progress__helper {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      font-size: calc(
    var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      color: var(--ga-color-text-body);
    }
    .ga-progress__buffer {
      position: relative;
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      width: 100%;
      overflow: hidden;
      border-radius: var(--ga-radius);
      background-color: var(--ga-color-surface-disabled);
    }
    .ga-progress__bar {
      position: absolute;
      height: 100%;
      width: 100%;
      transform-origin: 0 0;
      border-radius: var(--ga-radius);
      background-color: var(--ga-color-surface-progress);
    }
    &.ga-progress--success {
      .ga-progress__bar {
        background-color: var(--ga-color-icon-success);
      }
      .ga-progress__helper .ga-icon {
        color: var(--ga-color-icon-success);
      }
    }
    &.ga-progress--error {
      .ga-progress__bar {
        background-color: var(--ga-color-icon-error);
      }
      .ga-progress__helper .ga-icon {
        color: var(--ga-color-icon-error);
      }
    }
    &.ga-progress--indeterminate {
      .ga-progress__bar {
        width: calc(1 / 5 * 100%);
        animation: ga-progress-animation 1400ms linear infinite;
      }
    }
  }
  @keyframes ga-progress-animation {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(500%);
    }
  }
  .ga-progress-indicator {
    display: flex;
    .ga-progress-indicator__item {
      position: relative;
      display: flex;
      cursor: pointer;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      border-style: var(--tw-border-style);
      border-width: 0px;
      border-top-style: var(--tw-border-style);
      border-top-width: 2px;
      border-color: var(--ga-color-surface-disabled);
      background-color: transparent;
      padding: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      padding-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1.5);
      padding-right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0.5);
      text-align: left;
      &:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
        .ga-progress-indicator__indicator {
          position: relative;
          border-radius: calc(infinity * 1px);
          outline-style: var(--tw-outline-style);
          outline-width: 2px;
          outline-offset: 2px;
          outline-color: var(--ga-color-border-focus);
        }
      }
      &:not(.ga-progress-indicator__item--disabled):hover {
        .ga-progress-indicator__label-text {
          color: var(--ga-color-text-action-hover);
        }
      }
    }
    .ga-progress-indicator__indicator {
      position: relative;
      display: flex;
      flex-shrink: 0;
      align-items: flex-start;
      justify-content: center;
      padding-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      .ga-icon {
        margin: 1px;
      }
    }
    .ga-progress-indicator__content {
      display: flex;
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      flex-direction: column;
    }
    .ga-progress-indicator__label {
      display: inline-flex;
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    }
    .ga-progress-indicator__label-text {
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-font-weight: 500;
      font-weight: 500;
      color: var(--ga-color-text-action);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
    }
    .ga-progress-indicator__label-state {
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-font-weight: 400;
      font-weight: 400;
      color: var(--ga-color-text-body);
    }
    .ga-progress-indicator__label--defined {
      .ga-progress-indicator__label-text {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px;
        --tw-border-style: dotted;
        border-style: dotted;
        border-color: var(--ga-color-text-action);
      }
      &:not(.ga-progress-indicator__label--disabled):hover .ga-progress-indicator__label-text {
        color: var(--ga-color-text-body);
      }
      &:focus-visible {
        border-radius: var(--ga-radius);
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-offset: 2px;
        outline-color: var(--ga-color-border-focus);
      }
    }
    .ga-progress-indicator__description {
      font-size: calc(
    var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      color: var(--ga-color-text-body);
    }
    .ga-progress-indicator__current-dot {
      position: absolute;
      top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      border-radius: calc(infinity * 1px);
      background-color: var(--ga-color-icon-action);
    }
    .ga-progress-indicator__item--completed {
      border-color: var(--ga-color-border-success);
      .ga-progress-indicator__indicator .ga-icon {
        color: var(--ga-color-icon-success);
      }
    }
    .ga-progress-indicator__item--current {
      border-top-style: var(--tw-border-style);
      border-top-width: 4px;
      border-color: var(--ga-color-border-action);
      padding-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      .ga-progress-indicator__indicator .ga-icon {
        color: var(--ga-color-icon-action);
      }
    }
    .ga-progress-indicator__item--incomplete {
      .ga-progress-indicator__label-text {
        color: var(--ga-color-text-body);
      }
    }
    .ga-progress-indicator__item--error {
      border-top-style: var(--tw-border-style);
      border-top-width: 4px;
      border-color: var(--ga-color-border-error);
      padding-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      .ga-progress-indicator__indicator .ga-icon {
        color: var(--ga-color-icon-error);
      }
      .ga-progress-indicator__label-text {
        color: var(--ga-color-text-error);
      }
      .ga-progress-indicator__description {
        color: var(--ga-color-text-error);
      }
    }
    .ga-progress-indicator__item--disabled {
      cursor: not-allowed;
      .ga-progress-indicator__indicator .ga-icon {
        color: var(--ga-color-icon-disabled);
      }
      .ga-progress-indicator__label-text, .ga-progress-indicator__label-state, .ga-progress-indicator__description {
        color: var(--ga-color-text-disabled);
      }
    }
    &.ga-progress-indicator--vertical {
      flex-direction: column;
      .ga-progress-indicator__item {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
        border-left-style: var(--tw-border-style);
        border-left-width: 2px;
        padding-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
        padding-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
        .ga-progress-indicator__indicator {
          padding-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1.5);
        }
      }
      .ga-progress-indicator__item--current, .ga-progress-indicator__item--error {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
        border-left-style: var(--tw-border-style);
        border-left-width: 4px;
        padding-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
        .ga-progress-indicator__indicator {
          padding-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
        }
      }
    }
    &.ga-progress-indicator--horizontal {
      flex-direction: row;
      .ga-progress-indicator__item {
        flex: 1;
      }
    }
  }
  .ga-radio-group {
    display: inline-flex;
    flex-direction: column;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
  }
  .ga-radio-button {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    .ga-radio-button__native {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      flex-shrink: 0;
      cursor: pointer;
      opacity: 0%;
      &:focus-visible ~ .ga-radio-button__marker {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-offset: 2px;
        outline-color: var(--ga-color-border-focus);
      }
      &:hover ~ .ga-radio-button__marker {
        border-color: var(--ga-color-border-action-hover);
        background-color: var(--ga-color-surface-action-hover-2);
      }
      &:checked ~ .ga-radio-button__marker {
        background-color: var(--ga-color-surface-action);
        &::after {
          position: absolute;
          top: calc(1 / 2 * 100%);
          left: calc(1 / 2 * 100%);
          display: block;
          height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
          width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
          --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
          --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
          translate: var(--tw-translate-x) var(--tw-translate-y);
          border-radius: calc(infinity * 1px);
          background-color: #fff;
          --tw-content: '';
          content: var(--tw-content);
        }
      }
      &:disabled {
        cursor: not-allowed;
        ~ .ga-radio-button__marker {
          border-color: var(--ga-color-border-disabled);
          background-color: var(--ga-color-surface-disabled);
          color: var(--ga-color-text-disabled);
        }
        ~ .ga-radio-button__label {
          color: var(--ga-color-text-disabled);
        }
        &:checked ~ .ga-radio-button__marker::after {
          background-color: var(--ga-color-icon-on-disabled);
        }
      }
    }
    &:not(:disabled, .ga-radio-button--invalid) {
      &:checked:hover ~ .ga-radio-button__marker {
        background-color: var(--ga-color-surface-action-hover);
      }
    }
    &.ga-radio-button--invalid .ga-radio-button__native {
      ~ .ga-radio-button__marker {
        border-color: var(--ga-color-border-error);
        background-color: var(--ga-color-surface-error);
        color: var(--ga-color-border-error);
      }
      &:checked ~ .ga-radio-button__marker {
        background-color: var(--ga-color-border-error);
        color: var(--ga-color-border-error);
      }
    }
    .ga-radio-button__marker {
      pointer-events: none;
      position: absolute;
      top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: var(--ga-color-border-action);
      color: #fff;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-fast);
      transition-timing-function: var(--ga-easing-standard);
    }
    .ga-radio-button__label {
      min-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      &:empty {
        display: none;
      }
    }
  }
  .ga-segmented-control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0.5);
    border-radius: var(--ga-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ga-color-border-tertiary);
    padding: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0.5);
    vertical-align: middle;
    font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
    .ga-segmented-control__button {
      display: inline-flex;
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 8.5);
      cursor: pointer;
      align-items: center;
      justify-content: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      border-radius: var(--ga-radius);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: transparent;
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      vertical-align: middle;
      --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      white-space: nowrap;
      color: var(--ga-color-text-action);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
      &.ga-segmented-control__button--selected, &:hover {
        border-color: var(--ga-color-border-action);
      }
      &.ga-segmented-control__button--selected {
        background-color: var(--ga-color-surface-primary);
      }
      &:hover:not(.ga-segmented-control__button--selected) {
        background-color: var(--ga-color-surface-action-hover-2);
        color: var(--ga-color-text-action-hover);
      }
      &:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-offset: 1px;
        outline-color: var(--ga-color-border-focus);
      }
      &.ga-segmented-control__button--icon-only {
        padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2.25);
        &:hover:not(.ga-segmented-control__button--selected) {
          color: var(--ga-color-icon-action-hover);
        }
      }
    }
    .ga-segmented-control__button-sr-label {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
  }
  .ga-native-select {
    position: relative;
    select {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
      appearance: none;
      border-radius: var(--ga-radius);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--ga-color-border-primary);
      background-color: var(--ga-color-surface-primary);
      padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      padding-right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 9);
      padding-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-leading: 1;
      line-height: 1;
    }
    .ga-native-select__arrow {
      pointer-events: none;
      position: absolute;
      top: calc(1 / 2 * 100%);
      right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .ga-select {
    display: inline-flex;
    height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
    width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 50);
    cursor: pointer;
    appearance: none;
    align-items: flex-start;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    border-radius: var(--ga-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ga-color-border-primary);
    background-color: var(--ga-color-surface-primary);
    padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2.5);
    padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1.5);
    text-align: left;
    font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
    --tw-leading: 1;
    line-height: 1;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    transition-duration: var(--ga-duration-instant);
    transition-timing-function: var(--ga-easing-standard);
    &.ga-select--expanded {
      border-color: var(--ga-color-border-focus);
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--ga-color-border-focus);
    }
    &:hover {
      border-color: var(--ga-color-border-action-hover);
    }
    &:not(.ga-select--empty, .ga-select--disabled):hover {
      background-color: var(--ga-color-surface-action-hover-2);
    }
    &.ga-select--disabled {
      cursor: not-allowed;
      border-color: var(--ga-color-border-primary);
      background-color: var(--ga-color-surface-disabled);
      color: var(--ga-color-text-disable-selected);
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 2px;
      outline-color: var(--ga-color-border-focus);
    }
    &.ga-select--invalid {
      border-color: var(--ga-color-border-error);
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--ga-color-border-error);
      &:not(.ga-select--empty) {
        background-color: var(--ga-color-surface-error);
      }
    }
    .ga-select__placeholder {
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: var(--ga-color-text-disabled);
    }
    .ga-select__input {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      flex: 1;
      --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      --tw-outline-style: none;
      outline-style: none;
      &:is(input)::placeholder {
        color: var(--ga-color-text-disabled);
      }
      &:not(:focus) {
        cursor: pointer;
      }
    }
    .ga-select__main-area {
      position: relative;
      display: flex;
      min-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6.5);
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      flex: 1;
      --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6.5);
      line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6.5);
    }
    .ga-select__input:not(:placeholder-shown) ~ .ga-select__value {
      display: none;
    }
    &:not(.ga-select--multi) {
      .ga-select__value {
        min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .ga-select__input {
        position: absolute;
        top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
        left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
        height: 100%;
        width: 100%;
      }
    }
    &.ga-select--multi {
      height: auto;
      min-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
      .ga-select__main-area {
        display: flex;
        max-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 23.5);
        min-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
        flex: 1;
        flex-wrap: wrap;
        gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
        overflow-y: auto;
        scrollbar-width: thin;
      }
      .ga-select__value {
        display: contents;
        .ga-tag {
          min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
        }
      }
      .ga-select__input {
        height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6.5);
        min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      }
      &.ga-select--label-hidden {
        .ga-select__placeholder {
          color: var(--ga-color-text-disable-selected);
        }
        .ga-select__input {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          &::placeholder {
            color: var(--ga-color-text-disable-selected);
          }
        }
      }
    }
    .ga-select__action-icon {
      flex-shrink: 0;
    }
    .ga-select__suffix {
      display: flex;
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6.5);
      flex-shrink: 0;
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    }
  }
  .ga-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
    .ga-switch__marker {
      pointer-events: none;
      position: absolute;
      top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      display: inline-block;
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 12);
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--ga-color-border-action);
      background-color: var(--ga-color-surface-primary);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-fast);
      transition-timing-function: var(--ga-easing-standard);
    }
    .ga-switch__check-icon {
      position: absolute;
      top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0.75);
      left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1.5);
      color: var(--ga-color-icon-on-primary);
      opacity: 0%;
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-fast);
      transition-timing-function: var(--ga-easing-standard);
    }
    .ga-switch__slider {
      pointer-events: none;
      position: absolute;
      top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0.75);
      left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0.75);
      display: inline-block;
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      border-radius: calc(infinity * 1px);
      background-color: var(--ga-color-surface-action);
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-fast);
      transition-timing-function: var(--ga-easing-standard);
    }
    .ga-switch__label {
      -webkit-user-select: none;
      user-select: none;
    }
    input {
      display: inline-block;
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 12);
      flex-shrink: 0;
      cursor: pointer;
      border-radius: calc(infinity * 1px);
      opacity: 0%;
      &:hover ~ .ga-switch__marker {
        background-color: var(--ga-color-surface-action-hover-2);
        .ga-switch__slider {
          background-color: var(--ga-color-surface-action-hover);
        }
      }
      &:checked {
        ~ .ga-switch__marker {
          border-color: var(--ga-color-border-action);
          background-color: var(--ga-color-surface-action);
          .ga-switch__slider {
            --tw-translate-x: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
            translate: var(--tw-translate-x) var(--tw-translate-y);
            background-color: var(--ga-color-surface-primary);
          }
          .ga-switch__check-icon {
            opacity: 100%;
          }
        }
        &:hover:not(:disabled) ~ .ga-switch__marker {
          background-color: var(--ga-color-surface-action-hover);
          .ga-switch__slider {
            background-color: var(--ga-color-surface-action-hover-2);
          }
        }
      }
      &:focus-visible ~ .ga-switch__marker {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-offset: 2px;
        outline-color: var(--ga-color-border-focus);
      }
      &:disabled {
        cursor: not-allowed;
        ~ .ga-switch__marker {
          border-color: var(--ga-color-border-disabled);
          background-color: var(--ga-color-surface-disabled);
          .ga-switch__check-icon {
            color: var(--ga-color-icon-on-disabled);
          }
          .ga-switch__slider {
            background-color: var(--ga-color-icon-on-disabled);
          }
        }
      }
    }
    &.ga-switch--invalid input ~ .ga-switch__marker {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 2px;
      outline-color: var(--ga-color-border-error);
    }
  }
  .ga-tabs {
    display: flex;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    &.ga-tabs--keyline {
      border-color: var(--ga-color-border-tertiary);
    }
    .ga-tabs__tab {
      position: relative;
      display: flex;
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 8);
      cursor: pointer;
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      border-color: transparent;
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      --tw-font-weight: 500;
      font-weight: 500;
      color: var(--ga-color-text-action);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
      &.ga-tabs__tab--selected {
        border-color: var(--ga-color-border-action);
        --tw-font-weight: 600;
        font-weight: 600;
      }
      &.ga-tabs__tab--disabled {
        cursor: not-allowed;
        color: var(--ga-color-text-disabled);
        &.ga-tabs__tab--selected {
          border-color: var(--ga-color-border-disabled);
        }
        .ga-tabs__tab-icon {
          color: var(--ga-color-icon-disabled);
        }
      }
      &:not(.ga-tabs__tab--disabled):hover {
        border-color: var(--ga-color-border-action-hover);
        color: var(--ga-color-text-action-hover);
      }
      &:not(.ga-tabs__tab--disabled):hover .ga-tabs__tab-icon {
        color: var(--ga-color-icon-primary);
      }
      &:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
      }
      &:focus-visible::after, &.ga-tabs__tab--focused::after {
        position: absolute;
        inset: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * -1);
        border-radius: var(--ga-radius);
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--ga-color-border-focus);
        --tw-content: '';
        content: var(--tw-content);
      }
      .ga-tabs__tab-icon {
        color: var(--ga-color-icon-action);
      }
    }
    &.ga-tabs--horizontal {
      flex-direction: row;
      &.ga-tabs--keyline {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
      }
      .ga-tabs__tab {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 4px;
        padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
        padding-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
        padding-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
        &:focus-visible::after, &.ga-tabs__tab--focused::after {
          bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * -2);
        }
      }
    }
    &.ga-tabs--vertical {
      flex-direction: column;
      &.ga-tabs--keyline {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
      }
      .ga-tabs__tab {
        border-left-style: var(--tw-border-style);
        border-left-width: 4px;
        padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
        padding-right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
        padding-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
        &:focus-visible::after, &.ga-tabs__tab--focused::after {
          left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * -2);
        }
      }
    }
  }
  .ga-tag {
    box-sizing: content-box;
    display: inline-flex;
    height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
    flex-direction: row;
    align-items: center;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ga-color-border-action);
    padding-right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    padding-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, 0);
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 2px;
      outline-color: var(--ga-color-border-focus);
    }
    &.ga-tag--information {
      border-color: var(--ga-color-border-information);
      background-color: var(--ga-color-surface-information);
      color: var(--ga-color-text-information);
      .ga-tag__icon {
        color: var(--ga-color-icon-information);
      }
    }
    &.ga-tag--success {
      border-color: var(--ga-color-border-success);
      background-color: var(--ga-color-surface-success);
      .ga-tag__icon {
        color: var(--ga-color-icon-success);
      }
    }
    &.ga-tag--error {
      border-color: var(--ga-color-border-error);
      background-color: var(--ga-color-surface-error);
      .ga-tag__icon {
        color: var(--ga-color-icon-error);
      }
    }
    &.ga-tag--warning {
      border-color: var(--ga-color-border-warning);
      background-color: var(--ga-color-surface-warning);
      .ga-tag__icon {
        color: var(--ga-color-icon-warning);
      }
    }
    &.ga-tag--disabled {
      border-color: var(--ga-color-border-disabled);
      background-color: var(--ga-color-surface-disabled);
      color: var(--ga-color-text-disable-selected);
      .ga-tag__icon {
        color: var(--ga-color-icon-on-disabled);
      }
    }
    &.ga-tag--interactive {
      cursor: pointer;
      --tw-border-style: dashed;
      border-style: dashed;
      background-color: var(--ga-color-surface-primary);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
      &:hover {
        background-color: var(--ga-color-surface-action-hover-2);
        .ga-tag__icon {
          color: var(--ga-color-icon-action-hover);
        }
      }
    }
    &.ga-tag--interactive-disabled {
      cursor: not-allowed;
      --tw-border-style: dashed;
      border-style: dashed;
      border-color: var(--ga-color-border-disabled);
      color: var(--ga-color-text-disabled);
      .ga-tag__icon {
        color: var(--ga-color-icon-disabled);
      }
    }
    &.ga-tag--interactive-selected {
      --tw-border-style: solid;
      border-style: solid;
      background-color: var(--ga-color-surface-primary);
      color: var(--ga-color-text-action);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
      &:hover {
        border-color: var(--ga-color-border-action-hover);
        .ga-tag__icon {
          color: var(--ga-color-icon-action-hover);
        }
      }
    }
    &.ga-tag--interactive-selected-disabled {
      cursor: not-allowed;
      --tw-border-style: solid;
      border-style: solid;
      border-color: var(--ga-color-surface-disable-selected);
      background-color: var(--ga-color-surface-disable-selected);
      color: var(--ga-color-text-on-action);
      .ga-tag__icon {
        color: var(--ga-color-icon-on-primary);
      }
    }
    &.ga-tag--utility-grey, &.ga-tag--utility-indigo, &.ga-tag--utility-teal, &.ga-tag--utility-lime, &.ga-tag--utility-purple, &.ga-tag--utility-pink, &.ga-tag--utility-rose, &.ga-tag--utility-blue, &.ga-tag--utility-green, &.ga-tag--utility-orange, &.ga-tag--utility-disabled {
      border-radius: var(--ga-radius);
      padding-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1.5);
      .ga-tag__icon {
        color: var(--ga-color-text-body);
      }
    }
    &.ga-tag--utility-grey {
      border-color: var(--ga-color-utility-grey);
      background-color: var(--ga-color-utility-grey-accent);
    }
    &.ga-tag--utility-indigo {
      border-color: var(--ga-color-utility-indigo);
      background-color: var(--ga-color-utility-indigo-accent);
    }
    &.ga-tag--utility-teal {
      border-color: var(--ga-color-utility-teal);
      background-color: var(--ga-color-utility-teal-accent);
    }
    &.ga-tag--utility-lime {
      border-color: var(--ga-color-utility-lime);
      background-color: var(--ga-color-utility-lime-accent);
    }
    &.ga-tag--utility-purple {
      border-color: var(--ga-color-utility-purple);
      background-color: var(--ga-color-utility-purple-accent);
    }
    &.ga-tag--utility-pink {
      border-color: var(--ga-color-utility-pink);
      background-color: var(--ga-color-utility-pink-accent);
    }
    &.ga-tag--utility-rose {
      border-color: var(--ga-color-utility-rose);
      background-color: var(--ga-color-utility-rose-accent);
    }
    &.ga-tag--utility-blue {
      border-color: var(--ga-color-utility-blue);
      background-color: var(--ga-color-utility-blue-accent);
    }
    &.ga-tag--utility-green {
      border-color: var(--ga-color-utility-green);
      background-color: var(--ga-color-utility-green-accent);
    }
    &.ga-tag--utility-orange {
      border-color: var(--ga-color-utility-orange);
      background-color: var(--ga-color-utility-orange-accent);
    }
    &.ga-tag--utility-disabled {
      border-color: var(--ga-color-border-disabled);
      background-color: var(--ga-color-surface-disabled);
      color: var(--ga-color-text-disable-selected);
    }
    .ga-tag__icon {
      flex-shrink: 0;
      color: var(--ga-color-icon-action);
    }
    .ga-tag__label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    }
    .ga-tag__separator {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 5);
      width: 1px;
      background-color: var(--ga-color-border-disabled);
    }
  }
  textarea.ga-text-area {
    display: inline-flex;
    width: 100%;
    min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
    border-radius: var(--ga-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ga-color-border-primary);
    background-color: var(--ga-color-surface-primary);
    padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
    padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
    --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
    line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    transition-duration: var(--ga-duration-instant);
    transition-timing-function: var(--ga-easing-standard);
    &:hover {
      border-color: var(--ga-color-border-action-hover);
      &:not(:placeholder-shown) {
        background-color: var(--ga-color-surface-action-hover-2);
      }
    }
    &:disabled {
      border-color: var(--ga-color-border-disabled);
      background-color: var(--ga-color-surface-disabled);
      color: var(--ga-color-text-disable-selected);
      &:not(:placeholder-shown) {
        border-color: var(--ga-color-surface-disable-selected);
        background-color: var(--ga-color-surface-disable-selected);
        color: var(--ga-color-text-on-action);
      }
    }
    &:focus {
      &:not(.ga-text-area--invalid) {
        border-color: var(--ga-color-border-focus);
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
        outline-color: var(--ga-color-border-focus);
      }
    }
    &.ga-text-area--invalid {
      border-color: var(--ga-color-border-error);
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
      outline-color: var(--ga-color-border-error);
      &:not(:placeholder-shown) {
        background-color: var(--ga-color-surface-error);
      }
    }
  }
  .ga-text-helper {
    font-size: calc(
    var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
  }
  .ga-text-caption {
    font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, 0);
  }
  .ga-text-body {
    font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
  }
  .ga-text-heading {
    font-size: calc(
    var(--ga-text-lg-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
  }
  .ga-text-title {
    font-size: calc(
    var(--ga-text-xl-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-xl-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-xl-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
  }
  .ga-text-headline {
    font-size: calc(
    var(--ga-text-2xl-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-2xl-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-2xl-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
  }
  .ga-text-display {
    font-size: calc(
    var(--ga-text-3xl-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-3xl-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-3xl-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
  }
  .ga-tooltip {
    position: relative;
    max-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 100);
    border-radius: var(--ga-radius);
    background-color: var(--ga-color-surface-action-hover);
    padding: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
    color: var(--ga-color-text-on-action);
    &.ga-tooltip--top-start, &.ga-tooltip--top-center, &.ga-tooltip--top-end, &.ga-tooltip--bottom-start, &.ga-tooltip--bottom-center, &.ga-tooltip--bottom-end, &.ga-tooltip--left-start, &.ga-tooltip--left-center, &.ga-tooltip--left-end, &.ga-tooltip--right-start, &.ga-tooltip--right-center, &.ga-tooltip--right-end {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
      &::before {
        --tw-content: '';
        content: var(--tw-content);
      }
    }
    &.ga-tooltip--top-start, &.ga-tooltip--top-center, &.ga-tooltip--top-end {
      margin-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    }
    &.ga-tooltip--bottom-start, &.ga-tooltip--bottom-center, &.ga-tooltip--bottom-end {
      margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    }
    &.ga-tooltip--left-start, &.ga-tooltip--left-center, &.ga-tooltip--left-end {
      margin-right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    }
    &.ga-tooltip--right-start, &.ga-tooltip--right-center, &.ga-tooltip--right-end {
      margin-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    }
    &.ga-tooltip--top-start::before, &.ga-tooltip--top-center::before, &.ga-tooltip--top-end::before {
      bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * -2);
      border-inline-style: var(--tw-border-style);
      border-inline-width: 8px;
      border-top-style: var(--tw-border-style);
      border-top-width: 8px;
      border-inline-color: transparent;
      border-top-color: var(--ga-color-surface-action-hover);
    }
    &.ga-tooltip--bottom-start::before, &.ga-tooltip--bottom-center::before, &.ga-tooltip--bottom-end::before {
      top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * -2);
      border-inline-style: var(--tw-border-style);
      border-inline-width: 8px;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 8px;
      border-inline-color: transparent;
      border-bottom-color: var(--ga-color-surface-action-hover);
    }
    &.ga-tooltip--top-start::before, &.ga-tooltip--bottom-start::before {
      left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
    }
    &.ga-tooltip--top-center::before, &.ga-tooltip--bottom-center::before {
      left: calc(1 / 2 * 100%);
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &.ga-tooltip--top-end::before, &.ga-tooltip--bottom-end::before {
      right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
    }
    &.ga-tooltip--left-start::before, &.ga-tooltip--left-center::before, &.ga-tooltip--left-end::before {
      right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * -2);
      border-block-style: var(--tw-border-style);
      border-block-width: 8px;
      border-left-style: var(--tw-border-style);
      border-left-width: 8px;
      border-block-color: transparent;
      border-left-color: var(--ga-color-surface-action-hover);
    }
    &.ga-tooltip--right-start::before, &.ga-tooltip--right-center::before, &.ga-tooltip--right-end::before {
      left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * -2);
      border-block-style: var(--tw-border-style);
      border-block-width: 8px;
      border-right-style: var(--tw-border-style);
      border-right-width: 8px;
      border-block-color: transparent;
      border-right-color: var(--ga-color-surface-action-hover);
    }
    &.ga-tooltip--left-start::before, &.ga-tooltip--right-start::before {
      top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
    }
    &.ga-tooltip--left-center::before, &.ga-tooltip--right-center::before {
      top: calc(1 / 2 * 100%);
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &.ga-tooltip--left-end::before, &.ga-tooltip--right-end::before {
      bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
    }
    .ga-tooltip__title {
      margin-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      --tw-font-weight: 600;
      font-weight: 600;
    }
  }
  .ga-link {
    display: inline-flex;
    height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 5);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    border-radius: var(--ga-radius);
    padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0.5);
    vertical-align: middle;
    font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
    --tw-font-weight: 500;
    font-weight: 500;
    white-space: nowrap;
    color: var(--ga-color-text-action);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    transition-duration: var(--ga-duration-instant);
    transition-timing-function: var(--ga-easing-standard);
    &.ga-link--inline {
      text-decoration-line: underline;
      text-decoration-color: var(--ga-color-primary-90);
      text-decoration-thickness: 1px;
    }
    &.ga-link--small {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, 0);
    }
    &.ga-link--large {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      font-size: calc(
    var(--ga-text-lg-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
    }
    &.ga-link--disabled {
      cursor: not-allowed;
      color: var(--ga-color-text-disabled);
      .ga-link__icon {
        color: var(--ga-color-icon-disabled);
      }
    }
    &:not(.ga-link--disabled) {
      &:visited {
        color: var(--ga-color-text-link-visited);
        text-decoration-color: var(--ga-color-text-link-visited);
      }
      &:hover {
        color: var(--ga-color-text-action-hover);
        text-decoration-line: underline;
        text-decoration-color: var(--ga-color-primary-90);
        text-decoration-thickness: 1px;
      }
      &:active {
        color: var(--ga-color-text-action);
        text-decoration-color: var(--ga-color-text-action);
      }
      &:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-offset: 2px;
        outline-color: var(--ga-color-border-focus);
      }
    }
    :not(:visited) .ga-link__icon {
      color: var(--ga-color-icon-primary);
    }
  }
  .ga-input--quantity-selector {
    width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 40);
    padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    &:has(input:disabled):has(input:not(:placeholder-shown)) {
      .ga-input__quantity-separator {
        background-color: var(--ga-color-text-on-action);
      }
      .ga-input__quantity-button {
        color: var(--ga-color-text-on-action);
      }
    }
    input {
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      flex: 1;
      background-color: transparent;
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      --tw-outline-style: none;
      outline-style: none;
      appearance: textfield;
      &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }
    }
    .ga-input__quantity-separator {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      width: 1px;
      background-color: var(--ga-color-border-disabled);
    }
    .ga-input__quantity-button {
      display: flex;
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      flex-shrink: 0;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      background-color: transparent;
      padding: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      &:hover:not(:disabled) {
        border-radius: var(--ga-radius);
        background-color: var(--ga-color-surface-action-hover-2);
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
        outline-color: var(--ga-color-border-action-hover);
      }
      &:focus-visible {
        border-radius: var(--ga-radius);
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-offset: 2px;
        outline-color: var(--ga-color-border-focus);
      }
      &:disabled {
        cursor: not-allowed;
        background-color: transparent;
        color: var(--ga-color-text-disabled);
      }
    }
  }
  .ga-quick-filter-button {
    display: inline-flex;
    height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
    vertical-align: middle;
    font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
    line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
    letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
    --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    --tw-font-weight: 500;
    font-weight: 500;
    white-space: nowrap;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
    transition-duration: var(--ga-duration-instant);
    transition-timing-function: var(--ga-easing-standard);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ga-color-border-action);
    background-color: var(--ga-color-surface-primary);
    color: var(--ga-color-text-action);
    .ga-icon {
      color: var(--ga-color-icon-primary);
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 2px;
      outline-color: var(--ga-color-border-focus);
    }
    &:hover:not( :disabled, .ga-quick-filter-button--disabled, .ga-quick-filter-button--selected ) {
      background-color: var(--ga-color-surface-action-hover-2);
      color: var(--ga-color-text-action-hover);
      .ga-icon {
        color: var(--ga-color-icon-action);
      }
    }
    &:active:not(:disabled, .ga-quick-filter-button--disabled) {
      background-color: var(--ga-color-surface-primary);
    }
    &:disabled, &.ga-quick-filter-button--disabled {
      cursor: not-allowed;
      border-color: var(--ga-color-border-disabled);
      background-color: var(--ga-color-surface-page);
      color: var(--ga-color-text-disabled);
      .ga-icon {
        color: var(--ga-color-icon-on-disabled);
      }
    }
    &.ga-quick-filter-button--transparent {
      background-color: transparent;
      &:active:not(:disabled, .ga-quick-filter-button--disabled) {
        background-color: transparent;
      }
    }
    &.ga-quick-filter-button--selected {
      border-color: var(--ga-color-border-action);
      background-color: var(--ga-color-surface-action);
      color: var(--ga-color-text-on-action);
      .ga-icon {
        color: var(--ga-color-icon-on-action);
      }
      &:hover:not(:disabled, .ga-quick-filter-button--disabled) {
        border-color: var(--ga-color-border-action-hover);
        background-color: var(--ga-color-surface-action-hover);
      }
      &:disabled, &.ga-quick-filter-button--disabled {
        border-color: var(--ga-color-surface-disabled);
        background-color: var(--ga-color-surface-disabled);
        color: var(--ga-color-text-disable-selected);
        .ga-icon {
          color: var(--ga-color-icon-on-disabled);
        }
      }
    }
  }
  .ga-side-navigation {
    display: flex;
    height: 100%;
    width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 80);
    flex-direction: column;
    border-radius: var(--ga-radius);
    background-color: var(--ga-color-surface-primary);
    padding: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    --tw-shadow: var(--ga-shadow-north);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    .ga-side-navigation__header {
      position: relative;
      z-index: 10;
      display: flex;
      flex-shrink: 0;
      flex-direction: column;
    }
    .ga-side-navigation__switcher {
      position: relative;
      display: flex;
      cursor: pointer;
      align-items: center;
      justify-content: space-between;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      border-radius: var(--ga-radius);
      padding: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      --tw-outline-style: none;
      outline-style: none;
      &:hover {
        background-color: var(--ga-color-surface-action-hover-2);
      }
      &:focus-visible {
        &::after {
          position: absolute;
          inset: 3px;
          border-radius: var(--ga-radius);
          border-style: var(--tw-border-style);
          border-width: 2px;
          border-color: var(--ga-color-border-focus);
          --tw-content: '';
          content: var(--tw-content);
        }
      }
      &:active {
        .ga-side-navigation__switcher-title {
          --tw-font-weight: 600;
          font-weight: 600;
        }
      }
      &.ga-side-navigation__switcher--active {
        background-color: var(--ga-color-surface-selected);
        .ga-side-navigation__switcher-title {
          --tw-font-weight: 600;
          font-weight: 600;
        }
      }
    }
    .ga-side-navigation__switcher-title {
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-align: left;
      font-size: calc(
    var(--ga-text-lg-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-font-weight: 500;
      font-weight: 500;
      color: var(--ga-color-text-action);
    }
    .ga-side-navigation__switcher-action {
      display: flex;
      flex-shrink: 0;
      cursor: pointer;
      align-items: center;
      padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      color: var(--ga-color-icon-secondary);
      &:hover {
        color: var(--ga-color-icon-action);
      }
    }
    .ga-side-navigation__switcher-dropdown {
      position: absolute;
      top: 100%;
      right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      z-index: 10;
      display: flex;
      max-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 80);
      flex-direction: column;
      overflow-y: auto;
      border-radius: var(--ga-radius);
      background-color: var(--ga-color-surface-primary);
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      padding-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      padding-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      --tw-shadow: var(--ga-shadow-north);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .ga-side-navigation__switcher-dropdown-header {
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      padding-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      padding-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, 0);
      --tw-font-weight: 600;
      font-weight: 600;
      color: var(--ga-color-text-disable-selected);
      text-transform: uppercase;
    }
    .ga-side-navigation__switcher-dropdown-item {
      position: relative;
      display: flex;
      cursor: pointer;
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      border-radius: var(--ga-radius);
      padding: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      text-align: left;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
      &:hover {
        background-color: var(--ga-color-surface-action-hover-2);
      }
      &:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
        &::after {
          position: absolute;
          inset: 3px;
          border-radius: var(--ga-radius);
          border-style: var(--tw-border-style);
          border-width: 2px;
          border-color: var(--ga-color-border-focus);
          --tw-content: '';
          content: var(--tw-content);
        }
      }
      &:active {
        .ga-side-navigation__switcher-dropdown-title {
          --tw-font-weight: 600;
          font-weight: 600;
        }
      }
    }
    .ga-side-navigation__switcher-dropdown-title {
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-align: left;
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-font-weight: 500;
      font-weight: 500;
      color: var(--ga-color-text-action);
    }
    .ga-side-navigation__switcher-dropdown-external {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      flex-shrink: 0;
      align-self: center;
      color: var(--ga-color-icon-secondary);
    }
    .ga-side-navigation__search {
      margin-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      margin-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      &.ga-input {
        width: auto;
        &:not(:hover) {
          border-color: var(--ga-color-surface-page);
          background-color: var(--ga-color-surface-page);
        }
        input::-webkit-search-cancel-button {
          display: none;
        }
      }
    }
    .ga-side-navigation__search-shortcut {
      flex-shrink: 0;
      cursor: default;
      border-radius: var(--ga-radius);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--ga-color-border-disabled);
      background-color: #fff;
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
      padding-block: 1px;
      font-family: Inter, ui-sans-serif, system-ui, sans-serif;
      font-feature-settings: 'liga' 1, 'calt' 1;
      font-size: calc(
    var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      color: var(--ga-color-icon-on-disabled);
    }
    .ga-side-navigation__body {
      display: flex;
      flex: 1;
      flex-direction: column;
      overflow-y: auto;
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    }
    .ga-side-navigation__item {
      position: relative;
      display: flex;
      cursor: pointer;
      flex-direction: row;
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      border-radius: var(--ga-radius);
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      text-align: left;
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
      &:hover {
        background-color: var(--ga-color-surface-action-hover-2);
      }
      &:focus, &:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
      }
      &:active:not(.ga-side-navigation__item--disabled) {
        .ga-side-navigation__item-label {
          --tw-font-weight: 500;
          font-weight: 500;
        }
      }
      &.ga-side-navigation__item--active {
        background-color: var(--ga-color-surface-selected);
        &::before {
          position: absolute;
          top: calc(1 / 2 * 100%);
          left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
          height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 8);
          width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
          --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
          translate: var(--tw-translate-x) var(--tw-translate-y);
          border-top-right-radius: var(--ga-radius);
          border-bottom-right-radius: var(--ga-radius);
          background-color: var(--ga-color-surface-action);
          --tw-content: '';
          content: var(--tw-content);
        }
        .ga-side-navigation__item-label {
          --tw-font-weight: 600;
          font-weight: 600;
        }
      }
      &.ga-side-navigation__item--expanded {
        .ga-side-navigation__item-label {
          --tw-font-weight: 600;
          font-weight: 600;
        }
      }
      &.ga-side-navigation__item--disabled {
        cursor: not-allowed;
        &:hover {
          background-color: transparent;
        }
        .ga-side-navigation__item-icon {
          color: var(--ga-color-icon-disabled);
        }
        .ga-side-navigation__item-label {
          color: var(--ga-color-text-disabled);
        }
      }
    }
    .ga-side-navigation__item--level-2 {
      padding-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
    }
    .ga-side-navigation__item--level-3 {
      padding-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 16);
    }
    .ga-side-navigation__item--level-4 {
      padding-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 22);
    }
    .ga-side-navigation__item--level-5 {
      padding-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 28);
    }
    .ga-side-navigation__item--level-6 {
      padding-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 34);
    }
    .ga-side-navigation__item-icon {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      flex-shrink: 0;
      color: var(--ga-color-icon-primary);
    }
    .ga-side-navigation__item-content {
      display: flex;
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      flex: 1;
      flex-direction: column;
    }
    .ga-side-navigation__item-label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      color: var(--ga-color-text-action);
    }
    .ga-side-navigation__item-description {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: calc(
    var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      color: var(--ga-color-text-secondary);
    }
    .ga-side-navigation__item-external {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      flex-shrink: 0;
      align-self: center;
      color: var(--ga-color-icon-secondary);
    }
    .ga-side-navigation__recent-title {
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, 0);
      --tw-font-weight: 500;
      font-weight: 500;
      color: var(--ga-color-text-disable-selected);
      text-transform: uppercase;
    }
    .ga-side-navigation__recent-item {
      position: relative;
      display: flex;
      cursor: pointer;
      flex-direction: row;
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      border-radius: var(--ga-radius);
      padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      padding-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      text-align: left;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
      &:hover {
        background-color: var(--ga-color-surface-action-hover-2);
      }
      &:focus, &:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
      }
    }
    .ga-side-navigation__recent-item-icon {
      flex-shrink: 0;
      color: var(--ga-color-icon-primary);
    }
    .ga-side-navigation__recent-item-content {
      display: flex;
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      flex-direction: column;
    }
    .ga-side-navigation__recent-item-label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      --tw-font-weight: 500;
      font-weight: 500;
      color: var(--ga-color-text-action);
    }
    .ga-side-navigation__recent-item-description {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: calc(
    var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      color: var(--ga-color-text-on-disabled);
    }
    .ga-side-navigation__search-results-title {
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, 0);
      --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      --tw-font-weight: 500;
      font-weight: 500;
      color: var(--ga-color-text-disable-selected);
    }
    .ga-side-navigation__search-results-item {
      position: relative;
      margin-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      display: flex;
      cursor: pointer;
      flex-direction: row;
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      border-radius: var(--ga-radius);
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      text-align: left;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
      &:hover {
        background-color: var(--ga-color-surface-action-hover-2);
      }
      &:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
        &::after {
          position: absolute;
          inset: 3px;
          border-radius: var(--ga-radius);
          border-style: var(--tw-border-style);
          border-width: 2px;
          border-color: var(--ga-color-border-focus);
          --tw-content: '';
          content: var(--tw-content);
        }
      }
    }
    .ga-side-navigation__search-results-item-content {
      display: flex;
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      flex: 1;
      flex-direction: column;
    }
    .ga-side-navigation__search-results-item-label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-leading: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      line-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 6);
      --tw-font-weight: 500;
      font-weight: 500;
      color: var(--ga-color-text-action);
    }
    .ga-side-navigation__search-results-item-description {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: calc(
    var(--ga-text-xs-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      color: var(--ga-color-text-on-disabled);
    }
    .ga-side-navigation__search-results-item-external {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      flex-shrink: 0;
      align-self: center;
      color: var(--ga-color-icon-secondary);
    }
    .ga-side-navigation__footer {
      position: relative;
      z-index: 10;
      flex-shrink: 0;
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: var(--ga-color-border-tertiary);
      padding-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    }
    .ga-side-navigation__user {
      position: relative;
      display: flex;
      cursor: pointer;
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      border-radius: var(--ga-radius);
      padding-inline: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      --tw-outline-style: none;
      outline-style: none;
      &:hover {
        background-color: var(--ga-color-surface-action-hover-2);
      }
      &:focus-visible {
        &::after {
          position: absolute;
          inset: 3px;
          border-radius: var(--ga-radius);
          border-style: var(--tw-border-style);
          border-width: 2px;
          border-color: var(--ga-color-border-focus);
          --tw-content: '';
          content: var(--tw-content);
        }
      }
      &.ga-side-navigation__user--active {
        background-color: var(--ga-color-surface-selected);
      }
    }
    .ga-side-navigation__user-avatar {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
      flex-shrink: 0;
      border-radius: calc(infinity * 1px);
    }
    .ga-side-navigation__user-name {
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-font-weight: 500;
      font-weight: 500;
      color: var(--ga-color-text-body);
    }
    .ga-side-navigation__user-action {
      display: flex;
      flex-shrink: 0;
      cursor: pointer;
      align-items: center;
      color: var(--ga-color-icon-secondary);
      &:hover {
        color: var(--ga-color-icon-action);
      }
    }
    .ga-side-navigation__footer-dropdown {
      position: absolute;
      right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      bottom: 100%;
      left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      z-index: 10;
      display: flex;
      max-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 80);
      flex-direction: column;
      overflow-y: auto;
      border-radius: var(--ga-radius);
      background-color: var(--ga-color-surface-primary);
      padding: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      --tw-shadow: var(--ga-shadow-south);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .ga-side-navigation__footer-dropdown-item {
      position: relative;
      display: flex;
      cursor: pointer;
      align-items: center;
      gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      border-radius: var(--ga-radius);
      padding-block: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 3);
      padding-right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
      padding-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      text-align: left;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, ease);
      transition-duration: var(--tw-duration, 0s);
      transition-duration: var(--ga-duration-instant);
      transition-timing-function: var(--ga-easing-standard);
      &:hover {
        background-color: var(--ga-color-surface-action-hover-2);
      }
      &:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
        &::after {
          position: absolute;
          inset: 3px;
          border-radius: var(--ga-radius);
          border-style: var(--tw-border-style);
          border-width: 2px;
          border-color: var(--ga-color-border-focus);
          --tw-content: '';
          content: var(--tw-content);
        }
      }
      &:active {
        .ga-side-navigation__footer-dropdown-title {
          --tw-font-weight: 600;
          font-weight: 600;
        }
      }
      &.ga-side-navigation__footer-dropdown-item--disabled {
        cursor: not-allowed;
        &:hover {
          background-color: transparent;
        }
        .ga-side-navigation__footer-dropdown-icon {
          color: var(--ga-color-icon-disabled);
        }
        .ga-side-navigation__footer-dropdown-title {
          color: var(--ga-color-text-disabled);
        }
      }
    }
    .ga-side-navigation__footer-dropdown-icon {
      height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
      flex-shrink: 0;
      color: var(--ga-color-icon-primary);
    }
    .ga-side-navigation__footer-dropdown-title {
      min-width: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-align: left;
      font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
      letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-font-weight: 500;
      font-weight: 500;
      color: var(--ga-color-text-action);
    }
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-leading: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-content: "";
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
    }
  }
}