/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
:root, :host {
  --ga-color-black: #000000;
  --ga-color-blue-10: #edf4fe;
  --ga-color-blue-40: #93bbf9;
  --ga-color-blue-60: #366af6;
  --ga-color-blue-70: #1f4ddb;
  --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-information: var(--ga-color-information);
  --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-cyan-60: #377ea0;
  --ga-color-cyan-70: #2a6480;
  --ga-color-cyan-80: #1f4e66;
  --ga-color-cyan-90: #133445;
  --ga-color-error: var(--ga-color-red-60);
  --ga-color-error-light: var(--ga-color-utility-red-light);
  --ga-color-green-10: #eef5ee;
  --ga-color-green-40: #9bc59b;
  --ga-color-green-60: #448548;
  --ga-color-green-70: #2e6b31;
  --ga-color-grey-10: #f2f2f2;
  --ga-color-grey-40: #b9b9b9;
  --ga-color-icon-action: var(--ga-color-primary);
  --ga-color-icon-action-hover: var(--ga-color-primary-60);
  --ga-color-icon-disabled: var(--ga-color-neutral);
  --ga-color-icon-error: var(--ga-color-error);
  --ga-color-icon-information: var(--ga-color-information);
  --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-pictograms-pictogram-emphasis: #377ea03d;
  --ga-color-icon-pictograms-pictogram-fill: #b9b9b914;
  --ga-color-icon-primary: var(--ga-color-primary-90);
  --ga-color-icon-success: var(--ga-color-success);
  --ga-color-icon-warning: var(--ga-color-warning);
  --ga-color-indigo-10: #f0f2fe;
  --ga-color-indigo-40: #adb4f9;
  --ga-color-information: var(--ga-color-blue-60);
  --ga-color-information-light: var(--ga-color-utility-blue-light);
  --ga-color-lime-10: #edf6dd;
  --ga-color-lime-40: #a5c656;
  --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-neutral-20: #e2e4e9;
  --ga-color-neutral-30: #cccfd7;
  --ga-color-neutral-50: #8f95a4;
  --ga-color-neutral-60: #6f7687;
  --ga-color-orange-10: #fcf0e7;
  --ga-color-orange-20: #fae0ce;
  --ga-color-orange-30: #f5c3a1;
  --ga-color-orange-40: #f2a676;
  --ga-color-orange-60: #bb5822;
  --ga-color-pink-10: #fbeefc;
  --ga-color-pink-40: #e79dee;
  --ga-color-primary: var(--ga-color-cyan-80);
  --ga-color-primary-60: var(--ga-color-cyan-60);
  --ga-color-primary-70: var(--ga-color-cyan-70);
  --ga-color-primary-90: var(--ga-color-cyan-90);
  --ga-color-purple-10: #f3f1fe;
  --ga-color-purple-40: #c3acf9;
  --ga-color-purple-80: #591ab5;
  --ga-color-red-10: #fcf1ee;
  --ga-color-red-40: #eca79e;
  --ga-color-red-60: #cc453e;
  --ga-color-red-70: #b0241d;
  --ga-color-rose-10: #fcf0f4;
  --ga-color-rose-40: #efa1bd;
  --ga-color-secondary: var(--ga-color-orange-20);
  --ga-color-secondary-10: var(--ga-color-orange-10);
  --ga-color-secondary-30: var(--ga-color-orange-30);
  --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-success: var(--ga-color-green-60);
  --ga-color-success-light: var(--ga-color-utility-green-light);
  --ga-color-surface-action: var(--ga-color-primary);
  --ga-color-surface-action-hover: var(--ga-color-primary-90);
  --ga-color-surface-action-hover-2: var(--ga-color-orange-20);
  --ga-color-surface-disable-selected: var(--ga-color-neutral-60);
  --ga-color-surface-disabled: var(--ga-color-neutral-20);
  --ga-color-surface-error: var(--ga-color-utility-red-light);
  --ga-color-surface-information: var(--ga-color-information-light);
  --ga-color-surface-page: var(--ga-color-neutral-10);
  --ga-color-surface-primary: var(--ga-color-white);
  --ga-color-surface-selected: var(--ga-color-green-10);
  --ga-color-surface-success: var(--ga-color-success-light);
  --ga-color-surface-warning: var(--ga-color-utility-orange-light);
  --ga-color-teal-10: #ecf5f4;
  --ga-color-teal-20: #d5e8e6;
  --ga-color-teal-30: #b4d7d4;
  --ga-color-teal-40: #92c3c0;
  --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-text-action: var(--ga-color-primary);
  --ga-color-text-action-hover: var(--ga-color-primary-90);
  --ga-color-text-body: var(--ga-color-primary-90);
  --ga-color-text-body-secondary: var(--ga-color-primary-70);
  --ga-color-text-disable-selected: var(--ga-color-neutral-60);
  --ga-color-text-disabled: var(--ga-color-utility-grey);
  --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-link-visited: var(--ga-color-purple-80);
  --ga-color-text-menu: var(--ga-color-secondary);
  --ga-color-text-on-action: var(--ga-color-secondary-10);
  --ga-color-text-on-disabled: var(--ga-color-neutral-60);
  --ga-color-text-success: var(--ga-color-primary-90);
  --ga-color-text-warning: var(--ga-color-primary-90);
  --ga-color-utility-blue: var(--ga-color-blue-40);
  --ga-color-utility-blue-light: var(--ga-color-blue-10);
  --ga-color-utility-green: var(--ga-color-green-40);
  --ga-color-utility-green-light: var(--ga-color-green-10);
  --ga-color-utility-grey: var(--ga-color-grey-40);
  --ga-color-utility-grey-light: var(--ga-color-grey-10);
  --ga-color-utility-indigo: var(--ga-color-indigo-40);
  --ga-color-utility-indigo-light: var(--ga-color-indigo-10);
  --ga-color-utility-lime: var(--ga-color-lime-40);
  --ga-color-utility-lime-light: var(--ga-color-lime-10);
  --ga-color-utility-orange: var(--ga-color-orange-40);
  --ga-color-utility-orange-light: var(--ga-color-orange-10);
  --ga-color-utility-pink: var(--ga-color-pink-40);
  --ga-color-utility-pink-light: var(--ga-color-pink-10);
  --ga-color-utility-purple: var(--ga-color-purple-40);
  --ga-color-utility-purple-light: var(--ga-color-purple-10);
  --ga-color-utility-red: var(--ga-color-red-40);
  --ga-color-utility-red-light: var(--ga-color-red-10);
  --ga-color-utility-rose: var(--ga-color-rose-40);
  --ga-color-utility-rose-light: var(--ga-color-rose-10);
  --ga-color-utility-teal: var(--ga-color-teal-40);
  --ga-color-utility-teal-light: var(--ga-color-teal-10);
  --ga-color-utility-yellow: var(--ga-color-yellow-40);
  --ga-color-utility-yellow-light: var(--ga-color-yellow-10);
  --ga-color-warning: var(--ga-color-orange-60);
  --ga-color-warning-light: var(--ga-color-utility-orange-light);
  --ga-color-white: #ffffff;
  --ga-color-yellow-10: #fdf5ae;
  --ga-color-yellow-40: #e1b402;
  --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-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: 2.25rem;
  --ga-text-2xl-tracking: -0.019rem;
  --ga-text-3xl-font-size: 2.25rem;
  --ga-text-3xl-font-style: normal;
  --ga-text-3xl-line-height: 3.5rem;
  --ga-text-3xl-tracking: -0.022rem;
  --ga-text-lg-font-size: 1rem;
  --ga-text-lg-font-style: normal;
  --ga-text-lg-line-height: 1.5rem;
  --ga-text-lg-tracking: -0.011rem;
  --ga-text-md-font-size: 0.875rem;
  --ga-text-md-font-style: normal;
  --ga-text-md-line-height: 1.25rem;
  --ga-text-md-tracking: -0.006rem;
  --ga-text-sm-font-size: 0.75rem;
  --ga-text-sm-font-style: normal;
  --ga-text-sm-line-height: 1.25rem;
  --ga-text-sm-tracking: 0;
  --ga-text-xl-font-size: 1.25rem;
  --ga-text-xl-font-style: normal;
  --ga-text-xl-line-height: 2rem;
  --ga-text-xl-tracking: -0.017rem;
  --ga-text-xs-font-size: 0.6875rem;
  --ga-text-xs-font-style: normal;
  --ga-text-xs-line-height: 1rem;
  --ga-text-xs-tracking: 0.005rem;
}
@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: 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;
  }
  :-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(0.25rem * 10);
    width: calc(0.25rem * 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(0.25rem * 6);
      width: calc(0.25rem * 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(0.25rem * 16);
      width: calc(0.25rem * 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-tracking) * 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(0.25rem * 6);
      padding: calc(0.25rem * 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(0.25rem * 4);
      line-height: calc(0.25rem * 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-light);
        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-light);
        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-light);
        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-light);
        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-pictograms-pictogram-fill);
        color: var(--ga-color-text-disabled);
      }
    }
    &.ga-badge--dot {
      height: calc(0.25rem * 2);
      width: calc(0.25rem * 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-pictograms-pictogram-fill);
      }
    }
  }
  .ga-button {
    display: inline-flex;
    height: calc(0.25rem * 10);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(0.25rem * 2);
    border-radius: var(--ga-radius);
    padding-inline: calc(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
    --tw-leading: calc(0.25rem * 1);
    line-height: calc(0.25rem * 1);
    --tw-font-weight: 500;
    font-weight: 500;
    white-space: nowrap;
    .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-primary-70);
      }
      &: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(0.25rem * 10);
      padding-inline: calc(0.25rem * 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-primary);
    background-color: #fff;
    padding: calc(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
    &.ga-card--selectable {
      cursor: pointer;
      &:hover:not(.ga-card--selected) {
        border-color: var(--ga-color-border-action-hover);
        background-color: var(--ga-color-surface-action-hover-2);
      }
      &:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-offset: 2px;
        outline-color: var(--ga-color-border-focus);
      }
    }
    &.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(0.25rem * 70);
    background-color: #fff;
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    --tw-slashed-zero: slashed-zero;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    --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(0.25rem * 1);
    }
    .ga-calendar__month-year {
      display: flex;
      flex-direction: row;
      gap: calc(0.25rem * 2);
    }
    .ga-calendar__month-year-button {
      display: flex;
      cursor: pointer;
      flex-direction: row;
      align-items: center;
      gap: calc(0.25rem * 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-tracking) * 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(0.25rem * 2);
    }
    .ga-calendar__navigation-button {
      cursor: pointer;
      &:hover {
        @media (hover: hover) {
          color: var(--ga-color-icon-action-hover);
        }
      }
    }
    .ga-calendar__week-row {
      display: flex;
      flex-direction: row;
      gap: calc(0.25rem * 4);
    }
    .ga-calendar__week-day {
      width: calc(0.25rem * 6);
      height: calc(0.25rem * 6);
    }
    .ga-calendar__selection {
      display: grid;
      &.ga-calendar__selection--year {
        margin-top: calc(0.25rem * 4);
        grid-template-columns: repeat(5, minmax(0, 1fr));
        column-gap: calc(0.25rem * 3);
        row-gap: calc(0.25rem * 2);
      }
      &.ga-calendar__selection--month {
        margin-top: calc(0.25rem * 4);
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: calc(0.25rem * 3);
      }
      &.ga-calendar__selection--day {
        margin-top: calc(0.25rem * 2);
        grid-template-columns: repeat(7, minmax(0, 1fr));
        row-gap: calc(0.25rem * 1);
      }
    }
    .ga-calendar__year, .ga-calendar__month {
      height: calc(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-leading: calc(0.25rem * 10);
      line-height: calc(0.25rem * 10);
      --tw-font-weight: 500;
      font-weight: 500;
      color: var(--ga-color-text-action);
      &: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-tracking) * 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(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
      color: var(--ga-color-text-body);
      &: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(0.25rem * 2);
        left: calc(1/2 * 100%);
        height: calc(0.25rem * 0.5);
        width: calc(0.25rem * 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(0.25rem * 2);
        left: calc(1/2 * 100%);
        height: calc(0.25rem * 1);
        width: calc(0.25rem * 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-light);
        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(0.25rem * 2);
      display: grid;
      height: calc(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-font-weight: 500;
      font-weight: 500;
    }
  }
  .ga-checkbox {
    position: relative;
    display: inline-flex;
    gap: calc(0.25rem * 2);
    .ga-checkbox__marker {
      pointer-events: none;
      position: absolute;
      top: calc(0.25rem * 0);
      left: calc(0.25rem * 0);
      height: calc(0.25rem * 4);
      width: calc(0.25rem * 4);
      border-radius: var(--ga-radius);
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: var(--ga-color-border-action);
      color: #fff;
      .ga-checkbox__marker__indicator-checked, .ga-checkbox__marker__indicator-indeterminate {
        display: none;
      }
    }
    .ga-checkbox__native {
      height: calc(0.25rem * 4);
      width: calc(0.25rem * 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(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-leading: calc(0.25rem * 4);
      line-height: calc(0.25rem * 4);
      &:empty {
        display: none;
      }
    }
  }
  .ga-container {
    margin-inline: calc(0.25rem * 4);
  }
  @media (min-width: 840px) {
    .ga-container {
      margin-inline: calc(0.25rem * 6);
    }
  }
  @media (min-width: 1440px) {
    .ga-container {
      margin-inline: calc(0.25rem * 8);
    }
  }
  @media (min-width: 1920px) {
    .ga-container {
      margin-inline: calc(0.25rem * 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(0.25rem * 4);
    .ga-datepicker__footer {
      margin-top: calc(0.25rem * 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(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
    --tw-outline-style: none;
    outline-style: none;
    .ga-dropdown__item {
      position: relative;
      display: flex;
      height: calc(0.25rem * 9);
      min-width: calc(0.25rem * 0);
      flex-shrink: 0;
      cursor: pointer;
      flex-direction: row;
      align-items: center;
      gap: calc(0.25rem * 2);
      padding-inline: calc(0.25rem * 3);
      padding-block: calc(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
      color: var(--ga-color-text-action);
      &: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(0.25rem * 0);
        left: calc(0.25rem * 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(0.25rem * 3);
      padding-top: calc(0.25rem * 3);
      padding-bottom: calc(0.25rem * 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__spinner {
      margin-inline: auto;
      margin-block: calc(0.25rem * 5);
      display: inline-flex;
      min-width: calc(0.25rem * 30);
      justify-content: center;
    }
    .ga-dropdown__item-label {
      min-width: calc(0.25rem * 0);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .ga-form-field {
    display: flex;
    flex-direction: column;
    gap: calc(0.25rem * 2);
    > .ga-select, > .ga-input {
      width: 100%;
      flex-shrink: 0;
    }
    .ga-form-field__label {
      display: inline-flex;
      height: calc(0.25rem * 5);
      width: fit-content;
      max-width: 100%;
      min-width: calc(0.25rem * 0);
      gap: calc(0.25rem * 1);
      padding-inline: calc(0.25rem * 1);
      --tw-leading: calc(0.25rem * 5);
      line-height: calc(0.25rem * 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(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-font-weight: 500;
      font-weight: 500;
    }
    .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(0.25rem * 1);
      padding-inline: calc(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
      .ga-icon {
        flex-shrink: 0;
      }
    }
  }
  .ga-input {
    display: flex;
    height: calc(0.25rem * 10);
    width: calc(0.25rem * 50);
    flex-direction: row;
    align-items: center;
    gap: calc(0.25rem * 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(0.25rem * 3);
    padding-block: calc(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
    &: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(0.25rem * 0);
      --tw-leading: calc(0.25rem * 6);
      line-height: calc(0.25rem * 6);
      &::placeholder {
        color: var(--ga-color-text-disabled);
      }
    }
    input {
      height: calc(0.25rem * 6);
      width: 100%;
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .ga-notification {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: flex-start;
    gap: calc(0.25rem * 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(0.25rem * 2);
    padding-right: calc(0.25rem * 2);
    padding-bottom: calc(0.25rem * 4);
    padding-left: calc(0.25rem * 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-tracking) * 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__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__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__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__progress .ga-notification__progress-bar {
        background-color: var(--ga-color-icon-warning);
      }
    }
    .ga-notification__icon {
      margin-top: calc(0.25rem * 2);
      flex-shrink: 0;
      color: var(--ga-color-icon-action);
    }
    .ga-notification__description {
      margin-top: calc(0.25rem * 2);
      padding-right: calc(0.25rem * 2);
    }
    .ga-notification__heading {
      display: flex;
      min-height: calc(0.25rem * 10);
      flex-direction: row;
      align-items: center;
      gap: calc(0.25rem * 2);
      ~ .ga-notification__description {
        margin-top: calc(0.25rem * 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(0.25rem * 2);
    }
    .ga-notification__content {
      flex: 1;
    }
    .ga-notification__progress {
      position: absolute;
      right: calc(0.25rem * 0);
      bottom: 1px;
      left: calc(0.25rem * 0);
      height: calc(0.25rem * 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: top left;
        border-radius: var(--ga-radius);
        background-color: var(--ga-color-primary-70);
      }
      &.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(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
    .ga-menu__item {
      position: relative;
      display: flex;
      min-height: calc(0.25rem * 9);
      flex-shrink: 0;
      cursor: pointer;
      flex-direction: row;
      gap: calc(0.25rem * 2);
      padding-inline: calc(0.25rem * 3);
      padding-block: calc(0.25rem * 2);
      text-align: left;
      --tw-leading: 1;
      line-height: 1;
      &: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(0.25rem * 0.5);
      flex-shrink: 0;
      color: var(--ga-color-icon-primary);
    }
    .ga-menu__item-content {
      display: flex;
      min-width: calc(0.25rem * 0);
      flex-direction: column;
    }
    .ga-menu__item-title {
      display: flex;
      align-items: center;
      gap: calc(0.25rem * 2);
    }
    .ga-menu__item-label {
      height: calc(0.25rem * 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-tracking) * 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(0.25rem * 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-tracking) * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
      color: var(--ga-color-text-disable-selected);
    }
    .ga-menu__separator {
      margin-left: calc(0.25rem * 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(0.25rem * 3);
      padding-top: calc(0.25rem * 3);
      padding-bottom: calc(0.25rem * 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(0.25rem * 0);
    z-index: 50;
    background-color: var(--ga-color-miscellaneous-overlay);
  }
  .ga-modal__container {
    position: fixed;
    inset: calc(0.25rem * 0);
    z-index: 50;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    .ga-modal {
      margin-top: calc(0.25rem * 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(0.25rem * 2);
    padding-block: calc(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
    scrollbar-width: thin;
    &.ga-modal--small {
      width: calc(0.25rem * 85);
    }
    &.ga-modal--medium {
      width: calc(0.25rem * 174);
    }
    &.ga-modal--large {
      width: calc(0.25rem * 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(0.25rem * 8);
      flex-shrink: 0;
      align-items: flex-start;
      gap: calc(0.25rem * 4);
      padding-inline: calc(0.25rem * 2);
      padding-bottom: calc(0.25rem * 2);
      &.ga-modal__top-section--scrollable {
        flex-shrink: 1;
      }
    }
    .ga-modal__heading {
      display: flex;
      min-height: calc(0.25rem * 0);
      flex: 1;
      flex-direction: column;
      align-self: stretch;
    }
    .ga-modal__icon {
      padding: calc(0.25rem * 2);
    }
    .ga-modal__label {
      margin-bottom: calc(0.25rem * 1);
      display: flex;
      min-height: calc(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-font-weight: 600;
      font-weight: 600;
    }
    .ga-modal__content {
      margin-top: calc(0.25rem * 4);
      min-height: calc(0.25rem * 0);
      overflow-y: auto;
      padding: calc(0.25rem * 2);
      &:empty {
        margin-top: calc(0.25rem * 0);
      }
      scrollbar-width: thin;
    }
    .ga-modal__description {
      margin-top: calc(0.25rem * 4);
      min-height: calc(0.25rem * 0);
      overflow-y: auto;
      scrollbar-width: thin;
    }
    .ga-modal__actions {
      margin-top: calc(0.25rem * 6);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end;
      gap: calc(0.25rem * 2);
      padding-inline: calc(0.25rem * 2);
    }
    .ga-modal__close-icon {
      margin-top: calc(0.25rem * -2);
      margin-right: calc(0.25rem * -2);
    }
  }
  .ga-progress {
    display: flex;
    flex-direction: column;
    gap: calc(0.25rem * 1);
    .ga-progress__label {
      font-size: calc(
    var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1)
  );
      line-height: calc(0.25rem * 5);
      color: var(--ga-color-text-action);
    }
    .ga-progress__helper {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: calc(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
      color: var(--ga-color-text-body);
    }
    .ga-progress__buffer {
      position: relative;
      height: calc(0.25rem * 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: top left;
      border-radius: var(--ga-radius);
      background-color: var(--ga-color-primary-70);
    }
    &.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-radio-group {
    display: inline-flex;
    flex-direction: column;
    gap: calc(0.25rem * 2);
  }
  .ga-radio-button {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    gap: calc(0.25rem * 2);
    .ga-radio-button__native {
      height: calc(0.25rem * 4);
      width: calc(0.25rem * 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(0.25rem * 1);
          width: calc(0.25rem * 1);
          --tw-translate-x: calc(calc(1/2 * 100%) * -1);
          translate: var(--tw-translate-x) var(--tw-translate-y);
          --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(0.25rem * 0);
      left: calc(0.25rem * 0);
      height: calc(0.25rem * 4);
      width: calc(0.25rem * 4);
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: var(--ga-color-border-action);
      color: #fff;
    }
    .ga-radio-button__label {
      min-height: calc(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-leading: calc(0.25rem * 4);
      line-height: calc(0.25rem * 4);
      &:empty {
        display: none;
      }
    }
  }
  .ga-segmented-control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(0.25rem * 0.5);
    border-radius: var(--ga-radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ga-color-border-primary);
    padding: calc(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
    .ga-segmented-control__button {
      display: inline-flex;
      height: calc(0.25rem * 8.5);
      cursor: pointer;
      align-items: center;
      justify-content: center;
      gap: calc(0.25rem * 2);
      border-radius: var(--ga-radius);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: transparent;
      padding-inline: calc(0.25rem * 4);
      vertical-align: middle;
      --tw-leading: calc(0.25rem * 1);
      line-height: calc(0.25rem * 1);
      white-space: nowrap;
      color: var(--ga-color-text-action);
      &.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: 2px;
        outline-color: var(--ga-color-border-focus);
      }
      &.ga-segmented-control__button--icon-only {
        padding-inline: calc(0.25rem * 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: rect(0, 0, 0, 0);
      white-space: nowrap;
      border-width: 0;
    }
  }
  .ga-native-select {
    position: relative;
    select {
      height: calc(0.25rem * 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(0.25rem * 2);
      padding-right: calc(0.25rem * 9);
      padding-left: calc(0.25rem * 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-tracking) * 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(0.25rem * 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(0.25rem * 10);
    width: calc(0.25rem * 50);
    cursor: pointer;
    appearance: none;
    align-items: flex-start;
    gap: calc(0.25rem * 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(0.25rem * 2.5);
    padding-block: calc(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
    --tw-leading: 1;
    line-height: 1;
    &.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(0.25rem * 0);
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: var(--ga-color-text-disabled);
    }
    .ga-select__input {
      height: calc(0.25rem * 6);
      min-width: calc(0.25rem * 0);
      flex: 1;
      --tw-leading: calc(0.25rem * 6);
      line-height: calc(0.25rem * 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(0.25rem * 6.5);
      min-width: calc(0.25rem * 0);
      flex: 1;
      --tw-leading: calc(0.25rem * 6.5);
      line-height: calc(0.25rem * 6.5);
    }
    .ga-select__input:not(:placeholder-shown) ~ .ga-select__value {
      display: none;
    }
    &:not(.ga-select--multi) {
      .ga-select__value {
        min-width: calc(0.25rem * 0);
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .ga-select__input {
        position: absolute;
        top: calc(0.25rem * 0);
        left: calc(0.25rem * 0);
        height: 100%;
        width: 100%;
      }
    }
    &.ga-select--multi {
      height: auto;
      min-height: calc(0.25rem * 10);
      .ga-select__main-area {
        display: flex;
        max-height: calc(0.25rem * 23.5);
        min-height: calc(0.25rem * 0);
        flex: 1;
        flex-wrap: wrap;
        gap: calc(0.25rem * 2);
        overflow-y: auto;
        scrollbar-width: thin;
      }
      .ga-select__value {
        display: contents;
        .ga-tag {
          min-width: calc(0.25rem * 0);
        }
      }
      .ga-select__input {
        height: calc(0.25rem * 6.5);
        min-width: calc(0.25rem * 3);
      }
    }
    .ga-select__action-icon {
      flex-shrink: 0;
    }
    .ga-select__suffix {
      display: flex;
      height: calc(0.25rem * 6.5);
      flex-shrink: 0;
      align-items: center;
      gap: calc(0.25rem * 2);
    }
  }
  .ga-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: calc(0.25rem * 3);
    .ga-switch__marker {
      pointer-events: none;
      position: absolute;
      top: calc(0.25rem * 0);
      left: calc(0.25rem * 0);
      display: inline-block;
      height: calc(0.25rem * 6);
      width: calc(0.25rem * 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);
    }
    .ga-switch__check-icon {
      position: absolute;
      top: calc(0.25rem * 0.75);
      left: calc(0.25rem * 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);
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
    .ga-switch__slider {
      pointer-events: none;
      position: absolute;
      top: calc(0.25rem * 0.75);
      left: calc(0.25rem * 0.75);
      display: inline-block;
      height: calc(0.25rem * 4);
      width: calc(0.25rem * 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);
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
    .ga-switch__label {
      -webkit-user-select: none;
      user-select: none;
    }
    input {
      display: inline-block;
      height: calc(0.25rem * 6);
      width: calc(0.25rem * 12);
      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(0.25rem * 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(0.25rem * 2);
    &.ga-tabs--keyline {
      border-color: var(--ga-color-border-primary);
    }
    .ga-tabs__tab {
      position: relative;
      display: flex;
      height: calc(0.25rem * 8);
      cursor: pointer;
      align-items: center;
      gap: calc(0.25rem * 2);
      border-color: var(--ga-color-surface-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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
      --tw-leading: calc(0.25rem * 4);
      line-height: calc(0.25rem * 4);
      --tw-font-weight: 500;
      font-weight: 500;
      color: var(--ga-color-text-action);
      &.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(0.25rem * -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(0.25rem * 4);
        padding-top: calc(0.25rem * 2);
        padding-bottom: calc(0.25rem * 1);
        &:focus-visible::after, &.ga-tabs__tab--focused::after {
          bottom: calc(0.25rem * -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(0.25rem * 2);
        padding-right: calc(0.25rem * 4);
        padding-left: calc(0.25rem * 3);
        &:focus-visible::after, &.ga-tabs__tab--focused::after {
          left: calc(0.25rem * -2);
        }
      }
    }
  }
  .ga-tag {
    box-sizing: content-box;
    display: inline-flex;
    height: calc(0.25rem * 6);
    flex-direction: row;
    align-items: center;
    gap: calc(0.25rem * 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(0.25rem * 1);
    padding-left: calc(0.25rem * 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);
      &: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);
      &: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-yellow, &.ga-tag--utility-blue, &.ga-tag--utility-green, &.ga-tag--utility-orange, &.ga-tag--utility-disabled {
      border-radius: var(--ga-radius);
      padding-left: calc(0.25rem * 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-light);
    }
    &.ga-tag--utility-indigo {
      border-color: var(--ga-color-utility-indigo);
      background-color: var(--ga-color-utility-indigo-light);
    }
    &.ga-tag--utility-teal {
      border-color: var(--ga-color-utility-teal);
      background-color: var(--ga-color-utility-teal-light);
    }
    &.ga-tag--utility-lime {
      border-color: var(--ga-color-utility-lime);
      background-color: var(--ga-color-utility-lime-light);
    }
    &.ga-tag--utility-purple {
      border-color: var(--ga-color-utility-purple);
      background-color: var(--ga-color-utility-purple-light);
    }
    &.ga-tag--utility-pink {
      border-color: var(--ga-color-utility-pink);
      background-color: var(--ga-color-utility-pink-light);
    }
    &.ga-tag--utility-rose {
      border-color: var(--ga-color-utility-rose);
      background-color: var(--ga-color-utility-rose-light);
    }
    &.ga-tag--utility-yellow {
      border-color: var(--ga-color-utility-yellow);
      background-color: var(--ga-color-utility-yellow-light);
    }
    &.ga-tag--utility-blue {
      border-color: var(--ga-color-utility-blue);
      background-color: var(--ga-color-utility-blue-light);
    }
    &.ga-tag--utility-green {
      border-color: var(--ga-color-utility-green);
      background-color: var(--ga-color-utility-green-light);
    }
    &.ga-tag--utility-orange {
      border-color: var(--ga-color-utility-orange);
      background-color: var(--ga-color-utility-orange-light);
    }
    &.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(0.25rem * 1);
    }
    .ga-tag__separator {
      height: calc(0.25rem * 5);
      width: 1px;
      background-color: var(--ga-color-border-disabled);
    }
  }
  textarea.ga-text-area {
    display: inline-flex;
    width: 100%;
    min-width: calc(0.25rem * 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(0.25rem * 3);
    padding-block: calc(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
    --tw-leading: calc(0.25rem * 6);
    line-height: calc(0.25rem * 6);
    &:hover {
      border-color: var(--ga-color-border-action-hover);
    }
    &:disabled {
      border-color: var(--ga-color-border-disabled);
      background-color: var(--ga-color-surface-disabled);
      color: var(--ga-color-text-disable-selected);
    }
    &:focus {
      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);
      background-color: var(--ga-color-surface-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-xs {
    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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
  }
  .ga-text-sm {
    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-md {
    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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
  }
  .ga-text-lg {
    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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
  }
  .ga-text-xl {
    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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
  }
  .ga-text-2xl {
    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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
  }
  .ga-text-3xl {
    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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
  }
  .ga-tooltip {
    position: relative;
    max-width: calc(0.25rem * 100);
    border-radius: var(--ga-radius);
    background-color: var(--ga-color-surface-action-hover);
    padding: calc(0.25rem * 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-tracking) * 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 {
        content: var(--tw-content);
        --tw-content: '';
        content: var(--tw-content);
      }
    }
    &.ga-tooltip--top-start, &.ga-tooltip--top-center, &.ga-tooltip--top-end {
      margin-bottom: calc(0.25rem * 2);
    }
    &.ga-tooltip--bottom-start, &.ga-tooltip--bottom-center, &.ga-tooltip--bottom-end {
      margin-top: calc(0.25rem * 2);
    }
    &.ga-tooltip--left-start, &.ga-tooltip--left-center, &.ga-tooltip--left-end {
      margin-right: calc(0.25rem * 2);
    }
    &.ga-tooltip--right-start, &.ga-tooltip--right-center, &.ga-tooltip--right-end {
      margin-left: calc(0.25rem * 2);
    }
    &.ga-tooltip--top-start::before, &.ga-tooltip--top-center::before, &.ga-tooltip--top-end::before {
      bottom: calc(0.25rem * -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(0.25rem * -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(0.25rem * 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(0.25rem * 4);
    }
    &.ga-tooltip--left-start::before, &.ga-tooltip--left-center::before, &.ga-tooltip--left-end::before {
      right: calc(0.25rem * -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(0.25rem * -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(0.25rem * 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(0.25rem * 4);
    }
    .ga-tooltip__title {
      margin-bottom: calc(0.25rem * 1);
      --tw-font-weight: 600;
      font-weight: 600;
    }
  }
  .ga-link {
    display: inline-flex;
    height: calc(0.25rem * 5);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(0.25rem * 1);
    border-radius: var(--ga-radius);
    padding-inline: calc(0.25rem * 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-tracking) * 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,);
    &.ga-link--inline {
      text-decoration-line: underline;
      text-decoration-color: var(--ga-color-primary-90);
      text-decoration-thickness: 1px;
    }
    &.ga-link--small {
      height: calc(0.25rem * 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(0.25rem * 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-tracking) * 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-quick-filter-button {
    display: inline-flex;
    height: calc(0.25rem * 10);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(0.25rem * 2);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(0.25rem * 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-tracking) * var(--ga-base-scaling-factor, 1)
  ));
    --tw-leading: calc(0.25rem * 1);
    line-height: calc(0.25rem * 1);
    --tw-font-weight: 500;
    font-weight: 500;
    white-space: nowrap;
    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);
        }
      }
    }
  }
}
@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-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@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-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;
  initial-value: rotateX(0);
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
  initial-value: rotateY(0);
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
  initial-value: rotateZ(0);
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
  initial-value: skewX(0);
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
  initial-value: skewY(0);
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}