/* stylelint-disable value-keyword-case */

:root,
:host {
  --origin-rem: 16;
}

.origin-token-typography-heading-large,
.origin-token-typography-heading-medium,
.origin-token-typography-heading-small,
.origin-token-typography-heading-x-small,
.origin-token-typography-heading-xx-small,
.origin-token-typography-text-large,
.origin-token-typography-text-medium,
.origin-token-typography-text-small,
.origin-token-typography-text-x-small {
  all: unset;
  letter-spacing: normal;
  font-weight: 400;
  font-feature-settings:
    "ss03" on,
    "ss01" on;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
}

.origin-token-typography-heading-large {
  font-family: var(--origin-font-family-sans-secondary);
  font-size: calc(2px * (var(--origin-rem) - 2));
  line-height: calc(2.286px * (var(--origin-rem) - 2));
  font-weight: 700;
  letter-spacing: -0.0025em;
}

.origin-token-typography-heading-medium {
  font-family: var(--origin-font-family-sans-secondary);
  font-size: calc(1.714px * (var(--origin-rem) - 2));
  line-height: calc(2.286px * (var(--origin-rem) - 2));
  font-weight: 700;
  letter-spacing: -0.002em;
}

.origin-token-typography-heading-small {
  font-family: var(--origin-font-family-sans-secondary);
  font-size: calc(1.429px * (var(--origin-rem) - 2));
  line-height: calc(1.7144px * (var(--origin-rem) - 2));
  font-weight: 600;
}

.origin-token-typography-heading-x-small {
  font-family: var(--origin-font-family-sans-secondary);
  font-size: calc(1.143px * (var(--origin-rem) - 2));
  line-height: calc(1.7144px * (var(--origin-rem) - 2));
  font-weight: 600;
}

.origin-token-typography-heading-xx-small {
  font-family: var(--origin-font-family-sans-secondary);
  font-size: calc(1px * (var(--origin-rem) - 2));
  line-height: calc(1.5px * (var(--origin-rem) - 2));
  font-weight: 600;
}

.origin-token-typography-text-large {
  font-family: var(--origin-font-family-sans-default);
  font-size: calc(1.286px * (var(--origin-rem) - 2));
  line-height: calc(2.2862px * (var(--origin-rem) - 2));
}

.origin-token-typography-text-medium {
  font-family: var(--origin-font-family-sans-default);
  font-size: calc(1.143px * (var(--origin-rem) - 2));
  line-height: calc(1.714px * (var(--origin-rem) - 2));
}

.origin-token-typography-text-small {
  font-family: var(--origin-font-family-sans-default);
  font-size: calc(1px * (var(--origin-rem) - 2));
  line-height: calc(1.51px * (var(--origin-rem) - 2));
}

.origin-token-typography-text-x-small {
  font-family: var(--origin-font-family-sans-default);
  font-size: calc(0.86px * (var(--origin-rem) - 2));
  line-height: calc(1.2868px * (var(--origin-rem) - 2));
}

/* stylelint-disable comment-empty-line-before */

/* NOTE: not using typography.css to avoid `all: unset` */

.origin-typography {
  margin: 0;
  padding: 0; /* for legend */
  text-align: inherit;
  font-family: var(--origin-font-family-sans-default);
  /* 
    see https://rsms.me/inter/#:~:text=Listing%20of%20all%20features 
    - Open digits (ss01)
    - Uppercase I with serif (cv08)
  */
  font-feature-settings:
    "ss01" on,
    "cv08" on;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.origin-text-large {
  font-size: var(--origin-text-size-large);
  line-height: var(--origin-line-height-text-large);
}

.origin-text-medium {
  font-size: var(--origin-text-size-medium);
  line-height: var(--origin-line-height-text-medium);
}

.origin-text-small {
  font-size: var(--origin-text-size-small);
  line-height: var(--origin-line-height-text-small);
}

.origin-text-xsmall {
  font-size: var(--origin-text-size-xsmall);
  line-height: var(--origin-line-height-text-xsmall);
}

.origin-heading {
  font-weight: var(--origin-font-weight-medium);
  font-family: var(--origin-font-family-sans-secondary);
  font-feature-settings: normal;
}

.origin-heading-large {
  font-family: var(--origin-font-family-heading-large);
  font-weight: var(--origin-font-weight-heading-large);
  font-size: var(--origin-heading-size-large);
  line-height: var(--origin-line-height-heading-large);
  letter-spacing: var(--origin-letter-spacing-heading-large);
}

.origin-heading-medium {
  font-family: var(--origin-font-family-heading-medium);
  font-weight: var(--origin-font-weight-heading-medium);
  font-size: var(--origin-heading-size-medium);
  line-height: var(--origin-line-height-heading-medium);
  letter-spacing: var(--origin-letter-spacing-heading-medium);
}

.origin-heading-small {
  font-family: var(--origin-font-family-heading-small);
  font-weight: var(--origin-font-weight-heading-small);
  font-size: var(--origin-heading-size-small);
  line-height: var(--origin-line-height-heading-small);
  letter-spacing: var(--origin-letter-spacing-heading-small);
}

.origin-heading-xsmall {
  font-family: var(--origin-font-family-heading-xsmall);
  font-weight: var(--origin-font-weight-heading-xsmall);
  font-size: var(--origin-heading-size-xsmall);
  line-height: var(--origin-line-height-heading-xsmall);
  letter-spacing: var(--origin-letter-spacing-heading-xsmall);
}

.origin-heading-xxsmall {
  font-family: var(--origin-font-family-heading-xxsmall);
  font-weight: var(--origin-font-weight-heading-xxsmall);
  font-size: var(--origin-heading-size-xxsmall);
  line-height: var(--origin-line-height-heading-xxsmall);
  letter-spacing: var(--origin-letter-spacing-heading-xxsmal);
}

:root,
:host {
  --origin-z-index-modal: 1000;
  --origin-z-index-popover: 1010;
  --origin-z-index-tooltip: 1020;
}

:root,
:host {
  --origin-accordion-animation-duration: 300ms;
  --origin-accordion-animation-easing: cubic-bezier(0.87, 0, 0.13, 1);
}

.origin-accordion {
  display: block;
  overflow: hidden;
  border-radius: var(--origin-radius-large);
}

.origin-accordion details:focus-visible {
  outline: none;
}

.origin-accordion-list-item {
  width: 100%;
  overflow: hidden;
}

.origin-accordion-list-separators .origin-accordion-list-item:not(:last-of-type) {
  border-bottom: 1px solid var(--origin-color-border-base-subdued);
}

.origin-accordion-list-item .origin-accordion-arrow-icon {
  transition: transform var(--origin-accordion-animation-duration)
    var(--origin-accordion-animation-easing);
}

.origin-accordion-arrow-expanded {
  transform: rotate(-180deg);
}

details.origin-accordion-list-item > summary {
  list-style: none;
}

details.origin-accordion-list-item > summary::-webkit-details-marker {
  display: none;
}

.origin-accordion-list-item-summary {
  border-radius: var(--origin-radius-large);
}

details.origin-accordion-list-item > summary:focus-visible {
  outline: none;
}

details.origin-accordion-list-item > summary:focus-visible .origin-accordion-list-item-summary {
  outline: 2px solid var(--origin-color-border-focus-default);
  outline-offset: -4px;
}

details.origin-accordion-list-item > summary:hover {
  background-color: var(--origin-color-fill-hover-default);
  cursor: pointer;
}

/* Animation for accordion content */

.origin-accordion-content {
  overflow: hidden;
  transition: height var(--origin-accordion-animation-duration)
    var(--origin-accordion-animation-easing);
  height: 0;
}

.origin-accordion-list-item[open] .origin-accordion-content {
  height: auto;
}

/* Add prefers-reduced-motion support */

@media (prefers-reduced-motion: reduce) {
  .origin-accordion {
    --origin-accordion-animation-duration: 0ms;
  }

  .origin-accordion-list-item .origin-accordion-arrow-icon,
  .origin-accordion-content {
    transition: none;
  }
}

.origin-flex {
  display: flex;
  flex-flow: row nowrap;
}

.origin-flex-direction-column {
  flex-direction: column;
}

.origin-flex-wrap {
  flex-wrap: wrap;
}

.origin-flex-elevation-low {
  border: 1px solid var(--origin-color-border-base-subdued);
  box-shadow: var(--origin-elevation-base-low);
}

.origin-flex-elevation-high {
  border: 1px solid var(--origin-color-border-base-subdued);
  box-shadow: var(--origin-elevation-base-high);
}

.origin-flex-align-self-start {
  align-self: flex-start;
}

.origin-flex-align-self-end {
  align-self: flex-end;
}

.origin-flex-align-self-center {
  align-self: center;
}

.origin-flex-align-self-baseline {
  align-self: baseline;
}

.origin-flex-align-self-stretch {
  align-self: stretch;
}

/* stylelint-disable rule-empty-line-before */

.origin-icon {
  fill: transparent;
  box-sizing: border-box;
  overflow-clip-margin: border-box;
  overflow: auto;
}

.origin-icon-token [fill] {
  fill: var(--origin-icon-color);
}

.origin-icon-inherit [fill] {
  fill: currentcolor;
}

/* stylelint-disable selector-class-pattern */

.origin-badge {
  box-sizing: border-box;
  padding: 0 6px; /* deviation from space-1 is important */
  border-radius: var(--origin-radius-3);
  border: 1px solid var(--origin-color-border-base-inverse);
  display: inline-flex;
  justify-content: center;
  min-width: 18px;
  height: fit-content;
}

.origin-badge:focus-visible {
  outline: 2px solid var(--origin-color-border-focus-default);
}

.origin-badge-tooltip {
  cursor: pointer;
}

.origin-badge--transparent {
  background-color: transparent;
  color: var(--origin-color-text-base-default);
}

.origin-badge--blue {
  background-color: var(--origin-color-blue-contrast-low);
  color: var(--origin-color-text-light-default);
}

.origin-badge--red {
  background-color: var(--origin-color-red-contrast-low);
  color: var(--origin-color-text-light-default);
}

.origin-badge--yellow {
  background-color: var(--origin-color-yellow-contrast-low);
  color: var(--origin-color-text-dark-default);
}

/* based on https://github.com/alphagov/govuk-frontend/blob/main/packages/govuk-frontend/src/govuk/helpers/_visually-hidden.scss#L16 */

.origin-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px; /* avoid scrollbar if container is using something like vh units  */
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;

  /* Prevent a user unintentionally copying more text than they intended and needing to manually trim it down again. */
  user-select: none;
}

/*
Absolute positioning has the unintended consequence of removing any whitespace surrounding visually hidden text from the accessibility tree.
Insert a space character before and after visually hidden text to separate it from any visible text surrounding it. 
*/

.origin-sr-only::before,
.origin-sr-only::after {
  content: "\00a0";
}

/* stylelint-disable value-keyword-case */

/* Import brand-specific tokens from build output */

/**
 * Do not edit directly, this file was auto-generated.
 * Generated on Wed, 20 May 2026 18:12:18 GMT
 */

/**
 * Do not edit directly, this file was auto-generated.
 * Generated on Wed, 20 May 2026 18:12:18 GMT
 */

:root,
:host,
[data-origin-theme="superhuman"] {
  --origin-space-0: 0px;
  --origin-space-1: 4px;
  --origin-space-2: 8px;
  --origin-space-3: 12px;
  --origin-space-4: 16px;
  --origin-space-5: 20px;
  --origin-space-6: 24px;
  --origin-space-8: 32px;
  --origin-space-10: 40px;
  --origin-space-12: 48px;
  --origin-space-14: 56px;
  --origin-space-16: 64px;
  --origin-space-18: 72px;
  --origin-space-20: 80px;
  --origin-space-24: 96px;
  --origin-space-32: 128px;
  --origin-space-36: 144px;
  --origin-space-40: 160px;
  --origin-space-x-large: 12px;
  --origin-space-x-small: 8px;
  --origin-space-x-medium: 10px;
  --origin-space-x-xlarge: 16px;
  --origin-space-x-xxlarge: 20px;
  --origin-space-gap-small: 2px;
  --origin-space-gap-medium: 4px;
  --origin-space-shortcut-gap-large: 8px;
  --origin-space-shortcut-gap-small: 4px;
  --origin-space-shortcut-gap-medium: 6px;
  --origin-space-half: 2px;
  --origin-space-quarter: 1px;
  --origin-space-1-and-half: 6px;
  --origin-space-2-and-half: 10px;
  --origin-space-1-and-quarter: 5px;
  --origin-size-control-large: 40px;
  --origin-size-control-small: 30px;
  --origin-size-control-medium: 34px;
  --origin-size-control-xlarge: 44px;
  --origin-size-control-xxlarge: 52px;
  --origin-text-size-large: 18px;
  --origin-text-size-small: 14px;
  --origin-text-size-medium: 16px;
  --origin-text-size-xsmall: 12px;
  --origin-font-family-mono-default: 'Super Mono VF', ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
  --origin-font-family-sans-default: 'Super Sans VF', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --origin-font-family-serif-default: 'Super Serif VF', Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
  --origin-font-family-heading-large: 'Super Sans VF', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --origin-font-family-heading-small: 'Super Sans VF', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --origin-font-family-heading-medium: 'Super Sans VF', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --origin-font-family-heading-xlarge: 'Super Sans VF', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --origin-font-family-heading-xsmall: 'Super Sans VF', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --origin-font-family-heading-xxsmall: 'Super Sans VF', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --origin-font-weight-bold: 770;
  --origin-font-weight-light: 280;
  --origin-font-weight-medium: 600;
  --origin-font-weight-heading-large: 600;
  --origin-font-weight-heading-small: 600;
  --origin-font-weight-heading-medium: 600;
  --origin-font-weight-heading-xlarge: 600;
  --origin-font-weight-heading-xsmall: 600;
  --origin-font-weight-heading-xxsmall: 600;
  --origin-font-weight-regular: 540;
  --origin-font-weight-semibold: 680;
  --origin-line-height-text-large: 27px;
  --origin-line-height-text-small: 21px;
  --origin-line-height-text-medium: 24px;
  --origin-line-height-text-xsmall: 18px;
  --origin-line-height-heading-large: 30px;
  --origin-line-height-heading-small: 22.5px;
  --origin-line-height-heading-medium: 25px;
  --origin-line-height-heading-xlarge: 35px;
  --origin-line-height-heading-xsmall: 20px;
  --origin-line-height-heading-xxsmall: 17.5px;
  --origin-letter-spacing-text-large: 0;
  --origin-letter-spacing-text-small: 0;
  --origin-letter-spacing-text-medium: 0;
  --origin-letter-spacing-text-xsmall: 0;
  --origin-letter-spacing-heading-large: 0;
  --origin-letter-spacing-heading-small: 0;
  --origin-letter-spacing-heading-medium: 0;
  --origin-letter-spacing-heading-xlarge: 0;
  --origin-letter-spacing-heading-xsmall: 0;
  --origin-letter-spacing-heading-xxsmall: 0;
  --origin-heading-size-large: 24px;
  --origin-heading-size-small: 18px;
  --origin-heading-size-medium: 20px;
  --origin-heading-size-xlarge: 28px;
  --origin-heading-size-xsmall: 16px;
  --origin-heading-size-xxsmall: 14px;
  --origin-paragraph-large: 36px;
  --origin-paragraph-small: 18px;
  --origin-paragraph-medium: 24px;
  --origin-paragraph-xsmall: 16px;
  --origin-radius-0: 0px;
  --origin-radius-1: 4px;
  --origin-radius-2: 8px;
  --origin-radius-3: 12px;
  --origin-radius-4: 16px;
  --origin-radius-5: 20px;
  --origin-radius-6: 24px;
  --origin-radius-8: 32px;
  --origin-radius-10: 40px;
  --origin-radius-12: 48px;
  --origin-radius-25: 100px;
  --origin-radius-large: 12px;
  --origin-radius-small: 6px;
  --origin-radius-button-large: 12px;
  --origin-radius-button-small: 8px;
  --origin-radius-button-medium: 10px;
  --origin-radius-button-xlarge: 12px;
  --origin-radius-medium: 10px;
  --origin-radius-half: 2px;
  --origin-radius-1-and-half: 6px;
  --origin-radius-2-and-half: 10px;
  --origin-z-index-0: 0;
  --origin-z-index-100: 100;
  --origin-z-index-200: 200;
  --origin-z-index-300: 300;
  --origin-z-index-400: 400;
  --origin-z-index-500: 500;
  --origin-z-index-top: 99999;
  --origin-z-index-auto: auto;
  --origin-z-index-bottom: -100;
  --origin-spread-0: 0px;
  --origin-spread-1: 4px;
  --origin-spread-half: 2px;
  --origin-spread-quarter: 1px;
  --origin-spread-half-quarter: 0.5px;
  --origin-blur-0: 0px;
  --origin-blur-1: 4px;
  --origin-blur-2: 8px;
  --origin-blur-3: 12px;
  --origin-blur-4: 16px;
  --origin-blur-5: 20px;
  --origin-blur-6: 24px;
  --origin-blur-half: 2px;
  --origin-blur-1-and-half: 6px;
  --origin-blur-2-and-half: 10px;
  --origin-axis-0: 0px;
  --origin-axis-1: 4px;
  --origin-axis-half: 2px;
  --origin-axis-quarter: 1px;
  --origin-axis-1-and-half: 6px;
}

:root,
:host,
[data-origin-theme="superhuman"] [data-origin-mode="dark"],
[data-origin-theme="superhuman"][data-origin-mode="dark"] {
  --origin-red-0: #fff0f0;
  --origin-red-10: #fedbdb;
  --origin-red-20: #ffa8aa;
  --origin-red-30: #ff565e;
  --origin-red-40: #f72a42;
  --origin-red-60: #cd0037;
  --origin-red-80: #9f182d;
  --origin-red-90: #860628;
  --origin-red-100: #5b051c;
  --origin-blue-0: #eff8fd;
  --origin-blue-10: #daedfb;
  --origin-blue-20: #bbdff7;
  --origin-blue-30: #8dcaf2;
  --origin-blue-40: #4198d2;
  --origin-blue-60: #1173a8;
  --origin-blue-80: #0c5683;
  --origin-blue-90: #0a476d;
  --origin-blue-100: #16293d;
  --origin-gold-pro-0: #fff6e0;
  --origin-gold-pro-10: #ffebb8;
  --origin-gold-pro-20: #ffdc85;
  --origin-gold-pro-30: #ffbf47;
  --origin-gold-pro-40: #ffa10a;
  --origin-gold-pro-60: #e57300;
  --origin-gold-pro-80: #bd5200;
  --origin-gold-pro-90: #7a3500;
  --origin-green-0: #f4fdfa;
  --origin-green-10: #d5f7eb;
  --origin-green-20: #98ebcd;
  --origin-green-30: #3ac7a1;
  --origin-green-40: #26a28b;
  --origin-green-60: #148072;
  --origin-green-80: #005c54;
  --origin-green-90: #0c4243;
  --origin-green-100: #17261f;
  --origin-green-grammarly-0: #027e6f;
  --origin-white-0: #ffffff;
  --origin-orange-0: #fff3e1;
  --origin-orange-10: #ffe9c9;
  --origin-orange-20: #fdc298;
  --origin-orange-30: #ff9d56;
  --origin-orange-40: #f18333;
  --origin-orange-60: #c25000;
  --origin-orange-80: #a64500;
  --origin-orange-90: #812d00;
  --origin-orange-100: #611a00;
  --origin-orange-coda-0: #ee5a29;
  --origin-purple-0: #f7f5ff;
  --origin-purple-10: #e8e0ff;
  --origin-purple-20: #d4c7ff;
  --origin-purple-30: #bea1f5;
  --origin-purple-40: #9e7be0;
  --origin-purple-50: #8861ca;
  --origin-purple-60: #714cb6;
  --origin-purple-80: #533192;
  --origin-purple-90: #3f256f;
  --origin-purple-100: #281647;
  --origin-purple-enterprise-10: #ddd9f9;
  --origin-purple-enterprise-20: #cac3f7;
  --origin-purple-enterprise-60: #5e47e5;
  --origin-purple-enterprise-80: #3d27c0;
  --origin-purple-enterprise-90: #1b0d6f;
  --origin-yellow-0: #fff8da;
  --origin-yellow-10: #fef1bb;
  --origin-yellow-20: #fcdf83;
  --origin-yellow-30: #f9d255;
  --origin-yellow-40: #f5c428;
  --origin-yellow-60: #dfad0d;
  --origin-yellow-80: #ae880d;
  --origin-yellow-90: #7f640b;
  --origin-yellow-100: #664d02;
  --origin-neutral-0: #fcfaf7;
  --origin-neutral-5: #f7f6f2;
  --origin-neutral-10: #f2f0eb;
  --origin-neutral-20: #dedbd5;
  --origin-neutral-30: #bfbcb6;
  --origin-neutral-40: #8d8a86;
  --origin-neutral-60: #73716d;
  --origin-neutral-80: #474543;
  --origin-neutral-85: #383735;
  --origin-neutral-90: #292827;
  --origin-neutral-95: #1f1e1d;
  --origin-neutral-100: #141413;
  --origin-mulberry-0: #fff2fa;
  --origin-mulberry-10: #ffdcf3;
  --origin-mulberry-20: #f6aadd;
  --origin-mulberry-30: #da7cb4;
  --origin-mulberry-40: #bf6193;
  --origin-mulberry-60: #8d3d62;
  --origin-mulberry-80: #792d4b;
  --origin-mulberry-90: #602639;
  --origin-mulberry-100: #421d24;
  --origin-lightgreen-0: #00e0ac;
  --origin-transparent-0: rgba(255, 255, 255, 0);
  --origin-yellowgreen-0: #d5ff00;
  --origin-border-selected-400: #73716d;
  --origin-elevation-base-low: 0px 0px 2px 0px #141413, 0px 1px 8px 0px #141413;
  --origin-elevation-base-high: 0px 0px 2px 0px #141413, 0px 6px 24px 0px #141413;
  --origin-color-red-contrast-low: #cd0037;
  --origin-color-red-contrast-high: #ff565e;
  --origin-color-red-contrast-lower: #860628;
  --origin-color-red-contrast-higher: #ff565e;
  --origin-color-red-contrast-lowest: #5b051c;
  --origin-color-red-contrast-highest: #fff0f0;
  --origin-color-tag-pro-icon-default: #141413;
  --origin-color-tag-pro-text-default: #141413;
  --origin-color-tag-pro-background-default: #ffbf47;
  --origin-color-tag-premium-icon-default: #7a3500;
  --origin-color-tag-premium-text-default: #7a3500;
  --origin-color-tag-premium-background-default: #ffbf47;
  --origin-color-blue-contrast-low: #1173a8;
  --origin-color-blue-contrast-high: #8dcaf2;
  --origin-color-blue-contrast-lower: #0a476d;
  --origin-color-blue-contrast-higher: #8dcaf2;
  --origin-color-blue-contrast-lowest: #16293d;
  --origin-color-blue-contrast-highest: #eff8fd;
  --origin-color-fill-pro-default: #ffbf47;
  --origin-color-fill-pro-subdued: #292827;
  --origin-color-fill-base-accent: #474543;
  --origin-color-fill-base-default: #292827;
  --origin-color-fill-base-inverse: #ffffff;
  --origin-color-fill-base-subdued: #383735;
  --origin-color-fill-brand-default: #d4c7ff;
  --origin-color-fill-hover-default: #474543;
  --origin-color-fill-hover-subdued: #383735; /** Hover state for Table */
  --origin-color-fill-light-default: #ffffff;
  --origin-color-fill-active-default: #474543;
  --origin-color-fill-clarity-default: #8dcaf2;
  --origin-color-fill-clarity-subdued: #0a476d;
  --origin-color-fill-premium-default: #ffbf47;
  --origin-color-fill-premium-subdued: #ffdc85;
  --origin-color-fill-success-default: #3ac7a1;
  --origin-color-fill-success-subdued: #0c4243;
  --origin-color-fill-warning-default: #ffbf47;
  --origin-color-fill-warning-subdued: #7a3500;
  --origin-color-fill-critical-default: #ff565e;
  --origin-color-fill-critical-subdued: #5b051c;
  --origin-color-fill-selected-default: #474543;
  --origin-color-fill-selected-subdued: #383735;
  --origin-color-fill-correctness-default: #ff565e;
  --origin-color-fill-correctness-subdued: #5b051c;
  --origin-color-fill-interactive-default: #f2f0eb;
  --origin-color-icon-pro-default: #141413;
  --origin-color-icon-base-default: #ffffff;
  --origin-color-icon-base-inverse: #141413;
  --origin-color-icon-base-subdued: #bfbcb6;
  --origin-color-icon-dark-default: #141413;
  --origin-color-icon-agent-default: #fcfaf7;
  --origin-color-icon-brand-default: #bea1f5;
  --origin-color-icon-light-default: #ffffff;
  --origin-color-icon-rating-default: #f2f0eb;
  --origin-color-icon-premium-default: #7a3500;
  --origin-color-icon-success-default: #3ac7a1;
  --origin-color-icon-warning-default: #ff9d56;
  --origin-color-icon-warning-inverse: #c25000;
  --origin-color-icon-business-default: #bfbcb6;
  --origin-color-icon-critical-default: #ff565e;
  --origin-color-icon-critical-inverse: #cd0037;
  --origin-color-icon-selected-default: #ffffff;
  --origin-color-icon-interactive-default: #f2f0eb;
  --origin-color-link-text-primary: #8dcaf2;
  --origin-color-link-text-secondary: #ffffff;
  --origin-color-link-border-primary: #8dcaf2;
  --origin-color-link-border-secondary: #ffffff;
  --origin-color-logo-coda-light: #ffffff;
  --origin-color-logo-coda-default: #ffffff;
  --origin-color-logo-coda-primary: #ffffff;
  --origin-color-logo-coda-secondary: #ffffff;
  --origin-color-logo-hero-dark: #421d24;
  --origin-color-logo-hero-default: #ffffff;
  --origin-color-logo-mail-light: #ffffff;
  --origin-color-logo-mail-default: #ffffff;
  --origin-color-logo-mail-primary: rgba(248, 217, 255, 0);
  --origin-color-logo-product-dark: #421d24;
  --origin-color-logo-grammarly-dark: #141413;
  --origin-color-logo-grammarly-light: #ffffff;
  --origin-color-logo-grammarly-default: #ffffff;
  --origin-color-logo-grammarly-inverse: #141413;
  --origin-color-logo-grammarly-primary: #027e6f;
  --origin-color-logo-superhuman-light: #fcfaf7;
  --origin-color-logo-superhuman-default: #fcfaf7;
  --origin-color-logo-superhuman-primary: #fcfaf7;
  --origin-color-logo-superhuman-secondary: #d4c7ff;
  --origin-color-menu-icon-hover: #ffffff;
  --origin-color-menu-icon-default: #bfbcb6;
  --origin-color-text-edu-default: #1b0d6f;
  --origin-color-text-pro-default: #141413;
  --origin-color-text-base-default: #ffffff;
  --origin-color-text-base-inverse: #141413;
  --origin-color-text-base-subdued: #bfbcb6;
  --origin-color-text-dark-default: #141413;
  --origin-color-text-free-default: #141413;
  --origin-color-text-brand-default: #bea1f5;
  --origin-color-text-light-default: #ffffff;
  --origin-color-text-premium-default: #7a3500;
  --origin-color-text-success-default: #3ac7a1;
  --origin-color-text-warning-default: #ffbf47;
  --origin-color-text-addition-default: #bea1f5;
  --origin-color-text-business-default: #141413;
  --origin-color-text-critical-default: #ff565e;
  --origin-color-text-deletion-default: #bfbcb6;
  --origin-color-text-selected-active: #ffffff;
  --origin-color-text-selected-default: #ffffff;
  --origin-color-text-enterprise-default: #1b0d6f;
  --origin-color-vbar-line-hover: #8d8a86;
  --origin-color-vbar-line-default: #73716d;
  --origin-color-vbar-anchor-default: #8dcaf2;
  --origin-color-green-contrast-low: #148072;
  --origin-color-green-contrast-high: #3ac7a1;
  --origin-color-green-contrast-lower: #005c54;
  --origin-color-green-contrast-higher: #3ac7a1;
  --origin-color-green-contrast-lowest: #17261f;
  --origin-color-green-contrast-highest: #f4fdfa;
  --origin-color-border-pro-default: #ffa10a;
  --origin-color-border-base-active: #bbdff7;
  --origin-color-border-base-default: #8d8a86;
  --origin-color-border-base-inverse: #141413;
  --origin-color-border-base-subdued: #474543;
  --origin-color-border-dark-subdued: #474543;
  --origin-color-border-brand-default: #bea1f5;
  --origin-color-border-brand-subdued: #533192;
  --origin-color-border-focus-default: #bfbcb6;
  --origin-color-border-clarity-default: #4198d2;
  --origin-color-border-premium-default: #ffa10a;
  --origin-color-border-premium-subdued: #ffdc85;
  --origin-color-border-success-default: #3ac7a1;
  --origin-color-border-success-subdued: #005c54;
  --origin-color-border-warning-default: #ffbf47;
  --origin-color-border-warning-subdued: #bd5200;
  --origin-color-border-addition-default: #bea1f5;
  --origin-color-border-business-default: #bfbcb6;
  --origin-color-border-business-subdued: #73716d;
  --origin-color-border-critical-default: #ff565e;
  --origin-color-border-critical-subdued: #cd0037;
  --origin-color-border-deletion-default: #8d8a86;
  --origin-color-border-elevated-default: #73716d;
  --origin-color-border-selected-active: #ffffff;
  --origin-color-border-selected-default: #73716d;
  --origin-color-border-correctness-default: #f00c00;
  --origin-color-border-interactive-default: #f2f0eb;
  --origin-color-button-pro-fill-states: #292827;
  --origin-color-button-pro-fill-default: #ffbf47;
  --origin-color-button-pro-content-hover: #ffbf47;
  --origin-color-button-pro-content-active: #dedbd5;
  --origin-color-button-pro-content-default: #141413;
  --origin-color-button-ghost-fill-hover: #281647;
  --origin-color-button-ghost-fill-active: #3f256f;
  --origin-color-button-ghost-fill-default: rgb(100% 100% 100% / 0);
  --origin-color-button-ghost-content-states: #bea1f5;
  --origin-color-button-ghost-content-default: #d4c7ff;
  --origin-color-button-ghost-shortcut-border-default: rgb(44.314% 29.804% 71.373% / 0.4);
  --origin-color-button-premium-fill-hover: #ffdc85;
  --origin-color-button-premium-fill-active: #ffebb8;
  --origin-color-button-premium-fill-default: #ffbf47;
  --origin-color-button-premium-content-default: #7a3500;
  --origin-color-button-primary-fill-hover: #d4c7ff;
  --origin-color-button-primary-fill-active: #e8e0ff;
  --origin-color-button-primary-fill-default: #bea1f5;
  --origin-color-button-primary-content-default: #141413;
  --origin-color-button-primary-shortcut-border-default: rgb(44.314% 29.804% 71.373% / 0.4);
  --origin-color-button-subdued-fill-hover: #474543;
  --origin-color-button-subdued-fill-active: #73716d;
  --origin-color-button-subdued-fill-default: rgb(100% 100% 100% / 0);
  --origin-color-button-subdued-border-default: rgb(100% 100% 100% / 0);
  --origin-color-button-subdued-content-states: #ffffff;
  --origin-color-button-subdued-content-default: #bfbcb6;
  --origin-color-button-subdued-shortcut-border-default: rgb(45.098% 44.314% 42.745% / 0.5);
  --origin-color-button-critical-fill-hover: #ffa8aa;
  --origin-color-button-critical-fill-active: #fedbdb;
  --origin-color-button-critical-fill-default: #ff565e;
  --origin-color-button-critical-content-default: #141413;
  --origin-color-button-tertiary-fill-hover: #474543;
  --origin-color-button-tertiary-fill-active: #73716d;
  --origin-color-button-tertiary-fill-default: rgb(100% 100% 100% / 0);
  --origin-color-button-tertiary-border-default: rgb(100% 100% 100% / 0);
  --origin-color-button-tertiary-content-states: #ffffff;
  --origin-color-button-tertiary-content-default: #ffffff;
  --origin-color-button-tertiary-shortcut-border-default: rgb(45.098% 44.314% 42.745% / 0.5);
  --origin-color-button-secondary-fill-hover: #474543;
  --origin-color-button-secondary-fill-active: #73716d;
  --origin-color-button-secondary-fill-default: rgb(100% 100% 100% / 0);
  --origin-color-button-secondary-border-default: #474543;
  --origin-color-button-secondary-content-default: #ffffff;
  --origin-color-button-secondary-shortcut-border-default: rgb(45.098% 44.314% 42.745% / 0.5);
  --origin-color-button-enterprise-fill-hover: #cac3f7;
  --origin-color-button-enterprise-fill-active: #ddd9f9;
  --origin-color-button-enterprise-fill-default: #ffffff;
  --origin-color-button-enterprise-content-default: #1b0d6f;
  --origin-color-orange-contrast-low: #c25000;
  --origin-color-orange-contrast-high: #ff9d56;
  --origin-color-orange-contrast-lower: #812d00;
  --origin-color-orange-contrast-higher: #ff9d56;
  --origin-color-orange-contrast-lowest: #611a00;
  --origin-color-orange-contrast-highest: #fff3e1;
  --origin-color-purple-contrast-low: #714cb6;
  --origin-color-purple-contrast-high: #bea1f5;
  --origin-color-purple-contrast-lower: #3f256f;
  --origin-color-purple-contrast-higher: #bea1f5;
  --origin-color-purple-contrast-lowest: #281647;
  --origin-color-purple-contrast-highest: #f7f5ff;
  --origin-color-select-fill-hover: #1173a8;
  --origin-color-select-fill-default: #2b2b2b;
  --origin-color-select-icon-default: #f2f0eb;
  --origin-color-select-icon-inverse: #f2f0eb;
  --origin-color-select-text-default: #ffffff;
  --origin-color-select-text-inverse: #ffffff;
  --origin-color-select-border-inner: #4f5151;
  --origin-color-yellow-contrast-low: #f5c428;
  --origin-color-yellow-contrast-high: #f9d255;
  --origin-color-yellow-contrast-lower: #7f640b;
  --origin-color-yellow-contrast-higher: #f9d255;
  --origin-color-yellow-contrast-lowest: #664d02;
  --origin-color-yellow-contrast-highest: #fff8da;
  --origin-color-neutral-contrast-low: #73716d;
  --origin-color-neutral-contrast-high: #bfbcb6;
  --origin-color-neutral-contrast-lower: #474543;
  --origin-color-neutral-contrast-higher: #bfbcb6;
  --origin-color-neutral-contrast-lowest: #1f1e1d;
  --origin-color-neutral-contrast-highest: #fcfaf7;
  --origin-color-mulberry-contrast-low: #8d3d62;
  --origin-color-mulberry-contrast-high: #da7cb4;
  --origin-color-mulberry-contrast-lower: #602639;
  --origin-color-mulberry-contrast-higher: #da7cb4;
  --origin-color-mulberry-contrast-lowest: #421d24;
  --origin-color-mulberry-contrast-highest: #fff2fa;
  --origin-color-skeleton-fill-default: #474543;
  --origin-color-skeleton-shimmer: #73716d;
  --origin-color-elevation-base-low: #141413; /** This token connects to ElevationLow in the "semantic" set. */
  --origin-color-highlight-pro-default: rgba(245, 196, 40, 0.2);
  --origin-color-highlight-addition-default: #363040;
  --origin-color-highlight-critical-default: rgba(247, 42, 66, 0.2);
  --origin-color-highlight-deletion-default: #363634;
  --origin-color-highlight-noncritical-default: rgba(65, 152, 210, 0.2);
  --origin-color-underline-pro-default: #ae880d;
  --origin-color-underline-pro-subdued: #f5c428;
  --origin-color-underline-critical-default: #f72a42;
  --origin-color-underline-noncritical-default: #4198d2;
  --origin-color-background-edu-default: #ffffff;
  --origin-color-background-base-default: #292827;
  --origin-color-background-base-inverse: #ffffff;
  --origin-color-background-base-subdued: #1f1e1d;
  --origin-color-background-base-transparent: rgba(20, 20, 19, 0);
  --origin-color-background-free-default: #f2f0eb;
  --origin-color-background-brand-default: #bea1f5;
  --origin-color-background-brand-subdued: #3f256f;
  --origin-color-background-neutral-default: #f2f0eb;
  --origin-color-background-neutral-subdued: #bfbcb6;
  --origin-color-background-overlay-default: rgb(27.843% 27.059% 26.275% / 0.6);
  --origin-color-background-business-default: #f2f0eb;
  --origin-color-background-business-subdued: #fcfaf7;
  --origin-color-background-enterprise-default: #ffffff;
  --origin-color-illustration-fill-1: #bfbcb6;
  --origin-color-illustration-fill-2: #f2f0eb;
  --origin-color-illustration-fill-default: #474543;
  --origin-color-illustration-shadow-default: #474543;
  --origin-color-illustration-stroke-1: #8d8a86;
  --origin-color-illustration-stroke-2: #ffffff;
  --origin-color-illustration-stroke-3: #f2f0eb;
  --origin-color-illustration-stroke-default: #474543;
}

/**
 * Do not edit directly, this file was auto-generated.
 * Generated on Wed, 20 May 2026 18:12:18 GMT
 */

:root,
:host,
[data-origin-theme="superhuman"] [data-origin-mode="light"],
[data-origin-theme="superhuman"][data-origin-mode="light"] {
  --origin-red-0: #fff0f0;
  --origin-red-10: #fedbdb;
  --origin-red-20: #ffa8aa;
  --origin-red-30: #ff565e;
  --origin-red-40: #f72a42;
  --origin-red-60: #cd0037;
  --origin-red-80: #9f182d;
  --origin-red-90: #860628;
  --origin-red-100: #5b051c;
  --origin-blue-0: #eff8fd;
  --origin-blue-10: #daedfb;
  --origin-blue-20: #bbdff7;
  --origin-blue-30: #8dcaf2;
  --origin-blue-40: #4198d2;
  --origin-blue-60: #1173a8;
  --origin-blue-80: #0c5683;
  --origin-blue-90: #0a476d;
  --origin-blue-100: #16293d;
  --origin-gold-pro-0: #fff6e0;
  --origin-gold-pro-10: #ffebb8;
  --origin-gold-pro-20: #ffdc85;
  --origin-gold-pro-30: #ffbf47;
  --origin-gold-pro-40: #ffa10a;
  --origin-gold-pro-60: #e57300;
  --origin-gold-pro-80: #bd5200;
  --origin-gold-pro-90: #7a3500;
  --origin-green-0: #f4fdfa;
  --origin-green-10: #d5f7eb;
  --origin-green-20: #98ebcd;
  --origin-green-30: #3ac7a1;
  --origin-green-40: #26a28b;
  --origin-green-60: #148072;
  --origin-green-80: #005c54;
  --origin-green-90: #0c4243;
  --origin-green-100: #17261f;
  --origin-green-grammarly-0: #027e6f;
  --origin-white-0: #ffffff;
  --origin-orange-0: #fff3e1;
  --origin-orange-10: #ffe9c9;
  --origin-orange-20: #fdc298;
  --origin-orange-30: #ff9d56;
  --origin-orange-40: #f18333;
  --origin-orange-60: #c25000;
  --origin-orange-80: #a64500;
  --origin-orange-90: #812d00;
  --origin-orange-100: #611a00;
  --origin-orange-coda-0: #ee5a29;
  --origin-purple-0: #f7f5ff;
  --origin-purple-10: #e8e0ff;
  --origin-purple-20: #d4c7ff;
  --origin-purple-30: #bea1f5;
  --origin-purple-40: #9e7be0;
  --origin-purple-50: #8861ca;
  --origin-purple-60: #714cb6;
  --origin-purple-80: #533192;
  --origin-purple-90: #3f256f;
  --origin-purple-100: #281647;
  --origin-purple-enterprise-10: #ddd9f9;
  --origin-purple-enterprise-20: #cac3f7;
  --origin-purple-enterprise-60: #5e47e5;
  --origin-purple-enterprise-80: #3d27c0;
  --origin-purple-enterprise-90: #1b0d6f;
  --origin-yellow-0: #fff8da;
  --origin-yellow-10: #fef1bb;
  --origin-yellow-20: #fcdf83;
  --origin-yellow-30: #f9d255;
  --origin-yellow-40: #f5c428;
  --origin-yellow-60: #dfad0d;
  --origin-yellow-80: #ae880d;
  --origin-yellow-90: #7f640b;
  --origin-yellow-100: #664d02;
  --origin-neutral-0: #fcfaf7;
  --origin-neutral-5: #f7f6f2;
  --origin-neutral-10: #f2f0eb;
  --origin-neutral-20: #dedbd5;
  --origin-neutral-30: #bfbcb6;
  --origin-neutral-40: #8d8a86;
  --origin-neutral-60: #73716d;
  --origin-neutral-80: #474543;
  --origin-neutral-85: #383735;
  --origin-neutral-90: #292827;
  --origin-neutral-95: #1f1e1d;
  --origin-neutral-100: #141413;
  --origin-mulberry-0: #fff2fa;
  --origin-mulberry-10: #ffdcf3;
  --origin-mulberry-20: #f6aadd;
  --origin-mulberry-30: #da7cb4;
  --origin-mulberry-40: #bf6193;
  --origin-mulberry-60: #8d3d62;
  --origin-mulberry-80: #792d4b;
  --origin-mulberry-90: #602639;
  --origin-mulberry-100: #421d24;
  --origin-lightgreen-0: #00e0ac;
  --origin-transparent-0: rgba(255, 255, 255, 0);
  --origin-yellowgreen-0: #d5ff00;
  --origin-border-selected-400: #73716d;
  --origin-elevation-base-low: 0px 0px 2px 0px rgb(7.8431% 7.8431% 7.451% / 0.12), 0px 1px 8px 0px rgb(7.8431% 7.8431% 7.451% / 0.12);
  --origin-elevation-base-high: 0px 0px 2px 0px rgb(7.8431% 7.8431% 7.451% / 0.12), 0px 6px 24px 0px rgb(7.8431% 7.8431% 7.451% / 0.12);
  --origin-color-red-contrast-low: #cd0037; /** Use in Tag */
  --origin-color-red-contrast-high: #cd0037; /** Use in Tag */
  --origin-color-red-contrast-lower: #fedbdb; /** Use in Tag */
  --origin-color-red-contrast-higher: #9f182d; /** Use in Tag */
  --origin-color-red-contrast-lowest: #fff0f0; /** Use in Tag */
  --origin-color-red-contrast-highest: #860628; /** Use in Tag */
  --origin-color-tag-pro-icon-default: #ffbf47; /** Use in Tag, soon to be deprecated */
  --origin-color-tag-pro-text-default: #ffffff; /** Use in Tag, soon to be deprecated */
  --origin-color-tag-pro-background-default: #141413; /** Use in Tag, soon to be deprecated */
  --origin-color-tag-premium-icon-default: #7a3500; /** Use in Tag, soon to be deprecated */
  --origin-color-tag-premium-text-default: #7a3500; /** Use in Tag, soon to be deprecated */
  --origin-color-tag-premium-background-default: #ffbf47; /** Use in Tag, soon to be deprecated */
  --origin-color-blue-contrast-low: #1173a8; /** Use in Tag */
  --origin-color-blue-contrast-high: #1173a8; /** Use in Tag */
  --origin-color-blue-contrast-lower: #daedfb; /** Use in Tag */
  --origin-color-blue-contrast-higher: #0c5683; /** Use in Tag */
  --origin-color-blue-contrast-lowest: #eff8fd; /** Use in Tag */
  --origin-color-blue-contrast-highest: #0a476d; /** Use in Tag */
  --origin-color-fill-pro-default: #ffbf47; /** Use in Badge */
  --origin-color-fill-pro-subdued: #ffebb8; /** to be deprecated */
  --origin-color-fill-base-accent: #f2f0eb;
  --origin-color-fill-base-default: #ffffff;
  --origin-color-fill-base-inverse: #292827;
  --origin-color-fill-base-subdued: #fcfaf7;
  --origin-color-fill-brand-default: #714cb6;
  --origin-color-fill-hover-default: #f2f0eb; /** Use in hover states of Accordion, Combobox and Menu */
  --origin-color-fill-hover-subdued: #f7f6f2; /** Hover state for Table */
  --origin-color-fill-light-default: #ffffff;
  --origin-color-fill-active-default: #f2f0eb; /** Use in active states of Accordion, Combobox and Menu */
  --origin-color-fill-clarity-default: #1173a8; /** Use in Badge, soon to be deprecated */
  --origin-color-fill-clarity-subdued: #eff8fd;
  --origin-color-fill-premium-default: #ffbf47; /** Used in Badge */
  --origin-color-fill-premium-subdued: #fff6e0;
  --origin-color-fill-success-default: #005c54; /** Used in Badge */
  --origin-color-fill-success-subdued: #f4fdfa;
  --origin-color-fill-warning-default: #bd5200; /** Used in Badge */
  --origin-color-fill-warning-subdued: #fff6e0;
  --origin-color-fill-critical-default: #cd0037; /** Used in Badge */
  --origin-color-fill-critical-subdued: #fff0f0;
  --origin-color-fill-selected-default: #f2f0eb;
  --origin-color-fill-selected-subdued: #f7f6f2;
  --origin-color-fill-correctness-default: #cd0037; /** Used in Badge */
  --origin-color-fill-correctness-subdued: #fedbdb;
  --origin-color-fill-interactive-default: #602639; /** Used in Switch */
  --origin-color-icon-pro-default: #141413; /** Use in Plan Tag */
  --origin-color-icon-base-default: #141413; /** Use in icon */
  --origin-color-icon-base-inverse: #ffffff; /** Use in icon */
  --origin-color-icon-base-subdued: #73716d; /** Use in icon */
  --origin-color-icon-dark-default: #141413;
  --origin-color-icon-agent-default: #421d24; /** Use in agent icon */
  --origin-color-icon-brand-default: #714cb6;
  --origin-color-icon-light-default: #ffffff;
  --origin-color-icon-rating-default: #792d4b; /** Use in Rating */
  --origin-color-icon-premium-default: #7a3500; /** soon to be deprecated */
  --origin-color-icon-success-default: #005c54; /** Use in Toast */
  --origin-color-icon-warning-default: #c25000; /** Use in Toast */
  --origin-color-icon-warning-inverse: #ff9d56;
  --origin-color-icon-business-default: #73716d;
  --origin-color-icon-critical-default: #cd0037;
  --origin-color-icon-critical-inverse: #ff565e;
  --origin-color-icon-selected-default: #141413;
  --origin-color-icon-interactive-default: #602639; /** Use in Switch */
  --origin-color-link-text-primary: #1173a8;
  --origin-color-link-text-secondary: #141413;
  --origin-color-link-border-primary: #1173a8;
  --origin-color-link-border-secondary: #141413;
  --origin-color-logo-coda-light: #ffffff; /** Use in logo */
  --origin-color-logo-coda-default: #101010; /** Use in logo */
  --origin-color-logo-coda-primary: #ee5a29; /** Use in logo */
  --origin-color-logo-coda-secondary: #006838; /** Use in logo */
  --origin-color-logo-hero-dark: #421d24; /** Use in logo */
  --origin-color-logo-hero-default: #421d24; /** Use in logo */
  --origin-color-logo-mail-light: #ffffff; /** Use in logo */
  --origin-color-logo-mail-default: #000000; /** Use in logo */
  --origin-color-logo-mail-primary: rgba(248, 217, 255, 0); /** Use in logo */
  --origin-color-logo-product-dark: #421d24; /** Use in logo */
  --origin-color-logo-grammarly-dark: #141413; /** Use in logo */
  --origin-color-logo-grammarly-light: #ffffff; /** Use in logo */
  --origin-color-logo-grammarly-default: #141413; /** Use in logo */
  --origin-color-logo-grammarly-inverse: #ffffff; /** Use in logo */
  --origin-color-logo-grammarly-primary: #027e6f; /** Use in logo */
  --origin-color-logo-superhuman-light: #fcfaf7; /** Use in logo */
  --origin-color-logo-superhuman-default: #421d24; /** Use in logo */
  --origin-color-logo-superhuman-primary: #421d24; /** Use in logo */
  --origin-color-logo-superhuman-secondary: #d4c7ff; /** Use in logo */
  --origin-color-menu-icon-hover: #141413; /** Use in Menu */
  --origin-color-menu-icon-default: #73716d; /** Use in Menu */
  --origin-color-text-edu-default: #ffffff; /** Use in Plan Tag, soon to be deprecated */
  --origin-color-text-pro-default: #141413; /** Use in Badge, soon to be deprecated */
  --origin-color-text-base-default: #141413; /** Use in many components */
  --origin-color-text-base-inverse: #ffffff; /** Use in many components */
  --origin-color-text-base-subdued: #73716d; /** Use in many components */
  --origin-color-text-dark-default: #141413; /** Use in many components */
  --origin-color-text-free-default: #141413; /** Use in Plan Tag, soon to be deprecated */
  --origin-color-text-brand-default: #714cb6; /** Use in Link and Tab */
  --origin-color-text-light-default: #ffffff; /** Use in many components */
  --origin-color-text-premium-default: #7a3500; /** Use in Badge, soon to be deprecated */
  --origin-color-text-success-default: #005c54;
  --origin-color-text-warning-default: #7a3500;
  --origin-color-text-addition-default: #8861ca; /** Use in Text Tansforms */
  --origin-color-text-business-default: #141413; /** Use in Plan Tag, soon to be deprecated */
  --origin-color-text-critical-default: #cd0037;
  --origin-color-text-deletion-default: #73716d; /** Use in Text Tansforms */
  --origin-color-text-selected-active: #141413;
  --origin-color-text-selected-default: #141413;
  --origin-color-text-enterprise-default: #ffffff; /** Use in Plan Tag, soon to be deprecated */
  --origin-color-vbar-line-hover: #bfbcb6; /** Use in vbar */
  --origin-color-vbar-line-default: #dedbd5; /** Use in vbar */
  --origin-color-vbar-anchor-default: #4198d2; /** Use in vbar */
  --origin-color-green-contrast-low: #148072; /** Use in Tag */
  --origin-color-green-contrast-high: #148072; /** Use in Tag */
  --origin-color-green-contrast-lower: #d5f7eb; /** Use in Tag */
  --origin-color-green-contrast-higher: #005c54; /** Use in Tag */
  --origin-color-green-contrast-lowest: #f4fdfa; /** Use in Tag */
  --origin-color-green-contrast-highest: #0c4243; /** Use in Tag */
  --origin-color-border-pro-default: #ffa10a; /** to be deprecated */
  --origin-color-border-base-active: #1173a8;
  --origin-color-border-base-default: #8d8a86; /** Use in many components */
  --origin-color-border-base-inverse: #ffffff; /** Use in many components */
  --origin-color-border-base-subdued: #dedbd5; /** Use in many components */
  --origin-color-border-dark-subdued: #474543;
  --origin-color-border-brand-default: #714cb6;
  --origin-color-border-brand-subdued: #d4c7ff;
  --origin-color-border-focus-default: #73716d; /** Use in focus states */
  --origin-color-border-clarity-default: #4198d2; /** to be deprecated, replaced by underlines */
  --origin-color-border-premium-default: #ffa10a; /** to be deprecated, replaced by underlines */
  --origin-color-border-premium-subdued: #e57300; /** to be deprecated */
  --origin-color-border-success-default: #148072;
  --origin-color-border-success-subdued: #3ac7a1;
  --origin-color-border-warning-default: #bd5200;
  --origin-color-border-warning-subdued: #ffdc85;
  --origin-color-border-addition-default: #8861ca; /** to be deprecated */
  --origin-color-border-business-default: #73716d; /** to be deprecated */
  --origin-color-border-business-subdued: #dedbd5; /** to be deprecated */
  --origin-color-border-critical-default: #cd0037; /** Use in Checkbox error */
  --origin-color-border-critical-subdued: #ffa8aa;
  --origin-color-border-deletion-default: #696969; /** to be deprecated */
  --origin-color-border-elevated-default: rgba(255, 255, 255, 0);
  --origin-color-border-selected-active: #141413;
  --origin-color-border-selected-default: #8d8a86;
  --origin-color-border-correctness-default: #f00c00; /** to be deprecated, replaced by underlines */
  --origin-color-border-interactive-default: #602639; /** Use in Switch */
  --origin-color-button-pro-fill-states: #292827; /** Use in Button */
  --origin-color-button-pro-fill-default: #ffbf47; /** Use in Button */
  --origin-color-button-pro-content-hover: #ffbf47; /** Use in Button */
  --origin-color-button-pro-content-active: #dedbd5; /** Use in Button */
  --origin-color-button-pro-content-default: #141413; /** Use in Button */
  --origin-color-button-ghost-fill-hover: #f7f5ff; /** Use in Button */
  --origin-color-button-ghost-fill-active: #e8e0ff; /** Use in Button */
  --origin-color-button-ghost-fill-default: rgb(100% 100% 100% / 0); /** Use in Button */
  --origin-color-button-ghost-content-states: #533192; /** Use in Button */
  --origin-color-button-ghost-content-default: #714cb6; /** Use in Button */
  --origin-color-button-ghost-shortcut-border-default: rgb(44.314% 29.804% 71.373% / 0.3); /** Use in Button */
  --origin-color-button-premium-fill-hover: #ffdc85; /** Use in Button */
  --origin-color-button-premium-fill-active: #ffebb8; /** Use in Button */
  --origin-color-button-premium-fill-default: #ffbf47; /** Use in Button */
  --origin-color-button-premium-content-default: #7a3500; /** Use in Button */
  --origin-color-button-primary-fill-hover: #533192; /** Use in Button */
  --origin-color-button-primary-fill-active: #3f256f; /** Use in Button */
  --origin-color-button-primary-fill-default: #714cb6; /** Use in Button */
  --origin-color-button-primary-content-default: #ffffff; /** Use in Button */
  --origin-color-button-primary-shortcut-border-default: rgb(83.137% 78.039% 100% / 0.3); /** Use in Button */
  --origin-color-button-subdued-fill-hover: #f2f0eb; /** Use in Button */
  --origin-color-button-subdued-fill-active: #dedbd5; /** Use in Button */
  --origin-color-button-subdued-fill-default: rgb(100% 100% 100% / 0); /** Use in Button */
  --origin-color-button-subdued-border-default: rgb(100% 100% 100% / 0); /** Use in Button */
  --origin-color-button-subdued-content-states: #141413; /** Use in Button */
  --origin-color-button-subdued-content-default: #73716d; /** Use in Button */
  --origin-color-button-subdued-shortcut-border-default: rgb(74.902% 73.725% 71.373% / 0.7); /** Use in Button */
  --origin-color-button-critical-fill-hover: #9f182d; /** Use in Button */
  --origin-color-button-critical-fill-active: #860628; /** Use in Button */
  --origin-color-button-critical-fill-default: #cd0037; /** Use in Button */
  --origin-color-button-critical-content-default: #ffffff; /** Use in Button */
  --origin-color-button-tertiary-fill-hover: #f2f0eb; /** Use in Button */
  --origin-color-button-tertiary-fill-active: #dedbd5; /** Use in Button */
  --origin-color-button-tertiary-fill-default: rgb(100% 100% 100% / 0); /** Use in Button */
  --origin-color-button-tertiary-border-default: rgb(100% 100% 100% / 0); /** Use in Button */
  --origin-color-button-tertiary-content-states: #141413; /** Use in Button */
  --origin-color-button-tertiary-content-default: #141413; /** Use in Button */
  --origin-color-button-tertiary-shortcut-border-default: rgb(74.902% 73.725% 71.373% / 0.7); /** Use in Button */
  --origin-color-button-secondary-fill-hover: #f2f0eb; /** Use in Button */
  --origin-color-button-secondary-fill-active: #dedbd5; /** Use in Button */
  --origin-color-button-secondary-fill-default: rgb(100% 100% 100% / 0); /** Use in Button */
  --origin-color-button-secondary-border-default: #dedbd5; /** Use in Button */
  --origin-color-button-secondary-content-default: #141413; /** Use in Button */
  --origin-color-button-secondary-shortcut-border-default: rgb(74.902% 73.725% 71.373% / 0.7); /** Use in Button */
  --origin-color-button-enterprise-fill-hover: #3d27c0; /** Use in Button */
  --origin-color-button-enterprise-fill-active: #5e47e5; /** Use in Button */
  --origin-color-button-enterprise-fill-default: #1b0d6f; /** Use in Button */
  --origin-color-button-enterprise-content-default: #ffffff; /** Use in Button */
  --origin-color-orange-contrast-low: #c25000; /** Use in Tag */
  --origin-color-orange-contrast-high: #c25000; /** Use in Tag */
  --origin-color-orange-contrast-lower: #ffe9c9; /** Use in Tag */
  --origin-color-orange-contrast-higher: #a64500; /** Use in Tag */
  --origin-color-orange-contrast-lowest: #fff3e1; /** Use in Tag */
  --origin-color-orange-contrast-highest: #812d00; /** Use in Tag */
  --origin-color-purple-contrast-low: #714cb6; /** Use in Tag */
  --origin-color-purple-contrast-high: #714cb6; /** Use in Tag */
  --origin-color-purple-contrast-lower: #e8e0ff; /** Use in Tag */
  --origin-color-purple-contrast-higher: #533192; /** Use in Tag */
  --origin-color-purple-contrast-lowest: #f7f5ff; /** Use in Tag */
  --origin-color-purple-contrast-highest: #3f256f; /** Use in Tag */
  --origin-color-select-fill-hover: #4198d2; /** Use in Select */
  --origin-color-select-fill-default: #f2f0eb; /** Use in Select */
  --origin-color-select-icon-default: #141413; /** Use in Select */
  --origin-color-select-icon-inverse: #ffffff; /** Use in Select */
  --origin-color-select-text-default: #141413; /** Use in Select */
  --origin-color-select-text-inverse: #ffffff; /** Use in Select */
  --origin-color-select-border-inner: #bfbcb6; /** Use in Select */
  --origin-color-yellow-contrast-low: #f5c428; /** Use in Tag */
  --origin-color-yellow-contrast-high: #7f640b; /** Use in Tag */
  --origin-color-yellow-contrast-lower: #fef1bb; /** Use in Tag */
  --origin-color-yellow-contrast-higher: #664d02; /** Use in Tag */
  --origin-color-yellow-contrast-lowest: #fff8da; /** Use in Tag */
  --origin-color-yellow-contrast-highest: #664d02; /** Use in Tag */
  --origin-color-neutral-contrast-low: #73716d; /** Use in Tag */
  --origin-color-neutral-contrast-high: #73716d; /** Use in Tag */
  --origin-color-neutral-contrast-lower: #f2f0eb; /** Use in Tag */
  --origin-color-neutral-contrast-higher: #474543; /** Use in Tag */
  --origin-color-neutral-contrast-lowest: #fcfaf7; /** Use in Tag */
  --origin-color-neutral-contrast-highest: #292827; /** Use in Tag */
  --origin-color-mulberry-contrast-low: #8d3d62;
  --origin-color-mulberry-contrast-high: #8d3d62;
  --origin-color-mulberry-contrast-lower: #ffdcf3;
  --origin-color-mulberry-contrast-higher: #792d4b;
  --origin-color-mulberry-contrast-lowest: #fff2fa;
  --origin-color-mulberry-contrast-highest: #602639;
  --origin-color-skeleton-fill-default: #f2f0eb; /** Use in Loader */
  --origin-color-skeleton-shimmer: #dedbd5; /** Use in Loader */
  --origin-color-elevation-base-low: rgb(7.8431% 7.8431% 7.451% / 0.12);
  --origin-color-highlight-pro-default: rgba(245, 196, 40, 0.2); /** Use in Highlights */
  --origin-color-highlight-addition-default: #f3effa; /** Use in Highlights */
  --origin-color-highlight-critical-default: rgba(247, 42, 66, 0.2); /** Use in Highlights */
  --origin-color-highlight-deletion-default: #f1f1f0; /** Use in Highlights */
  --origin-color-highlight-noncritical-default: rgba(65, 152, 210, 0.2); /** Use in Highlights */
  --origin-color-underline-pro-default: #ae880d; /** Use in Underlines */
  --origin-color-underline-pro-subdued: #f5c428; /** Use in Underlines */
  --origin-color-underline-critical-default: #f72a42; /** Use in Underlines */
  --origin-color-underline-noncritical-default: #4198d2; /** Use in Underlines */
  --origin-color-background-edu-default: #1b0d6f; /** Use in Plan Tag, soon to be deprecated */
  --origin-color-background-base-default: #ffffff; /** Use in many components */
  --origin-color-background-base-inverse: #292827; /** Use in many components */
  --origin-color-background-base-subdued: #fcfaf7; /** Use in many components */
  --origin-color-background-base-transparent: rgba(255, 255, 255, 0);
  --origin-color-background-free-default: #f2f0eb; /** Use in Plan Tag, soon to be deprecated */
  --origin-color-background-brand-default: #714cb6;
  --origin-color-background-brand-subdued: #f7f5ff;
  --origin-color-background-neutral-default: #73716d; /** Used in Badge and Switch */
  --origin-color-background-neutral-subdued: #bfbcb6;
  --origin-color-background-overlay-default: rgb(27.843% 27.059% 26.275% / 0.6); /** Used in Modal overlay */
  --origin-color-background-business-default: #f2f0eb; /** Used in Badge */
  --origin-color-background-business-subdued: #fcfaf7;
  --origin-color-background-enterprise-default: #1b0d6f; /** Used in Plan Tag */
  --origin-color-illustration-fill-1: #f2f0eb;
  --origin-color-illustration-fill-2: #ffffff;
  --origin-color-illustration-fill-default: #141413;
  --origin-color-illustration-shadow-default: #8d8a86;
  --origin-color-illustration-stroke-1: #141413;
  --origin-color-illustration-stroke-2: #141413;
  --origin-color-illustration-stroke-3: #ffffff;
  --origin-color-illustration-stroke-default: #141413;
}

/**
 * Do not edit directly, this file was auto-generated.
 * Generated on Wed, 20 May 2026 18:12:18 GMT
 */

/**
 * Do not edit directly, this file was auto-generated.
 * Generated on Wed, 20 May 2026 18:12:18 GMT
 */

:root,
:host,
[data-origin-theme="grammarly"] {
  --origin-size-control-large: 40px;
  --origin-size-control-small: 24px;
  --origin-size-control-medium: 32px;
  --origin-size-control-xlarge: 48px;
  --origin-size-control-xxlarge: 52px;
  --origin-space-0: 0px;
  --origin-space-1: 4px;
  --origin-space-2: 8px;
  --origin-space-3: 12px;
  --origin-space-4: 16px;
  --origin-space-5: 20px;
  --origin-space-6: 24px;
  --origin-space-8: 32px;
  --origin-space-10: 40px;
  --origin-space-12: 48px;
  --origin-space-14: 56px;
  --origin-space-16: 64px;
  --origin-space-18: 72px;
  --origin-space-20: 80px;
  --origin-space-24: 96px;
  --origin-space-32: 128px;
  --origin-space-36: 144px;
  --origin-space-40: 160px;
  --origin-space-x-large: 12px;
  --origin-space-x-small: 6px;
  --origin-space-x-medium: 10px;
  --origin-space-x-xlarge: 16px;
  --origin-space-x-xxlarge: 20px;
  --origin-space-gap-small: 2px;
  --origin-space-gap-medium: 4px;
  --origin-space-shortcut-gap-large: 8px;
  --origin-space-shortcut-gap-small: 4px;
  --origin-space-shortcut-gap-medium: 6px;
  --origin-space-half: 2px;
  --origin-space-quarter: 1px;
  --origin-space-1-and-half: 6px;
  --origin-space-2-and-half: 10px;
  --origin-space-1-and-quarter: 5px;
  --origin-font-family-sans-default: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --origin-font-family-sans-secondary: Matter, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --origin-font-family-heading-large: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --origin-font-family-heading-small: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --origin-font-family-heading-medium: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --origin-font-family-heading-xlarge: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --origin-font-family-heading-xsmall: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --origin-font-family-heading-xxsmall: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --origin-font-weight-bold: 700;
  --origin-font-weight-medium: 500;
  --origin-font-weight-heading-large: 600;
  --origin-font-weight-heading-small: 600;
  --origin-font-weight-heading-medium: 600;
  --origin-font-weight-heading-xlarge: 600;
  --origin-font-weight-heading-xsmall: 600;
  --origin-font-weight-heading-xxsmall: 600;
  --origin-font-weight-regular: 400;
  --origin-font-weight-semibold: 600;
  --origin-line-height-text-large: 27px;
  --origin-line-height-text-small: 21px;
  --origin-line-height-text-medium: 24px;
  --origin-line-height-text-xsmall: 18px;
  --origin-line-height-heading-large: 30px;
  --origin-line-height-heading-small: 22.5px;
  --origin-line-height-heading-medium: 25px;
  --origin-line-height-heading-xlarge: 35px;
  --origin-line-height-heading-xsmall: 20px;
  --origin-line-height-heading-xxsmall: 17.5px;
  --origin-text-size-large: 18px;
  --origin-text-size-small: 14px;
  --origin-text-size-medium: 16px;
  --origin-text-size-xsmall: 12px;
  --origin-letter-spacing-text-large: 0;
  --origin-letter-spacing-text-small: 0;
  --origin-letter-spacing-text-medium: 0;
  --origin-letter-spacing-text-xsmall: 0;
  --origin-letter-spacing-heading-large: 0;
  --origin-letter-spacing-heading-small: 0;
  --origin-letter-spacing-heading-medium: 0;
  --origin-letter-spacing-heading-xlarge: 0;
  --origin-letter-spacing-heading-xsmall: 0;
  --origin-letter-spacing-heading-xxsmall: 0;
  --origin-heading-size-large: 24px;
  --origin-heading-size-small: 18px;
  --origin-heading-size-medium: 20px;
  --origin-heading-size-xlarge: 28px;
  --origin-heading-size-xsmall: 16px;
  --origin-heading-size-xxsmall: 14px;
  --origin-paragraph-large: 36px;
  --origin-paragraph-small: 18px;
  --origin-paragraph-medium: 24px;
  --origin-paragraph-xsmall: 16px;
  --origin-radius-0: 0px;
  --origin-radius-1: 4px;
  --origin-radius-2: 8px;
  --origin-radius-3: 12px;
  --origin-radius-4: 16px;
  --origin-radius-5: 20px;
  --origin-radius-6: 24px;
  --origin-radius-8: 32px;
  --origin-radius-10: 40px;
  --origin-radius-12: 48px;
  --origin-radius-25: 100px;
  --origin-radius-large: 8px;
  --origin-radius-small: 4px;
  --origin-radius-button-large: 8px;
  --origin-radius-button-small: 4px;
  --origin-radius-button-medium: 6px;
  --origin-radius-button-xlarge: 8px;
  --origin-radius-medium: 6px;
  --origin-radius-half: 2px;
  --origin-radius-1-and-half: 6px;
  --origin-radius-2-and-half: 10px;
  --origin-z-index-0: 0;
  --origin-z-index-100: 100;
  --origin-z-index-200: 200;
  --origin-z-index-300: 300;
  --origin-z-index-400: 400;
  --origin-z-index-500: 500;
  --origin-z-index-top: 99999;
  --origin-z-index-auto: auto;
  --origin-z-index-bottom: -100;
  --origin-spread-0: 0px;
  --origin-spread-1: 4px;
  --origin-spread-half: 2px;
  --origin-spread-quarter: 1px;
  --origin-spread-half-quarter: 0.5px;
  --origin-blur-0: 0px;
  --origin-blur-1: 4px;
  --origin-blur-2: 8px;
  --origin-blur-3: 12px;
  --origin-blur-4: 16px;
  --origin-blur-5: 20px;
  --origin-blur-6: 24px;
  --origin-blur-half: 2px;
  --origin-blur-1-and-half: 6px;
  --origin-blur-2-and-half: 10px;
  --origin-axis-0: 0px;
  --origin-axis-1: 4px;
  --origin-axis-half: 2px;
  --origin-axis-quarter: 1px;
  --origin-axis-1-and-half: 6px;
}

:root,
:host,
[data-origin-theme="grammarly"] [data-origin-mode="dark"],
[data-origin-theme="grammarly"][data-origin-mode="dark"] {
  --origin-red-0: #ffeae9;
  --origin-red-10: #ffd1d0;
  --origin-red-20: #ffa8a8;
  --origin-red-30: #ff7a74;
  --origin-red-40: #ff4d45;
  --origin-red-60: #eb0a00;
  --origin-red-80: #cd0800;
  --origin-red-90: #8f0600;
  --origin-red-100: #510300;
  --origin-blue-0: #f3f6ff;
  --origin-blue-10: #d1dbfe;
  --origin-blue-20: #adbff9;
  --origin-blue-30: #7d99f0;
  --origin-blue-40: #3e6cf4;
  --origin-blue-60: #2551da;
  --origin-blue-80: #02379e;
  --origin-blue-90: #000a62;
  --origin-blue-100: #000a26;
  --origin-gold-0: #fff6e0;
  --origin-gold-10: #ffebb8;
  --origin-gold-20: #ffdc85;
  --origin-gold-30: #ffbf47;
  --origin-gold-40: #ffa10a;
  --origin-gold-60: #e57300;
  --origin-gold-80: #bd5200;
  --origin-gold-90: #7a3500;
  --origin-gold-100: #1a0b00;
  --origin-teal-0: #e6fdfd;
  --origin-teal-10: #ccfafa;
  --origin-teal-20: #b3f8f8;
  --origin-teal-30: #80f3f3;
  --origin-teal-40: #00e6e6;
  --origin-teal-60: #00c4c4;
  --origin-teal-80: #027d7d;
  --origin-teal-90: #005c5c;
  --origin-teal-100: #001f1f;
  --origin-green-0: #eafaf9;
  --origin-green-10: #b1f0e8;
  --origin-green-20: #73e1d4;
  --origin-green-30: #2cc9b6;
  --origin-green-40: #15a694;
  --origin-green-60: #027e6f;
  --origin-green-80: #016a5e;
  --origin-green-90: #014c43;
  --origin-green-100: #00231f;
  --origin-white-0: #ffffff;
  --origin-purple-0: #f7f6fe;
  --origin-purple-10: #ddd9f9;
  --origin-purple-20: #cac3f7;
  --origin-purple-30: #a598f0;
  --origin-purple-40: #8675eb;
  --origin-purple-60: #5e47e5;
  --origin-purple-80: #3d27c0;
  --origin-purple-90: #1b0d6f;
  --origin-purple-100: #0e073b;
  --origin-neutral-0: #f5f5f5;
  --origin-neutral-10: #ebebeb;
  --origin-neutral-20: #d9d9d9;
  --origin-neutral-30: #bcbcbc;
  --origin-neutral-40: #a8a8a8;
  --origin-neutral-60: #707070;
  --origin-neutral-80: #545454;
  --origin-neutral-90: #2e2e2e;
  --origin-neutral-100: #1c1c1c;
  --origin-lightgreen-0: #00e0ac;
  --origin-transparent-0: rgba(255, 255, 255, 0);
  --origin-yellowgreen-0: #d5ff00;
  --origin-border-selected-400: #027e6f;
  --origin-elevation-base-low: 0px 0px 2px 0px rgba(28, 28, 28, 0.5), 0px 1px 8px 0px rgba(28, 28, 28, 0.5);
  --origin-elevation-base-high: 0px 0px 2px 0px rgba(28, 28, 28, 0.5), 0px 6px 24px 0px rgba(28, 28, 28, 0.5);
  --origin-color-red-contrast-low: #eb0a00;
  --origin-color-red-contrast-high: #ff7a74;
  --origin-color-red-contrast-lower: #8f0600;
  --origin-color-red-contrast-higher: #ff7a74;
  --origin-color-red-contrast-lowest: #510300;
  --origin-color-red-contrast-highest: #ffeae9;
  --origin-color-tag-pro-icon-default: #1c1c1c;
  --origin-color-tag-pro-text-default: #1c1c1c;
  --origin-color-tag-pro-background-default: #ffbf47;
  --origin-color-tag-premium-icon-default: #7a3500;
  --origin-color-tag-premium-text-default: #7a3500;
  --origin-color-tag-premium-background-default: #ffbf47;
  --origin-color-blue-contrast-low: #2551da;
  --origin-color-blue-contrast-high: #7d99f0;
  --origin-color-blue-contrast-lower: #000a62;
  --origin-color-blue-contrast-higher: #7d99f0;
  --origin-color-blue-contrast-lowest: #000a26;
  --origin-color-blue-contrast-highest: #f3f6ff;
  --origin-color-fill-pro-default: #ffbf47;
  --origin-color-fill-pro-subdued: #2e2e2e;
  --origin-color-fill-base-accent: #545454;
  --origin-color-fill-base-default: #2e2e2e;
  --origin-color-fill-base-inverse: #ffffff;
  --origin-color-fill-base-subdued: #2e2e2e;
  --origin-color-fill-brand-default: #cac3f7;
  --origin-color-fill-hover-default: #545454;
  --origin-color-fill-hover-subdued: #545454; /** Hover state for Table */
  --origin-color-fill-light-default: #ffffff;
  --origin-color-fill-active-default: #707070;
  --origin-color-fill-clarity-default: #7d99f0;
  --origin-color-fill-clarity-subdued: #000a62;
  --origin-color-fill-premium-default: #ffbf47;
  --origin-color-fill-premium-subdued: #ffdc85;
  --origin-color-fill-success-default: #2cc9b6;
  --origin-color-fill-success-subdued: #014c43;
  --origin-color-fill-warning-default: #ffbf47;
  --origin-color-fill-warning-subdued: #7a3500;
  --origin-color-fill-critical-default: #ff7a74;
  --origin-color-fill-critical-subdued: #510300;
  --origin-color-fill-selected-default: #016a5e;
  --origin-color-fill-selected-subdued: #545454;
  --origin-color-fill-correctness-default: #ff7a74;
  --origin-color-fill-correctness-subdued: #510300;
  --origin-color-fill-interactive-default: #2cc9b6;
  --origin-color-icon-pro-default: #1c1c1c;
  --origin-color-icon-base-default: #ffffff;
  --origin-color-icon-base-inverse: #707070;
  --origin-color-icon-base-subdued: #bcbcbc;
  --origin-color-icon-dark-default: #1c1c1c;
  --origin-color-icon-agent-default: #ffffff;
  --origin-color-icon-brand-default: #2cc9b6;
  --origin-color-icon-light-default: #ffffff;
  --origin-color-icon-rating-default: #e57300;
  --origin-color-icon-premium-default: #7a3500;
  --origin-color-icon-success-default: #2cc9b6;
  --origin-color-icon-warning-default: #ffbf47;
  --origin-color-icon-warning-inverse: #e57300;
  --origin-color-icon-business-default: #bcbcbc;
  --origin-color-icon-critical-default: #ff7a74;
  --origin-color-icon-critical-inverse: #cd0800;
  --origin-color-icon-selected-default: #73e1d4;
  --origin-color-icon-interactive-default: #2cc9b6;
  --origin-color-link-text-primary: #7d99f0;
  --origin-color-link-text-secondary: #bcbcbc;
  --origin-color-link-border-primary: #7d99f0;
  --origin-color-link-border-secondary: #bcbcbc;
  --origin-color-logo-coda-light: #ffffff;
  --origin-color-logo-coda-default: #ffffff;
  --origin-color-logo-coda-primary: #ffffff;
  --origin-color-logo-coda-secondary: #ffffff;
  --origin-color-logo-hero-dark: #421d24;
  --origin-color-logo-hero-default: #ffffff;
  --origin-color-logo-mail-light: #ffffff;
  --origin-color-logo-mail-default: #ffffff;
  --origin-color-logo-mail-primary: rgba(248, 217, 255, 0);
  --origin-color-logo-product-dark: #421d24;
  --origin-color-logo-grammarly-dark: #1c1c1c;
  --origin-color-logo-grammarly-light: #ffffff;
  --origin-color-logo-grammarly-default: #ffffff;
  --origin-color-logo-grammarly-inverse: #1c1c1c;
  --origin-color-logo-grammarly-primary: #027e6f;
  --origin-color-logo-superhuman-light: #ffffff;
  --origin-color-logo-superhuman-default: #ffffff;
  --origin-color-logo-superhuman-primary: #ffffff;
  --origin-color-logo-superhuman-secondary: #d6d3fe;
  --origin-color-menu-icon-hover: #ffffff;
  --origin-color-menu-icon-default: #bcbcbc;
  --origin-color-text-edu-default: #1b0d6f;
  --origin-color-text-pro-default: #1c1c1c;
  --origin-color-text-base-default: #ffffff;
  --origin-color-text-base-inverse: #1c1c1c;
  --origin-color-text-base-subdued: #bcbcbc;
  --origin-color-text-dark-default: #1c1c1c;
  --origin-color-text-free-default: #1c1c1c;
  --origin-color-text-brand-default: #2cc9b6;
  --origin-color-text-light-default: #ffffff;
  --origin-color-text-premium-default: #7a3500;
  --origin-color-text-success-default: #2cc9b6;
  --origin-color-text-warning-default: #ffbf47;
  --origin-color-text-addition-default: #2cc9b6;
  --origin-color-text-business-default: #1c1c1c;
  --origin-color-text-critical-default: #ff7a74;
  --origin-color-text-deletion-default: #a8a8a8;
  --origin-color-text-selected-active: #73e1d4;
  --origin-color-text-selected-default: #73e1d4;
  --origin-color-text-enterprise-default: #1b0d6f;
  --origin-color-vbar-line-hover: #a8a8a8;
  --origin-color-vbar-line-default: #707070;
  --origin-color-vbar-anchor-default: #7d99f0;
  --origin-color-green-contrast-low: #027e6f;
  --origin-color-green-contrast-high: #2cc9b6;
  --origin-color-green-contrast-lower: #016a5e;
  --origin-color-green-contrast-higher: #2cc9b6;
  --origin-color-green-contrast-lowest: #00231f;
  --origin-color-green-contrast-highest: #eafaf9;
  --origin-color-border-pro-default: #ffa10a;
  --origin-color-border-base-active: #adbff9;
  --origin-color-border-base-default: #7f7f7f;
  --origin-color-border-base-inverse: #1c1c1c;
  --origin-color-border-base-subdued: #545454;
  --origin-color-border-dark-subdued: #545454;
  --origin-color-border-brand-default: #2cc9b6;
  --origin-color-border-brand-subdued: #016a5e;
  --origin-color-border-focus-default: #2cc9b6;
  --origin-color-border-clarity-default: #3e6cf4;
  --origin-color-border-premium-default: #ffa10a;
  --origin-color-border-premium-subdued: #ffdc85;
  --origin-color-border-success-default: #2cc9b6;
  --origin-color-border-success-subdued: #016a5e;
  --origin-color-border-warning-default: #ffbf47;
  --origin-color-border-warning-subdued: #bd5200;
  --origin-color-border-addition-default: #2cc9b6;
  --origin-color-border-business-default: #bcbcbc;
  --origin-color-border-business-subdued: #707070;
  --origin-color-border-critical-default: #ff7a74;
  --origin-color-border-critical-subdued: #cd0800;
  --origin-color-border-deletion-default: #a8a8a8;
  --origin-color-border-elevated-default: #a8a8a8;
  --origin-color-border-selected-active: #73e1d4;
  --origin-color-border-selected-default: #027e6f;
  --origin-color-border-correctness-default: #f00c00;
  --origin-color-border-interactive-default: #2cc9b6;
  --origin-color-button-pro-fill-states: #2e2e2e;
  --origin-color-button-pro-fill-default: #ffbf47;
  --origin-color-button-pro-content-hover: #ffbf47;
  --origin-color-button-pro-content-active: #d9d9d9;
  --origin-color-button-pro-content-default: #1c1c1c;
  --origin-color-button-ghost-fill-hover: #00231f;
  --origin-color-button-ghost-fill-active: #014c43;
  --origin-color-button-ghost-fill-default: rgb(100% 100% 100% / 0);
  --origin-color-button-ghost-content-states: #2cc9b6;
  --origin-color-button-ghost-content-default: #73e1d4;
  --origin-color-button-ghost-shortcut-border-default: rgb(0.78431% 49.412% 43.529% / 0.4);
  --origin-color-button-premium-fill-hover: #ffdc85;
  --origin-color-button-premium-fill-active: #ffebb8;
  --origin-color-button-premium-fill-default: #ffbf47;
  --origin-color-button-premium-content-default: #7a3500;
  --origin-color-button-primary-fill-hover: #73e1d4;
  --origin-color-button-primary-fill-active: #b1f0e8;
  --origin-color-button-primary-fill-default: #2cc9b6;
  --origin-color-button-primary-content-default: #1c1c1c;
  --origin-color-button-primary-shortcut-border-default: rgb(0.78431% 49.412% 43.529% / 0.4);
  --origin-color-button-subdued-fill-hover: #2e2e2e;
  --origin-color-button-subdued-fill-active: #545454;
  --origin-color-button-subdued-fill-default: rgb(100% 100% 100% / 0);
  --origin-color-button-subdued-border-default: rgb(100% 100% 100% / 0);
  --origin-color-button-subdued-content-states: #ffffff;
  --origin-color-button-subdued-content-default: #bcbcbc;
  --origin-color-button-subdued-shortcut-border-default: rgb(43.922% 43.922% 43.922% / 0.5);
  --origin-color-button-critical-fill-hover: #ffa8a8;
  --origin-color-button-critical-fill-active: #ffd1d0;
  --origin-color-button-critical-fill-default: #ff7a74;
  --origin-color-button-critical-content-default: #1c1c1c;
  --origin-color-button-tertiary-fill-hover: #2e2e2e;
  --origin-color-button-tertiary-fill-active: #545454;
  --origin-color-button-tertiary-fill-default: rgb(100% 100% 100% / 0);
  --origin-color-button-tertiary-border-default: rgb(100% 100% 100% / 0);
  --origin-color-button-tertiary-content-states: #ffffff;
  --origin-color-button-tertiary-content-default: #ffffff;
  --origin-color-button-tertiary-shortcut-border-default: rgb(43.922% 43.922% 43.922% / 0.5);
  --origin-color-button-secondary-fill-hover: #2e2e2e;
  --origin-color-button-secondary-fill-active: #545454;
  --origin-color-button-secondary-fill-default: rgb(100% 100% 100% / 0);
  --origin-color-button-secondary-border-default: #545454;
  --origin-color-button-secondary-content-default: #ffffff;
  --origin-color-button-secondary-shortcut-border-default: rgb(43.922% 43.922% 43.922% / 0.5);
  --origin-color-button-enterprise-fill-hover: #cac3f7;
  --origin-color-button-enterprise-fill-active: #ddd9f9;
  --origin-color-button-enterprise-fill-default: #ffffff;
  --origin-color-button-enterprise-content-default: #1b0d6f;
  --origin-color-orange-contrast-low: #e57300;
  --origin-color-orange-contrast-high: #ffbf47;
  --origin-color-orange-contrast-lower: #7a3500;
  --origin-color-orange-contrast-higher: #ffbf47;
  --origin-color-orange-contrast-lowest: #1a0b00;
  --origin-color-orange-contrast-highest: #fff6e0;
  --origin-color-purple-contrast-low: #5e47e5;
  --origin-color-purple-contrast-high: #a598f0;
  --origin-color-purple-contrast-lower: #1b0d6f;
  --origin-color-purple-contrast-higher: #a598f0;
  --origin-color-purple-contrast-lowest: #0e073b;
  --origin-color-purple-contrast-highest: #f7f6fe;
  --origin-color-select-fill-hover: #2551da;
  --origin-color-select-fill-default: #707070;
  --origin-color-select-icon-default: #ebebeb;
  --origin-color-select-icon-inverse: #ebebeb;
  --origin-color-select-text-default: #ffffff;
  --origin-color-select-text-inverse: #ffffff;
  --origin-color-select-border-inner: #707070;
  --origin-color-yellow-contrast-low: #ffa10a;
  --origin-color-yellow-contrast-high: #ffbf47;
  --origin-color-yellow-contrast-lower: #7a3500;
  --origin-color-yellow-contrast-higher: #ffbf47;
  --origin-color-yellow-contrast-lowest: #1a0b00;
  --origin-color-yellow-contrast-highest: #fff6e0;
  --origin-color-neutral-contrast-low: #707070;
  --origin-color-neutral-contrast-high: #bcbcbc;
  --origin-color-neutral-contrast-lower: #545454;
  --origin-color-neutral-contrast-higher: #bcbcbc;
  --origin-color-neutral-contrast-lowest: #1c1c1c;
  --origin-color-neutral-contrast-highest: #f5f5f5;
  --origin-color-mulberry-contrast-low: #707070;
  --origin-color-mulberry-contrast-high: #bcbcbc;
  --origin-color-mulberry-contrast-lower: #545454;
  --origin-color-mulberry-contrast-higher: #bcbcbc;
  --origin-color-mulberry-contrast-lowest: #1c1c1c;
  --origin-color-mulberry-contrast-highest: #f5f5f5;
  --origin-color-skeleton-fill-default: #2e2e2e;
  --origin-color-skeleton-shimmer: #545454;
  --origin-color-elevation-base-low: rgba(28, 28, 28, 0.5); /** This token connects to ElevationLow in the "semantic" set. */
  --origin-color-highlight-pro-default: rgba(255, 161, 10, 0.2);
  --origin-color-highlight-addition-default: #014c43;
  --origin-color-highlight-critical-default: rgba(255, 77, 69, 0.2);
  --origin-color-highlight-deletion-default: #2e2e2e;
  --origin-color-highlight-noncritical-default: rgba(62, 108, 244, 0.2);
  --origin-color-underline-pro-default: #bd5200;
  --origin-color-underline-pro-subdued: #ffa10a;
  --origin-color-underline-critical-default: #ff4d45;
  --origin-color-underline-noncritical-default: #3e6cf4;
  --origin-color-background-edu-default: #ffffff;
  --origin-color-background-base-default: #2e2e2e;
  --origin-color-background-base-inverse: #ffffff;
  --origin-color-background-base-subdued: #1c1c1c;
  --origin-color-background-base-transparent: rgba(28, 28, 28, 0);
  --origin-color-background-free-default: #ebebeb;
  --origin-color-background-brand-default: #2cc9b6;
  --origin-color-background-brand-subdued: #014c43;
  --origin-color-background-neutral-default: #ebebeb;
  --origin-color-background-neutral-subdued: #bcbcbc;
  --origin-color-background-overlay-default: rgb(18.039% 18.039% 18.039% / 0.6);
  --origin-color-background-business-default: #ebebeb;
  --origin-color-background-business-subdued: #f5f5f5;
  --origin-color-background-enterprise-default: #ffffff;
  --origin-color-illustration-fill-1: #bcbcbc;
  --origin-color-illustration-fill-2: #ebebeb;
  --origin-color-illustration-fill-default: #545454;
  --origin-color-illustration-shadow-default: #545454;
  --origin-color-illustration-stroke-1: #a8a8a8;
  --origin-color-illustration-stroke-2: #ffffff;
  --origin-color-illustration-stroke-3: #ebebeb;
  --origin-color-illustration-stroke-default: #545454;
}

/**
 * Do not edit directly, this file was auto-generated.
 * Generated on Wed, 20 May 2026 18:12:18 GMT
 */

:root,
:host,
[data-origin-theme="grammarly"] [data-origin-mode="light"],
[data-origin-theme="grammarly"][data-origin-mode="light"] {
  --origin-red-0: #ffeae9;
  --origin-red-10: #ffd1d0;
  --origin-red-20: #ffa8a8;
  --origin-red-30: #ff7a74;
  --origin-red-40: #ff4d45;
  --origin-red-60: #eb0a00;
  --origin-red-80: #cd0800;
  --origin-red-90: #8f0600;
  --origin-red-100: #510300;
  --origin-blue-0: #f3f6ff;
  --origin-blue-10: #d1dbfe;
  --origin-blue-20: #adbff9;
  --origin-blue-30: #7d99f0;
  --origin-blue-40: #3e6cf4;
  --origin-blue-60: #2551da;
  --origin-blue-80: #02379e;
  --origin-blue-90: #000a62;
  --origin-blue-100: #000a26;
  --origin-gold-0: #fff6e0;
  --origin-gold-10: #ffebb8;
  --origin-gold-20: #ffdc85;
  --origin-gold-30: #ffbf47;
  --origin-gold-40: #ffa10a;
  --origin-gold-60: #e57300;
  --origin-gold-80: #bd5200;
  --origin-gold-90: #7a3500;
  --origin-gold-100: #1a0b00;
  --origin-teal-0: #e6fdfd;
  --origin-teal-10: #ccfafa;
  --origin-teal-20: #b3f8f8;
  --origin-teal-30: #80f3f3;
  --origin-teal-40: #00e6e6;
  --origin-teal-60: #00c4c4;
  --origin-teal-80: #027d7d;
  --origin-teal-90: #005c5c;
  --origin-teal-100: #001f1f;
  --origin-green-0: #eafaf9;
  --origin-green-10: #b1f0e8;
  --origin-green-20: #73e1d4;
  --origin-green-30: #2cc9b6;
  --origin-green-40: #15a694;
  --origin-green-60: #027e6f;
  --origin-green-80: #016a5e;
  --origin-green-90: #014c43;
  --origin-green-100: #00231f;
  --origin-white-0: #ffffff;
  --origin-purple-0: #f7f6fe;
  --origin-purple-10: #ddd9f9;
  --origin-purple-20: #cac3f7;
  --origin-purple-30: #a598f0;
  --origin-purple-40: #8675eb;
  --origin-purple-60: #5e47e5;
  --origin-purple-80: #3d27c0;
  --origin-purple-90: #1b0d6f;
  --origin-purple-100: #0e073b;
  --origin-neutral-0: #f5f5f5;
  --origin-neutral-10: #ebebeb;
  --origin-neutral-20: #d9d9d9;
  --origin-neutral-30: #bcbcbc;
  --origin-neutral-40: #a8a8a8;
  --origin-neutral-60: #707070;
  --origin-neutral-80: #545454;
  --origin-neutral-90: #2e2e2e;
  --origin-neutral-100: #1c1c1c;
  --origin-lightgreen-0: #00e0ac;
  --origin-transparent-0: rgba(255, 255, 255, 0);
  --origin-yellowgreen-0: #d5ff00;
  --origin-border-selected-400: #027e6f;
  --origin-elevation-base-low: 0px 0px 2px 0px rgba(112, 112, 112, 0.5), 0px 1px 8px 0px rgba(112, 112, 112, 0.5);
  --origin-elevation-base-high: 0px 0px 2px 0px rgba(112, 112, 112, 0.5), 0px 6px 24px 0px rgba(112, 112, 112, 0.5);
  --origin-color-red-contrast-low: #eb0a00; /** Use in Tag */
  --origin-color-red-contrast-high: #eb0a00; /** Use in Tag */
  --origin-color-red-contrast-lower: #ffd1d0; /** Use in Tag */
  --origin-color-red-contrast-higher: #cd0800; /** Use in Tag */
  --origin-color-red-contrast-lowest: #ffeae9; /** Use in Tag */
  --origin-color-red-contrast-highest: #8f0600; /** Use in Tag */
  --origin-color-tag-pro-icon-default: #ffbf47; /** Use in Tag, soon to be deprecated */
  --origin-color-tag-pro-text-default: #ffffff; /** Use in Tag, soon to be deprecated */
  --origin-color-tag-pro-background-default: #1c1c1c; /** Use in Tag, soon to be deprecated */
  --origin-color-tag-premium-icon-default: #7a3500; /** Use in Tag, soon to be deprecated */
  --origin-color-tag-premium-text-default: #7a3500; /** Use in Tag, soon to be deprecated */
  --origin-color-tag-premium-background-default: #ffbf47; /** Use in Tag, soon to be deprecated */
  --origin-color-blue-contrast-low: #2551da; /** Use in Tag */
  --origin-color-blue-contrast-high: #2551da; /** Use in Tag */
  --origin-color-blue-contrast-lower: #d1dbfe; /** Use in Tag */
  --origin-color-blue-contrast-higher: #02379e; /** Use in Tag */
  --origin-color-blue-contrast-lowest: #f3f6ff; /** Use in Tag */
  --origin-color-blue-contrast-highest: #000a62; /** Use in Tag */
  --origin-color-fill-pro-default: #ffbf47; /** Use in Badge */
  --origin-color-fill-pro-subdued: #ffebb8; /** to be deprecated */
  --origin-color-fill-base-accent: #ebebeb;
  --origin-color-fill-base-default: #ffffff;
  --origin-color-fill-base-inverse: #2e2e2e;
  --origin-color-fill-base-subdued: #f5f5f5;
  --origin-color-fill-brand-default: #5e47e5;
  --origin-color-fill-hover-default: #ebebeb; /** Use in hover states of Accordion, Combobox and Menu */
  --origin-color-fill-hover-subdued: #f5f5f5; /** Hover state for Table */
  --origin-color-fill-light-default: #ffffff;
  --origin-color-fill-active-default: #d9d9d9; /** Use in active states of Accordion, Combobox and Menu */
  --origin-color-fill-clarity-default: #2551da; /** Use in Badge, soon to be deprecated */
  --origin-color-fill-clarity-subdued: #f3f6ff;
  --origin-color-fill-premium-default: #ffbf47; /** Used in Badge */
  --origin-color-fill-premium-subdued: #fff6e0;
  --origin-color-fill-success-default: #016a5e; /** Used in Badge */
  --origin-color-fill-success-subdued: #eafaf9;
  --origin-color-fill-warning-default: #bd5200; /** Used in Badge */
  --origin-color-fill-warning-subdued: #fff6e0;
  --origin-color-fill-critical-default: #eb0a00; /** Used in Badge */
  --origin-color-fill-critical-subdued: #ffeae9;
  --origin-color-fill-selected-default: #b1f0e8;
  --origin-color-fill-selected-subdued: #ebebeb;
  --origin-color-fill-correctness-default: #eb0a00; /** Used in Badge */
  --origin-color-fill-correctness-subdued: #ffd1d0;
  --origin-color-fill-interactive-default: #027e6f; /** Used in Switch */
  --origin-color-icon-pro-default: #1c1c1c; /** Use in Plan Tag */
  --origin-color-icon-base-default: #707070; /** Use in icon */
  --origin-color-icon-base-inverse: #ffffff; /** Use in icon */
  --origin-color-icon-base-subdued: #bcbcbc; /** Use in icon */
  --origin-color-icon-dark-default: #1c1c1c;
  --origin-color-icon-agent-default: #027e6f; /** Use in agent icon */
  --origin-color-icon-brand-default: #027e6f;
  --origin-color-icon-light-default: #ffffff;
  --origin-color-icon-rating-default: #e57300; /** Use in Rating */
  --origin-color-icon-premium-default: #7a3500; /** soon to be deprecated */
  --origin-color-icon-success-default: #016a5e; /** Use in Toast */
  --origin-color-icon-warning-default: #e57300; /** Use in Toast */
  --origin-color-icon-warning-inverse: #ffbf47;
  --origin-color-icon-business-default: #707070;
  --origin-color-icon-critical-default: #cd0800;
  --origin-color-icon-critical-inverse: #ff7a74;
  --origin-color-icon-selected-default: #027e6f;
  --origin-color-icon-interactive-default: #027e6f; /** Use in Switch */
  --origin-color-link-text-primary: #2551da;
  --origin-color-link-text-secondary: #707070;
  --origin-color-link-border-primary: #2551da;
  --origin-color-link-border-secondary: #707070;
  --origin-color-logo-coda-light: #ffffff; /** Use in logo */
  --origin-color-logo-coda-default: #101010; /** Use in logo */
  --origin-color-logo-coda-primary: #ee5a29; /** Use in logo */
  --origin-color-logo-coda-secondary: #006838; /** Use in logo */
  --origin-color-logo-hero-dark: #421d24; /** Use in logo */
  --origin-color-logo-hero-default: #421d24; /** Use in logo */
  --origin-color-logo-mail-light: #ffffff; /** Use in logo */
  --origin-color-logo-mail-default: #000000; /** Use in logo */
  --origin-color-logo-mail-primary: rgba(248, 217, 255, 0); /** Use in logo */
  --origin-color-logo-product-dark: #421d24; /** Use in logo */
  --origin-color-logo-grammarly-dark: #1c1c1c; /** Use in logo */
  --origin-color-logo-grammarly-light: #ffffff; /** Use in logo */
  --origin-color-logo-grammarly-default: #1c1c1c; /** Use in logo */
  --origin-color-logo-grammarly-inverse: #ffffff; /** Use in logo */
  --origin-color-logo-grammarly-primary: #027e6f; /** Use in logo */
  --origin-color-logo-superhuman-light: #ffffff; /** Use in logo */
  --origin-color-logo-superhuman-default: #421d24; /** Use in logo */
  --origin-color-logo-superhuman-primary: #421d24; /** Use in logo */
  --origin-color-logo-superhuman-secondary: #d6d3fe; /** Use in logo */
  --origin-color-menu-icon-hover: #1c1c1c; /** Use in Menu */
  --origin-color-menu-icon-default: #707070; /** Use in Menu */
  --origin-color-text-edu-default: #ffffff; /** Use in Plan Tag, soon to be deprecated */
  --origin-color-text-pro-default: #1c1c1c; /** Use in Badge, soon to be deprecated */
  --origin-color-text-base-default: #1c1c1c; /** Use in many components */
  --origin-color-text-base-inverse: #ffffff; /** Use in many components */
  --origin-color-text-base-subdued: #707070; /** Use in many components */
  --origin-color-text-dark-default: #1c1c1c; /** Use in many components */
  --origin-color-text-free-default: #1c1c1c; /** Use in Plan Tag, soon to be deprecated */
  --origin-color-text-brand-default: #027e6f; /** Use in Link and Tab */
  --origin-color-text-light-default: #ffffff; /** Use in many components */
  --origin-color-text-premium-default: #7a3500; /** Use in Badge, soon to be deprecated */
  --origin-color-text-success-default: #016a5e;
  --origin-color-text-warning-default: #7a3500;
  --origin-color-text-addition-default: #016a5e; /** Use in Text Tansforms */
  --origin-color-text-business-default: #1c1c1c; /** Use in Plan Tag, soon to be deprecated */
  --origin-color-text-critical-default: #cd0800;
  --origin-color-text-deletion-default: #696969; /** Use in Text Tansforms */
  --origin-color-text-selected-active: #027e6f;
  --origin-color-text-selected-default: #027e6f;
  --origin-color-text-enterprise-default: #ffffff; /** Use in Plan Tag, soon to be deprecated */
  --origin-color-vbar-line-hover: #bcbcbc; /** Use in vbar */
  --origin-color-vbar-line-default: #d9d9d9; /** Use in vbar */
  --origin-color-vbar-anchor-default: #3e6cf4; /** Use in vbar */
  --origin-color-green-contrast-low: #027e6f; /** Use in Tag */
  --origin-color-green-contrast-high: #027e6f; /** Use in Tag */
  --origin-color-green-contrast-lower: #b1f0e8; /** Use in Tag */
  --origin-color-green-contrast-higher: #016a5e; /** Use in Tag */
  --origin-color-green-contrast-lowest: #eafaf9; /** Use in Tag */
  --origin-color-green-contrast-highest: #014c43; /** Use in Tag */
  --origin-color-border-pro-default: #ffa10a; /** to be deprecated */
  --origin-color-border-base-active: #2551da;
  --origin-color-border-base-default: #7f7f7f; /** Use in many components */
  --origin-color-border-base-inverse: #ffffff; /** Use in many components */
  --origin-color-border-base-subdued: #d9d9d9; /** Use in many components */
  --origin-color-border-dark-subdued: #545454;
  --origin-color-border-brand-default: #027e6f;
  --origin-color-border-brand-subdued: #73e1d4;
  --origin-color-border-focus-default: #027e6f; /** Use in focus states */
  --origin-color-border-clarity-default: #3e6cf4; /** to be deprecated, replaced by underlines */
  --origin-color-border-premium-default: #ffa10a; /** to be deprecated, replaced by underlines */
  --origin-color-border-premium-subdued: #e57300; /** to be deprecated */
  --origin-color-border-success-default: #027e6f;
  --origin-color-border-success-subdued: #2cc9b6;
  --origin-color-border-warning-default: #bd5200;
  --origin-color-border-warning-subdued: #ffdc85;
  --origin-color-border-addition-default: #027e6f; /** to be deprecated */
  --origin-color-border-business-default: #707070; /** to be deprecated */
  --origin-color-border-business-subdued: #d9d9d9; /** to be deprecated */
  --origin-color-border-critical-default: #cd0800; /** Use in Checkbox error */
  --origin-color-border-critical-subdued: #ffa8a8;
  --origin-color-border-deletion-default: #696969; /** to be deprecated */
  --origin-color-border-elevated-default: rgba(255, 255, 255, 0);
  --origin-color-border-selected-active: #027e6f;
  --origin-color-border-selected-default: #027e6f;
  --origin-color-border-correctness-default: #f00c00; /** to be deprecated, replaced by underlines */
  --origin-color-border-interactive-default: #027e6f; /** Use in Switch */
  --origin-color-button-pro-fill-states: #2e2e2e; /** Use in Button */
  --origin-color-button-pro-fill-default: #ffbf47; /** Use in Button */
  --origin-color-button-pro-content-hover: #ffbf47; /** Use in Button */
  --origin-color-button-pro-content-active: #d9d9d9; /** Use in Button */
  --origin-color-button-pro-content-default: #1c1c1c; /** Use in Button */
  --origin-color-button-ghost-fill-hover: #eafaf9; /** Use in Button */
  --origin-color-button-ghost-fill-active: #b1f0e8; /** Use in Button */
  --origin-color-button-ghost-fill-default: rgb(100% 100% 100% / 0); /** Use in Button */
  --origin-color-button-ghost-content-states: #016a5e; /** Use in Button */
  --origin-color-button-ghost-content-default: #027e6f; /** Use in Button */
  --origin-color-button-ghost-shortcut-border-default: rgb(0.78431% 49.412% 43.529% / 0.3); /** Use in Button */
  --origin-color-button-premium-fill-hover: #ffdc85; /** Use in Button */
  --origin-color-button-premium-fill-active: #ffebb8; /** Use in Button */
  --origin-color-button-premium-fill-default: #ffbf47; /** Use in Button */
  --origin-color-button-premium-content-default: #7a3500; /** Use in Button */
  --origin-color-button-primary-fill-hover: #016a5e; /** Use in Button */
  --origin-color-button-primary-fill-active: #014c43; /** Use in Button */
  --origin-color-button-primary-fill-default: #027e6f; /** Use in Button */
  --origin-color-button-primary-content-default: #ffffff; /** Use in Button */
  --origin-color-button-primary-shortcut-border-default: rgb(45.098% 88.235% 83.137% / 0.3); /** Use in Button */
  --origin-color-button-subdued-fill-hover: #ebebeb; /** Use in Button */
  --origin-color-button-subdued-fill-active: #d9d9d9; /** Use in Button */
  --origin-color-button-subdued-fill-default: rgb(100% 100% 100% / 0); /** Use in Button */
  --origin-color-button-subdued-border-default: rgb(100% 100% 100% / 0); /** Use in Button */
  --origin-color-button-subdued-content-states: #1c1c1c; /** Use in Button */
  --origin-color-button-subdued-content-default: #707070; /** Use in Button */
  --origin-color-button-subdued-shortcut-border-default: rgb(73.725% 73.725% 73.725% / 0.7); /** Use in Button */
  --origin-color-button-critical-fill-hover: #cd0800; /** Use in Button */
  --origin-color-button-critical-fill-active: #8f0600; /** Use in Button */
  --origin-color-button-critical-fill-default: #eb0a00; /** Use in Button */
  --origin-color-button-critical-content-default: #ffffff; /** Use in Button */
  --origin-color-button-tertiary-fill-hover: #ebebeb; /** Use in Button */
  --origin-color-button-tertiary-fill-active: #d9d9d9; /** Use in Button */
  --origin-color-button-tertiary-fill-default: rgb(100% 100% 100% / 0); /** Use in Button */
  --origin-color-button-tertiary-border-default: rgb(100% 100% 100% / 0); /** Use in Button */
  --origin-color-button-tertiary-content-states: #1c1c1c; /** Use in Button */
  --origin-color-button-tertiary-content-default: #1c1c1c; /** Use in Button */
  --origin-color-button-tertiary-shortcut-border-default: rgb(73.725% 73.725% 73.725% / 0.7); /** Use in Button */
  --origin-color-button-secondary-fill-hover: #ebebeb; /** Use in Button */
  --origin-color-button-secondary-fill-active: #d9d9d9; /** Use in Button */
  --origin-color-button-secondary-fill-default: rgb(100% 100% 100% / 0); /** Use in Button */
  --origin-color-button-secondary-border-default: #d9d9d9; /** Use in Button */
  --origin-color-button-secondary-content-default: #1c1c1c; /** Use in Button */
  --origin-color-button-secondary-shortcut-border-default: rgb(73.725% 73.725% 73.725% / 0.7); /** Use in Button */
  --origin-color-button-enterprise-fill-hover: #3d27c0; /** Use in Button */
  --origin-color-button-enterprise-fill-active: #5e47e5; /** Use in Button */
  --origin-color-button-enterprise-fill-default: #1b0d6f; /** Use in Button */
  --origin-color-button-enterprise-content-default: #ffffff; /** Use in Button */
  --origin-color-orange-contrast-low: #e57300; /** Use in Tag */
  --origin-color-orange-contrast-high: #e57300; /** Use in Tag */
  --origin-color-orange-contrast-lower: #ffebb8; /** Use in Tag */
  --origin-color-orange-contrast-higher: #bd5200; /** Use in Tag */
  --origin-color-orange-contrast-lowest: #fff6e0; /** Use in Tag */
  --origin-color-orange-contrast-highest: #7a3500; /** Use in Tag */
  --origin-color-purple-contrast-low: #5e47e5; /** Use in Tag */
  --origin-color-purple-contrast-high: #5e47e5; /** Use in Tag */
  --origin-color-purple-contrast-lower: #ddd9f9; /** Use in Tag */
  --origin-color-purple-contrast-higher: #3d27c0; /** Use in Tag */
  --origin-color-purple-contrast-lowest: #f7f6fe; /** Use in Tag */
  --origin-color-purple-contrast-highest: #1b0d6f; /** Use in Tag */
  --origin-color-select-fill-hover: #3e6cf4; /** Use in Select */
  --origin-color-select-fill-default: #ebebeb; /** Use in Select */
  --origin-color-select-icon-default: #1c1c1c; /** Use in Select */
  --origin-color-select-icon-inverse: #ffffff; /** Use in Select */
  --origin-color-select-text-default: #1c1c1c; /** Use in Select */
  --origin-color-select-text-inverse: #ffffff; /** Use in Select */
  --origin-color-select-border-inner: #bcbcbc; /** Use in Select */
  --origin-color-yellow-contrast-low: #ffa10a; /** Use in Tag */
  --origin-color-yellow-contrast-high: #7a3500; /** Use in Tag */
  --origin-color-yellow-contrast-lower: #ffebb8; /** Use in Tag */
  --origin-color-yellow-contrast-higher: #1a0b00; /** Use in Tag */
  --origin-color-yellow-contrast-lowest: #fff6e0; /** Use in Tag */
  --origin-color-yellow-contrast-highest: #1a0b00; /** Use in Tag */
  --origin-color-neutral-contrast-low: #707070; /** Use in Tag */
  --origin-color-neutral-contrast-high: #707070; /** Use in Tag */
  --origin-color-neutral-contrast-lower: #d9d9d9; /** Use in Tag */
  --origin-color-neutral-contrast-higher: #545454; /** Use in Tag */
  --origin-color-neutral-contrast-lowest: #f5f5f5; /** Use in Tag */
  --origin-color-neutral-contrast-highest: #2e2e2e; /** Use in Tag */
  --origin-color-mulberry-contrast-low: #707070;
  --origin-color-mulberry-contrast-high: #707070;
  --origin-color-mulberry-contrast-lower: #d9d9d9;
  --origin-color-mulberry-contrast-higher: #545454;
  --origin-color-mulberry-contrast-lowest: #f5f5f5;
  --origin-color-mulberry-contrast-highest: #2e2e2e;
  --origin-color-skeleton-fill-default: #ebebeb; /** Use in Loader */
  --origin-color-skeleton-shimmer: #d9d9d9; /** Use in Loader */
  --origin-color-elevation-base-low: rgba(112, 112, 112, 0.5);
  --origin-color-highlight-pro-default: rgba(255, 161, 10, 0.2); /** Use in Highlights */
  --origin-color-highlight-addition-default: #def6f3; /** Use in Highlights */
  --origin-color-highlight-critical-default: rgba(255, 77, 69, 0.2); /** Use in Highlights */
  --origin-color-highlight-deletion-default: #ebebeb; /** Use in Highlights */
  --origin-color-highlight-noncritical-default: rgba(62, 108, 244, 0.2); /** Use in Highlights */
  --origin-color-underline-pro-default: #bd5200; /** Use in Underlines */
  --origin-color-underline-pro-subdued: #ffa10a; /** Use in Underlines */
  --origin-color-underline-critical-default: #ff4d45; /** Use in Underlines */
  --origin-color-underline-noncritical-default: #3e6cf4; /** Use in Underlines */
  --origin-color-background-edu-default: #1b0d6f; /** Use in Plan Tag, soon to be deprecated */
  --origin-color-background-base-default: #ffffff; /** Use in many components */
  --origin-color-background-base-inverse: #2e2e2e; /** Use in many components */
  --origin-color-background-base-subdued: #f5f5f5; /** Use in many components */
  --origin-color-background-base-transparent: rgba(255, 255, 255, 0);
  --origin-color-background-free-default: #ebebeb; /** Use in Plan Tag, soon to be deprecated */
  --origin-color-background-brand-default: #027e6f;
  --origin-color-background-brand-subdued: #eafaf9;
  --origin-color-background-neutral-default: #707070; /** Used in Badge and Switch */
  --origin-color-background-neutral-subdued: #bcbcbc;
  --origin-color-background-overlay-default: rgb(18.039% 18.039% 18.039% / 0.6); /** Used in Modal overlay */
  --origin-color-background-business-default: #ebebeb; /** Used in Badge */
  --origin-color-background-business-subdued: #f5f5f5;
  --origin-color-background-enterprise-default: #1b0d6f; /** Used in Plan Tag */
  --origin-color-illustration-fill-1: #ebebeb;
  --origin-color-illustration-fill-2: #ffffff;
  --origin-color-illustration-fill-default: #1c1c1c;
  --origin-color-illustration-shadow-default: #a8a8a8;
  --origin-color-illustration-stroke-1: #1c1c1c;
  --origin-color-illustration-stroke-2: #1c1c1c;
  --origin-color-illustration-stroke-3: #ffffff;
  --origin-color-illustration-stroke-default: #1c1c1c;
}

/* Base color declaration */

:root,
:host,
[data-origin-mode] {
  color: var(--origin-color-text-base-default);
}

.origin-tooltip {
  color: var(--origin-color-text-light-default);
  border: 1px solid var(--origin-color-border-elevated-default);
  border-radius: var(--origin-radius-small);
  box-sizing: border-box;
  width: max-content;
  max-width: 200px;
  transition-property: opacity, transform;
  z-index: var(--origin-z-index-tooltip);
}

.origin-tooltip-content {
  background-color: var(--origin-color-fill-base-subdued);
  border-radius: var(--origin-radius-small);
  display: flex;
  justify-content: space-between;
  gap: var(--origin-space-2);
  padding: var(--origin-space-1) var(--origin-space-2);
}

.origin-tooltip-content-annotation {
  color: var(--origin-color-text-base-subdued);
  border: solid 1px var(--origin-color-border-base-subdued);
  border-radius: var(--origin-radius-small);
  height: fit-content;
  padding: 0 var(--origin-space-1);
}

.origin-arrow {
  fill: var(--origin-neutral-90);
  width: 14px;
}

.origin-tooltip[data-status="open"],
.origin-tooltip[data-status="close"] {
  transition-duration: 200ms;
}

.origin-tooltip[data-status="initial"],
.origin-tooltip[data-status="close"] {
  opacity: 0;
}

.origin-tooltip[data-status="initial"][data-placement^="top"],
.origin-tooltip[data-status="close"][data-placement^="top"] {
  transform: translateY(5px);
}

.origin-tooltip[data-status="initial"][data-placement^="bottom"],
.origin-tooltip[data-status="close"][data-placement^="bottom"] {
  transform: translateY(-5px);
}

.origin-tooltip[data-status="initial"][data-placement^="left"],
.origin-tooltip[data-status="close"][data-placement^="left"] {
  transform: translateX(5px);
}

.origin-tooltip[data-status="initial"][data-placement^="right"],
.origin-tooltip[data-status="close"][data-placement^="right"] {
  transform: translateX(-5px);
}

@media (prefers-reduced-motion) {
  .origin-tooltip[data-status="open"],
  .origin-tooltip[data-status="close"] {
    transition-duration: 0ms;
  }
}

.origin-box {
  display: block;
  box-sizing: border-box;
}

.origin-box-elevation-low {
  border: 1px solid var(--origin-color-border-base-subdued);
  box-shadow: var(--origin-elevation-base-low);
}

.origin-box-elevation-high {
  border: 1px solid var(--origin-color-border-base-subdued);
  box-shadow: var(--origin-elevation-base-high);
}

/* stylelint-disable no-descending-specificity */

.origin-button {
  /* reset browser defaults */
  align-items: center;
  appearance: none;
  border-radius: var(--origin-radius-button-medium);
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  flex-flow: row wrap;
  height: fit-content;
  justify-content: center;
  outline: none;
  padding: 0;
  text-align: start;
  white-space: normal;
  position: relative;
  width: fit-content;
}

.origin-icon-button-small {
  height: var(--origin-size-control-small);
  width: var(--origin-size-control-small);
}

.origin-button-small {
  padding: calc((var(--origin-size-control-small) - var(--origin-line-height-text-xsmall)) / 2)
    var(--origin-space-x-small);
  border-radius: var(--origin-radius-button-small);
}

.origin-icon-button-medium {
  height: var(--origin-size-control-medium);
  width: var(--origin-size-control-medium);
}

.origin-button-medium {
  padding: calc((var(--origin-size-control-medium) - var(--origin-line-height-text-small)) / 2)
    var(--origin-space-x-medium);
}

.origin-icon-button-large {
  height: var(--origin-size-control-large);
  width: var(--origin-size-control-large);
}

.origin-button-large {
  border-radius: var(--origin-radius-button-large);
  padding: calc((var(--origin-size-control-large) - var(--origin-line-height-text-medium)) / 2)
    var(--origin-space-x-large);
}

.origin-icon-button-xlarge {
  height: var(--origin-size-control-xlarge);
  width: var(--origin-size-control-xlarge);
}

.origin-button-xlarge {
  border-radius: var(--origin-radius-button-large);
  padding: calc((var(--origin-size-control-xlarge) - var(--origin-line-height-text-large)) / 2)
    var(--origin-space-x-xlarge);
}

/* iconStart */

.origin-button .origin-icon:first-child {
  margin-inline-end: var(--origin-space-gap-small);
}

/* iconEnd */

.origin-button .origin-icon:last-child {
  margin-inline-start: var(--origin-space-gap-small);
}

a.origin-button:hover {
  text-decoration: none;
}

@supports selector(:focus-visible) {
  .origin-button:focus-visible,
  .origin-button[data-simulate="focus"] {
    outline: 2px solid var(--origin-color-border-focus-default);
    outline-offset: 2px;
  }
}

@supports not selector(:focus-visible) {
  .origin-button:focus {
    outline: 2px solid var(--origin-color-border-focus-default);
    outline-offset: 2px;
  }

  .origin-button:focus:not(:-moz-focusring) {
    outline: none;
    box-shadow: none;
  }
}

.origin-button-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.origin-button-full {
  width: 100%;
}

/* see https://react-spectrum.adobe.com/blog/building-a-button-part-1.html on why we have a custom class for pressed events */

.origin-button-pressed {
  color: var(--origin-color-button-primary-content-default);
}

.origin-button-content-small {
  margin-inline: var(--origin-space-gap-small);
}

.origin-button-content-medium {
  margin-inline: var(--origin-space-gap-small);
}

.origin-button-content-large {
  margin-inline: var(--origin-space-gap-medium);
}

.origin-button-content-xlarge {
  margin-inline: var(--origin-space-gap-medium);
}

.origin-button-shortcut {
  border-radius: var(--origin-radius-small);
  padding-inline: var(--origin-space-1);
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  box-shadow: none;
  border: none;
  background: none;
}

.origin-button-shortcut-small {
  margin-inline-start: var(--origin-space-shortcut-gap-small);
}

.origin-button-shortcut-medium {
  margin-inline-start: var(--origin-space-shortcut-gap-medium);
}

.origin-button-shortcut-large {
  margin-inline-start: var(--origin-space-shortcut-gap-large);
}

.origin-button-shortcut-xlarge {
  margin-inline-start: var(--origin-space-shortcut-gap-large);
}

.origin-icon-button-xlarge .origin-icon {
  width: 32px;
  height: 32px;
}

/* Button variants */

/* primary */

.origin-button-primary {
  color: var(--origin-color-button-primary-content-default);
  background-color: var(--origin-color-button-primary-fill-default);
}

.origin-button-primary:hover:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ),
.origin-button-primary[data-simulate="hover"]:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ) {
  color: var(--origin-color-button-primary-content-default);
  background-color: var(--origin-color-button-primary-fill-hover);
}

.origin-button-primary:hover:not(.origin-button-disabled, .origin-button-pressed)
  .origin-button-shortcut,
.origin-button-primary[data-simulate="hover"]:not(.origin-button-disabled, .origin-button-pressed)
  .origin-button-shortcut {
  border: 1px solid var(--origin-color-button-primary-shortcut-border-default);
}

.origin-button-primary.origin-button-pressed:not(.origin-button-loading) {
  background-color: var(--origin-color-button-primary-fill-active);
}

.origin-button-primary .origin-button-shortcut {
  color: var(--origin-color-button-primary-content-default);
  border: 1px solid var(--origin-color-button-primary-shortcut-border-default);
}

/* secondary */

.origin-button-secondary {
  color: var(--origin-color-button-secondary-content-default);
  background-color: transparent;
  box-shadow: inset 0 0 0 1px var(--origin-color-button-secondary-border-default);
}

.origin-button-secondary .origin-icon [stroke] {
  stroke: var(--origin-color-button-secondary-content-default);
}

.origin-button-secondary:hover:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ),
.origin-button-secondary[data-simulate="hover"]:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ) {
  color: var(--origin-color-button-secondary-content-default);
  background-color: var(--origin-color-button-secondary-fill-hover);
}

.origin-button-secondary:hover:not(.origin-button-disabled, .origin-button-pressed)
  .origin-button-shortcut,
.origin-button-secondary[data-simulate="hover"]:not(.origin-button-disabled, .origin-button-pressed)
  .origin-button-shortcut {
  border-color: var(--origin-color-button-secondary-shortcut-border-default);
  color: var(--origin-color-button-secondary-content-default);
}

.origin-button-secondary:hover:not(.origin-button-disabled, .origin-button-pressed)
  .origin-icon
  [stroke],
.origin-button-secondary[data-simulate="hover"]:not(.origin-button-disabled, .origin-button-pressed)
  .origin-icon
  [stroke] {
  stroke: currentcolor;
}

.origin-button-secondary.origin-button-pressed:not(.origin-button-loading) {
  background-color: var(--origin-color-button-secondary-fill-active);
  color: var(--origin-color-button-secondary-content-default);
}

.origin-button-secondary.origin-button-pressed .origin-button-shortcut {
  border-color: var(--origin-color-button-secondary-shortcut-border-default);
}

.origin-button-secondary.origin-button-pressed .origin-icon [stroke] {
  stroke: currentcolor;
}

.origin-button-secondary .origin-button-shortcut {
  border: 1px solid var(--origin-color-button-secondary-shortcut-border-default);
  border-radius: var(--origin-radius-small);
}

/* tertiary */

.origin-button-tertiary {
  color: var(--origin-color-button-tertiary-content-default);
  background-color: transparent;
  border-color: transparent;
}

.origin-button-tertiary:hover:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ),
.origin-button-tertiary[data-simulate="hover"]:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ) {
  background-color: var(--origin-color-button-tertiary-fill-hover);
  color: var(--origin-color-button-tertiary-content-states);
}

.origin-button-tertiary:hover:not(.origin-button-disabled, .origin-button-pressed)
  .origin-button-shortcut,
.origin-button-tertiary[data-simulate="hover"]:not(.origin-button-disabled, .origin-button-pressed)
  .origin-button-shortcut {
  background-color: transparent;
  color: var(--origin-color-button-tertiary-content-states);
}

.origin-button-tertiary.origin-button-pressed:not(.origin-button-loading) {
  background-color: var(--origin-color-button-tertiary-fill-active);
  color: var(--origin-color-button-tertiary-content-states);
}

.origin-button-tertiary .origin-button-shortcut {
  background-color: transparent;
  border-radius: var(--origin-radius-small);
  border: 1px solid var(--origin-color-button-tertiary-shortcut-border-default);
}

/* subdued */

.origin-button-subdued {
  color: var(--origin-color-button-subdued-content-default);
  background-color: var(--origin-color-button-subdued-fill-default);
  border-color: transparent;
}

.origin-button-subdued:hover:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ),
.origin-button-subdued[data-simulate="hover"]:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ) {
  background-color: var(--origin-color-button-subdued-fill-hover);
  color: var(--origin-color-button-subdued-content-states);
}

.origin-button-subdued:hover:not(.origin-button-disabled, .origin-button-pressed)
  .origin-button-shortcut,
.origin-button-subdued[data-simulate="hover"]:not(.origin-button-disabled, .origin-button-pressed)
  .origin-button-shortcut {
  background-color: transparent;
  color: var(--origin-color-button-subdued-content-states);
}

.origin-button-subdued.origin-button-pressed:not(.origin-button-loading) {
  background-color: var(--origin-color-button-subdued-fill-active);
  color: var(--origin-color-button-subdued-content-states);
}

.origin-button-subdued .origin-button-shortcut {
  background-color: transparent;
  border-radius: var(--origin-radius-small);
  border: 1px solid var(--origin-color-button-subdued-shortcut-border-default);
}

/* ghost */

.origin-button-ghost {
  color: var(--origin-color-button-ghost-content-default);
  background-color: var(--origin-color-button-ghost-fill-default);
  border-color: transparent;
}

.origin-button-ghost:hover:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ),
.origin-button-ghost[data-simulate="hover"]:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ) {
  background-color: var(--origin-color-button-ghost-fill-hover);
  color: var(--origin-color-button-ghost-content-states);
}

.origin-button-ghost:hover:not(.origin-button-disabled, .origin-button-pressed)
  .origin-button-shortcut,
.origin-button-ghost[data-simulate="hover"]:not(.origin-button-disabled, .origin-button-pressed)
  .origin-button-shortcut {
  border: 1px solid var(--origin-color-button-ghost-shortcut-border-default);
}

.origin-button-ghost.origin-button-pressed:not(.origin-button-loading) {
  background-color: var(--origin-color-button-ghost-fill-active);
  color: var(--origin-color-button-ghost-content-states);
}

.origin-button-ghost .origin-button-shortcut {
  border: 1px solid var(--origin-color-button-ghost-shortcut-border-default);
  color: var(--origin-color-button-ghost-content-states);
}

/* premium */

.origin-button-premium {
  color: var(--origin-color-button-premium-content-default);
  background-color: var(--origin-color-button-premium-fill-default);
}

.origin-button-premium:hover:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ),
.origin-button-premium[data-simulate="hover"]:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ) {
  background-color: var(--origin-color-button-premium-fill-hover);
}

.origin-button-premium.origin-button-pressed:not(.origin-button-loading) {
  background-color: var(--origin-color-button-premium-fill-active);
}

/* critical */

.origin-button-critical {
  color: var(--origin-color-button-critical-content-default);
  background-color: var(--origin-color-button-critical-fill-default);
}

.origin-button-critical:hover:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ),
.origin-button-critical[data-simulate="hover"]:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ) {
  background-color: var(--origin-color-button-critical-fill-hover);
}

.origin-button-critical.origin-button-pressed:not(.origin-button-loading) {
  background-color: var(--origin-color-button-critical-fill-active);
}

/* Pro */

.origin-button-pro {
  color: var(--origin-color-button-pro-content-default);
  background-color: var(--origin-color-button-pro-fill-default);
}

.origin-button-pro:hover:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ),
.origin-button-pro[data-simulate="hover"]:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ) {
  color: var(--origin-color-button-pro-content-hover);
  background-color: var(--origin-color-button-pro-fill-states);
}

.origin-button-pro.origin-button-pressed:not(.origin-button-loading) {
  color: var(--origin-color-button-pro-content-active);
  background-color: var(--origin-color-button-pro-fill-states);
}

/* Enterprise */

.origin-button-enterprise {
  color: var(--origin-color-button-enterprise-content-default);
  background-color: var(--origin-color-button-enterprise-fill-default);
}

.origin-button-enterprise:hover:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ),
.origin-button-enterprise[data-simulate="hover"]:not(
    .origin-button-disabled,
    .origin-button-pressed,
    .origin-button-loading
  ) {
  color: var(--origin-color-button-enterprise-content-default);
  background-color: var(--origin-color-button-enterprise-fill-hover);
}

.origin-button-enterprise.origin-button-pressed:not(.origin-button-loading) {
  background-color: var(--origin-color-button-enterprise-fill-active);
}

/* Loading */

.origin-button-loader {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}

.origin-button-loading .origin-circular-loader-dot {
  background-color: currentcolor;
}

.origin-button-loading .origin-text {
  color: transparent !important; /*  hide text but keep it available for a11y */
}

.origin-button-loading .origin-button-shortcut {
  visibility: hidden;
}

.origin-button-loading .origin-icon [stroke] {
  stroke: transparent;
}

.origin-button-loading .origin-icon [fill] {
  fill: transparent;
}

/* ButtonAsLink styling */

.origin-button-as-link {
  text-decoration: none;
}

/* stylelint-disable color-no-hex */

/* Brand-specific gradient colors for Genesis theme loader animation */

.origin-branded-loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

/* Allow overflow for Genesis theme to prevent clipping during rotation */

.origin-branded-loader-container:has(.origin-branded-loader-css-background) {
  overflow: visible;
}

.origin-branded-loader-container-size-small {
  width: 24px;
  height: 24px;
}

.origin-branded-loader-container-size-medium {
  width: 64px;
  height: 64px;
}

/* CSS gradient animation for Genesis theme - loads first */

.origin-branded-loader-css-background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: #d4caff; /* solid purple */
  animation:
    origin-branded-loader-gradient-pulse 1.98s ease-in-out infinite,
    origin-branded-loader-background-transform 1.98s cubic-bezier(0.5, 0, 0.3, 1) infinite;
  border-radius: 16px;
}

/* Small size uses smaller border-radius */

.origin-branded-loader-container-size-small .origin-branded-loader-css-background {
  border-radius: 8px;
}

@keyframes origin-branded-loader-gradient-pulse {
  0% {
    background: #d4caff; /* solid purple */
  }

  50% {
    background: radial-gradient(
      ellipse at 30% 30%,
      #c5d9f5 0%,
      #d4ddfa 15%,
      #e4d5f8 30%,
      #f0d0f3 45%,
      #f5d5f0 55%,
      #e8d5f5 65%,
      #d5d8f8 75%,
      #c0daf8 85%,
      #b5d5f5 95%,
      #a8c8f0 100%
    );
  }

  100% {
    background: #d4caff; /* solid purple */
  }
}

@keyframes origin-branded-loader-background-transform {
  0% {
    transform: rotate(0deg) scale(1);
  }

  50% {
    transform: rotate(90deg) scale(0.8);
  }

  100% {
    transform: rotate(90deg) scale(1);
  }
}

/* SVG shape overlay for Genesis theme */

.origin-branded-loader-shape {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center center;
  z-index: 1;
  width: 63%;
  height: 63%;
  pointer-events: none;
  animation: origin-branded-loader-shape-scale-pulse 1.98s cubic-bezier(0.5, 0, 0.3, 1) infinite;
}

@keyframes origin-branded-loader-shape-scale-pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }

  50% {
    transform: translate(-50%, -50%) scale(0.8);
  }

  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}

/* Video styles for Genesis theme */

.origin-branded-loader-video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  position: relative;
  z-index: 2;
}

/* Respect reduced motion preferences for CSS background and video */

@media (prefers-reduced-motion: reduce) {
  .origin-branded-loader-css-background {
    animation: none;
    background: #7b3fe4; /* solid purple */
    transform: rotate(0deg) scale(1);
  }

  .origin-branded-loader-shape {
    animation: none;
    transform: translate(-50%, -50%);
  }

  .origin-branded-loader-video {
    animation-play-state: paused;
    opacity: 0.6;
  }
}

.simulate-reduced-motion .origin-branded-loader-css-background {
  animation: none;
  background: #7b3fe4; /* solid purple */
  transform: rotate(0deg) scale(1);
}

.simulate-reduced-motion .origin-branded-loader-shape {
  animation: none;
  transform: translate(-50%, -50%);
}

.simulate-reduced-motion .origin-branded-loader-video {
  animation-play-state: paused;
  opacity: 0.6;
}

/* SVG animation styles for Grammarly theme */

.origin-branded-loader-bobble {
  transform-origin: 50% 50%;
  transform: scale(0);
  animation: origin-branded-loader-show-pulse-hide 2.5s ease-in-out infinite forwards;
}

.origin-branded-loader-bottom-right {
  animation-delay: 0s;
}

.origin-branded-loader-top-left {
  animation-delay: 0.2s;
}

.origin-branded-loader-top-right {
  animation-delay: 0.4s;
}

.origin-branded-loader-bottom-left {
  animation-delay: 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .origin-branded-loader-bobble {
    animation: origin-branded-loader-show-pulse-hide-5-sec-pause 6.5s ease-in-out infinite forwards;
  }

  .origin-branded-loader-bottom-right {
    animation-delay: 0s;
  }

  .origin-branded-loader-top-left {
    animation-delay: 0.2s;
  }

  .origin-branded-loader-top-right {
    animation-delay: 0.4s;
  }

  .origin-branded-loader-bottom-left {
    animation-delay: 0.6s;
  }
}

@keyframes origin-branded-loader-show-pulse-hide {
  0% {
    transform: scale(0);
  }

  18.75% {
    transform: scale(0.9);
  }

  37.5% {
    transform: scale(0.7);
  }

  56% {
    transform: scale(0.9);
  }

  75% {
    transform: scale(0);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes origin-branded-loader-show-pulse-hide-5-sec-pause {
  0% {
    transform: scale(0);
  }

  6.25% {
    transform: scale(0.9);
  }

  12.5% {
    transform: scale(0.7);
  }

  18.75% {
    transform: scale(0.9);
  }

  95% {
    transform: scale(0.9);
  }

  100% {
    transform: scale(0);
  }
}

.simulate-reduced-motion path[class^="origin-branded-loader"] {
  animation: none !important;
  transform: scale(0.9);
}

.origin-circular-loader-container {
  --origin-duration: 1.2s;
  --origin-dot-size: calc(var(--origin-size) * 0.22);
  --origin-radius: calc((var(--origin-size) - var(--origin-dot-size)) / 2);

  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: var(--origin-size);
  height: var(--origin-size);
  animation: origin-circular-loader-spin calc(var(--origin-duration) * 1.6) linear infinite;
}

.origin-circular-loader-container-size-small {
  --origin-size: var(--origin-space-4);
}

.origin-circular-loader-container-size-medium {
  --origin-size: var(--origin-space-5);
}

.origin-circular-loader-container-size-large {
  --origin-size: var(--origin-space-6);
}

.origin-circular-loader-dot {
  position: absolute;
  width: var(--origin-dot-size);
  height: var(--origin-dot-size);
  border-radius: 50%;
  transform: rotate(calc(var(--origin-angle) * 1deg)) translateY(calc(var(--origin-radius) * -1));
  animation:
    origin-circular-loader-fade var(--origin-duration) ease-in-out infinite,
    origin-circular-loader-pulse-size 1s ease-in-out infinite;
  animation-delay:
    calc(var(--origin-i) * (var(--origin-duration) / 6) * -1), calc(var(--origin-i) * (1s / 6) * -1);
}

.origin-circular-loader-variant-default .origin-circular-loader-dot {
  background-color: var(--origin-color-icon-base-default);
}

.origin-circular-loader-variant-inverse .origin-circular-loader-dot {
  background-color: var(--origin-color-icon-base-inverse);
}

@keyframes origin-circular-loader-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes origin-circular-loader-fade {
  0%,
  100% {
    opacity: 0.2;
  }

  50% {
    opacity: 1;
  }
}

@keyframes origin-circular-loader-pulse-size {
  0%,
  100% {
    width: calc(var(--origin-dot-size) - 0.5px);
    height: calc(var(--origin-dot-size) - 0.5px);
  }

  50% {
    width: calc(var(--origin-dot-size) + 0.5px);
    height: calc(var(--origin-dot-size) + 0.5px);
  }
}

@media (prefers-reduced-motion: reduce) {
  @keyframes origin-circular-loader-pulse-opacity {
    0%,
    100% {
      opacity: 0.4;
    }

    50% {
      opacity: 1;
    }
  }

  .origin-circular-loader-container {
    animation: none;
  }

  .origin-circular-loader-dot {
    animation: origin-circular-loader-pulse-opacity 2s ease-in-out infinite;
    animation-delay: 0s;
  }
}

.origin-checkbox {
  --origin-checkbox-size-medium: 16px;
  --origin-checkbox-size-large: 20px;
  --origin-checkbox-size-xlarge: 24px;

  width: fit-content;
  border-radius: var(--origin-space-half);
  display: flex;
  flex-direction: column;
  gap: var(--origin-space-1);
  position: relative;
}

.origin-checkbox-input {
  /* align for screen readers */
  position: absolute;
  left: 0;
  top: 2px;
  margin: 0;
}

.origin-checkbox-input-medium {
  /* align for screen readers */
  width: var(--origin-checkbox-size-medium);
  height: var(--origin-checkbox-size-medium);
}

.origin-checkbox-input-large {
  /* align for screen readers */
  width: var(--origin-checkbox-size-large);
  height: var(--origin-checkbox-size-large);
}

.origin-checkbox-input-xlarge {
  /* align for screen readers */
  width: var(--origin-checkbox-size-xlarge);
  height: var(--origin-checkbox-size-xlarge);
}

.origin-checkbox-icon,
.origin-checkbox .origin-input-label {
  cursor: pointer;
}

.origin-checkbox-icon {
  box-sizing: border-box;
  outline: none;
  border-radius: var(--origin-radius-1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
    transform, filter, backdrop-filter;
  border-width: 1px;
  border-style: solid;
  border-color: var(--origin-color-border-base-default);
  background-color: var(--origin-color-fill-base-default);
}

.origin-checkbox-icon-medium {
  min-width: var(--origin-checkbox-size-medium); /* used to prevent icon collapsing on resize */
  width: var(--origin-checkbox-size-medium);
  height: var(--origin-checkbox-size-medium);
}

.origin-checkbox-icon-large {
  min-width: var(--origin-checkbox-size-large); /* used to prevent icon collapsing on resize */
  width: var(--origin-checkbox-size-large);
  height: var(--origin-checkbox-size-large);
}

.origin-checkbox-icon-xlarge {
  min-width: var(--origin-checkbox-size-xlarge); /* used to prevent icon collapsing on resize */
  width: var(--origin-checkbox-size-xlarge);
  height: var(--origin-checkbox-size-xlarge);
  border-radius: calc(var(--origin-radius-1) + var(--origin-space-half));
}

@supports selector(:focus-visible) {
  .origin-checkbox-input:focus-visible + .origin-checkbox-icon {
    outline: 2px solid var(--origin-color-border-focus-default);
    outline-offset: 2px;
  }
}

@supports not selector(:focus-visible) {
  .origin-checkbox-input:focus + .origin-checkbox-icon {
    outline: 2px solid var(--origin-color-border-focus-default);
    outline-offset: 2px;
  }
}

.origin-checkbox-disabled .origin-input-label {
  cursor: not-allowed;
}

.origin-checkbox-element-disabled {
  background: var(--origin-color-fill-base-subdued);
  cursor: not-allowed;
  opacity: 0.4;
}

.origin-checkbox-element-selected {
  border-color: var(--origin-color-border-interactive-default);
  background-color: var(--origin-color-fill-interactive-default);
}

.origin-checkbox-element-error {
  border-color: var(--origin-color-border-critical-default);
}

.origin-checkbox-group {
  all: unset;
}

.origin-checkbox-group legend {
  padding: 0;
}

.origin-checkbox-group-columns {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: var(--origin-space-4);
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  row-gap: var(--origin-space-3);
  margin-top: var(--origin-space-1);

  /* fake error border to avoid CLS */
  border-radius: var(--origin-space-1);
  border: 1px solid transparent;
  padding: var(--origin-space-1);
}

.origin-checkbox-column-1 {
  grid-template-columns: 1fr;
}

.origin-checkbox-column-2 {
  grid-template-columns: 1fr auto;
  column-gap: var(--origin-space-4);
}

.origin-checkbox-group-row {
  display: flex;
}

.origin-checkbox-group-error {
  border: 1px solid var(--origin-color-border-critical-default);
  padding: var(--origin-space-1);
  margin-bottom: var(--origin-space-1);
}

.origin-checkbox-group-medium .origin-checkbox-group-error {
  border-radius: var(--origin-radius-medium);
}

.origin-checkbox-group-large .origin-checkbox-group-error {
  border-radius: var(--origin-radius-medium);
}

.origin-checkbox-group-xlarge .origin-checkbox-group-error {
  border-radius: var(--origin-radius-large);
}

/*
  Used to align checkbox size and error/helper message with checkbox label text
  e.g.:
  [x] checkbox label
->    error text
->    helper text
*/

.origin-checkbox .origin-input-label-helper,
.origin-checkbox-label-margin {
  /* used to add indent to multiline text */
  box-decoration-break: clone;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-box-decoration-break: clone;
}

.origin-checkbox-medium .origin-input-label-helper,
.origin-checkbox-medium .origin-checkbox-label-margin {
  margin-inline-start: calc(var(--origin-space-2) + var(--origin-checkbox-size-medium));
}

.origin-checkbox-large .origin-input-label-helper,
.origin-checkbox-large .origin-checkbox-label-margin {
  margin-inline-start: calc(var(--origin-space-2) + var(--origin-checkbox-size-large));
}

.origin-checkbox-xlarge .origin-input-label-helper,
.origin-checkbox-xlarge .origin-checkbox-label-margin {
  margin-inline-start: calc(var(--origin-space-2) + var(--origin-checkbox-size-xlarge));
}

.origin-combobox {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.origin-combobox .origin-input-decoration {
  width: var(--origin-space-6);
  height: var(--origin-space-6);
  position: absolute;
  left: var(--origin-space-2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.origin-combobox .origin-text-field-input {
  font-family: var(--origin-font-family-sans-default);
  font-weight: var(--origin-font-weight-regular);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-inline-end: var(--origin-space-8) !important;
}

.origin-combobox-xlarge .origin-text-field-input {
  padding-inline-end: var(--origin-space-10) !important;
}

.origin-combobox .origin-input-decoration + .origin-text-field-input {
  padding-left: var(--origin-space-10);
}

.origin-combobox-xlarge .origin-input-decoration {
  left: var(--origin-space-2-and-half);
}

.origin-combobox-xlarge .origin-input-decoration + .origin-text-field-input {
  padding-left: calc(
    var(--origin-space-2-and-half) + var(--origin-space-6) + var(--origin-space-2-and-half)
  );
}

.origin-combobox-large .origin-text-field button {
  width: var(--origin-space-5);
  height: var(--origin-space-5);
}

.origin-combobox-xlarge .origin-text-field button {
  width: var(--origin-space-6);
  height: var(--origin-space-6);
}

.origin-combobox-listbox {
  position: absolute;
  z-index: var(--origin-z-index-popover);
  overflow: auto;
  border-radius: var(--origin-radius-medium);
  border: 1px solid var(--origin-color-border-base-default);
  padding: var(--origin-space-2);
  width: 100%;

  /* height of 5 items + listbox top padding, minus a little to indicate scroll */
  max-height: calc(
    5 * (var(--origin-space-8) + 2 * var(--origin-space-half)) + var(--origin-space-2) - 2px
  );
  box-sizing: border-box;
  margin: var(--origin-space-1) 0 0 0;
  background-color: var(--origin-color-fill-base-default);
}

.origin-combobox[data-expanded="false"] .origin-combobox-listbox {
  display: none;
}

.origin-combobox-medium .origin-combobox-listbox[data-display="top"] {
  bottom: var(--origin-size-control-medium);
}

.origin-combobox-large .origin-combobox-listbox[data-display="top"] {
  bottom: var(--origin-size-control-large);
}

.origin-combobox-xlarge .origin-combobox-listbox[data-display="top"] {
  bottom: var(--origin-size-control-xlarge);
}

.origin-combobox-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  list-style: none;
  border-radius: var(--origin-radius-medium);
  min-height: var(--origin-space-8);
  padding: var(--origin-space-half) var(--origin-space-2);
}

.origin-combobox-item:hover {
  cursor: pointer;
}

.origin-combobox-item[data-active="true"] {
  background-color: var(--origin-color-fill-hover-default);
}

.origin-combobox-item[data-active="true"] p,
.origin-combobox-item[data-active="true"] span {
  color: var(--origin-color-text-base-default) !important;
}

.origin-combobox-item[aria-disabled="true"] {
  opacity: 0.4;
  cursor: not-allowed;
}

.origin-combobox .origin-input-error {
  margin-top: var(--origin-space-1);
}

/* Forced colors (Windows High Contrast) — backgrounds collapse,
   keep states distinguishable via system colors. */

@media (forced-colors: active) {
  .origin-combobox-item[data-active="true"] {
    outline: 1px solid Highlight;
  }

  .origin-combobox-item[aria-disabled="true"] {
    color: GrayText;
    opacity: 1;
  }
}

/* stylelint-disable selector-class-pattern */

/* Status cells (error/empty states) - remove padding */

.origin-data-table__cell--status {
  padding: 0;
}

/* Status rows (error/empty states) - prevent hover effect */

.origin-data-table__row--status:hover .origin-data-table__cell--status {
  background-color: var(--origin-color-fill-base-default);
}

/* Skeleton rows (loading state) - prevent hover effect and interaction */

.origin-data-table__row--skeleton {
  pointer-events: none;
}

.origin-data-table__row--skeleton:hover {
  background-color: var(--origin-color-fill-base-default);
}

/* Sort button within header cell */

.origin-data-table__sort-button {
  all: unset;
  display: block;
  cursor: pointer;
  text-align: left;
  border-radius: var(--origin-radius-small);
}

.origin-data-table__sort-button:hover {
  background-color: transparent;
}

.origin-data-table__sort-button:focus-visible {
  outline: 2px solid var(--origin-color-border-focus-default);
  outline-offset: 2px;
}

/* Table focusability for overflow */

.origin-data-table:focus-visible {
  outline: 2px solid var(--origin-color-border-focus-default);
  outline-offset: 2px;
}

/* Clickable rows */

.origin-data-table__row--clickable {
  cursor: pointer;
}

.origin-data-table__row--clickable:hover .origin-table-cell {
  background-color: var(--origin-color-fill-hover-default);
}

.origin-data-table__row--clickable:focus-visible {
  outline: 2px solid var(--origin-color-border-focus-default);
  outline-offset: -2px; /* Inset to stay within table borders */
}

.origin-data-table__row--clickable:focus-visible .origin-table-cell {
  outline: none;
}

/* Empty state with skeleton background + gradient overlay */

.origin-data-table__empty-state {
  position: relative;
  overflow: hidden;
}

.origin-data-table__empty-state-bg {
  position: absolute;
  inset: 0;
}

.origin-data-table__empty-state-row {
  display: flex;
  align-items: center;
  height: 56px;
}

.origin-data-table__empty-state-cell {
  flex: 1;
  padding: 0 var(--origin-space-4);
}

.origin-data-table__empty-state-rect {
  height: 16px;
  width: 100%;
  border-radius: var(--origin-radius-small);
  background-color: var(--origin-color-skeleton-fill-default);
}

.origin-data-table__empty-state-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    color-mix(in srgb, var(--origin-color-fill-base-default) 40%, transparent),
    var(--origin-color-fill-base-default)
  );
}

.origin-data-table__empty-state-content {
  position: relative;
  z-index: 1;
  padding: var(--origin-space-16);
}

/* stylelint-enable selector-class-pattern */

.origin-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--origin-color-fill-base-default);
}

.origin-table-caption {
  padding: var(--origin-space-2) var(--origin-space-3);
  text-align: left;
  color: var(--origin-color-text-base-subdued);
  caption-side: top;
}

/* header cells */

.origin-table .origin-table-header-cell {
  box-sizing: border-box;
  padding: var(--origin-space-4);
  text-align: left;
  background-color: var(--origin-color-fill-base-accent);
  border: none;
  border-bottom: 1px solid var(--origin-color-border-base-subdued);
}

.origin-table-header .origin-table-header-cell {
  border-top: 1px solid var(--origin-color-border-base-subdued);
}

.origin-table-header .origin-table-header-cell:first-child {
  border-top-left-radius: var(--origin-radius-large);
}

.origin-table .origin-table-header-cell:first-child {
  border-left: 1px solid var(--origin-color-border-base-subdued);
}

.origin-table .origin-table-header-cell:last-child {
  border-top-right-radius: var(--origin-radius-large);
  border-right: 1px solid var(--origin-color-border-base-subdued);
}

/* body cells */

.origin-table .origin-table-cell {
  box-sizing: border-box;
  padding: var(--origin-space-5) var(--origin-space-4);
  border: none;
  border-bottom: 1px solid var(--origin-color-border-base-subdued);
}

.origin-table .origin-table-cell:first-child {
  border-left: 1px solid var(--origin-color-border-base-subdued);
}

.origin-table .origin-table-cell:last-child {
  border-right: 1px solid var(--origin-color-border-base-subdued);
}

/* row hover affecting cells */

.origin-table-row:hover .origin-table-cell {
  background-color: var(--origin-color-fill-hover-subdued);
}

/* last row + first/last child cells rounded corners */

.origin-table-body .origin-table-row .origin-table-header-cell:first-child {
  border-right: 1px solid var(--origin-color-border-base-subdued);
}

.origin-table-row:last-of-type .origin-table-cell:first-child,
.origin-table-body .origin-table-row:last-of-type .origin-table-header-cell:first-child {
  border-bottom-left-radius: var(--origin-radius-large);
}

.origin-table-row:last-of-type .origin-table-cell:last-child {
  border-bottom-right-radius: var(--origin-radius-large);
}

/* Responsive: horizontal scroll on mobile */

@media (width <= 768px) {
  .origin-table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* stylelint-disable selector-class-pattern */

.origin-pagination {
  display: flex;
  justify-content: center;
}

.origin-pagination__ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  padding: 0 var(--origin-space-1);
  user-select: none;
}

.origin-pagination__page-button {
  min-width: 32px;
  min-height: 32px;
  cursor: pointer;
}

.origin-pagination__pages {
  display: flex;
  gap: var(--origin-space-2);
  list-style: none;
  margin: 0;
  padding: 0;
}

.origin-pagination__page-button.origin-pagination__page-button--current,
.origin-pagination__page-button.origin-pagination__page-button--current:hover:not(:disabled) {
  background-color: var(--origin-color-fill-selected-default);
  color: var(--origin-color-text-base-default);
  cursor: default;
}

/* stylelint-enable selector-class-pattern */

.origin-skeleton-rectangle {
  border-radius: var(--origin-space-half);
}

.origin-skeleton-circle {
  border-radius: 50%;
  aspect-ratio: 1;
  height: 100%;
  overflow: hidden;
  flex: 0 0 auto;
}

.origin-skeleton-frame {
  width: auto;
  position: relative;
}

.origin-skeleton-label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: fit-content;
  margin: 0 auto;
  z-index: 1;
  user-select: none;
  text-align: center;
  padding: 0 var(--origin-space-2) var(--origin-space-half);
  border-radius: var(--origin-radius-3);
  background: var(--origin-color-fill-base-default);
  border: 1px solid var(--origin-color-border-base-subdued);
  border-color: var(--origin-color-border-base-subdued);
  box-shadow: var(--origin-elevation-base-low);
  animation: origin-skeleton-loader-fade-in-down ease-in-out 300ms;
}

[data-origin-mode="dark"] .origin-skeleton-label {
  box-shadow: none;
}

@keyframes origin-skeleton-loader-fade-in-down {
  from {
    transform: translateY(-10px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.origin-skeleton-item {
  width: 100%;
}

.origin-skeleton-item-inner {
  display: block;
  border-radius: var(--origin-radius-small);
  background-color: var(--origin-color-skeleton-fill-default);
  position: relative;
  overflow: hidden;
  mix-blend-mode: multiply; /* better contrast on background-base-subdued */
}

.origin-skeleton-item-inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    90deg,
    transparent 0%,
    var(--origin-color-skeleton-shimmer) 50%,
    transparent 100%
  );
  transform: translateX(-100%);
  animation: origin-skeleton-loader-shimmer 2s ease-in-out infinite;
}

@keyframes origin-skeleton-loader-shimmer {
  100% {
    transform: translateX(100%);
  }
}

.origin-skeleton-item-circle {
  border-radius: 50%;
  aspect-ratio: 1;
}

@media (prefers-reduced-motion: reduce) {
  .origin-skeleton-label,
  .origin-skeleton-item-inner::after {
    animation: none;
  }
}

.origin-form {
  --origin-form-row-spacing: var(--origin-space-3);
  --origin-form-footer-margin-top: var(--origin-space-2);
  --origin-form-fieldset-margin-top: var(--origin-space-1);
  --origin-form-header-margin-bottom: var(--origin-space-0);

  display: flex;
  flex-direction: column;
  gap: var(--origin-form-row-spacing);
}

.origin-form.origin-form-standard {
  --origin-form-row-spacing: var(--origin-space-4);
  --origin-form-footer-margin-top: var(--origin-space-3);
  --origin-form-fieldset-margin-top: var(--origin-space-3);
  --origin-form-header-margin-bottom: var(--origin-space-1);
}

.origin-form.origin-form-spacious {
  --origin-form-row-spacing: var(--origin-space-4);
  --origin-form-footer-margin-top: var(--origin-space-6);
  --origin-form-fieldset-margin-top: var(--origin-space-8);
  --origin-form-header-margin-bottom: var(--origin-space-4);
}

.origin-form-header {
  display: flex;
  gap: var(--origin-space-half);
  flex-direction: column;
  margin-bottom: var(--origin-form-header-margin-bottom);
}

.origin-form-row {
  display: flex;
  gap: var(--origin-space-3);
  flex-flow: wrap;
}

.origin-form-fieldset {
  padding: 0;
  border: none;
  display: flex;
  flex-direction: column;
  gap: var(--origin-form-row-spacing);
  margin: var(--origin-form-fieldset-margin-top) 0;
}

.origin-form-fieldset legend {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin-bottom: var(--origin-form-row-spacing);
}

.origin-form-fieldset .origin-form-legend-indicator {
  color: var(--origin-color-text-base-subdued);
  padding-inline-start: var(--origin-space-2);
}

.origin-form-footer {
  margin-top: var(--origin-form-footer-margin-top);
  display: flex;
  gap: var(--origin-space-2);
}

.origin-multiline-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.origin-illustration {
  display: block;
  width: 100%;
}

.origin-illustration-small > svg,
.origin-illustration-medium > svg,
.origin-illustration-large > svg,
.origin-illustration-xlarge > svg {
  width: 100%;
  height: 100%;
}

.origin-illustration-small {
  width: 32px;
  height: 32px;
}

.origin-illustration-medium {
  width: 56px;
  height: 56px;
}

.origin-illustration-large {
  width: 80px;
  height: 80px;
}

.origin-illustration-xlarge {
  width: 96px;
  height: 96px;
}

.origin-link {
  --origin-link-underline-thickness: max(1.5px, 0.0625rem);

  appearance: none;
  display: inline;
  text-decoration: underline;
  text-decoration-thickness: var(--origin-link-underline-thickness);
  text-underline-offset: 0.2em;
  text-decoration-skip-ink: none;
}

.origin-link-block {
  display: block;
  width: fit-content;
}

.origin-link-inline-block {
  display: inline-block;
}

.origin-link-bold {
  font-weight: bold;
}

.origin-link-underline-hover {
  text-decoration-line: none;
}

.origin-link:hover,
.origin-link[data-simulate="hover"] {
  text-decoration-line: underline;
  text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
}

/* Safari only hacks - it has bugs with text-decoration-thickness, so just keep it constant */

/* stylelint-disable-next-line media-feature-name-no-vendor-prefix */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media,
  _:future,
  :root .origin-link:hover {
    text-decoration-thickness: var(--origin-link-underline-thickness);
  }
}

.origin-link-primary {
  color: var(--origin-color-link-text-primary);
  text-decoration-color: var(--origin-color-link-border-primary);
}

.origin-link-secondary {
  color: var(--origin-color-link-text-secondary);
  text-decoration-color: var(--origin-color-link-border-secondary);
}

.origin-link-inherit {
  color: inherit;
  text-decoration-color: inherit;
}

.origin-link[data-simulate="focus"],
.origin-link:-moz-focusring,
.origin-link:focus-visible {
  outline: 2px solid var(--origin-color-border-focus-default);
  outline-offset: 2px;
  border-radius: var(--origin-radius-half);
}

@supports ((not selector(:focus-visible)) or (not selector(:-moz-focusring))) {
  .origin-link:focus {
    outline: 2px solid var(--origin-color-border-focus-default);
    outline-offset: 2px;
    border-radius: var(--origin-radius-half);
  }
}

.origin-menu-container {
  position: relative;
  display: inline-block;
}

.origin-menu-dropdown {
  border-radius: var(--origin-radius-5);
  border: 1px solid var(--origin-color-border-base-subdued);
  box-shadow: var(--origin-elevation-base-low);
  z-index: var(--origin-z-index-popover);
}

.origin-menu-list {
  list-style: none;
  margin: 0;
  padding: var(--origin-space-2-and-half) var(--origin-space-2);
  display: flex;
  flex-direction: column;
  gap: var(--origin-space-1);
  border-radius: var(--origin-radius-5);
  background-color: var(--origin-color-fill-base-default);
}

.origin-menu-item {
  box-sizing: border-box;
  min-height: 32px;
  padding: 0 var(--origin-space-2-and-half);
  color: var(--origin-color-text-base-default);
  display: flex;
  gap: var(--origin-space-2);
  align-items: center;
  justify-content: start;
  cursor: pointer;
  border-radius: var(--origin-radius-0);
  width: max-content;
  min-width: 100%;
  flex: 1 1 auto;
}

.origin-menu-item:focus {
  outline: none;
}

.origin-menu-item:hover:not(.origin-menu-item-disabled) {
  background: var(--origin-color-fill-hover-default);
  border-radius: var(--origin-radius-3);
}

.origin-menu-item:hover:not(.origin-menu-item-disabled) .origin-icon [stroke] {
  stroke: var(--origin-color-menu-icon-hover);
}

.origin-menu-item:hover:not(.origin-menu-item-disabled) .origin-icon [fill] {
  fill: var(--origin-color-menu-icon-hover);
}

.origin-menu-item:active:not(.origin-menu-item-disabled) {
  background-color: var(--origin-color-fill-active-default);
}

/* Pre-reserves width for semibold active state to prevent layout shift */

.origin-menu-item .origin-text-small {
  display: flex;
  flex-direction: column;
}

.origin-menu-item .origin-text-small::after {
  content: attr(data-text);
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-weight: var(--font-weight-semibold);
}

.origin-menu-item-has-icon-end .origin-text-small {
  flex: 1;
}

.origin-menu-item-icon-end {
  margin-right: -7px;
}

.origin-menu-back-button .origin-text-small {
  font-size: var(--origin-text-size-xsmall);
  line-height: var(--origin-line-height-text-xsmall);
  color: var(--origin-color-text-base-subdued);
}

.origin-menu-item:active:not(.origin-menu-item-disabled) .origin-text-small {
  font-weight: var(--font-weight-semibold) !important;
}

.origin-menu-group li {
  padding: var(--origin-space-1) var(--origin-space-2);
}

/* Keep the submenu trigger highlighted while its submenu is open — including when
   the pointer has moved into the submenu or off the menu entirely. */

.origin-menu-item-submenu-open:not(.origin-menu-item-disabled) {
  background: var(--origin-color-fill-hover-default);
  border-radius: var(--origin-radius-3);
}

.origin-menu-list[data-keyboard-mode] .origin-menu-item:focus,
.origin-menu-list[data-keyboard-mode] .origin-menu-item-submenu-open {
  position: relative;
  z-index: 1;
  background-color: var(--origin-color-fill-active-default);
  border-radius: var(--origin-radius-3);
}

/* When the pointer leaves a menu panel, preserve the hover highlight on the
   last-hovered item by falling back to :focus (set by focusSilently on hover). */

.origin-menu-dropdown:not(:hover)
  .origin-menu-list:not([data-keyboard-mode])
  .origin-menu-item:focus:not(.origin-menu-item-disabled) {
  background: var(--origin-color-fill-hover-default);
  border-radius: var(--origin-radius-3);
}

.origin-menu-list[data-keyboard-mode] .origin-menu-item:focus::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 8px;
  border-radius: var(--origin-radius-25);
  background-color: var(--origin-color-icon-base-default);
}

.origin-menu-submenu {
  z-index: calc(var(--origin-z-index-popover) + 1);
}

.origin-menu-page {
  display: flex;
  flex-direction: column;
  padding: 0 var(--origin-space-2);
  background-color: var(--origin-color-fill-base-default);
  border-radius: var(--origin-radius-5);
}

.origin-menu-back-button {
  margin-top: var(--origin-space-2-and-half);
  justify-content: flex-start;
  gap: 0;
}

.origin-menu-back-button .origin-icon {
  margin-left: -7px;
}

.origin-menu-item-link {
  text-decoration: none;
  background: none;
  color: inherit;
  flex: 1;
  min-width: 0;
  display: block;
}

.origin-menu-item-disabled {
  cursor: not-allowed;
}

.origin-menu-item-disabled svg,
.origin-menu-item-disabled span {
  opacity: 0.4;
}

.origin-menu-separator {
  margin: var(--origin-space-1) calc(-1 * var(--origin-space-2));
  border-radius: var(--origin-radius-0);
  border-top: 1px solid var(--origin-color-border-base-subdued);
}

.origin-menu-section {
  display: flex;
  flex-direction: column;
  gap: var(--origin-space-1);
}

.origin-menu-section-label {
  display: block;
  padding: var(--origin-space-1) var(--origin-space-2);
}

.origin-menu-group {
  padding: var(--origin-space-0);
  display: flex;
  flex-direction: column;
  gap: var(--origin-space-1);
}

.origin-menu-page .origin-menu-list {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.origin-modal-backdrop {
  display: none;
  position: fixed;
  overflow-y: auto;
  inset: 0;
  z-index: 1;
}

.origin-modal-backdrop-active {
  display: block;
}

:root,
:host {
  --origin-animation-duration: 0.2s;
}

.origin-modal-container {
  align-items: center;
  animation: origin-modal-fade-in var(--origin-animation-duration) ease-in-out forwards;
  /* stylelint-disable-next-line color-function-notation */
  background-color: var(--origin-color-background-overlay-default);
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: var(--origin-z-index-modal);
}

.origin-modal-container.hide {
  animation: origin-modal-fade-out var(--origin-animation-duration) ease-in-out forwards;
}

.origin-modal-overlay {
  animation:
    origin-modal-fade-in var(--origin-animation-duration) ease-in-out forwards,
    origin-modal-scale-in var(--origin-animation-duration) ease-in-out forwards;
  background-color: var(--origin-color-fill-base-default);
  border-radius: var(--origin-radius-5);
  border: 1px solid var(--origin-color-border-base-subdued);
  box-shadow: var(--origin-elevation-base-high);
  position: relative;
}

.origin-modal-overlay.hide {
  animation:
    origin-modal-fade-out var(--origin-animation-duration) ease-in-out forwards,
    origin-modal-scale-out var(--origin-animation-duration) ease-in-out forwards;
}

.origin-modal-content {
  display: flex;
  flex-direction: column;
  max-height: 75vh;
  min-width: 320px;
  position: relative;
  word-wrap: break-word;
}

.origin-modal-small {
  width: 480px;
}

.origin-modal-medium {
  width: 640px;
}

/* Extra right spacing needed to account for Close IconButton */

.origin-modal-header {
  padding: var(--origin-space-8) var(--origin-space-20) var(--origin-space-4) var(--origin-space-8);
  overflow-wrap: break-word;
}

.origin-modal-header-description {
  margin-top: var(--origin-space-2);
  color: var(--origin-color-text-base-subdued);
}

.origin-modal-close-button {
  padding: var(--origin-space-4);
  position: absolute;
  right: var(--origin-space-0);
  top: var(--origin-space-0);
  z-index: 10;
}

.origin-modal-body {
  flex-grow: 1;
  padding: var(--origin-space-2) var(--origin-space-8) var(--origin-space-8);
  overflow: auto;
}

.origin-modal-body-border-top {
  border-top: 1px solid var(--origin-color-border-base-subdued);
}

.origin-modal-footer {
  align-items: center;
  border-bottom-left-radius: var(--origin-radius-5);
  border-bottom-right-radius: var(--origin-radius-5);
  box-sizing: content-box;
  display: flex;
  min-height: var(--origin-space-8);
  max-height: var(--origin-space-8);
  padding: var(--origin-space-3) var(--origin-space-8) var(--origin-space-8) var(--origin-space-8);
}

@keyframes origin-modal-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes origin-modal-fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes origin-modal-scale-in {
  0% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes origin-modal-scale-out {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.8);
  }
}

.origin-modal-overlay .origin-button:focus {
  outline: 2px solid var(--origin-color-border-focus-default);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .origin-modal-container,
  .origin-modal-overlay,
  .origin-modal-container.hide,
  .origin-modal-overlay.hide {
    animation: none;
  }
}

:root,
:host {
  --origin-multiselect-animation-duration: 300ms;
  --origin-multiselect-animation-easing: cubic-bezier(0.87, 0, 0.13, 1);
}

.origin-multiselect {
  display: flex;
  flex-direction: column;
  gap: var(--origin-space-1);
  flex: 1;
  min-width: 130px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

/* Trigger container — provides the focus ring via focus-within */

.origin-multiselect-container {
  position: relative;
  width: 100%;
  border-radius: var(--origin-radius-medium);
}

.origin-multiselect-xlarge .origin-multiselect-container {
  border-radius: var(--origin-radius-large);
}

/* Trigger button */

.origin-multiselect-trigger {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--origin-space-2);
  width: 100%;
  cursor: pointer;
  background: var(--origin-color-fill-base-default);
  border-radius: var(--origin-radius-medium);
  border: 1px solid var(--origin-color-border-base-default);
  color: var(--origin-color-text-base-default);
  padding: var(--origin-space-1) var(--origin-space-2);
  font-family: var(--origin-font-family-sans-default);
  font-weight: var(--origin-font-weight-regular);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Suppress iOS's default grey tap overlay; rely on designed :hover/:active states */
  -webkit-tap-highlight-color: transparent;
}

.origin-multiselect-trigger:focus-visible {
  outline: 2px solid var(--origin-color-border-focus-default);
  outline-offset: 2px;
}

/* Chevron — keep stable width on narrow triggers and rotate on open */

.origin-multiselect-trigger > svg {
  flex-shrink: 0;
  transition: transform var(--origin-multiselect-animation-duration)
    var(--origin-multiselect-animation-easing);
}

.origin-multiselect[data-expanded="true"] .origin-multiselect-trigger > svg {
  transform: rotate(-180deg);
}

@media (prefers-reduced-motion: reduce) {
  .origin-multiselect {
    --origin-multiselect-animation-duration: 0ms;
  }

  .origin-multiselect-trigger > svg {
    transition: none;
  }
}

.origin-multiselect-medium .origin-multiselect-trigger {
  font-size: var(--origin-text-size-small);
  height: var(--origin-size-control-medium);
}

.origin-multiselect-large .origin-multiselect-trigger {
  font-size: var(--origin-text-size-medium);
  height: var(--origin-size-control-large);
}

.origin-multiselect-xlarge .origin-multiselect-trigger {
  font-size: var(--origin-text-size-large);
  height: var(--origin-size-control-xlarge);
  border-radius: var(--origin-radius-large);
  padding: var(--origin-space-1) var(--origin-space-2-and-half);
}

.origin-multiselect-trigger[aria-invalid="true"] {
  border-color: var(--origin-color-border-critical-default);
}

.origin-multiselect-trigger:disabled {
  border-color: var(--origin-color-border-base-subdued);
  cursor: not-allowed;
}

/* Trigger label text */

.origin-multiselect-trigger-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.origin-multiselect-trigger-placeholder {
  color: var(--origin-color-text-base-subdued);
}

/* Dropdown container — wraps optional search input + listbox */

.origin-multiselect-dropdown {
  position: absolute;
  z-index: var(--origin-z-index-popover);
  border-radius: var(--origin-radius-medium);
  border: 1px solid var(--origin-color-border-base-default);
  width: 100%;
  box-sizing: border-box;
  margin: var(--origin-space-1) 0 0 0;
  background-color: var(--origin-color-fill-base-default);
  overflow: hidden;
}

.origin-multiselect-xlarge .origin-multiselect-dropdown {
  border-radius: var(--origin-radius-large);
}

.origin-multiselect[data-expanded="false"] .origin-multiselect-dropdown {
  display: none;
}

.origin-multiselect-medium .origin-multiselect-dropdown[data-display="top"] {
  bottom: var(--origin-size-control-medium);
  margin-top: 0;
}

.origin-multiselect-large .origin-multiselect-dropdown[data-display="top"] {
  bottom: var(--origin-size-control-large);
  margin-top: 0;
}

.origin-multiselect-xlarge .origin-multiselect-dropdown[data-display="top"] {
  bottom: var(--origin-size-control-xlarge);
  margin-top: 0;
}

/* Listbox */

.origin-multiselect-listbox {
  overflow: auto;
  padding: var(--origin-space-2);
  width: 100%;

  /* Show ~5 items before scrolling */
  max-height: calc(
    5 * (var(--origin-space-8) + 2 * var(--origin-space-half)) + var(--origin-space-2) - 2px
  );
  box-sizing: border-box;
  list-style: none;
  margin: 0;
}

/* Listbox items */

.origin-multiselect-item {
  display: flex;
  align-items: center;
  gap: var(--origin-space-2);
  margin: 0;
  list-style: none;
  border-radius: var(--origin-radius-medium);
  min-height: var(--origin-space-8);
  padding: var(--origin-space-half) var(--origin-space-2);
  cursor: pointer;
}

.origin-multiselect-item[data-active="true"] {
  background-color: var(--origin-color-fill-hover-default);
}

.origin-multiselect-item[aria-disabled="true"] {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Checkbox visual inside each item */

.origin-multiselect-item-checkbox {
  box-sizing: border-box;
  flex-shrink: 0;
  border-radius: var(--origin-radius-1);
  border-width: 1px;
  border-style: solid;
  border-color: var(--origin-color-border-base-default);
  background-color: var(--origin-color-fill-base-default);
  transition-property: background-color, border-color;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
  .origin-multiselect-item-checkbox {
    transition: none;
  }
}

.origin-multiselect-item-checkbox-medium {
  width: 16px;
  height: 16px;
  min-width: 16px;
}

.origin-multiselect-item-checkbox-large {
  width: 20px;
  height: 20px;
  min-width: 20px;
}

.origin-multiselect-item-checkbox-xlarge {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: calc(var(--origin-radius-1) + var(--origin-space-half));
}

.origin-multiselect-item-checkbox-selected {
  border-color: var(--origin-color-border-interactive-default);
  background-color: var(--origin-color-fill-interactive-default);
}

/* No options message */

.origin-multiselect-no-results {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--origin-space-8);
  list-style: none;
  padding: var(--origin-space-half) var(--origin-space-2);
  color: var(--origin-color-text-base-subdued);
  cursor: default;
}

/* Forced colors (Windows High Contrast) — backgrounds collapse, so use
   outline + system Highlight color to keep states distinguishable. */

@media (forced-colors: active) {
  .origin-multiselect-trigger {
    border-color: CanvasText;
  }

  .origin-multiselect-trigger:focus-visible {
    outline-color: Highlight;
  }

  .origin-multiselect-item[data-active="true"] {
    outline: 1px solid Highlight;
  }

  .origin-multiselect-item[aria-disabled="true"] {
    color: GrayText;
    opacity: 1;
  }

  .origin-multiselect-item-checkbox {
    forced-color-adjust: none;
    border-color: CanvasText;
    background-color: Canvas;
  }

  .origin-multiselect-item-checkbox-selected {
    border-color: Highlight;
    background-color: Highlight;
  }
}

.origin-popover {
  border: 1px solid var(--origin-color-border-elevated-default);
  border-radius: var(--origin-radius-5);
  min-width: 225px;
  max-width: calc(480px - (var(--origin-space-4) * 2));
  z-index: var(--origin-z-index-popover);
}

.origin-popover .origin-arrow {
  fill: var(--origin-neutral-90);
  width: 14px;
  height: 14px;
}

.origin-popover-content {
  background: var(--origin-color-fill-base-subdued);
  border-radius: var(--origin-radius-5);
  color: var(--origin-color-text-light-default);
  padding: var(--origin-space-4) var(--origin-space-5) var(--origin-space-5) var(--origin-space-5);
  position: relative;
}

.origin-popover-close-button {
  padding: var(--origin-space-2);
  position: absolute;
  right: 0;
  top: 0;
}

.origin-radio-group {
  border: none;
  margin: 0;
  padding: 0;
}

.origin-radio-group * {
  box-sizing: border-box;
}

.origin-radio-group legend {
  padding-inline-start: 0;
}

.origin-radio-group .origin-radio-group-helper-message {
  margin-block-start: var(--origin-space-1);
}

.origin-radio-group .origin-radio-button-container {
  width: fit-content;

  /* Always have 1px border so error state does not shift elements */
  border: 1px solid transparent;
  border-radius: calc(var(--origin-radius-1) + var(--origin-radius-half));

  /* Subtract 1px on all sides in margin to account for border */
  margin: calc(var(--origin-space-1) - 1px) -1px -1px calc(-1 * var(--origin-space-half) - 1px);
}

.origin-radio-group[data-layout="row"] .origin-radio-button-container {
  display: flex;
  column-gap: var(--origin-space-3);
}

.origin-radio-group[data-layout="column"] .origin-radio-button-container {
  display: grid;
  row-gap: var(--origin-space-2);
}

.origin-radio-group[data-cols="2"] .origin-radio-button-container {
  grid-template-columns: 1fr 1fr;
  column-gap: var(--origin-space-5);
}

.origin-radio-group[data-error="true"] .origin-radio-button-container {
  border-color: var(--origin-color-border-critical-default);
}

.origin-radio-group .origin-input-error {
  margin-top: var(--origin-space-1);
}

.origin-radio-button {
  display: flex;
  gap: var(--origin-space-2);
  border: 2px solid transparent;
  border-radius: var(--origin-radius-1);
  margin: -1px;
  padding: var(--origin-space-1);
}

@supports selector(:focus-visible) {
  .origin-radio-button input[type="radio"]:focus-visible {
    outline: 2px solid var(--origin-color-border-focus-default);
    outline-offset: 2px;
  }
}

@supports not selector(:focus-visible) {
  .origin-radio-button input[type="radio"]:focus {
    outline: 2px solid var(--origin-color-border-focus-default);
    outline-offset: 2px;
  }
}

.origin-radio-button input[type="radio"] {
  appearance: none;
  background-color: var(--origin-color-fill-base-default);
  flex-shrink: 0;
  cursor: pointer;
  width: var(--origin-space-4);
  height: var(--origin-space-4);
  margin: 0;
  margin-block-start: var(--origin-space-half);
  border: var(--origin-space-quarter) solid var(--origin-color-border-base-default);
  border-radius: 50%;
  outline: none;
}

.origin-radio-button input[type="radio"]:checked {
  border-width: 5px;
  border-color: var(--origin-color-border-interactive-default);
}

.origin-radio-button[data-disabled="true"] input[type="radio"] {
  cursor: not-allowed;
  opacity: 0.4;
}

.origin-radio-group[data-size="large"] .origin-radio-button input[type="radio"] {
  width: var(--origin-space-5);
  height: var(--origin-space-5);
}

.origin-radio-group[data-size="xlarge"] .origin-radio-button input[type="radio"] {
  width: var(--origin-space-6);
  height: var(--origin-space-6);
  margin-block-start: var(--origin-space-1);
}

.origin-radio-group[data-size="xlarge"] .origin-radio-button input[type="radio"]:checked {
  border-width: 7px;
}

.origin-radio-button label {
  cursor: pointer;
}

.origin-radio-button[data-disabled="true"] label {
  cursor: not-allowed;
}

.origin-radio-button .origin-radio-button-helper-message {
  display: inline;
}

/* REMOVE BEOFRE PUBLISHING */

.origin-rating-container {
  width: 100%;
}

.origin-rating-error-container {
  padding-inline: calc(var(--origin-space-1) + var(--origin-space-half));
  padding-block-end: calc(var(--origin-space-1) + var(--origin-space-half));

  /* Pull the container 1px left to compensate for the added border and prevent the title from shifting */
  margin-inline-start: calc(calc(var(--origin-space-1) + var(--origin-space-half)) * -1 - 1px);
  border: 1px solid transparent;
  border-radius: var(--origin-radius-1);
}

.origin-rating-container[data-error="true"] .origin-rating-error-container {
  border-color: var(--origin-color-border-critical-default);
}

.origin-rating-fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.origin-rating-fieldset legend {
  padding-inline: 0;
  margin-block-end: var(--origin-space-1);
}

.origin-rating-fieldset-label {
  margin-inline-end: var(--origin-space-2);
}

.origin-rating-star input {
  height: 24px;
  width: 24px;
}

.origin-rating-star {
  position: relative;
  padding-inline: var(--origin-space-half);
  display: flex;
  justify-content: center;
}

.origin-rating-star,
.origin-rating-star-icon {
  width: 24px;
  height: 24px;
}

.origin-rating-star-list,
.origin-rating-star-icon {
  cursor: pointer;
}

.origin-rating-star-list {
  margin-left: calc(-1 * var(--origin-space-half));
}

.origin-rating-star-icon * {
  fill: var(--origin-color-icon-base-default);
}

.origin-rating-star-icon.filled * {
  fill: var(--origin-color-icon-rating-default);
}

@supports selector(:has(*)) and (selector(:focus-visible)) {
  .origin-rating-star:has(input:focus-visible) {
    border-radius: calc(var(--origin-radius-1) + var(--origin-radius-half));
    outline: 2px solid var(--origin-color-border-focus-default);
  }
}

@supports not selector(:has(*)) {
  .origin-rating-star:focus-within {
    border-radius: calc(var(--origin-radius-1) + var(--origin-radius-half));
    outline: 2px solid var(--origin-color-border-focus-default);
  }
}

.origin-rating-star:first-of-type label {
  padding-inline-start: 0;
}

.origin-rating-star:last-of-type label {
  padding-inline-end: 0;
}

.origin-rating-live-region {
  margin-block-end: var(--origin-space-3);
}

.origin-rating-container[data-error="true"] .origin-rating-live-region {
  margin-top: var(--origin-space-2);
}

/* Label area reserves space in small screens */

.origin-star-label {
  height: 1em;
  display: flex;
  align-items: center;
}

.origin-text-field {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: var(--origin-space-1);
  text-align: start;
  min-width: 130px;
}

.origin-text-field .origin-text-field-input {
  all: unset;
  background: var(--origin-color-fill-base-default);
  border-radius: var(--origin-radius-medium);
  border: 1px solid var(--origin-color-border-base-default);
  color: var(--origin-color-text-base-default);
  box-sizing: border-box;
  padding: var(--origin-space-1) var(--origin-space-3) var(--origin-space-1) var(--origin-space-2);
  width: 100%;
}

.origin-text-field-container {
  position: relative;
  border-radius: var(--origin-radius-medium);
  display: flex;
  align-items: center;
}

.origin-text-field-medium .origin-text-field-input {
  font-size: var(--origin-text-size-small);
  height: var(--origin-size-control-medium);
}

.origin-text-field-large .origin-text-field-input {
  font-size: var(--origin-text-size-medium);
  height: var(--origin-size-control-large);
}

.origin-text-field-large .origin-text-field-container {
  margin-top: var(--origin-space-half);
}

.origin-text-field-xlarge .origin-text-field-input {
  border-radius: var(--origin-radius-large);
  font-size: var(--origin-text-size-large);
  height: var(--origin-size-control-xlarge);
}

.origin-text-field-xlarge .origin-text-field-container {
  border-radius: var(--origin-radius-large);
  margin-top: var(--origin-space-1);
}

/* hide the spinner buttons, which look bad and mostly are not useful */

.origin-text-field-input[type="number"]::-webkit-inner-spin-button,
.origin-text-field-input[type="number"]::-webkit-outer-spin-button {
  opacity: 0;
}

.origin-text-field-input[type="number"] {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-appearance: textfield !important; /* Firefox */
}

.origin-text-field-icon-start {
  display: flex;
  position: absolute;
  padding: 0 var(--origin-space-2);
  pointer-events: none;
}

.origin-text-field-icon-start svg {
  width: 16px;
  height: 16px;
}

.origin-text-field-xlarge .origin-text-field-icon-start {
  padding: 0 var(--origin-space-2-and-half);
}

.origin-text-field-xlarge .origin-text-field-icon-start svg {
  width: 20px;
  height: 20px;
}

.origin-text-field-input[aria-invalid="true"] {
  border-color: var(--origin-color-border-critical-default);
}

.origin-text-field-input::placeholder {
  color: var(--origin-color-text-base-subdued);

  /* Needed for Firefox */
  opacity: 1;
}

.origin-text-field-input:disabled {
  border-color: var(--origin-color-border-base-subdued);
  cursor: not-allowed;
}

.origin-text-field-container-password .origin-text-field-input {
  padding-inline-end: var(--origin-space-8);
}

.origin-text-field-icon-start + .origin-text-field-input {
  padding-inline-start: calc(var(--origin-space-2) + 16px + var(--origin-space-2));
}

.origin-text-field-xlarge .origin-text-field-icon-start + .origin-text-field-input {
  padding-inline-start: calc(
    var(--origin-space-2-and-half) + 20px + var(--origin-space-2-and-half)
  );
}

.origin-text-field-input:active:not([disabled]),
.origin-text-field-input[data-simulate="active"] {
  border-color: var(--origin-color-border-brand-default);
}

.origin-text-field-container:focus-within,
.origin-text-field-container:has([data-simulate="focus"]) {
  outline: 2px solid var(--origin-color-border-focus-default);
  outline-offset: 2px;
}

/* password visibility button etc */

.origin-text-field button {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  background: 0 0;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: 1px solid transparent;
  border-radius: var(--origin-radius-medium);
  outline: none;
  position: absolute;
  right: 0;
  padding: 0;
  margin-inline-end: var(--origin-space-2);
}

.origin-text-field button:focus-visible,
.origin-text-field button[data-simulate="focus"] {
  border-color: var(--origin-color-border-focus-default);
}

.origin-text-field button:disabled {
  cursor: not-allowed;
}

.origin-text-field-input::-webkit-search-cancel-button {
  display: none;
}

.origin-text-field-input::-webkit-textfield-decoration-container {
  margin-inline-end: var(--origin-space-4);
}

.origin-select {
  display: flex;
  flex-direction: column;
  font-family: var(--origin-font-family-sans-default);
  flex: 1;
  gap: var(--origin-space-1);
  text-align: start;
}

.origin-select .origin-select-inner {
  box-sizing: border-box;
  background-color: var(--origin-color-fill-base-default);
  border-radius: var(--origin-radius-medium);
  border: 1px solid var(--origin-color-border-base-default);
  padding: var(--origin-space-1) var(--origin-space-8) var(--origin-space-1) var(--origin-space-3);
  margin: 0;
  color: var(--origin-color-text-base-default);

  /* Explicitly inherit font-family to override Safari's default behavior of ignoring inherited fonts on native <select> (Safari < 16) */
  font-family: inherit;
  appearance: none;
  line-height: 1.5;
  width: 100%;
}

.origin-select-container {
  /* provide border for high-contrast mode */
  border: 1px solid transparent;
  border-radius: var(--origin-radius-medium);
  margin-inline-start: calc(-1 * var(--origin-space-half));
  display: flex;
  align-items: center;
  position: relative;
}

.origin-select-container .origin-icon {
  position: absolute;
  right: var(--origin-space-3);
}

.origin-select-container:focus-within,
.origin-select-container:has([data-simulate="focus"]) {
  outline: 2px solid var(--origin-color-border-focus-default);
  outline-offset: 1px;
}

.origin-select-small .origin-select-inner {
  font-size: var(--origin-text-size-xsmall);
  height: var(--origin-size-control-small);
}

.origin-select-medium .origin-select-inner {
  font-size: var(--origin-text-size-small);
  height: var(--origin-size-control-medium);
}

.origin-select-large .origin-select-inner {
  font-size: var(--origin-text-size-medium);
  height: var(--origin-size-control-large);
}

.origin-select-large .origin-select-container {
  margin-top: var(--origin-space-half);
}

.origin-select-xlarge .origin-select-inner {
  border-radius: var(--origin-radius-large);
  font-size: var(--origin-text-size-large);
  height: var(--origin-size-control-xlarge);
}

.origin-select-xlarge .origin-select-container {
  border-radius: var(--origin-radius-large);
  margin-top: var(--origin-space-1);
}

.origin-select-inner[aria-invalid="true"] {
  border-color: var(--origin-color-border-critical-default);
}

.origin-select-inner:focus-visible {
  outline: none;
}

.origin-select-inner:disabled {
  border-color: var(--origin-color-border-base-subdued);
  cursor: not-allowed;
  resize: none;
}

.origin-select-inner:active:not([disabled]),
.origin-select-inner[data-simulate="active"]:not([disabled]) {
  border-color: var(--origin-color-border-brand-default);
}

.origin-select-icon {
  pointer-events: none;
}

.origin-switch {
  display: flex;
  gap: var(--origin-space-2);
  max-width: 480px;
  position: relative;
}

.origin-switch-label,
.origin-switch-indicator,
.origin-switch-input {
  cursor: pointer;
}

/* align for screen readers */

.origin-switch-input {
  position: absolute;
  margin: 2px;
  opacity: 0;
}

.origin-switch-label {
  display: flex;
}

.origin-switch [data-size="small"] {
  height: 20px;
  width: 36px;
}

.origin-switch [data-size="medium"] {
  height: 23px;
  width: 42px;
}

.origin-switch [data-size="large"] {
  height: 26px;
  width: 46px;
}

.origin-switch [data-size="xlarge"] {
  height: 34px;
  width: 62px;
}

.origin-switch-animation {
  transition: all 0.3s;
  transition-timing-function: ease-out;
}

.origin-switch-check-animation-turning-on {
  transition: opacity 0.2s;
  transition-delay: 0.2s;
}

.origin-switch-check-animation-turning-off {
  transition: opacity 0.1s;
  transition-delay: 0s;
}

.origin-switch[data-label-display="top"] {
  flex-wrap: wrap;
}

.origin-switch[data-label-display="right"] {
  flex-direction: row-reverse;
}

/* Setting the width to fit the content for hidden labels so the focus ring 
   will be tight around the Switch. In all other cases, we want the Switch to fill 
   the width of the container. 
   */

.origin-switch[data-label-display="hidden"] {
  width: fit-content;
}

.origin-switch[data-disabled="true"] .origin-switch-label,
.origin-switch[data-disabled="true"] .origin-switch-indicator,
.origin-switch[data-disabled="true"] .origin-switch-input {
  cursor: not-allowed;
}

.origin-switch[data-disabled="true"] .origin-switch-indicator {
  opacity: 0.4;
}

@supports selector(:focus-visible) {
  .origin-switch-input:focus-visible + .origin-switch-indicator {
    outline: 2px solid var(--origin-color-border-focus-default);
    outline-offset: 2px;
    border-radius: var(--origin-radius-25);
  }
}

@supports not selector(:focus-visible) {
  .origin-switch-input:focus + .origin-switch-indicator {
    outline: 2px solid var(--origin-color-border-focus-default);
    outline-offset: 2px;
    border-radius: var(--origin-radius-25);
  }
}

.origin-switch-container {
  stroke: var(--origin-color-background-neutral-default);
  fill: var(--origin-color-background-neutral-default);
}

.origin-switch-indicator-selected .origin-switch-container {
  stroke: var(--origin-color-border-interactive-default);
  fill: var(--origin-color-fill-interactive-default);
}

.origin-switch-indicator-selected .check {
  fill: var(--origin-color-fill-interactive-default);
}

.origin-switch-knob {
  stroke: var(--origin-color-fill-base-default);
  fill: var(--origin-color-fill-base-default);
}

.origin-tabs {
  display: block;
  width: 100%;
}

.origin-tabs-list-container {
  border-bottom: 1px solid var(--origin-color-border-base-subdued);
  box-sizing: border-box;
  height: auto;
  overflow: visible;
  position: relative;
}

/*
 * Font size here is used for the ::after psuedo element to avoid UI jumping
 * TODO: These should use typography tokens for font-size
 */

.origin-tabs-list-container-small {
  --origin-tabs-tab-padding-vertical: var(--origin-space-1);
  --origin-tabs-tab-gap: var(--origin-space-half);
  --origin-tabs-tab-margin: var(--origin-space-2);
  --origin-tabs-tab-font-size: 12px;
  --origin-tabs-tab-underline-height: 2px;
  --origin-tabs-tab-icon-width: 16px;
  --origin-tabs-pill-padding-horizontal: var(--origin-space-3);
  --origin-tabs-pill-padding-vertical: var(--origin-space-1-and-half);
}

.origin-tabs-list-container-medium {
  --origin-tabs-tab-padding-vertical: var(--origin-space-1);
  --origin-tabs-tab-gap: var(--origin-space-half);
  --origin-tabs-tab-margin: var(--origin-space-2-and-half);
  --origin-tabs-tab-font-size: 14px;
  --origin-tabs-tab-underline-height: 3px;
  --origin-tabs-tab-icon-width: 20px;
  --origin-tabs-pill-padding-horizontal: var(--origin-space-4);
  --origin-tabs-pill-padding-vertical: var(--origin-space-2);
}

.origin-tabs-list-container-large {
  --origin-tabs-tab-padding-vertical: var(--origin-space-1-and-half);
  --origin-tabs-tab-gap: var(--origin-space-half);
  --origin-tabs-tab-margin: var(--origin-space-3);
  --origin-tabs-tab-font-size: 16px;
  --origin-tabs-tab-underline-height: 3px;
  --origin-tabs-tab-icon-width: 20px;
  --origin-tabs-pill-padding-horizontal: var(--origin-space-5);
  --origin-tabs-pill-padding-vertical: var(--origin-space-2-and-half);
}

.origin-tabs-list-container-xlarge {
  --origin-tabs-tab-padding-vertical: var(--origin-space-2);
  --origin-tabs-tab-gap: var(--origin-space-1-and-half);
  --origin-tabs-tab-margin: var(--origin-space-3);
  --origin-tabs-tab-font-size: 18px;
  --origin-tabs-tab-underline-height: 4px;
  --origin-tabs-tab-icon-width: 24px;
  --origin-tabs-pill-padding-horizontal: var(--origin-space-5);
  --origin-tabs-pill-padding-vertical: var(--origin-space-3);
}

.origin-tabs-list-container.origin-tabs-border-none {
  border-bottom: 0;
}

.origin-tabs-list {
  height: auto;
  overflow: auto;
  margin: 0 -4px;
  padding: 0 4px;
  gap: var(--origin-tabs-tab-gap);
}

.origin-tabs-list-container button[class*="origin-tabs-list-overflow-button-"] {
  position: absolute;
  background: var(--origin-color-fill-base-default);
  transform: translate(0, -50%);
  top: 50%;
  z-index: 1;
}

.origin-tabs-list-container .origin-tabs-list-overflow-button-left {
  left: 0;
}

.origin-tabs-list-container .origin-tabs-list-overflow-button-right {
  right: 0;
}

.origin-tabs-tab-container {
  background-color: transparent;
  border: none;
  color: var(--origin-color-text-base-subdued);
  cursor: pointer;
  padding: 0;
  margin-left: var(--origin-tabs-tab-margin);
  margin-right: var(--origin-tabs-tab-margin);
}

.origin-tabs-tab-container:first-of-type {
  margin-left: 0;
}

.origin-tabs-tab-container:last-of-type {
  margin-right: 0;
}

.origin-tabs-full-width .origin-tabs-tab-container {
  width: 100%;
}

.origin-tabs-tab-container:focus-visible {
  outline: none;
}

.origin-tabs-tab-label .origin-text {
  padding: 0 var(--origin-space-gap-small);
}

.origin-tabs-tab-container:focus-visible .origin-tabs-tab-label::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: var(--origin-radius-1);
  outline: 2px solid var(--origin-color-border-focus-default);
  outline-offset: 2px;
}

.origin-tabs-tab {
  border-bottom: var(--origin-tabs-tab-underline-height) solid transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-wrap: nowrap;
  padding-top: var(--origin-tabs-tab-padding-vertical);
  padding-bottom: var(--origin-tabs-tab-padding-vertical);
}

.origin-tabs-full-width .origin-tabs-tab {
  width: fit-content;
  margin: 0 auto;
}

.origin-tabs-tab-label {
  position: relative;
  width: 100%;
}

/* Pill variant styles */

.origin-tabs-list-container-pill {
  border-bottom: none;
  height: auto;
}

.origin-tabs-list-container-pill .origin-tabs-list {
  margin: -4px;
  padding: 4px;
}

.origin-tabs-list-container-pill .origin-tabs-tab-container {
  margin: 0;
}

.origin-tabs-list-container-pill .origin-tabs-tab {
  border-bottom: none;
  border-radius: var(--origin-radius-25);
  padding: var(--origin-tabs-pill-padding-vertical) var(--origin-tabs-pill-padding-horizontal);
  background-color: transparent;
}

/* Selected tab styles */

.origin-tabs-tab-container[aria-selected="true"] .origin-tabs-tab {
  border-bottom: var(--origin-tabs-tab-underline-height) solid
    var(--origin-color-border-selected-active);

  /* Fallback: host apps on Origin <1.6.0 don't define --origin-color-text-selected-active.
     Remove once all hosts are on Origin >=1.6.0. See docs/token-changes.md. */
  color: var(--origin-color-text-selected-active, var(--origin-color-text-selected-default));
  font-weight: var(--origin-font-weight-medium);
}

.origin-tabs-list-container-pill .origin-tabs-tab-container[aria-selected="true"] .origin-tabs-tab {
  background-color: var(--origin-color-fill-selected-default);

  /* Fallback: host apps on Origin <1.6.0 don't define --origin-color-text-selected-active.
     Remove once all hosts are on Origin >=1.6.0. See docs/token-changes.md. */
  color: var(--origin-color-text-selected-active, var(--origin-color-text-selected-default));
  border-bottom: none;
}

.origin-tabs-list-container-pill .origin-tabs-tab-label .origin-text {
  padding: 0;
}

/* Hack used to avoid jumping tabs due to bold weight when selected */

.origin-tabs-tab::after {
  content: attr(data-text);
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-weight: var(--origin-font-weight-medium);
  font-size: var(--origin-tabs-tab-font-size);
  font-family: var(--origin-font-family-sans-default);
}

/* When tab has an icon, add padding to account for icon width + gap */

.origin-tabs-tab[data-has-icon="true"]::after {
  padding-left: calc(var(--origin-tabs-tab-icon-width) + var(--origin-space-2));
}

.origin-tabs-list-container-pill
  .origin-tabs-tab-container:focus-visible
  .origin-tabs-tab-label::after {
  border-radius: var(--origin-radius-25);
  padding: var(--origin-tabs-pill-padding-vertical) var(--origin-tabs-pill-padding-horizontal);
}

@media speech {
  .origin-tabs-tab:hover {
    border-bottom: 3px solid var(--origin-neutral-gray-40);
  }

  .origin-tabs-tab::after {
    display: none;
  }
}

.origin-tabs-panel {
  padding-top: var(--origin-space-6);
}

/* Base tag styles */

.origin-tag {
  all: unset;
  display: flex;
  align-items: center;
  width: fit-content;
  height: fit-content;
  box-sizing: border-box;
  white-space: nowrap;
  vertical-align: middle;
  font-weight: 500;
}

/* Modifiers */

.origin-tag-inline {
  display: inline-flex;
}

.origin-tag-pill {
  border-radius: var(--origin-radius-25);
  padding: var(--origin-space-half) var(--origin-space-2);
}

.origin-tag-pill.origin-tag-with-icon {
  padding: var(--origin-space-half) var(--origin-space-2) var(--origin-space-half)
    var(--origin-space-1-and-half);
}

.origin-tag-squircle {
  border-radius: var(--origin-radius-small);
  padding: var(--origin-space-quarter) var(--origin-space-1-and-half);
}

.origin-tag-squircle.origin-tag-with-icon {
  padding: var(--origin-space-quarter) var(--origin-space-1-and-half) var(--origin-space-quarter)
    var(--origin-space-1);
}

.origin-tag-icon {
  margin-right: var(--origin-space-half);
}

.origin-tag-red {
  --origin-tag-color-background-default: var(--origin-color-red-contrast-low);
  --origin-tag-color-background-subdued: var(--origin-color-red-contrast-lower);
  --origin-tag-color-text-subdued: var(--origin-color-red-contrast-highest);
  --origin-tag-color-text-outlined: var(--origin-color-red-contrast-high);
}

.origin-tag-green {
  --origin-tag-color-background-default: var(--origin-color-green-contrast-low);
  --origin-tag-color-background-subdued: var(--origin-color-green-contrast-lower);
  --origin-tag-color-text-subdued: var(--origin-color-green-contrast-highest);
  --origin-tag-color-text-outlined: var(--origin-color-green-contrast-high);
}

.origin-tag-yellow {
  --origin-tag-color-background-default: var(--origin-color-yellow-contrast-low);
  --origin-tag-color-background-subdued: var(--origin-color-yellow-contrast-lower);
  --origin-tag-color-text-subdued: var(--origin-color-yellow-contrast-highest);
  --origin-tag-color-text-outlined: var(--origin-color-yellow-contrast-high);
}

.origin-tag-blue {
  --origin-tag-color-background-default: var(--origin-color-blue-contrast-low);
  --origin-tag-color-background-subdued: var(--origin-color-blue-contrast-lower);
  --origin-tag-color-text-subdued: var(--origin-color-blue-contrast-highest);
  --origin-tag-color-text-outlined: var(--origin-color-blue-contrast-high);
}

.origin-tag-purple {
  --origin-tag-color-background-default: var(--origin-color-purple-contrast-low);
  --origin-tag-color-background-subdued: var(--origin-color-purple-contrast-lower);
  --origin-tag-color-text-subdued: var(--origin-color-purple-contrast-highest);
  --origin-tag-color-text-outlined: var(--origin-color-purple-contrast-high);
}

.origin-tag-mulberry {
  --origin-tag-color-background-default: var(--origin-color-mulberry-contrast-low);
  --origin-tag-color-background-subdued: var(--origin-color-mulberry-contrast-lower);
  --origin-tag-color-text-subdued: var(--origin-color-mulberry-contrast-highest);
  --origin-tag-color-text-outlined: var(--origin-color-mulberry-contrast-high);
}

.origin-tag-orange {
  --origin-tag-color-background-default: var(--origin-color-orange-contrast-low);
  --origin-tag-color-background-subdued: var(--origin-color-orange-contrast-lower);
  --origin-tag-color-text-subdued: var(--origin-color-orange-contrast-highest);
  --origin-tag-color-text-outlined: var(--origin-color-orange-contrast-high);
}

.origin-tag-neutral {
  --origin-tag-color-background-default: var(--origin-color-neutral-contrast-low);
  --origin-tag-color-background-subdued: var(--origin-color-neutral-contrast-lower);
  --origin-tag-color-text-subdued: var(--origin-color-neutral-contrast-highest);
  --origin-tag-color-text-outlined: var(--origin-color-neutral-contrast-high);
}

.origin-tag-default {
  background-color: var(--origin-tag-color-background-default);
  color: var(--origin-color-text-light-default);
}

.origin-tag-subdued {
  background-color: var(--origin-tag-color-background-subdued);
  color: var(--origin-tag-color-text-subdued);
}

.origin-tag-outlined {
  border: 1px solid var(--origin-color-border-base-subdued);
  color: var(--origin-tag-color-text-outlined);
}

/* Yellow exception - uses dark text on default background */

.origin-tag-yellow.origin-tag-default {
  color: var(--origin-color-text-dark-default);
}

.origin-tag-premium,
.origin-tag-premium.origin-tag-default,
.origin-tag-premium.origin-tag-outlined {
  background-color: var(--origin-color-tag-premium-background-default);
  color: var(--origin-color-tag-premium-text-default);
  border: none;
  border-radius: var(--origin-radius-25);
  padding: var(--origin-space-half) var(--origin-space-2);
}

.origin-tag-premium.origin-tag-with-icon {
  padding: var(--origin-space-half) var(--origin-space-2) var(--origin-space-half)
    var(--origin-space-1-and-half);
}

.origin-tag-pro,
.origin-tag-pro.origin-tag-default,
.origin-tag-pro.origin-tag-outlined {
  background-color: var(--origin-color-tag-pro-background-default);
  color: var(--origin-color-tag-pro-text-default);
  border: none;
  border-radius: var(--origin-radius-25);
  padding: var(--origin-space-half) var(--origin-space-2);
}

.origin-tag-pro.origin-tag-with-icon {
  padding: var(--origin-space-half) var(--origin-space-2) var(--origin-space-half)
    var(--origin-space-1-and-half);
}

.origin-tag-pro .origin-icon-pro [fill] {
  fill: var(--origin-color-tag-pro-icon-default);
}

/* stylelint-disable rule-empty-line-before */

.origin-text-area {
  --origin-g-text-area-border: var(--origin-color-border-base-default);

  display: flex;
  flex-direction: column;
  font-family: var(--origin-font-family-sans-default);
  flex: 1;
  gap: var(--origin-space-1);
  text-align: start;
}

.origin-text-area .origin-text-area-input {
  box-sizing: border-box;
  background-color: var(--origin-color-fill-base-default);
  border-radius: var(--origin-radius-medium);
  border: 1px solid var(--origin-g-text-area-border);
  padding: var(--origin-space-1) var(--origin-space-3);
  margin: 0;
  color: var(--origin-color-text-base-default);

  /* Explicitly inherit font-family to override Safari's default behavior of ignoring inherited fonts on native <textarea> (Safari < 16) */
  font-family: inherit;
  appearance: none;
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
}

.origin-text-area-resize-on {
  resize: both;
}

.origin-text-area-resize-off {
  resize: none;
}

.origin-text-area-resize-horizontal {
  resize: horizontal;
}

.origin-text-area-resize-vertical {
  resize: vertical;
}

.origin-text-area-input[aria-invalid="true"] {
  --origin-g-text-area-border: var(--origin-color-border-critical-default);
}

.origin-text-area-input::placeholder {
  color: var(--origin-color-text-base-subdued);

  /* Needed for Firefox */
  opacity: 1;
}

.origin-text-area-input:disabled {
  --origin-g-text-area-border: var(--origin-color-border-base-subdued);

  cursor: not-allowed;
  resize: none;
}

.origin-text-area-input:active:not([disabled]),
.origin-text-area-input[data-simulate="active"] {
  --origin-g-text-area-border: var(--origin-color-border-brand-default);
}

.origin-text-area-container {
  position: relative;
  border: 1px solid transparent;
  border-radius: var(--origin-radius-medium);
  display: flex;
  align-items: center;
  margin-inline-start: calc(-1 * var(--origin-space-half));
}

.origin-text-area-container:focus-within > .origin-text-area-input,
.origin-text-area-container:has([data-simulate="focus"]) > .origin-text-area-input {
  outline: 2px solid var(--origin-color-border-focus-default);
  outline-offset: 2px;
}

.origin-toast {
  border: 1px solid var(--origin-color-border-elevated-default);
  border-radius: var(--origin-radius-5);
  color: var(--origin-color-text-base-inverse);
  display: inline-block;
  max-width: 400px;
  min-width: 210px;
}

.origin-toast > * {
  border-radius: var(--origin-radius-5);
}

/* Success icon inverse color */

.origin-toast-success.inverse .origin-toast-icon-success path {
  fill: var(--origin-color-icon-success-default);
}

/* Warning icon inverse color */

.origin-toast-warning.inverse .origin-toast-icon-warning path {
  fill: var(--origin-color-icon-warning-default);
}

/* Critical icon inverse color */

.origin-toast-critical.inverse .origin-toast-icon-critical path {
  fill: var(--origin-color-icon-critical-default);
}

/* Loading icon inverse color */

.origin-toast-loading.inverse .origin-toast-icon-loading path {
  stroke: var(--origin-color-icon-base-default);
}

.origin-toast-icon {
  line-height: 0;
  margin-top: var(--origin-space-gap-small);
}

.origin-toast-text {
  display: block;
}

.origin-toast .origin-icon-button-medium {
  flex-shrink: 0;
}

.origin-verification-code {
  display: flex;
  flex-direction: column;
  border: none;
  padding: var(--origin-space-2) 0;
  margin: 0;
}

.origin-verification-code-large {
  --origin-verification-code-height: 56px;
  --origin-verification-code-width: 48px;
  --origin-verification-code-font-size: 28px;
  --origin-verification-code-border-radius: var(--origin-radius-small);
}

.origin-verification-code-medium {
  --origin-verification-code-height: 48px;
  --origin-verification-code-width: 40px;
  --origin-verification-code-font-size: 24px;
  --origin-verification-code-border-radius: var(--origin-radius-small);
}

.origin-verification-code-small {
  --origin-verification-code-height: 40px;
  --origin-verification-code-width: 32px;
  --origin-verification-code-font-size: 18px;
  --origin-verification-code-border-radius: var(--origin-radius-small);
}

.origin-verification-code-input {
  background-color: var(--origin-color-fill-base-default);
  border-radius: var(--origin-verification-code-border-radius);
  border: 1px solid var(--origin-color-border-base-default);
  color: var(--origin-color-text-base-default);
  box-sizing: border-box;
  padding: var(--origin-space-1);
  height: var(--origin-verification-code-height);
  width: var(--origin-verification-code-width);
  font-size: var(--origin-verification-code-font-size);
  text-align: center;
}

.origin-verification-code-input:focus-within,
.origin-verification-code-input:has([data-simulate="focus"]) {
  outline: 2px solid var(--origin-color-border-focus-default);
  outline-offset: 2px;
}

.origin-verification-code-input[aria-invalid="true"] {
  border-color: var(--origin-color-border-critical-default);
}

.origin-verification-code-input:disabled {
  border-color: var(--origin-color-border-base-subdued);
  cursor: not-allowed;
  color: var(--origin-color-text-base-subdued);
}

/* remove the spinner buttons, which can cause accidental changing of the code */

.origin-verification-code-input[type="number"]::-webkit-inner-spin-button,
.origin-verification-code-input[type="number"]::-webkit-outer-spin-button {
  display: none;
}

.origin-verification-code-input[type="number"] {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-appearance: textfield !important; /* Firefox */
}

@font-face {
  font-family: "Super Sans VF";
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  src: url("https://superhumanstatic.com/s/fonts/v1/SuperSans-VF-Upright.woff2") format("woff2"),
    url("/assets/SuperSans-VF-Upright-CGH6NZv9.woff2") format("woff2");
}

@font-face {
  font-family: "Super Sans VF";
  font-display: swap;
  font-style: italic;
  font-weight: 100 900;
  src: url("https://superhumanstatic.com/s/fonts/v1/SuperSans-VF-Italic.woff2") format("woff2"),
    url("/assets/SuperSans-VF-Italic-CE33aOE-.woff2") format("woff2");
}

@font-face {
  font-family: "Super Serif VF";
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  src: url("https://superhumanstatic.com/s/fonts/v1/SuperSerif-VF-Upright.woff2") format("woff2"),
    url("/assets/SuperSerif-VF-Upright-zB7kJyBN.woff2") format("woff2");
}

@font-face {
  font-family: "Super Serif VF";
  font-display: swap;
  font-style: italic;
  font-weight: 100 900;
  src: url("https://superhumanstatic.com/s/fonts/v1/SuperSerif-VF-Italic.woff2") format("woff2"),
    url("/assets/SuperSerif-VF-Italic--RG_JepN.woff2") format("woff2");
}

@font-face {
  font-family: "Super Sans Mono VF";
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  src: url("https://superhumanstatic.com/s/fonts/v1/SuperSansMono-VF.woff2") format("woff2"),
    url("/assets/SuperSansMono-VF-BTMDncze.woff2") format("woff2");
}

@font-face {
  font-family: Inter;
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src:
    url("https://static-web.grammarly.com/shared/fonts/product/v1/inter-regular.woff2")
      format("woff2"),
    url("https://static-web.grammarly.com/shared/fonts/product/v1/inter-regular.woff")
      format("woff");
}

@font-face {
  font-family: Inter;
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src:
    url("https://static-web.grammarly.com/shared/fonts/product/v1/inter-medium.woff2")
      format("woff2"),
    url("https://static-web.grammarly.com/shared/fonts/product/v1/inter-medium.woff") format("woff");
}

@font-face {
  font-family: Inter;
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src:
    url("https://static-web.grammarly.com/shared/fonts/product/v1/inter-semibold.woff2")
      format("woff2"),
    url("https://static-web.grammarly.com/shared/fonts/product/v1/inter-semibold.woff")
      format("woff");
}

@font-face {
  font-family: Inter;
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src:
    url("https://static-web.grammarly.com/shared/fonts/product/v1/inter-bold.woff2") format("woff2"),
    url("https://static-web.grammarly.com/shared/fonts/product/v1/inter-bold.woff") format("woff");
}

@font-face {
  font-family: Matter;
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src:
    url("https://static-web.grammarly.com/shared/fonts/product/v1/matter-semibold.woff2")
      format("woff2"),
    url("https://static-web.grammarly.com/shared/fonts/product/v1/matter-semibold.woff")
      format("woff");
}

@font-face {
  font-family: Matter;
  font-display: swap;
  font-style: normal;
  font-weight: bold;
  src:
    url("https://static-web.grammarly.com/shared/fonts/product/v1/matter-bold.woff2")
      format("woff2"),
    url("https://static-web.grammarly.com/shared/fonts/product/v1/matter-bold.woff") format("woff");
}

/* This file is autogenerated by Grammarly Design System */

:root {
  --blue-0: #f3f6ff;
  --blue-10: #d1dbfe;
  --blue-20: #adbff9;
  --blue-30: #7d99f0;
  --blue-40: #3e6cf4;
  --blue-60: #2551da;
  --blue-80: #02379e;
  --blue-90: #000a62;
  --blue-100: #000a26;
  --blue-gray-0: #f4f4f6;
  --blue-gray-5: #e2e4e9;
  --blue-gray-10: #cdd1dc;
  --blue-gray-20: #c2c6d4;
  --blue-gray-30: #adb2c3;
  --blue-gray-35: #99a0b3;
  --blue-gray-40: #878da2;
  --blue-gray-50: #798096;
  --blue-gray-60: #646b81;
  --blue-gray-70: #565b6c;
  --blue-gray-80: #474b58;
  --blue-gray-90: #27282e;
  --blue-gray-100: #161719;
  --gold-0: #fff6e0;
  --gold-10: #ffebb8;
  --gold-20: #ffdc85;
  --gold-30: #ffbf47;
  --gold-40: #ffa10a;
  --gold-60: #e57300;
  --gold-80: #bd5200;
  --gold-90: #7a3500;
  --gold-100: #1a0b00;
  --green-0: #eafaf9;
  --green-10: #b1f0e8;
  --green-20: #73e1d4;
  --green-30: #2cc9b6;
  --green-40: #15a694;
  --green-60: #027e6f;
  --green-80: #016a5e;
  --green-90: #014c43;
  --green-100: #00231f;
  --light-green: #00e0ac;
  --magenta-0: #ffe5f0;
  --magenta-10: #fec8dd;
  --magenta-20: #faaccb;
  --magenta-30: #f079a8;
  --magenta-40: #e14683;
  --magenta-60: #d21861;
  --magenta-80: #990c43;
  --magenta-90: #600428;
  --magenta-100: #26000f;
  --neutral-gray-0: #f5f5f5;
  --neutral-gray-5: #e6e6e6;
  --neutral-gray-10: #ebebeb;
  --neutral-gray-20: #d9d9d9;
  --neutral-gray-30: #bcbcbc;
  --neutral-gray-35: #a9a9a9;
  --neutral-gray-40: #a8a8a8;
  --neutral-gray-50: #858585;
  --neutral-gray-60: #707070;
  --neutral-gray-70: #616161;
  --neutral-gray-80: #545454;
  --neutral-gray-90: #2e2e2e;
  --neutral-gray-100: #1c1c1c;
  --purple-0: #f7f6fe;
  --purple-10: #ddd9f9;
  --purple-20: #cac3f7;
  --purple-30: #a598f0;
  --purple-40: #8675eb;
  --purple-60: #5e47e5;
  --purple-80: #3d27c0;
  --purple-90: #1b0d6f;
  --purple-100: #0e073b;
  --red-0: #ffeae9;
  --red-10: #ffd1d0;
  --red-20: #ffa8a8;
  --red-30: #ff7a74;
  --red-40: #ff4d45;
  --red-60: #eb0a00;
  --red-80: #cd0800;
  --red-90: #8f0600;
  --red-100: #510300;
  --teal-0: #e6fdfd;
  --teal-10: #ccfafa;
  --teal-20: #b3f8f8;
  --teal-30: #80f3f3;
  --teal-40: #00e6e6;
  --teal-60: #00c4c4;
  --teal-80: #027d7d;
  --teal-90: #005c5c;
  --teal-100: #001f1f;
  --transparent: #ffffff00;
  --white: #ffffff;
  --yellow-green: #d5ff00;
}

/* This file is autogenerated by Grammarly Design System */

:root {
  --elevation100-border: 1px solid var(--color-elevation-outline-default-1);
  --elevation100-shadow: 0px 1px 4px 0.5px var(--color-border-base-default-f3);

  --elevation200-border: 1px solid var(--color-elevation-outline-default-1);
  --elevation200-shadow: 0px 1px 8px 0.5px var(--color-border-base-default-f5);

  --elevation300-border: 1px solid var(--color-elevation-outline-default-1);
  --elevation300-shadow: 0px 2px 12px 0.5px var(--color-border-base-default-f5);

  --elevation-low-border: 1px solid var(--color-elevation-outline-default-1);
  --elevation-low-shadow: 0px 1px 4px 0.5px var(--color-elevation-base-default-f5);

  --elevation-medium-border: 1px solid var(--color-elevation-outline-default-1);
  --elevation-medium-shadow: 0px 1px 8px 0.5px var(--color-elevation-base-default-f4);

  --elevation-high-border: 1px solid var(--color-elevation-outline-default-1);
  --elevation-high-shadow: 0px 2px 12px 0.5px var(--color-elevation-base-default-f3);
}

/* This file is autogenerated by Grammarly Design System */

:root {
  --radius-half: calc(0.125px * var(--rem, 16));
  --radius-0: calc(0px * var(--rem, 16));
  --radius-1: calc(0.25px * var(--rem, 16));
  --radius-1-and-half: calc(0.375px * var(--rem, 16));
  --radius-2: calc(0.5px * var(--rem, 16));
  --radius-2-and-half: calc(0.625px * var(--rem, 16));
  --radius-3: calc(0.75px * var(--rem, 16));
  --radius-4: calc(1px * var(--rem, 16));
  --radius-5: calc(1.25px * var(--rem, 16));
  --radius-6: calc(1.5px * var(--rem, 16));
  --radius-25: calc(6.25px * var(--rem, 16));
}

/* This file is autogenerated by Grammarly Design System */

:root,
[data-gds-theme="light"] {
  --color-background-addition-default: #016a5e;
  --color-background-addition-subdued: #eafaf9;
  --color-background-base-default: #ffffff;
  --color-background-base-subdued: #f5f5f5;
  --color-background-base-inverse: #1c1c1c;
  --color-background-brand-default: #027e6f;
  --color-background-brand-subdued: #eafaf9;
  --color-background-business-default: #707070;
  --color-background-business-subdued: #f5f5f5;
  --color-background-clarity-default: #2551da;
  --color-background-clarity-subdued: #f3f6ff;
  --color-background-correctness-default: #eb0a00;
  --color-background-correctness-subdued: #ffeae9;
  --color-background-critical-default: #eb0a00;
  --color-background-critical-subdued: #ffeae9;
  --color-background-deletion-default: #eb0a00;
  --color-background-deletion-subdued: #ffeae9;
  --color-background-delivery-default: #5e47e5;
  --color-background-delivery-subdued: #f7f6fe;
  --color-background-engagement-default: #016a5e;
  --color-background-engagement-subdued: #eafaf9;
  --color-background-enterprise-default: #1b0d6f;
  --color-background-interactive-default: #027e6f;
  --color-background-neutral-default: #707070;
  --color-background-plagiarism-default: #027d7d;
  --color-background-plagiarism-subdued: #e6fdfd;
  --color-background-premium-default: #ffbf47;
  --color-background-premium-subdued: #fff6e0;
  --color-background-pro-default: #ffbf47;
  --color-background-success-default: #016a5e;
  --color-background-success-subdued: #eafaf9;
  --color-background-warning-default: #bd5200;
  --color-background-warning-subdued: #fff6e0;
  --color-border-addition-default: #016a5e;
  --color-border-addition-subdued: #73e1d4;
  --color-border-base-default: #7f7f7f;
  --color-border-base-subdued: #d9d9d9;
  --color-border-base-inverse: #ffffff;
  --color-border-brand-default: #027e6f;
  --color-border-brand-subdued: #73e1d4;
  --color-border-business-default: #707070;
  --color-border-business-subdued: #d9d9d9;
  --color-border-clarity-default: #3e6cf4;
  --color-border-correctness-default: #f00c00;
  --color-border-critical-default: #eb0a00;
  --color-border-critical-subdued: #ffa8a8;
  --color-border-deletion-default: #696969;
  --color-border-deletion-subdued: #696969;
  --color-border-delivery-default: #5e47e5;
  --color-border-elevated-default: #ffffff00;
  --color-border-engagement-default: #016a5e;
  --color-border-focus-default: #027e6f;
  --color-border-interactive-default: #027e6f;
  --color-border-plagiarism-default: #027d7d;
  --color-border-premium-default: #ffa10a;
  --color-border-premium-subdued: #ffa10a;
  --color-border-pro-default: #ffa10a;
  --color-border-success-default: #016a5e;
  --color-border-success-subdued: #73e1d4;
  --color-border-warning-default: #bd5200;
  --color-border-warning-subdued: #ffdc85;
  --color-elevation-base-default: #707070;
  --color-elevation-outline-default: #d9d9d9;
  --color-highlight-addition-default: #def6f3;
  --color-highlight-deletion-default: #ebebeb;
  --color-icon-addition-default: #016a5e;
  --color-icon-addition-inverse: #2cc9b6;
  --color-icon-agent-default: #421d24;
  --color-icon-base-default: #707070;
  --color-icon-base-subdued: #bcbcbc;
  --color-icon-base-inverse: #ffffff;
  --color-icon-brand-default: #027e6f;
  --color-icon-business-default: #707070;
  --color-icon-critical-default: #cd0800;
  --color-icon-critical-inverse: #ff7a74;
  --color-icon-deletion-default: #cd0800;
  --color-icon-delivery-default: #5e47e5;
  --color-icon-delivery-inverse: #a598f0;
  --color-icon-interactive-default: #027e6f;
  --color-icon-premium-default: #7a3500;
  --color-icon-pro-default: #1c1c1c;
  --color-icon-pro-inverse: #ffbf47;
  --color-icon-success-default: #016a5e;
  --color-icon-warning-default: #e57300;
  --color-icon-warning-inverse: #ffbf47;
  --color-illustration-fill-1: #ebebeb;
  --color-illustration-fill-2: #ffffff;
  --color-illustration-fill-default: #1c1c1c;
  --color-illustration-shadow-default: #a8a8a8;
  --color-illustration-stroke-1: #1c1c1c;
  --color-illustration-stroke-2: #1c1c1c;
  --color-illustration-stroke-3: #ffffff;
  --color-illustration-stroke-default: #1c1c1c;
  --color-logo-coda-light: #ffffff;
  --color-logo-coda-default: #101010;
  --color-logo-coda-primary: #ee5a29;
  --color-logo-coda-secondary: #006838;
  --color-logo-grammarly-dark: #1c1c1c;
  --color-logo-grammarly-light: #ffffff;
  --color-logo-grammarly-default: #1c1c1c;
  --color-logo-grammarly-inverse: #ffffff;
  --color-logo-grammarly-primary: #027e6f;
  --color-logo-hero-dark: #421d24;
  --color-logo-hero-default: #421d24;
  --color-logo-mail-light: #ffffff;
  --color-logo-mail-default: #000000;
  --color-logo-superhuman-light: #ffffff;
  --color-logo-superhuman-default: #421d24;
  --color-logo-superhuman-primary: #d6d3fe;
  --color-logo-superhuman-secondary: #421d24;
  --color-text-addition-default: #016a5e;
  --color-text-base-default: #1c1c1c;
  --color-text-base-subdued: #707070;
  --color-text-base-inverse: #ffffff;
  --color-text-brand-default: #027e6f;
  --color-text-business-default: #545454;
  --color-text-clarity-default: #02379e;
  --color-text-correctness-default: #cd0800;
  --color-text-critical-default: #cd0800;
  --color-text-dark-default: #1c1c1c;
  --color-text-deletion-default: #696969;
  --color-text-delivery-default: #3d27c0;
  --color-text-engagement-default: #016a5e;
  --color-text-enterprise-default: #ffffff;
  --color-text-light-default: #ffffff;
  --color-text-plagiarism-default: #027d7d;
  --color-text-premium-default: #7a3500;
  --color-text-pro-default: #1c1c1c;
  --color-text-success-default: #016a5e;
  --color-text-warning-default: #7a3500;
  --color-elevation-outline-default-1: rgba(217, 217, 217, 1);
  --color-border-base-default-f3: rgba(127, 127, 127, 0.3);
  --color-border-base-default-f5: rgba(127, 127, 127, 0.5);
  --color-elevation-base-default-f5: rgba(112, 112, 112, 0.5);
  --color-elevation-base-default-f4: rgba(112, 112, 112, 0.4);
  --color-elevation-base-default-f3: rgba(112, 112, 112, 0.3);
}

/* This file is autogenerated by Grammarly Design System */

[data-gds-theme="dark"] {
  --color-background-addition-default: #2cc9b6;
  --color-background-addition-subdued: #014c43;
  --color-background-base-default: #1c1c1c;
  --color-background-base-subdued: #2e2e2e;
  --color-background-base-inverse: #ffffff;
  --color-background-brand-default: #2cc9b6;
  --color-background-brand-subdued: #014c43;
  --color-background-business-default: #bcbcbc;
  --color-background-business-subdued: #2e2e2e;
  --color-background-clarity-default: #7d99f0;
  --color-background-clarity-subdued: #000a62;
  --color-background-correctness-default: #ff7a74;
  --color-background-correctness-subdued: #510300;
  --color-background-critical-default: #ff7a74;
  --color-background-critical-subdued: #510300;
  --color-background-deletion-default: #ff7a74;
  --color-background-deletion-subdued: #510300;
  --color-background-delivery-default: #a598f0;
  --color-background-delivery-subdued: #1b0d6f;
  --color-background-engagement-default: #2cc9b6;
  --color-background-engagement-subdued: #014c43;
  --color-background-enterprise-default: #ffffff;
  --color-background-interactive-default: #2cc9b6;
  --color-background-neutral-default: #bcbcbc;
  --color-background-plagiarism-default: #80f3f3;
  --color-background-plagiarism-subdued: #005c5c;
  --color-background-premium-default: #ffbf47;
  --color-background-premium-subdued: #ffdc85;
  --color-background-pro-default: #ffbf47;
  --color-background-success-default: #2cc9b6;
  --color-background-success-subdued: #014c43;
  --color-background-warning-default: #ffbf47;
  --color-background-warning-subdued: #7a3500;
  --color-border-addition-default: #2cc9b6;
  --color-border-addition-subdued: #016a5e;
  --color-border-base-default: #7f7f7f;
  --color-border-base-subdued: #545454;
  --color-border-base-inverse: #ffffff;
  --color-border-brand-default: #2cc9b6;
  --color-border-brand-subdued: #016a5e;
  --color-border-business-default: #bcbcbc;
  --color-border-business-subdued: #707070;
  --color-border-clarity-default: #3e6cf4;
  --color-border-correctness-default: #f00c00;
  --color-border-critical-default: #ff7a74;
  --color-border-critical-subdued: #cd0800;
  --color-border-deletion-default: #ff4d45;
  --color-border-deletion-subdued: #ff4d45;
  --color-border-delivery-default: #a598f0;
  --color-border-elevated-default: #545454;
  --color-border-engagement-default: #2cc9b6;
  --color-border-focus-default: #2cc9b6;
  --color-border-interactive-default: #2cc9b6;
  --color-border-plagiarism-default: #80f3f3;
  --color-border-premium-default: #e57300;
  --color-border-premium-subdued: #ffdc85;
  --color-border-pro-default: #ffa10a;
  --color-border-success-default: #2cc9b6;
  --color-border-success-subdued: #016a5e;
  --color-border-warning-default: #ffbf47;
  --color-border-warning-subdued: #bd5200;
  --color-elevation-base-default: #1c1c1c;
  --color-elevation-outline-default: #545454;
  --color-highlight-addition-default: #014c43;
  --color-highlight-deletion-default: #2e2e2e;
  --color-icon-addition-default: #2cc9b6;
  --color-icon-addition-inverse: #016a5e;
  --color-icon-agent-default: #fff2fa;
  --color-icon-base-default: #d9d9d9;
  --color-icon-base-subdued: #707070;
  --color-icon-base-inverse: #1c1c1c;
  --color-icon-brand-default: #2cc9b6;
  --color-icon-business-default: #bcbcbc;
  --color-icon-critical-default: #ff7a74;
  --color-icon-critical-inverse: #cd0800;
  --color-icon-deletion-default: #ff7a74;
  --color-icon-delivery-default: #a598f0;
  --color-icon-delivery-inverse: #5e47e5;
  --color-icon-interactive-default: #2cc9b6;
  --color-icon-premium-default: #7a3500;
  --color-icon-pro-default: #1c1c1c;
  --color-icon-pro-inverse: #ffbf47;
  --color-icon-success-default: #2cc9b6;
  --color-icon-warning-default: #ffbf47;
  --color-icon-warning-inverse: #e57300;
  --color-illustration-fill-1: #bcbcbc;
  --color-illustration-fill-2: #ebebeb;
  --color-illustration-fill-default: #545454;
  --color-illustration-shadow-default: #545454;
  --color-illustration-stroke-1: #a8a8a8;
  --color-illustration-stroke-2: #ffffff;
  --color-illustration-stroke-3: #ebebeb;
  --color-illustration-stroke-default: #545454;
  --color-logo-coda-light: #ffffff;
  --color-logo-coda-default: #ffffff;
  --color-logo-coda-primary: #ffffff;
  --color-logo-coda-secondary: #ffffff;
  --color-logo-grammarly-dark: #1c1c1c;
  --color-logo-grammarly-light: #ffffff;
  --color-logo-grammarly-default: #ffffff;
  --color-logo-grammarly-inverse: #1c1c1c;
  --color-logo-grammarly-primary: #027e6f;
  --color-logo-hero-dark: #421d24;
  --color-logo-hero-default: #ffffff;
  --color-logo-mail-light: #ffffff;
  --color-logo-mail-default: #ffffff;
  --color-logo-superhuman-light: #ffffff;
  --color-logo-superhuman-default: #ffffff;
  --color-logo-superhuman-primary: #d6d3fe;
  --color-logo-superhuman-secondary: #ffffff;
  --color-text-addition-default: #2cc9b6;
  --color-text-base-default: #ffffff;
  --color-text-base-subdued: #bcbcbc;
  --color-text-base-inverse: #1c1c1c;
  --color-text-brand-default: #2cc9b6;
  --color-text-business-default: #bcbcbc;
  --color-text-clarity-default: #7d99f0;
  --color-text-correctness-default: #ff7a74;
  --color-text-critical-default: #ff7a74;
  --color-text-deletion-default: #a8a8a8;
  --color-text-delivery-default: #a598f0;
  --color-text-engagement-default: #2cc9b6;
  --color-text-enterprise-default: #1b0d6f;
  --color-text-plagiarism-default: #00e6e6;
  --color-text-premium-default: #7a3500;
  --color-text-pro-default: #1c1c1c;
  --color-text-success-default: #2cc9b6;
  --color-text-warning-default: #ffbf47;
  --color-elevation-outline-default-1: rgba(84, 84, 84, 1);
  --color-elevation-base-default-1: rgba(28, 28, 28, 1);

  --elevation-low-border: 1px solid var(--color-elevation-outline-default-1);
  --elevation-low-shadow: 0px 1px 4px 0.5px var(--color-elevation-base-default-1);

  --elevation-medium-border: 1px solid var(--color-elevation-outline-default-1);
  --elevation-medium-shadow: 0px 1px 8px 0.5px var(--color-elevation-base-default-1);

  --elevation-high-border: 1px solid var(--color-elevation-outline-default-1);
  --elevation-high-shadow: 0px 2px 12px 0.5px var(--color-elevation-base-default-1);
}

[data-gds-theme="dark"] {
  --button-primary-background-default: var(--green-30);
  --button-primary-background-hover: var(--green-20);
  --button-primary-background-active: var(--green-10);
  --button-primary-text-default: var(--neutral-gray-100);
  --button-primary-text-hover: var(--neutral-gray-100);
  --button-primary-text-active: var(--neutral-gray-100);
  --button-primary-shortcut-background-default: var(--green-20);
  --button-primary-shortcut-background-hover: var(--green-10);
  --button-primary-shortcut-background-active: var(--green-20);
  --button-primary-shortcut-text-default: var(--neutral-gray-100);
  --button-primary-shortcut-text-hover: var(--neutral-gray-100);
  --button-primary-shortcut-text-active: var(--neutral-gray-100);
  --button-secondary-background-default: transparent;
  --button-secondary-background-hover: var(--neutral-gray-90);
  --button-secondary-background-active: var(--neutral-gray-80);
  --button-secondary-border-default: var(--neutral-gray-80);
  --button-secondary-border-hover: var(--neutral-gray-80);
  --button-secondary-border-active: var(--neutral-gray-80);
  --button-secondary-text-default: var(--color-text-base-default);
  --button-secondary-text-hover: var(--color-text-base-default);
  --button-secondary-text-active: var(--color-text-base-default);
  --button-secondary-shortcut-border-default: var(--neutral-gray-80);
  --button-secondary-shortcut-border-hover: var(--neutral-gray-80);
  --button-secondary-shortcut-border-active: var(--neutral-gray-60);
  --button-secondary-shortcut-text-default: var(--neutral-gray-20);
  --button-secondary-shortcut-text-hover: var(--neutral-gray-20);
  --button-secondary-shortcut-text-active: var(--green-0);
  --button-secondary-shortcut-background-default: var(--neutral-gray-80);
  --button-secondary-shortcut-background-hover: var(--neutral-gray-80);
  --button-secondary-shortcut-background-active: var(--neutral-gray-60);
  --button-tertiary-background-default: transparent;
  --button-tertiary-background-hover: #3f3f3f;
  --button-tertiary-background-active: var(--neutral-gray-80);
  --button-tertiary-border-default: transparent;
  --button-tertiary-border-hover: transparent;
  --button-tertiary-border-active: transparent;
  --button-tertiary-text-default: var(--neutral-gray-30);
  --button-tertiary-text-hover: var(--neutral-gray-30);
  --button-tertiary-text-active: var(--neutral-gray-20);
  --button-tertiary-shortcut-border-default: var(--neutral-gray-10);
  --button-tertiary-shortcut-border-hover: var(--neutral-gray-10);
  --button-tertiary-shortcut-border-active: var(--neutral-gray-10);
  --button-tertiary-shortcut-text-default: var(--neutral-gray-30);
  --button-tertiary-shortcut-text-hover: var(--neutral-gray-30);
  --button-tertiary-shortcut-text-active: var(--neutral-gray-20);
  --button-ghost-background-default: transparent;
  --button-ghost-background-hover: var(--green-100);
  --button-ghost-background-active: var(--green-90);
  --button-ghost-text-default: var(--green-30);
  --button-ghost-text-hover: var(--green-20);
  --button-ghost-text-active: var(--green-20);
  --button-ghost-shortcut-background-default: var(--green-30);
  --button-ghost-shortcut-background-hover: var(--green-30);
  --button-ghost-shortcut-background-active: var(--green-30);
  --button-ghost-shortcut-text-default: var(--neutral-gray-100);
  --button-ghost-shortcut-text-hover: var(--neutral-gray-100);
  --button-ghost-shortcut-text-active: var(--neutral-gray-100);
  --button-critical-background-default: var(--red-30);
  --button-critical-background-hover: var(--red-20);
  --button-critical-background-active: var(--red-10);
  --button-critical-text-default: var(--neutral-gray-100);
  --button-enterprise-text-default: var(--color-text-enterprise-default);
  --button-enterprise-background-default: var(--color-background-enterprise-default);
  --button-enterprise-background-hover: var(--purple-20);
  --button-enterprise-background-active: var(--purple-10);
}

/* This file is autogenerated by Grammarly Design System */

:root {
  --space-quarter: calc(0.0625px * var(--rem, 16));
  --space-half: calc(0.125px * var(--rem, 16));
  --space-0: calc(0px * var(--rem, 16));
  --space-1: calc(0.25px * var(--rem, 16));
  --space-1-and-half: calc(0.375px * var(--rem, 16));
  --space-2: calc(0.5px * var(--rem, 16));
  --space-3: calc(0.75px * var(--rem, 16));
  --space-4: calc(1px * var(--rem, 16));
  --space-5: calc(1.25px * var(--rem, 16));
  --space-6: calc(1.5px * var(--rem, 16));
  --space-8: calc(2px * var(--rem, 16));
  --space-10: calc(2.5px * var(--rem, 16));
  --space-12: calc(3px * var(--rem, 16));
  --space-14: calc(3.5px * var(--rem, 16));
  --space-16: calc(4px * var(--rem, 16));
  --space-18: calc(4.5px * var(--rem, 16));
  --space-20: calc(5px * var(--rem, 16));
}

/* This file is autogenerated by Grammarly Design System */

:root,
:host {
  --rem: 16;
  --font-stack-inter: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
    Cantarell, "Helvetica Neue", sans-serif;
  --font-stack-matter: Matter, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.gds-token-typography-heading-large,
.gds-token-typography-heading-medium,
.gds-token-typography-heading-small,
.gds-token-typography-heading-x-small,
.gds-token-typography-heading-xx-small,
.gds-token-typography-text-large,
.gds-token-typography-text-medium,
.gds-token-typography-text-small,
.gds-token-typography-text-x-small {
  all: unset;
  letter-spacing: normal;
  font-weight: 400;
  font-feature-settings:
    "ss03" on,
    "ss01" on;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
}

.gds-token-typography-heading-large {
  font-family: var(--font-stack-matter);
  font-size: calc(2px * (var(--rem) - 2));
  line-height: calc(2.286px * (var(--rem) - 2));
  font-weight: 700;
  letter-spacing: -0.0025em;
}

.gds-token-typography-heading-medium {
  font-family: var(--font-stack-matter);
  font-size: calc(1.714px * (var(--rem) - 2));
  line-height: calc(2.286px * (var(--rem) - 2));
  font-weight: 700;
  letter-spacing: -0.002em;
}

.gds-token-typography-heading-small {
  font-family: var(--font-stack-matter);
  font-size: calc(1.429px * (var(--rem) - 2));
  line-height: calc(1.7144px * (var(--rem) - 2));
  font-weight: 600;
}

.gds-token-typography-heading-x-small {
  font-family: var(--font-stack-matter);
  font-size: calc(1.143px * (var(--rem) - 2));
  line-height: calc(1.7144px * (var(--rem) - 2));
  font-weight: 600;
}

.gds-token-typography-heading-xx-small {
  font-family: var(--font-stack-matter);
  font-size: calc(1px * (var(--rem) - 2));
  line-height: calc(1.5px * (var(--rem) - 2));
  font-weight: 600;
}

.gds-token-typography-text-large {
  font-family: var(--font-stack-inter);
  font-size: calc(1.286px * (var(--rem) - 2));
  line-height: calc(2.2862px * (var(--rem) - 2));
}

.gds-token-typography-text-medium {
  font-family: var(--font-stack-inter);
  font-size: calc(1.143px * (var(--rem) - 2));
  line-height: calc(1.714px * (var(--rem) - 2));
}

.gds-token-typography-text-small {
  font-family: var(--font-stack-inter);
  font-size: calc(1px * (var(--rem) - 2));
  line-height: calc(1.51px * (var(--rem) - 2));
}

.gds-token-typography-text-x-small {
  font-family: var(--font-stack-inter);
  font-size: calc(0.86px * (var(--rem) - 2));
  line-height: calc(1.2868px * (var(--rem) - 2));
}

/* stylelint-disable comment-empty-line-before */

/* NOTE: not using typography.css to avoid `all: unset` */

.gds-typography {
  margin: 0;
  padding: 0; /* for legend */
  text-align: inherit;
  font-family: var(--font-stack-inter);
  /* 
    see https://rsms.me/inter/#:~:text=Listing%20of%20all%20features 
    - Open digits (ss01)
    - Uppercase I with serif (cv08)
  */
  font-feature-settings:
    "ss01" on,
    "cv08" on;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.gds-text-large {
  font-size: calc(1.286px * (var(--rem) - 2));
  line-height: calc(2.2862px * (var(--rem) - 2));
}

.gds-text-medium {
  font-size: calc(1.143px * (var(--rem) - 2));
  line-height: calc(1.714px * (var(--rem) - 2));
}

.gds-text-small {
  font-size: calc(1px * (var(--rem) - 2));
  line-height: calc(1.51px * (var(--rem) - 2));
  /* FIXME: should be 1.5px */
}

.gds-text-xsmall {
  font-size: calc(0.86px * (var(--rem) - 2));
  line-height: calc(1.2868px * (var(--rem) - 2));
}

.gds-heading {
  font-weight: 700;
  font-family: var(--font-stack-matter);
  font-feature-settings: normal;
}

.gds-heading-large {
  font-size: calc(2px * (var(--rem) - 2));
  line-height: calc(2.286px * (var(--rem) - 2));
  letter-spacing: -0.0025em;
}

.gds-heading-medium {
  font-size: calc(1.714px * (var(--rem) - 2));
  line-height: calc(2.286px * (var(--rem) - 2));
  letter-spacing: -0.002em;
}

.gds-heading-small {
  font-weight: 600;
  font-size: calc(1.429px * (var(--rem) - 2));
  line-height: calc(1.7144px * (var(--rem) - 2));
}

.gds-heading-xsmall {
  font-weight: 600;
  font-size: calc(1.143px * (var(--rem) - 2));
  line-height: calc(1.7144px * (var(--rem) - 2));
}

.gds-heading-xxsmall {
  font-weight: 600;
  font-size: calc(1px * (var(--rem) - 2));
  line-height: calc(1.5px * (var(--rem) - 2));
}

:root,
:host {
  --z-index-modal: 1000;
  --z-index-popover: 1010;
  --z-index-tooltip: 1020;
}

.gds-badge {
  box-sizing: border-box;
  padding: 0 6px; /* deviation from space-1 is important */
  color: var(--color-text-base-inverse);
  border: 1px solid var(--white);
  border-radius: var(--radius-3);
  display: inline-flex;
  justify-content: center;
  min-width: 18px;
  height: fit-content;
}

.gds-badge:focus-visible {
  outline: 2px solid var(--color-border-brand-default);
}

.gds-badge-tooltip {
  cursor: pointer;
}

/* based on https://github.com/alphagov/govuk-frontend/blob/main/packages/govuk-frontend/src/govuk/helpers/_visually-hidden.scss#L16 */

.gds-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px; /* avoid scrollbar if container is using something like vh units  */
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;

  /* Prevent a user unintentionally copying more text than they intended and needing to manually trim it down again. */
  user-select: none;
}

/*
Absolute positioning has the unintended consequence of removing any whitespace surrounding visually hidden text from the accessibility tree.
Insert a space character before and after visually hidden text to separate it from any visible text surrounding it. 
*/

.gds-sr-only::before,
.gds-sr-only::after {
  content: "\00a0";
}

.gds-tooltip {
  color: var(--color-text-light-default);
  border: 1px solid var(--color-border-elevated-default);
  border-radius: var(--radius-1);
  box-sizing: border-box;
  width: max-content;
  max-width: 200px;
  transition-property: opacity, transform;
  z-index: var(--z-index-tooltip);
}

.gds-tooltip-content {
  background-color: var(--color-background-base-subdued);
  border-radius: var(--radius-1);
  display: flex;
  justify-content: space-between;
  gap: var(--space-2);
  padding: var(--space-1) var(--space-2);
}

.gds-tooltip-content-annotation {
  color: var(--color-text-base-subdued);
  border: solid 1px var(--color-border-base-subdued);
  border-radius: var(--radius-1);
  height: fit-content;
  padding: 0 var(--space-1);
}

.gds-arrow {
  fill: var(--neutral-gray-90);
  width: 14px;
}

.gds-tooltip[data-status="open"],
.gds-tooltip[data-status="close"] {
  transition-duration: 200ms;
}

.gds-tooltip[data-status="initial"],
.gds-tooltip[data-status="close"] {
  opacity: 0;
}

.gds-tooltip[data-status="initial"][data-placement^="top"],
.gds-tooltip[data-status="close"][data-placement^="top"] {
  transform: translateY(5px);
}

.gds-tooltip[data-status="initial"][data-placement^="bottom"],
.gds-tooltip[data-status="close"][data-placement^="bottom"] {
  transform: translateY(-5px);
}

.gds-tooltip[data-status="initial"][data-placement^="left"],
.gds-tooltip[data-status="close"][data-placement^="left"] {
  transform: translateX(5px);
}

.gds-tooltip[data-status="initial"][data-placement^="right"],
.gds-tooltip[data-status="close"][data-placement^="right"] {
  transform: translateX(-5px);
}

@media (prefers-reduced-motion) {
  .gds-tooltip[data-status="open"],
  .gds-tooltip[data-status="close"] {
    transition-duration: 0ms;
  }
}

.gds-box {
  display: block;
  box-sizing: border-box;
}

.gds-box-elevation-low {
  border: var(--elevation-low-border);
  box-shadow: var(--elevation-low-shadow);
}

.gds-box-elevation-medium {
  border: var(--elevation-medium-border);
  box-shadow: var(--elevation-medium-shadow);
}

.gds-box-elevation-high {
  border: var(--elevation-high-border);
  box-shadow: var(--elevation-high-shadow);
}

/* stylelint-disable rule-empty-line-before */

.gds-icon {
  fill: transparent;
  box-sizing: border-box;
  overflow-clip-margin: border-box;
  overflow: auto;
}

.gds-icon-default [stroke] {
  stroke: var(--color-icon-base-default);
}

.gds-icon-default [fill] {
  fill: var(--color-icon-base-default);
}

.gds-icon-business [stroke] {
  stroke: var(--color-icon-business-default);
}

.gds-icon-business [fill] {
  fill: var(--color-icon-business-default);
}

.gds-icon-addition [stroke] {
  stroke: var(--color-icon-addition-default);
}

.gds-icon-addition [fill] {
  fill: var(--color-icon-addition-default);
}

.gds-icon-critical [stroke] {
  stroke: var(--color-icon-critical-default);
}

.gds-icon-critical [fill] {
  fill: var(--color-icon-critical-default);
}

.gds-icon-deletion [stroke] {
  stroke: var(--color-icon-deletion-default);
}

.gds-icon-deletion [fill] {
  fill: var(--color-icon-deletion-default);
}

.gds-icon-premium [stroke] {
  stroke: var(--color-icon-premium-default);
}

.gds-icon-premium [fill] {
  fill: var(--color-icon-premium-default);
}

.gds-icon-pro [fill] {
  fill: var(--color-icon-pro-inverse);
}

.gds-icon-success [stroke] {
  stroke: var(--color-icon-success-default);
}

.gds-icon-success [fill] {
  fill: var(--color-icon-success-default);
}

.gds-icon-warning [stroke] {
  stroke: var(--color-icon-warning-default);
}

.gds-icon-warning [fill] {
  fill: var(--color-icon-warning-default);
}

.gds-icon-inverse [stroke] {
  stroke: var(--color-icon-base-inverse);
}

.gds-icon-inverse [fill] {
  fill: var(--color-icon-base-inverse);
}

.gds-icon-brand [stroke] {
  stroke: var(--color-icon-brand-default);
}

.gds-icon-brand [fill] {
  fill: var(--color-icon-brand-default);
}

.gds-icon-inherit [stroke] {
  stroke: currentcolor;
}

.gds-icon-inherit [fill] {
  fill: currentcolor;
}

/* 
  override stroke/fill in SVG of nocolor icons to use color tokens instead so they obey dark mode 
  see writeIconComponent.ts for list of nocolor icons
*/

[data-icon="InterfaceMinus"] [fill],
[data-icon="InterfaceOk"] [fill],
[data-icon="InterfaceError"] [fill],
[data-icon="InterfaceWarning"] [fill],
[data-icon="InterfaceSuicidePrevention"] [fill] {
  fill: currentcolor;
}

[data-icon="InterfaceMinus"] {
  color: var(--color-icon-critical-default);
}

[data-icon="InterfaceMinus"].gds-icon-inverse {
  color: var(--color-icon-critical-inverse);
}

[data-icon="InterfaceOk"] {
  color: var(--color-icon-addition-default);
}

[data-icon="InterfaceOk"].gds-icon-inverse {
  color: var(--color-icon-addition-inverse);
}

[data-icon="InterfaceError"] {
  color: var(--color-icon-critical-default);
}

[data-icon="InterfaceError"].gds-icon-inverse {
  color: var(--color-icon-critical-inverse);
}

[data-icon="InterfaceWarning"] {
  color: var(--color-icon-warning-default);
}

[data-icon="InterfaceWarning"].gds-icon-inverse {
  color: var(--color-icon-warning-inverse);
}

[data-icon="InterfaceSuicidePrevention"] {
  color: var(--color-icon-delivery-default);
}

[data-icon="InterfaceSuicidePrevention"].gds-icon-inverse {
  color: var(--color-icon-delivery-inverse);
}

/* stylelint-disable no-descending-specificity */

.gds-button {
  /* reset browser defaults */
  align-items: center;
  appearance: none;
  border-radius: calc(var(--radius-half) + var(--radius-1));
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  gap: var(--space-1);
  justify-content: center;
  outline: none;
  padding: 0;
  text-align: start;
  transition: background-color 0.1s ease;
  white-space: nowrap;
  position: relative;
  width: fit-content;
}

/* NOTE: dark colors are found in semantic_colors_dark.css */

:root,
:host,
[data-gds-theme="light"] {
  --button-primary-background-default: var(--green-60);
  --button-primary-background-hover: var(--green-80);
  --button-primary-background-active: var(--green-90);
  --button-primary-text-default: var(--white);
  --button-primary-text-hover: var(--white);
  --button-primary-text-active: var(--white);
  --button-primary-shortcut-background-default: var(--green-90);
  --button-primary-shortcut-background-hover: var(--green-90);
  --button-primary-shortcut-background-active: var(--green-60);
  --button-primary-shortcut-text-default: var(--white);
  --button-primary-shortcut-text-hover: var(--white);
  --button-primary-shortcut-text-active: var(--white);
  --button-secondary-background-default: transparent;
  --button-secondary-background-hover: var(--neutral-gray-10);
  --button-secondary-background-active: var(--neutral-gray-20);
  --button-secondary-border-default: var(--neutral-gray-20);
  --button-secondary-border-hover: var(--neutral-gray-20);
  --button-secondary-border-active: var(--neutral-gray-20);
  --button-secondary-text-default: var(--neutral-gray-100);
  --button-secondary-text-hover: var(--neutral-gray-100);
  --button-secondary-text-active: var(--neutral-gray-100);
  --button-secondary-shortcut-border-default: var(--neutral-gray-10);
  --button-secondary-shortcut-border-hover: var(--neutral-gray-20);
  --button-secondary-shortcut-border-active: var(--neutral-gray-30);
  --button-secondary-shortcut-text-default: var(--neutral-gray-80);
  --button-secondary-shortcut-text-hover: var(--neutral-gray-80);
  --button-secondary-shortcut-text-active: var(--neutral-gray-90);
  --button-secondary-shortcut-background-default: var(--neutral-gray-10);
  --button-secondary-shortcut-background-hover: var(--neutral-gray-20);
  --button-secondary-shortcut-background-active: var(--neutral-gray-30);
  --button-tertiary-background-default: transparent;
  --button-tertiary-background-hover: var(--neutral-gray-10);
  --button-tertiary-background-active: var(--neutral-gray-20);
  --button-tertiary-border-default: transparent;
  --button-tertiary-border-hover: transparent;
  --button-tertiary-border-active: transparent;
  --button-tertiary-text-default: var(--neutral-gray-60);
  --button-tertiary-text-hover: var(--neutral-gray-80);
  --button-tertiary-text-active: var(--neutral-gray-80);
  --button-tertiary-shortcut-border-default: var(--neutral-gray-60);
  --button-tertiary-shortcut-border-hover: var(--neutral-gray-80);
  --button-tertiary-shortcut-border-active: var(--neutral-gray-80);
  --button-tertiary-shortcut-text-default: var(--neutral-gray-60);
  --button-tertiary-shortcut-text-hover: var(--neutral-gray-80);
  --button-tertiary-shortcut-text-active: var(--neutral-gray-80);
  --button-ghost-background-default: transparent;
  --button-ghost-background-hover: var(--green-0);
  --button-ghost-background-active: var(--green-10);
  --button-ghost-text-default: var(--green-60);
  --button-ghost-text-hover: var(--green-80);
  --button-ghost-text-active: var(--green-80);
  --button-ghost-shortcut-background-default: var(--green-60);
  --button-ghost-shortcut-background-hover: var(--green-60);
  --button-ghost-shortcut-background-active: var(--green-60);
  --button-ghost-shortcut-text-default: var(--white);
  --button-ghost-shortcut-text-hover: var(--white);
  --button-ghost-shortcut-text-active: var(--white);
  --button-premium-background-default: var(--gold-30);
  --button-premium-background-hover: var(--gold-20);
  --button-premium-background-active: var(--gold-10);
  --button-premium-text-default: var(--gold-90);
  --button-premium-text-hover: var(--gold-90);
  --button-premium-text-active: var(--gold-90);
  --button-critical-background-default: var(--red-60);
  --button-critical-background-hover: var(--red-80);
  --button-critical-background-active: var(--red-90);
  --button-critical-text-default: var(--white);
  --button-pro-text-default: var(--color-text-pro-default);
  --button-pro-text-hover: var(--gold-30);
  --button-pro-text-active: var(--neutral-gray-20);
  --button-pro-background-default: var(--color-background-pro-default);
  --button-pro-background-hover: var(--neutral-gray-100);
  --button-pro-background-active: var(--neutral-gray-100);
  --button-enterprise-text-default: var(--color-text-enterprise-default);
  --button-enterprise-background-default: var(--color-background-enterprise-default);
  --button-enterprise-background-hover: var(--purple-80);
  --button-enterprise-background-active: var(--purple-60);
}

.gds-button-small,
.gds-icon-button-small {
  height: 24px;
}

.gds-icon-button-small {
  width: 24px;
}

.gds-button-small {
  padding: 3px var(--space-2);
}

.gds-button-medium,
.gds-icon-button-medium {
  height: 32px;
}

.gds-icon-button-medium {
  width: 32px;
}

.gds-button-medium {
  padding: 5.5px var(--space-3);
}

.gds-button-large,
.gds-icon-button-large {
  height: 40px;
}

.gds-icon-button-large {
  width: 40px;
}

.gds-button-large {
  border-radius: var(--radius-2);
  gap: calc(var(--space-1) + var(--space-half));
  padding: 5.5px var(--space-4);
}

.gds-button-xlarge,
.gds-icon-button-xlarge {
  height: 48px;
}

.gds-icon-button-xlarge {
  width: 48px;
}

.gds-button-xlarge {
  border-radius: var(--radius-2);
  gap: var(--space-2);
  padding: 5.5px var(--space-5);
}

.gds-button-2xlarge,
.gds-icon-button-2xlarge {
  height: 56px;
}

.gds-button-2xlarge {
  border-radius: var(--radius-2);
  gap: calc(var(--space-2) + var(--space-half));
  padding: 5.5px var(--space-6);
}

.gds-button-3xlarge,
.gds-icon-button-3xlarge {
  height: 72px;
}

.gds-button-3xlarge {
  border-radius: var(--radius-2);
  gap: var(--space-3);
  padding: 5.5px calc(var(--space-6) + var(--space-1));
}

.gds-button-3xlarge .gds-text {
  font-size: 20px;
}

.gds-button-4xlarge,
.gds-icon-button-4xlarge {
  height: 88px;
}

.gds-button-4xlarge {
  border-radius: var(--radius-2);
  gap: var(--space-3);
  padding: 5.5px var(--space-8);
}

.gds-button-4xlarge .gds-text {
  font-size: 24px;
}

/* iconStart */

.gds-button .gds-icon:first-child {
  margin-inline-start: calc(-1 * var(--space-1));
}

/* iconEnd */

.gds-button .gds-icon:last-child {
  margin-inline-end: calc(-1 * var(--space-1));
}

/* iconStart */

.gds-button-small .gds-icon:first-child,
.gds-button-medium .gds-icon:first-child {
  margin-inline-start: calc(-1 * var(--space-half));
}

/* iconEnd */

.gds-button-small .gds-icon:last-child,
.gds-button-medium .gds-icon:last-child {
  margin-inline-end: calc(-1 * var(--space-half));
}

a.gds-button:hover {
  text-decoration: none;
}

.gds-button-focus-visible {
  outline: 2px solid var(--color-border-focus-default);
  outline-offset: 2px;
}

.gds-button-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.gds-button-full {
  width: 100%;
}

/* see https://react-spectrum.adobe.com/blog/building-a-button-part-1.html on why we have a custom class for pressed events */

.gds-button-pressed {
  background-color: var(--gds-button-background-color-active);
  color: var(--gds-button-color-active);
}

.gds-button-shortcut {
  border-radius: var(--radius-1);
  padding-inline: var(--space-1);
  margin-inline-start: var(--space-1);
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  box-shadow: none;
  border: none;
}

.gds-button-3xlarge .gds-button-shortcut,
.gds-button-4xlarge .gds-button-shortcut {
  margin-inline-start: var(--space-2);
}

.gds-button-3xlarge .gds-icon {
  width: 28px;
  height: 28px;
}

.gds-button-4xlarge .gds-icon,
.gds-icon-button-xlarge .gds-icon {
  width: 32px;
  height: 32px;
}

/* Button variants */

/* primary */

.gds-button-primary {
  color: var(--button-primary-text-default);
  background-color: var(--button-primary-background-default);
}

.gds-button-primary:hover:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading),
.gds-button-primary[data-simulate="hover"]:not(
    .gds-button-disabled,
    .gds-button-pressed,
    .gds-button-loading
  ) {
  color: var(--button-primary-text-default);
  background-color: var(--button-primary-background-hover);
}

.gds-button-primary:hover:not(.gds-button-disabled, .gds-button-pressed) .gds-button-shortcut,
.gds-button-primary[data-simulate="hover"]:not(.gds-button-disabled, .gds-button-pressed)
  .gds-button-shortcut {
  background-color: var(--button-primary-shortcut-background-hover);
}

.gds-button-primary.gds-button-pressed:not(.gds-button-loading) {
  background-color: var(--button-primary-background-active);
}

.gds-button-primary .gds-button-shortcut {
  color: var(--button-primary-shortcut-text-default);
  background-color: var(--button-primary-shortcut-background-default);
}

.gds-button-primary.gds-button-pressed .gds-button-shortcut {
  background-color: var(--button-primary-shortcut-background-active);
}

/* secondary */

.gds-button-secondary {
  color: var(--button-secondary-text-default);
  background-color: var(--button-secondary-background-default);
  box-shadow: inset 0 0 0 1px var(--button-secondary-border-default);
}

.gds-button-secondary .gds-icon [stroke] {
  stroke: var(--color-icon-base-default);
}

.gds-button-secondary:hover:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading),
.gds-button-secondary[data-simulate="hover"]:not(
    .gds-button-disabled,
    .gds-button-pressed,
    .gds-button-loading
  ) {
  color: var(--button-secondary-text-hover);
  background-color: var(--button-secondary-background-hover);
}

.gds-button-secondary:hover:not(.gds-button-disabled, .gds-button-pressed) .gds-button-shortcut,
.gds-button-secondary[data-simulate="hover"]:not(.gds-button-disabled, .gds-button-pressed)
  .gds-button-shortcut {
  background-color: var(--button-secondary-shortcut-background-hover);
  border-color: var(--button-secondary-shortcut-border-hover);
  color: var(--button-secondary-shortcut-text-hover);
}

.gds-button-secondary:hover:not(.gds-button-disabled, .gds-button-pressed) .gds-icon [stroke],
.gds-button-secondary[data-simulate="hover"]:not(.gds-button-disabled, .gds-button-pressed)
  .gds-icon
  [stroke] {
  stroke: currentcolor;
}

.gds-button-secondary.gds-button-pressed:not(.gds-button-loading) {
  background-color: var(--button-secondary-background-active);
  color: var(--button-secondary-text-active);
}

.gds-button-secondary.gds-button-pressed .gds-button-shortcut {
  background-color: var(--button-secondary-shortcut-background-active);
  border-color: var(--button-secondary-shortcut-border-active);
}

.gds-button-secondary.gds-button-pressed .gds-icon [stroke] {
  stroke: currentcolor;
}

.gds-button-secondary .gds-button-shortcut {
  background-color: var(--button-secondary-shortcut-background-default);
  border: 1px solid var(--button-secondary-shortcut-border-default);
  border-radius: var(--radius-1);
}

/* tertiary */

.gds-button-tertiary {
  color: var(--button-tertiary-text-default);
  background-color: transparent;
  border-color: transparent;
}

.gds-button-tertiary:hover:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading),
.gds-button-tertiary[data-simulate="hover"]:not(
    .gds-button-disabled,
    .gds-button-pressed,
    .gds-button-loading
  ) {
  background-color: var(--button-tertiary-background-hover);
  color: var(--button-tertiary-text-hover);
}

.gds-button-tertiary:hover:not(.gds-button-disabled, .gds-button-pressed) .gds-button-shortcut,
.gds-button-tertiary[data-simulate="hover"]:not(.gds-button-disabled, .gds-button-pressed)
  .gds-button-shortcut {
  background-color: transparent;
  color: var(--button-tertiary-shortcut-text-hover);
}

.gds-button-tertiary.gds-button-pressed:not(.gds-button-loading) {
  background-color: var(--button-tertiary-background-active);
  color: var(--button-tertiary-text-active);
}

.gds-button-tertiary .gds-button-shortcut {
  background-color: transparent;
  border: 1px solid var(--button-tertiary-shortcut-border-default);
  border-radius: var(--radius-1);
  color: var(--button-tertiary-shortcut-text-default);
}

.gds-button-tertiary.gds-button-pressed .gds-button-shortcut {
  border: 1px solid var(--button-tertiary-shortcut-border-active);
  color: var(--button-tertiary-shortcut-text-active);
}

/* ghost */

.gds-button-ghost {
  color: var(--button-ghost-text-default);
  background-color: var(--button-ghost-background-default);
  border-color: transparent;
}

.gds-button-ghost:hover:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading),
.gds-button-ghost[data-simulate="hover"]:not(
    .gds-button-disabled,
    .gds-button-pressed,
    .gds-button-loading
  ) {
  background-color: var(--button-ghost-background-hover);
  color: var(--button-ghost-text-hover);
}

.gds-button-ghost:hover:not(.gds-button-disabled, .gds-button-pressed) .gds-button-shortcut,
.gds-button-ghost[data-simulate="hover"]:not(.gds-button-disabled, .gds-button-pressed)
  .gds-button-shortcut {
  background-color: var(--button-ghost-shortcut-background-hover);
}

.gds-button-ghost.gds-button-pressed:not(.gds-button-loading) {
  background-color: var(--button-ghost-background-active);
  color: var(--button-ghost-text-active);
}

.gds-button-ghost .gds-button-shortcut {
  background-color: var(--button-ghost-shortcut-background-default);
  border: 1px solid transparent;
  color: var(--button-ghost-shortcut-text-default);
}

/* premium */

.gds-button-premium {
  color: var(--button-premium-text-default);
  background-color: var(--button-premium-background-default);
}

.gds-button-premium:hover:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading),
.gds-button-premium[data-simulate="hover"]:not(
    .gds-button-disabled,
    .gds-button-pressed,
    .gds-button-loading
  ) {
  background-color: var(--button-premium-background-hover);
}

.gds-button-premium.gds-button-pressed:not(.gds-button-loading) {
  background-color: var(--button-premium-background-active);
}

/* critical */

.gds-button-critical {
  color: var(--button-critical-text-default);
  background-color: var(--button-critical-background-default);
}

.gds-button-critical:hover:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading),
.gds-button-critical[data-simulate="hover"]:not(
    .gds-button-disabled,
    .gds-button-pressed,
    .gds-button-loading
  ) {
  background-color: var(--button-critical-background-hover);
}

.gds-button-critical.gds-button-pressed:not(.gds-button-loading) {
  background-color: var(--button-critical-background-active);
}

/* Pro */

.gds-button-pro {
  color: var(--button-pro-text-default);
  background-color: var(--button-pro-background-default);
}

.gds-button-pro:hover:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading),
.gds-button-pro[data-simulate="hover"]:not(
    .gds-button-disabled,
    .gds-button-pressed,
    .gds-button-loading
  ) {
  color: var(--button-pro-text-hover);
  background-color: var(--button-pro-background-hover);
}

.gds-button-pro.gds-button-pressed:not(.gds-button-loading) {
  color: var(--button-pro-text-active);
  background-color: var(--button-pro-background-hover);
}

/* Enterprise */

.gds-button-enterprise {
  color: var(--button-enterprise-text-default);
  background-color: var(--button-enterprise-background-default);
}

.gds-button-enterprise:hover:not(.gds-button-disabled, .gds-button-pressed, .gds-button-loading),
.gds-button-enterprise[data-simulate="hover"]:not(
    .gds-button-disabled,
    .gds-button-pressed,
    .gds-button-loading
  ) {
  color: var(--button-enterprise-text-default);
  background-color: var(--button-enterprise-background-hover);
}

.gds-button-enterprise.gds-button-pressed:not(.gds-button-loading) {
  background-color: var(--button-enterprise-background-active);
}

/* Loading */

.gds-button-loader {
  stroke: currentcolor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gds-button-3xlarge .gds-button-loader {
  width: 28px;
  height: 28px;
}

.gds-button-4xlarge .gds-button-loader {
  width: 32px;
  height: 32px;
}

.gds-button-loading .gds-text {
  color: transparent !important; /*  hide text but keep it available for a11y */
}

.gds-button-loading .gds-button-shortcut {
  visibility: hidden;
}

.gds-button-loading .gds-icon [stroke] {
  stroke: transparent;
}

.gds-button-loading .gds-icon [fill] {
  fill: transparent;
}

/* ButtonAsLink styling */

.gds-button-as-link {
  text-decoration: none;
}

.gds-branded-loader-container-size-small {
  width: 24px;
  height: 24px;
}

.gds-branded-loader-container-size-medium {
  width: 64px;
  height: 64px;
}

.gds-branded-loader-bobble {
  transform-origin: 50% 50%;
  transform: scale(0);
  animation: show-pulse-hide 2.5s ease-in-out infinite forwards;
}

.gds-branded-loader-bottom-right {
  animation-delay: 0s;
}

.gds-branded-loader-top-left {
  animation-delay: 0.2s;
}

.gds-branded-loader-top-right {
  animation-delay: 0.4s;
}

.gds-branded-loader-bottom-left {
  animation-delay: 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .gds-branded-loader-bobble {
    animation: show-pulse-hide-5-sec-pause 6.5s ease-in-out infinite forwards;
  }

  .gds-branded-loader-bottom-right {
    animation-delay: 0s;
  }

  .gds-branded-loader-top-left {
    animation-delay: 0.2s;
  }

  .gds-branded-loader-top-right {
    animation-delay: 0.4s;
  }

  .gds-branded-loader-bottom-left {
    animation-delay: 0.6s;
  }
}

@keyframes show-pulse-hide {
  0% {
    transform: scale(0);
  }

  18.75% {
    transform: scale(0.9);
  }

  37.5% {
    transform: scale(0.7);
  }

  56% {
    transform: scale(0.9);
  }

  75% {
    transform: scale(0);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes show-pulse-hide-5-sec-pause {
  0% {
    transform: scale(0);
  }

  6.25% {
    transform: scale(0.9);
  }

  12.5% {
    transform: scale(0.7);
  }

  18.75% {
    transform: scale(0.9);
  }

  95% {
    transform: scale(0.9);
  }

  100% {
    transform: scale(0);
  }
}

.simulate-reduced-motion path[class^="gds-branded-loader"] {
  animation: none !important;
  transform: scale(0.9);
}

.gds-circular-loader-container {
  display: flex;
  align-items: center;
}

.gds-circular-loader-container-size-small {
  width: var(--space-4);
  height: var(--space-4);
}

.gds-circular-loader-container-size-medium {
  width: var(--space-5);
  height: var(--space-5);
}

.gds-circular-loader-container-size-large {
  width: var(--space-6);
  height: var(--space-6);
}

.gds-circular-loader {
  animation:
    spinner 1.5s ease-in-out infinite,
    rotate 2s linear infinite;
  stroke-dasharray: 1px, 200px;
  stroke-dashoffset: 1px;
  stroke-linecap: round;

  /* required for firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1209061 */
  transform-box: fill-box;
  transform-origin: center center;
}

@keyframes spinner {
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 1px;
  }

  50% {
    stroke-dasharray: 89px, 200px;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89px, 200px;
    stroke-dashoffset: -124px;
  }
}

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

.gds-circular-loader-variant-default {
  stroke: var(--color-icon-base-default);
}

.gds-circular-loader-variant-inverse {
  stroke: var(--color-icon-base-inverse);
}

.gds-circular-loader-variant-inherit {
  stroke: currentcolor;
}

.gds-circular-loader-small {
  stroke-width: 5px;
}

.gds-circular-loader-medium {
  stroke-width: 5.5px;
}

.gds-circular-loader-large {
  stroke-width: 6px;
}

@media (prefers-reduced-motion: reduce) {
  .gds-circular-loader {
    animation: none;
    stroke-dasharray: 89px, 200px;
    stroke-dashoffset: -35px;
  }
}

.gds-checkbox {
  --gds-checkbox-size-medium: 16px;
  --gds-checkbox-size-large: 20px;
  --gds-checkbox-size-xlarge: 24px;

  width: fit-content;
  border-radius: var(--space-half);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  position: relative;
}

.gds-checkbox-input {
  /* align for screen readers */
  position: absolute;
  left: 0;
  top: 2px;
  margin: 0;
}

.gds-checkbox-input-medium {
  /* align for screen readers */
  width: var(--gds-checkbox-size-medium);
  height: var(--gds-checkbox-size-medium);
}

.gds-checkbox-input-large {
  /* align for screen readers */
  width: var(--gds-checkbox-size-large);
  height: var(--gds-checkbox-size-large);
}

.gds-checkbox-input-xlarge {
  /* align for screen readers */
  width: var(--gds-checkbox-size-xlarge);
  height: var(--gds-checkbox-size-xlarge);
}

.gds-checkbox-icon,
.gds-checkbox .gds-input-label {
  cursor: pointer;
}

.gds-checkbox-icon {
  box-sizing: border-box;
  border-radius: var(--radius-1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
}

.gds-checkbox-icon-medium {
  min-width: var(--gds-checkbox-size-medium); /* used to prevent icon collapsing on resize */
  width: var(--gds-checkbox-size-medium);
  height: var(--gds-checkbox-size-medium);
}

.gds-checkbox-icon-large {
  min-width: var(--gds-checkbox-size-large); /* used to prevent icon collapsing on resize */
  width: var(--gds-checkbox-size-large);
  height: var(--gds-checkbox-size-large);
}

.gds-checkbox-icon-xlarge {
  min-width: var(--gds-checkbox-size-xlarge); /* used to prevent icon collapsing on resize */
  width: var(--gds-checkbox-size-xlarge);
  height: var(--gds-checkbox-size-xlarge);
  border-radius: calc(var(--radius-1) + var(--space-half));
}

.gds-checkbox-focus-visible {
  outline: 2px solid var(--color-border-focus-default);
  outline-offset: 2px;
}

.gds-checkbox-disabled .gds-input-label {
  cursor: not-allowed;
}

.gds-checkbox-element-disabled {
  background: var(--color-background-base-subdued);
  cursor: not-allowed;
  opacity: 0.4;
}

.gds-checkbox-group {
  all: unset;
}

.gds-checkbox-group legend {
  padding: 0;
}

.gds-checkbox-group-columns {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: var(--space-4);
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  row-gap: var(--space-3);
  margin-top: var(--space-1);

  /* fake error border to avoid CLS */
  border-radius: var(--space-1);
  border: 1px solid transparent;
  padding: var(--space-1);
}

.gds-checkbox-column-1 {
  grid-template-columns: 1fr;
}

.gds-checkbox-column-2 {
  grid-template-columns: 1fr auto;
  column-gap: var(--space-4);
}

.gds-checkbox-group-row {
  display: flex;
}

.gds-checkbox-group-error {
  border: 1px solid var(--color-border-critical-default);
  padding: var(--space-1);
  margin-bottom: var(--space-1);
}

.gds-checkbox-group-medium .gds-checkbox-group-error {
  border-radius: calc(var(--radius-1) + var(--radius-half));
}

.gds-checkbox-group-large .gds-checkbox-group-error {
  border-radius: calc(var(--radius-1) + var(--radius-half));
}

.gds-checkbox-group-xlarge .gds-checkbox-group-error {
  border-radius: var(--radius-2);
}

/*
  Used to align checkbox size and error/helper message with checkbox label text
  e.g.:
  [x] checkbox label
->    error text
->    helper text
*/

.gds-checkbox .gds-input-label-helper,
.gds-checkbox-label-margin {
  /* used to add indent to multiline text */
  box-decoration-break: clone;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-box-decoration-break: clone;
}

.gds-checkbox-medium .gds-input-label-helper,
.gds-checkbox-medium .gds-checkbox-label-margin {
  margin-inline-start: calc(var(--space-2) + var(--gds-checkbox-size-medium));
}

.gds-checkbox-large .gds-input-label-helper,
.gds-checkbox-large .gds-checkbox-label-margin {
  margin-inline-start: calc(var(--space-2) + var(--gds-checkbox-size-large));
}

.gds-checkbox-xlarge .gds-input-label-helper,
.gds-checkbox-xlarge .gds-checkbox-label-margin {
  margin-inline-start: calc(var(--space-2) + var(--gds-checkbox-size-xlarge));
}

.gds-flex {
  display: flex;
  flex-flow: row nowrap;
}

.gds-flex-direction-column {
  flex-direction: column;
}

.gds-flex-wrap {
  flex-wrap: wrap;
}

.gds-flex-elevation-low {
  border: var(--elevation-low-border);
  box-shadow: var(--elevation-low-shadow);
}

.gds-flex-elevation-medium {
  border: var(--elevation-medium-border);
  box-shadow: var(--elevation-medium-shadow);
}

.gds-flex-elevation-high {
  border: var(--elevation-high-border);
  box-shadow: var(--elevation-high-shadow);
}

.gds-flex-align-self-start {
  align-self: flex-start;
}

.gds-flex-align-self-end {
  align-self: flex-end;
}

.gds-flex-align-self-center {
  align-self: center;
}

.gds-flex-align-self-baseline {
  align-self: baseline;
}

.gds-flex-align-self-stretch {
  align-self: stretch;
}

[data-gds-theme] {
  color: var(--color-text-base-default);
}

.gds-combobox {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}

.gds-combobox-icon-button {
  border: none;
  background: transparent;
  top: 32px;
}

.gds-combobox-icon-button-content {
  align-self: center;
}

.gds-combobox-listbox {
  border: var(--color-border-base-default) 1px solid;
  border-radius: var(--radius-1);
  list-style: none;
  background-color: var(--color-background-base-default);
  margin: 0;
  margin-top: var(--space-1);
  padding: var(--space-2);
  cursor: pointer;
  max-height: 165px;
  overflow: auto;
}

.gds-combobox-listbox-item {
  --combobox-item-hover: var(--neutral-gray-60);

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-1);
  min-height: 32px;
  padding: var(--space-half) var(--space-2);
  border-radius: var(--radius-1);
}

.gds-combobox-listbox-item[aria-disabled="true"] {
  opacity: 0.4;
  cursor: not-allowed;
}

.gds-combobox-listbox-item-focused {
  background-color: var(--combobox-item-hover);
  color: var(--color-text-base-inverse);
}

.gds-combobox-listbox-item-focused p,
.gds-combobox-listbox-item-focused span {
  color: var(--color-text-base-inverse) !important;
}

.gds-combobox-listbox-item-focused .gds-icon path {
  stroke: var(--color-icon-base-inverse);
}

.gds-combobox .gds-input-decoration {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gds-combobox .gds-input-decoration + .gds-text-field-input {
  padding-left: 40px;
}

.gds-form {
  --form-row-spacing: var(--space-2);
  --form-footer-margin-top: var(--space-2);
  --form-fieldset-margin-top: var(--space-1);
  --form-header-margin-bottom: var(--space-0);

  display: flex;
  flex-direction: column;
  gap: var(--form-row-spacing);
}

.gds-form.gds-form-standard {
  --form-row-spacing: var(--space-3);
  --form-footer-margin-top: var(--space-3);
  --form-fieldset-margin-top: var(--space-3);
  --form-header-margin-bottom: var(--space-1);
}

.gds-form.gds-form-spacious {
  --form-row-spacing: var(--space-4);
  --form-footer-margin-top: var(--space-6);
  --form-fieldset-margin-top: var(--space-8);
  --form-header-margin-bottom: var(--space-4);
}

.gds-form-header {
  display: flex;
  gap: var(--space-half);
  flex-direction: column;
  margin-bottom: var(--form-header-margin-bottom);
}

.gds-form-row {
  display: flex;
  gap: var(--space-3);
  flex-flow: wrap;
}

.gds-form-fieldset {
  padding: 0;
  border: none;
  display: flex;
  flex-direction: column;
  gap: var(--form-row-spacing);
  margin: var(--form-fieldset-margin-top) 0;
}

.gds-form-fieldset legend {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin-bottom: var(--form-row-spacing);
}

.gds-form-fieldset .gds-form-legend-indicator {
  color: var(--color-text-base-subdued);
  padding-inline-start: var(--space-2);
}

.gds-form-footer {
  margin-top: var(--form-footer-margin-top);
  display: flex;
  gap: var(--space-2);
}

.gds-multiline-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gds-illustration {
  display: block;
  width: 100%;
}

.gds-illustration-small > svg,
.gds-illustration-medium > svg,
.gds-illustration-large > svg,
.gds-illustration-xlarge > svg {
  width: 100%;
  height: 100%;
}

.gds-illustration-small {
  width: 32px;
  height: 32px;
}

.gds-illustration-medium {
  width: 56px;
  height: 56px;
}

.gds-illustration-large {
  width: 80px;
  height: 80px;
}

.gds-illustration-xlarge {
  width: 96px;
  height: 96px;
}

.gds-link {
  --link-underline-thickness: max(1.5px, 0.0625rem);

  appearance: none;
  display: inline;
  text-decoration: underline;
  text-decoration-thickness: var(--link-underline-thickness);
  text-underline-offset: 0.2em;
  text-decoration-skip-ink: none;
}

.gds-link-block {
  display: block;
  width: fit-content;
}

.gds-link-inline-block {
  display: inline-block;
}

.gds-link-bold {
  font-weight: bold;
}

.gds-link-underline-hover {
  text-decoration-line: none;
}

.gds-link:hover,
.gds-link[data-simulate="hover"] {
  text-decoration-line: underline;
  text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
}

/* Safari only hacks - it has bugs with text-decoration-thickness, so just keep it constant */

/* stylelint-disable-next-line media-feature-name-no-vendor-prefix */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media,
  _:future,
  :root .gds-link:hover {
    text-decoration-thickness: var(--link-underline-thickness);
  }
}

.gds-link-primary {
  color: var(--color-text-brand-default);
  text-decoration-color: var(--color-border-brand-default);
}

.gds-link-secondary {
  color: var(--color-text-base-subdued);
  text-decoration-color: var(--color-text-base-subdued);
}

.gds-link-inherit {
  color: inherit;
  text-decoration-color: inherit;
}

.gds-link-focus-visible {
  outline: 2px solid var(--color-border-focus-default);
  outline-offset: 2px;
  border-radius: var(--radius-half);
}

.gds-menu-container {
  position: relative;
  display: inline-block;
}

.gds-menu-dropdown {
  border-radius: var(--radius-1);
  border: var(--elevation-low-border);
  box-shadow: var(--elevation-low-shadow);
  z-index: var(--z-index-popover);

  --color-menu-background-hover: var(--neutral-gray-10);
  --color-menu-background-active: var(--neutral-gray-20);
  --color-menu-icon-hover: var(--neutral-gray-100);
}

[data-gds-theme="dark"] .gds-menu-dropdown {
  --color-menu-background-hover: var(--neutral-gray-80);
  --color-menu-background-active: var(--neutral-gray-60);
  --color-menu-icon-hover: var(--white);
}

.gds-menu-list {
  list-style: none;
  margin: 0;
  padding: var(--space-2);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  border-radius: var(--radius-1);
  background-color: var(--color-background-base-default);
}

.gds-menu-item {
  box-sizing: border-box;
  min-height: 32px;
  padding: 0 var(--space-2);
  color: var(--color-text-base-default);
  display: flex;
  gap: var(--space-2);
  align-items: center;
  justify-content: start;
  cursor: pointer;
  border-radius: var(--radius-0);
  width: max-content;
  min-width: 100%;
  flex: 1 1 auto;
}

.gds-menu-item:hover:not(.gds-menu-item-disabled) {
  background: var(--color-menu-background-hover);
  border-radius: var(--radius-1);
}

.gds-menu-item:hover:not(.gds-menu-item-disabled) .gds-icon [stroke] {
  stroke: var(--color-menu-icon-hover);
}

.gds-menu-item:hover:not(.gds-menu-item-disabled) .gds-icon [fill] {
  fill: var(--color-menu-icon-hover);
}

.gds-menu-item:active:not(.gds-menu-item-disabled) {
  background-color: var(--color-menu-background-active);
}

.gds-menu-group li {
  padding: var(--space-1) var(--space-2);
}

.gds-menu-item-pressed li:focus {
  border-radius: var(--radius-1);
  outline: 2px solid var(--color-border-focus-default);
  outline-offset: 2px;
  position: relative;
  z-index: 10;
  opacity: 1;
}

.gds-menu-item-container li:focus {
  border-radius: var(--radius-1);
  outline: none;
  background-color: var(--color-menu-background-active);
}

.gds-menu-item-disabled {
  cursor: not-allowed;
}

.gds-menu-item-disabled svg,
.gds-menu-item-disabled span {
  opacity: 0.4;
}

.gds-menu-separator {
  margin: var(--space-1) calc(-1 * var(--space-2));
  border-radius: var(--radius-0);
  border-top: 1px solid var(--color-border-base-subdued);
}

.gds-menu-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.gds-menu-section-label {
  display: block;
  padding: var(--space-1) var(--space-2);
}

.gds-menu-item-link {
  text-decoration: none;
  background: none;
  color: inherit;
  width: 100%;
  display: block;
}

.gds-menu-group {
  padding: var(--space-0);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.gds-modal-backdrop {
  display: none;
  position: fixed;
  overflow-y: auto;
  inset: 0;
  z-index: 1;
}

.gds-modal-backdrop-active {
  display: block;
}

:root,
:host {
  --animation-duration: 0.2s;
}

.gds-modal-container {
  align-items: center;
  animation: fade-in var(--animation-duration) ease-in-out forwards;
  /* stylelint-disable-next-line color-function-notation */
  background-color: rgba(71, 75, 88, 60%);
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: var(--z-index-modal);
}

.gds-modal-container.hide {
  animation: fade-out var(--animation-duration) ease-in-out forwards;
}

.gds-modal-overlay {
  animation:
    fade-in var(--animation-duration) ease-in-out forwards,
    scale-in var(--animation-duration) ease-in-out forwards;
  background-color: var(--color-background-base-default);
  border-radius: var(--radius-2);
  border: 1px solid var(--color-border-base-subdued);
  box-shadow: var(--elevation300-shadow);
  position: relative;
}

.gds-modal-overlay.hide {
  animation:
    fade-out var(--animation-duration) ease-in-out forwards,
    scale-out var(--animation-duration) ease-in-out forwards;
}

.gds-modal-content {
  display: flex;
  flex-direction: column;
  max-height: 75vh;
  min-width: 320px;
  position: relative;
  word-wrap: break-word;
}

.gds-modal-small {
  width: 480px;
}

.gds-modal-medium {
  width: 640px;
}

/* Extra right spacing needed to account for Close IconButton */

.gds-modal-header {
  padding: var(--space-4) var(--space-20) var(--space-4) var(--space-8);
  overflow-wrap: break-word;
}

.gds-modal-header-description {
  margin-top: var(--space-3);
}

.gds-modal-close-button {
  padding: var(--space-4);
  position: absolute;
  right: 0;
  z-index: 10;
}

.gds-modal-body {
  flex-grow: 1;
  padding: var(--space-2) var(--space-8) var(--space-8);
  overflow: auto;
}

.gds-modal-body-border-top {
  border-top: 1px solid var(--color-border-base-subdued);
}

.gds-modal-footer {
  align-items: center;
  background-color: var(--color-background-base-subdued);
  border-bottom-left-radius: var(--radius-2);
  border-bottom-right-radius: var(--radius-2);
  box-sizing: content-box;
  display: flex;
  min-height: var(--space-8);
  max-height: var(--space-8);
  padding: var(--space-3) var(--space-8);
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes scale-in {
  0% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes scale-out {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.8);
  }
}

.gds-modal-overlay .gds-button:focus {
  outline: 2px solid var(--color-border-focus-default);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .gds-modal-container,
  .gds-modal-overlay,
  .gds-modal-container.hide,
  .gds-modal-overlay.hide {
    animation: none;
  }
}

.gds-plan-tag {
  height: var(--plan-tag-height);
  width: fit-content;
}

.gds-plan-tag svg {
  height: 100%;
  width: auto;
}

.gds-plan-tag-xsmall {
  --plan-tag-height: 22px;
}

.gds-plan-tag-small {
  --plan-tag-height: 32px;
}

.gds-plan-tag-medium {
  --plan-tag-height: 48px;
}

.gds-plan-tag-large {
  --plan-tag-height: 72px;
}

.gds-popover {
  border: 1px solid var(--color-border-elevated-default);
  border-radius: var(--radius-2);
  min-width: 225px;
  max-width: calc(480px - (var(--space-4) * 2));
  z-index: var(--z-index-popover);
}

.gds-popover .gds-arrow {
  fill: var(--neutral-gray-90);
  width: 14px;
  height: 14px;
}

.gds-popover-content {
  background: var(--color-background-base-subdued);
  border-radius: var(--radius-2);
  color: var(--color-text-light-default);
  padding: var(--space-4);
  position: relative;
}

.gds-popover-close-button {
  padding: var(--space-2);
  position: absolute;
  right: 0;
  top: 0;
}

.gds-radio-group {
  all: unset;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  min-width: 0;
  border-width: 0;
  color: var(--color-text-base-default);
  display: block;
}

.gds-radio-group * {
  box-sizing: border-box;
}

.gds-radio-group legend {
  padding: 0;
}

.gds-radio-group-border-error {
  border: 1px solid var(--color-border-critical-default);
  border-radius: calc(var(--radius-1) + var(--radius-half));
}

.gds-radio-group-xlarge .gds-radio-group-border-error {
  border-radius: var(--radius-2);
}

.gds-radio-button-container {
  width: fit-content;
  min-width: 150px;
  margin-top: var(--space-1);
  row-gap: var(--space-2);
  margin-inline-start: calc(-1 * var(--space-half));
}

.gds-radio-button-container + .gds-input-error {
  margin-top: var(--space-1);
}

.gds-radio-button-container-column-1 {
  display: grid;
  grid-template-columns: 1fr;
}

.gds-radio-button-container-column-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--space-5);
}

.gds-radio-button-container-single-row {
  display: flex;
  column-gap: var(--space-3);
  flex-wrap: wrap;
}

.gds-radio-button {
  border: 2px solid transparent;
  border-radius: var(--radius-1);
  padding: var(--space-1);

  /* Overlaps focus border with error border */
  margin: -1px;
}

.gds-radio-button-label {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}

.gds-radio-button-label-disabled {
  cursor: not-allowed;
}

.gds-radio-button .gds-radio-button-input {
  margin-inline-end: var(--space-2);
  position: relative;
  background-color: var(--color-background-base-default);
  border-color: var(--color-border-base-default);
  border-radius: 50%;
  border-width: var(--space-quarter);
  border-style: solid;
  margin-top: var(--space-half);
}

.gds-radio-button .gds-radio-button-input-medium {
  width: var(--space-4);
  height: var(--space-4);
  min-width: var(--space-4);
}

.gds-radio-button .gds-radio-button-input-large {
  width: var(--space-5);
  height: var(--space-5);
  min-width: var(--space-5);
}

.gds-radio-button .gds-radio-button-input-xlarge {
  width: var(--space-6);
  height: var(--space-6);
  min-width: var(--space-6);
  margin-top: var(--space-1);
}

.gds-radio-button-input.gds-radio-button-input-disabled {
  background-color: var(--color-background-base-subdued);
  opacity: 0.4;
}

.gds-radio-button input {
  cursor: pointer;
  opacity: 0;
  width: var(--space-4);
  height: var(--space-4);

  /* Ensures Screen Reader focus indicator is aligned */
  position: absolute;
  top: -2px;
  left: -2px;
  margin: 1px;
}

.gds-radio-button-input-large input {
  width: var(--space-5);
  height: var(--space-5);
}

.gds-radio-button-input-xlarge input {
  width: var(--space-6);
  height: var(--space-6);
}

.gds-radio-button-input-disabled,
.gds-radio-button-input-disabled input {
  cursor: not-allowed;
}

.gds-radio-button-input.gds-radio-button-input-checked {
  border-color: var(--color-background-interactive-default);
  border-width: 5px;
  background-color: var(--color-background-base-default);
}

.gds-radio-button-input-large.gds-radio-button-input-checked {
  border-width: 6px;
}

.gds-radio-button-input-xlarge.gds-radio-button-input-checked {
  border-width: 7px;
}

/* Ensures Screen Reader focus indicator is aligned when the radio button is checked */

.gds-radio-button-input-checked input {
  top: -6px;
  left: -6px;
}

.gds-radio-button-focus-visible {
  outline: 2px solid var(--color-border-focus-default);
  outline-offset: -2px;
}

.gds-radio-button-helper-message {
  display: inline;
  margin-inline-start: var(--space-6);

  /* used to add indent to multiline text */
  box-decoration-break: clone;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-box-decoration-break: clone;
}

.gds-radio-group-large .gds-radio-button-helper-message {
  margin-inline-start: calc(var(--space-6) + var(--space-1));
}

.gds-radio-group-xlarge .gds-radio-button-helper-message {
  margin-inline-start: var(--space-8);
}

.gds-text-field {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: var(--space-1);
  text-align: start;
  min-width: 130px;
}

.gds-text-field .gds-text-field-input {
  all: unset;
  border-radius: calc(var(--radius-1) + var(--radius-half));
  border: 1px solid var(--color-border-base-default);
  color: var(--color-text-base-default);
  box-sizing: border-box;
  padding: var(--space-1) var(--space-3);
  width: 100%;
}

.gds-text-field-container {
  position: relative;
  border-radius: calc(var(--radius-1) + var(--radius-half));
  display: flex;
  align-items: center;
}

.gds-text-field-medium .gds-text-field-input {
  height: 32px;
  font-size: 14px;
}

.gds-text-field-large .gds-text-field-input {
  height: 40px;
  font-size: 16px;
}

.gds-text-field-large .gds-text-field-container {
  margin-top: var(--space-half);
}

.gds-text-field-xlarge .gds-text-field-input {
  height: 48px;
  border-radius: var(--radius-2);
  font-size: 18px;
}

.gds-text-field-xlarge .gds-text-field-container {
  border-radius: var(--radius-2);
  margin-top: var(--space-1);
}

.gds-text-field-xlarge .gds-text-field-icon-start svg {
  width: 24px;
  height: 24px;
}

/* hide the spinner buttons, which look bad and mostly are not useful */

.gds-text-field-input[type="number"]::-webkit-inner-spin-button,
.gds-text-field-input[type="number"]::-webkit-outer-spin-button {
  opacity: 0;
}

.gds-text-field-input[type="number"] {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-appearance: textfield !important; /* Firefox */
}

.gds-text-field-icon-start {
  display: flex;
  position: absolute;
  padding: 0 var(--space-3);
  pointer-events: none;
}

.gds-text-field-input[aria-invalid="true"] {
  border-color: var(--color-border-critical-default);
}

.gds-text-field-icon-start + .gds-text-field-input {
  padding-inline-start: calc(var(--space-3) + 20px + var(--space-3));
}

.gds-text-field-container-password .gds-text-field-input {
  padding-inline-end: var(--space-8);
}

.gds-text-field-input::placeholder {
  color: var(--color-text-base-subdued);

  /* Needed for Firefox */
  opacity: 1;
}

.gds-text-field-input:disabled {
  border-color: var(--color-border-base-subdued);
  cursor: not-allowed;
}

.gds-text-field-input:active:not([disabled]),
.gds-text-field-input[data-simulate="active"] {
  border-color: var(--color-border-brand-default);
}

.gds-text-field-container:focus-within,
.gds-text-field-container:has([data-simulate="focus"]) {
  outline: 2px solid var(--color-border-focus-default);
  outline-offset: 2px;
}

/* password visibility button etc */

.gds-text-field button {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  background: 0 0;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border: 1px solid transparent;
  border-radius: var(--radius-1);
  outline: none;
  position: absolute;
  right: 0;
  padding: 0;
  margin-inline-end: var(--space-2);
}

.gds-text-field button:focus-visible,
.gds-text-field button[data-simulate="focus"] {
  border-color: var(--color-border-focus-default);
}

.gds-text-field-input::-webkit-search-cancel-button {
  display: none;
}

.gds-text-field-input::-webkit-textfield-decoration-container {
  margin-inline-end: var(--space-4);
}

.gds-select {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: var(--space-1);
  text-align: start;
}

.gds-select .gds-select-inner {
  box-sizing: border-box;
  background-color: unset;
  border-radius: var(--radius-1);
  border: 1px solid var(--color-border-base-default);
  padding: var(--space-1) var(--space-8) var(--space-1) var(--space-3);
  margin: 0;
  color: var(--color-text-base-default);
  appearance: none;
  font-family: inherit;
  font-size: 14px;
  height: 32px;
  line-height: 1.5;
  width: 100%;
}

.gds-select-inner[aria-invalid="true"] {
  border-color: var(--color-border-critical-default);
}

.gds-select-inner:focus-visible {
  outline: none;
}

.gds-select-inner:disabled {
  border-color: var(--color-border-base-subdued);
  cursor: not-allowed;
  resize: none;
}

.gds-select-inner:active:not([disabled]),
.gds-select-inner[data-simulate="active"]:not([disabled]) {
  border-color: var(--color-border-brand-default);
}

.gds-select-container {
  /* provide border for high-contrast mode */
  border: 1px solid transparent;
  border-radius: var(--radius-1);
  margin-inline-start: calc(-1 * var(--space-half));
  display: flex;
  align-items: center;
  position: relative;
}

.gds-select-container .gds-icon {
  position: absolute;
  right: var(--space-3);
}

.gds-select-container:focus-within,
.gds-select-container:has([data-simulate="focus"]) {
  outline: 2px solid var(--color-border-focus-default);
  outline-offset: 1px;
}

.gds-select-icon {
  pointer-events: none;
}

.gds-skeleton-rectangle {
  border-radius: var(--space-half);
}

.gds-skeleton-circle {
  border-radius: 50%;
  aspect-ratio: 1;
  height: 100%;
  overflow: hidden;
  flex: 0 0 auto;
}

.gds-skeleton-frame {
  width: auto;
  position: relative;
}

.gds-skeleton-label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: fit-content;
  margin: 0 auto;
  z-index: 1;
  user-select: none;
  text-align: center;
  padding: 0 var(--space-2) var(--space-half);
  border-radius: var(--radius-3);
  background: var(--color-background-base-default);
  border: var(--elevation100-border);
  border-color: var(--color-border-base-subdued);
  box-shadow: var(--elevation100-shadow);
  animation: fade-in-down ease-in-out 300ms;
}

[data-gds-theme="dark"] .gds-skeleton-label {
  box-shadow: none;
}

@keyframes fade-in-down {
  from {
    transform: translateY(-10px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.gds-skeleton-item {
  width: 100%;
}

.gds-skeleton-item-inner {
  --skeleton-shimmer: var(--neutral-gray-20);
  --skeleton-bg: var(--neutral-gray-10);

  display: block;
  border-radius: var(--radius-1);
  background-color: var(--skeleton-bg);
  position: relative;
  overflow: hidden;
  mix-blend-mode: multiply; /* better contrast on background-base-subdued */
}

.gds-skeleton-item-inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    90deg,
    transparent 0%,
    var(--skeleton-shimmer) 50%,
    transparent 100%
  );
  transform: translateX(-100%);
  animation: shimmer 2s ease-in-out infinite;
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

.gds-skeleton-item-circle {
  border-radius: 50%;
  aspect-ratio: 1;
}

[data-gds-theme="dark"] .gds-skeleton-item-inner {
  --skeleton-bg: var(--color-background-base-subdued);
  --skeleton-shimmer: var(--neutral-gray-80);

  mix-blend-mode: screen; /* better contrast on background-base-subdued */
}

@media (prefers-reduced-motion: reduce) {
  .gds-skeleton-label,
  .gds-skeleton-item-inner::after {
    animation: none;
  }
}

.gds-sticker {
  background-size: contain;
  display: flex;
  font-weight: 600;
  height: var(--sticker-size);
  position: relative;
  width: var(--sticker-size);
  font-family: var(--font-stack-matter);
}

.gds-sticker-discount {
  align-items: center;
  display: flex;
  flex-direction: column;
  color: var(--color-text-pro-default);
  justify-content: center;
  height: var(--sticker-size);
  line-height: normal;
  width: var(--sticker-size);
  z-index: 1;
}

.gds-sticker-discount p {
  margin: 0;
}

.gds-sticker-flap {
  z-index: 10;
}

.gds-sticker-background {
  position: absolute;
  width: var(--sticker-size);
  height: var(--sticker-size);
}

.gds-sticker-discount .gds-sticker-discount-text {
  font-size: var(--sticker-discount-text-size);
}

.gds-sticker-discount .gds-sticker-percent-text {
  font-size: var(--sticker-percent-text-size);
}

.gds-sticker-discount .gds-sticker-off-text {
  font-size: var(--sticker-off-text-size);
  line-height: var(--sticker-off-line-height);
  text-transform: uppercase;
}

.gds-sticker-discount .gds-sticker-plan-text {
  font-size: var(--sticker-plan-text-size);
}

.gds-sticker-small {
  --sticker-size: 96px;
  --sticker-discount-text-size: 35px;
  --sticker-percent-text-size: 21px;
  --sticker-off-text-size: 9px;
  --sticker-off-line-height: 9px;
  --sticker-plan-text-size: 9px;
}

.gds-sticker-medium {
  --sticker-size: 120px;
  --sticker-discount-text-size: 44px;
  --sticker-off-text-size: 11px;
  --sticker-off-line-height: 11px;
  --sticker-plan-text-size: 11px;
  --sticker-percent-text-size: 26px;
}

.gds-sticker-large {
  --sticker-size: 144px;
  --sticker-discount-text-size: 53px;
  --sticker-off-text-size: 13px;
  --sticker-off-line-height: 13px;
  --sticker-plan-text-size: 13px;
  --sticker-percent-text-size: 31px;
}

.gds-switch {
  display: flex;
  gap: var(--space-2);
  max-width: 480px;
  position: relative;
}

.gds-switch-label,
.gds-switch-indicator,
.gds-switch-input {
  cursor: pointer;
}

/* align for screen readers */

.gds-switch-input {
  position: absolute;
  margin: 2px;
  opacity: 0;
}

.gds-switch-label {
  display: flex;
}

.gds-switch [data-size="small"] {
  height: 20px;
  width: 36px;
}

.gds-switch [data-size="medium"] {
  height: 23px;
  width: 42px;
}

.gds-switch [data-size="large"] {
  height: 26px;
  width: 46px;
}

.gds-switch [data-size="xlarge"] {
  height: 34px;
  width: 62px;
}

.gds-switch-animation {
  transition: all 0.3s;
  transition-timing-function: ease-out;
}

.gds-switch-check-animation-turning-on {
  transition: opacity 0.2s;
  transition-delay: 0.2s;
}

.gds-switch-check-animation-turning-off {
  transition: opacity 0.1s;
  transition-delay: 0s;
}

.gds-switch[data-label-display="top"] {
  flex-wrap: wrap;
}

.gds-switch[data-label-display="right"] {
  flex-direction: row-reverse;
}

/* Setting the width to fit the content for hidden labels so the focus ring 
   will be tight around the Switch. In all other cases, we want the Switch to fill 
   the width of the container. 
   */

.gds-switch[data-label-display="hidden"] {
  width: fit-content;
}

.gds-switch[data-disabled="true"] .gds-switch-label,
.gds-switch[data-disabled="true"] .gds-switch-indicator,
.gds-switch[data-disabled="true"] .gds-switch-input {
  cursor: not-allowed;
}

.gds-switch[data-disabled="true"] .gds-switch-indicator {
  opacity: 0.4;
}

@supports selector(:has(a, b)) {
  .gds-switch:has(.gds-switch-input:focus-visible) {
    outline: 2px solid var(--color-border-brand-default);
    outline-offset: 2px;
    border-radius: var(--radius-half);
  }
}

@supports (not selector(:has(a, b))) and (selector(:focus-visible)) {
  .gds-switch-input:focus-visible + .gds-switch-indicator {
    outline: 2px solid var(--color-border-focus-default);
    outline-offset: 2px;
    border-radius: var(--radius-half);
  }
}

@supports (not selector(:has(a, b))) and (not selector(:focus-visible)) {
  .gds-switch-input:focus + .gds-switch-indicator {
    outline: 2px solid var(--color-border-focus-default);
    outline-offset: 2px;
    border-radius: var(--radius-half);
  }
}

.gds-tabs {
  display: block;
  width: 100%;
}

.gds-tabs-list-container {
  border-bottom: 1px solid var(--color-border-base-subdued);
  box-sizing: border-box;
  height: var(--tabs-list-height);
  overflow: hidden;
  position: relative;
}

/* 
 * Font size here is used for the ::after psuedo element to avoid UI jumping 
 * TODO: These should use typography tokens for font-size 
 */

.gds-tabs-list-container-small {
  --tabs-list-height: 32px;
  --tabs-tab-padding: 6px;
  --tabs-tab-font-size: 12px;
  --tabs-tab-underline-height: 2px;
}

.gds-tabs-list-container-medium {
  --tabs-list-height: 40px;
  --tabs-tab-padding: var(--space-2);
  --tabs-tab-font-size: 14px;
  --tabs-tab-underline-height: 3px;
}

.gds-tabs-list-container-large {
  --tabs-list-height: 48px;
  --tabs-tab-padding: var(--space-3);
  --tabs-tab-font-size: 16px;
  --tabs-tab-underline-height: 3px;
}

.gds-tabs-list-container-xlarge {
  --tabs-list-height: 72px;
  --tabs-tab-padding: var(--space-5);
  --tabs-tab-font-size: 18px;
  --tabs-tab-underline-height: 4px;
}

.gds-tabs-list-container-auto {
  --tabs-list-height: auto;
  --tabs-tab-underline-height: 3px;
}

.gds-tabs-list-container.gds-tabs-border-none {
  border-bottom: 0;
}

.gds-tabs-list {
  height: 100%;
  overflow: auto;
}

.gds-tabs-list-container button[class*="gds-tabs-list-overflow-button-"] {
  position: absolute;
  background: white;
  transform: translate(0, -50%);
  top: 50%;
}

.gds-tabs-list-container .gds-tabs-list-overflow-button-right {
  right: 0;
}

.gds-tabs-tab-container {
  background-color: transparent;
  border: none;
  color: var(--color-text-base-subdued);
  cursor: pointer;
  height: 100%;
  padding: 0;
}

.gds-tabs-full-width .gds-tabs-tab-container {
  width: 100%;
}

.gds-tabs-tab-container:focus-visible {
  border-radius: var(--radius-1);
  outline: 2px solid var(--color-border-focus-default);
  outline-offset: -2px;
}

.gds-tabs-tab {
  border-bottom: var(--tabs-tab-underline-height) solid transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding-left: var(--tabs-tab-padding);
  padding-right: var(--tabs-tab-padding);
  text-wrap: nowrap;
}

.gds-tabs-tab-selected {
  font-weight: 600;
}

.gds-tabs-tab-container[aria-selected="true"] .gds-tabs-tab {
  border-bottom: var(--tabs-tab-underline-height) solid var(--color-border-brand-default);
  color: var(--color-text-brand-default);
}

/* Hack used to avoid jumping tabs due to bold weight when selected */

.gds-tabs-tab::after {
  content: attr(data-text);
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-weight: 600;

  /* TODO: Should use a global typography token in the future */
  font-size: calc(var(--tabs-tab-font-size) + 2px);
}

@media speech {
  .gds-tabs-tab:hover {
    border-bottom: 3px solid var(--neutral-gray-40);
  }

  .gds-tabs-tab::after {
    display: none;
  }
}

.gds-tabs-panel {
  padding-top: var(--space-6);
}

/* Base tag styles */

.gds-tag {
  all: unset;
  border-radius: var(--radius-25);
  padding: var(--space-quarter) var(--space-2);
  display: flex;
  align-items: center;
  width: fit-content;
  box-sizing: border-box;
  white-space: nowrap;
  vertical-align: middle;
  font-weight: 500;
  color: var(--color-text-dark-default);
}

/* Modifiers */

.gds-tag-inline {
  display: inline-flex;
}

/* Define theme-agnostic color variables */

:root {
  --tag-neutral-bg: var(--neutral-gray-10);
  --tag-critical-bg: var(--red-10);
  --tag-success-bg: var(--green-10);
  --tag-tip-bg: var(--blue-10);
  --tag-warning-bg: var(--gold-10);
  --tag-brand-bg: var(--teal-20);
  --tag-pro-bg: var(--neutral-gray-100);
  --tag-pro-text: var(--color-text-light-default);
}

/* Dark theme color overrides */

[data-gds-theme="dark"] {
  --tag-neutral-bg: var(--neutral-gray-20);
  --tag-critical-bg: var(--red-20);
  --tag-success-bg: var(--green-20);
  --tag-tip-bg: var(--blue-20);
  --tag-warning-bg: var(--gold-20);
  --tag-brand-bg: var(--teal-30);
  --tag-pro-bg: var(--gold-30);
  --tag-pro-text: var(--color-text-dark-default);
}

/* Tag variants */

.gds-tag-neutral,
.gds-tag-business {
  background-color: var(--tag-neutral-bg);
}

.gds-tag-critical,
.gds-tag-deletion {
  background-color: var(--tag-critical-bg);
}

.gds-tag-success,
.gds-tag-addition {
  background-color: var(--tag-success-bg);
}

.gds-tag-tip {
  background-color: var(--tag-tip-bg);
}

.gds-tag-warning {
  background-color: var(--tag-warning-bg);
}

.gds-tag-brand {
  background-color: var(--tag-brand-bg);
}

.gds-tag-inverse {
  background-color: var(--white);
}

/* Light mode special cases */

.gds-tag-pro {
  background-color: var(--tag-pro-bg);
  color: var(--tag-pro-text);
}

.gds-tag-premium {
  background-color: var(--color-background-premium-default);
  color: var(--color-text-premium-default);
}

/* Applies special padding to Pro, Premium, and Tip tags with icons */

.gds-tag-with-icon {
  padding: var(--space-quarter) var(--space-2) var(--space-quarter) var(--space-1-and-half);
}

.gds-tag-icon {
  margin-right: var(--space-half);
}

/* Dark mode special cases */

[data-gds-theme="dark"] .gds-icon-pro [fill] {
  fill: var(--color-icon-pro-default);
}

[data-gds-theme="dark"] .gds-tag-tip {
  background-color: var(--blue-20);
  color: var(--color-text-dark-default);
}

/* stylelint-disable rule-empty-line-before */

.gds-text-area {
  --g-text-area-border: var(--color-border-base-default);

  display: flex;
  flex-direction: column;
  flex: 1;
  gap: var(--space-1);
  text-align: start;
}

.gds-text-area .gds-text-area-input {
  box-sizing: border-box;
  background-color: unset;
  border-radius: var(--radius-1);
  border: 1px solid var(--g-text-area-border);
  padding: var(--space-1) var(--space-3);
  margin: 0;
  color: var(--color-text-base-default);
  appearance: none;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
}

.gds-text-area-resize-on {
  resize: both;
}

.gds-text-area-resize-off {
  resize: none;
}

.gds-text-area-resize-horizontal {
  resize: horizontal;
}

.gds-text-area-resize-vertical {
  resize: vertical;
}

.gds-text-area-input[aria-invalid="true"] {
  --g-text-area-border: var(--color-border-critical-default);
}

.gds-text-area-input::placeholder {
  color: var(--color-text-base-subdued);

  /* Needed for Firefox */
  opacity: 1;
}

.gds-text-area-input:disabled {
  --g-text-area-border: var(--color-border-base-subdued);

  cursor: not-allowed;
  resize: none;
}

.gds-text-area-input:active:not([disabled]),
.gds-text-area-input[data-simulate="active"] {
  --g-text-area-border: var(--color-border-brand-default);
}

.gds-text-area-container {
  position: relative;
  border: 1px solid transparent;
  border-radius: var(--radius-1);
  display: flex;
  align-items: center;
  margin-inline-start: calc(-1 * var(--space-half));
}

.gds-text-area-container:focus-within > .gds-text-area-input,
.gds-text-area-container:has([data-simulate="focus"]) > .gds-text-area-input {
  outline: 2px solid var(--color-border-focus-default);
  outline-offset: 2px;
}

.gds-toast {
  border-radius: var(--radius-1);
  border: 1px solid var(--color-border-elevated-default);
  color: var(--color-text-base-inverse);
  display: inline-block;
  max-width: 400px;
  min-width: 210px;
}

/* Success icon inverse color */

.gds-toast-success.inverse .gds-toast-icon-success path {
  fill: var(--color-icon-success-default);
}

/* Warning icon inverse color */

.gds-toast-warning.inverse .gds-toast-icon-warning path {
  fill: var(--color-icon-warning-default);
}

/* Critical icon inverse color */

.gds-toast-critical.inverse .gds-toast-icon-critical path {
  fill: var(--color-icon-critical-default);
}

/* Loading icon inverse color */

.gds-toast-loading.inverse .gds-toast-icon-loading path {
  stroke: var(--color-icon-base-default);
}

.gds-toast-icon {
  line-height: 0;
}

.gds-toast-text {
  display: block;
}

.gds-toast .gds-icon-button-medium {
  flex-shrink: 0;
}

.gds-verification-code {
  display: flex;
  flex-direction: column;
  border: none;
  padding: var(--space-2) 0;
  margin: 0;
}

.gds-verification-code-large {
  --verification-code-height: 56px;
  --verification-code-width: 48px;
  --verification-code-font-size: 28px;
  --verification-code-border-radius: var(--space-1);
}

.gds-verification-code-medium {
  --verification-code-height: 48px;
  --verification-code-width: 40px;
  --verification-code-font-size: 24px;
  --verification-code-border-radius: 3.29px;
}

.gds-verification-code-small {
  --verification-code-height: 40px;
  --verification-code-width: 32px;
  --verification-code-font-size: 18px;
  --verification-code-border-radius: 2.74px;
}

.gds-verification-code-input {
  background-color: var(--color-background-base-default);
  border-radius: var(--verification-code-border-radius);
  border: 1px solid var(--color-border-base-default);
  color: var(--color-text-base-default);
  box-sizing: border-box;
  padding: var(--space-1);
  height: var(--verification-code-height);
  width: var(--verification-code-width);
  font-size: var(--verification-code-font-size);
  text-align: center;
}

.gds-verification-code-input:focus-within,
.gds-verification-code-input:has([data-simulate="focus"]) {
  outline: 2px solid var(--color-border-focus-default);
  outline-offset: 2px;
}

.gds-verification-code-input[aria-invalid="true"] {
  border-color: var(--color-border-critical-default);
}

.gds-verification-code-input:disabled {
  border-color: var(--color-border-base-subdued);
  cursor: not-allowed;
  color: var(--color-text-base-subdued);
}

/* remove the spinner buttons, which can cause accidental changing of the code */

.gds-verification-code-input[type="number"]::-webkit-inner-spin-button,
.gds-verification-code-input[type="number"]::-webkit-outer-spin-button {
  display: none;
}

.gds-verification-code-input[type="number"] {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-appearance: textfield !important; /* Firefox */
}

.gds-accordion {
  display: block;
  overflow: hidden;

  --color-menu-background-hover: var(--neutral-gray-10);
  --accordion-animation-duration: 300ms;
  --accordion-animation-easing: cubic-bezier(0.87, 0, 0.13, 1);
}

[data-gds-theme="dark"] .gds-accordion {
  --color-menu-background-hover: var(--neutral-gray-80);
}

.gds-accordion details:focus-visible {
  outline: none;
}

.gds-accordion-list-item {
  width: 100%;
  overflow: hidden;
}

.gds-accordion-list-separators .gds-accordion-list-item:not(:last-of-type) {
  border-bottom: 1px solid var(--color-border-base-subdued);
}

.gds-accordion-list-item .gds-accordion-arrow-icon {
  transition: transform var(--accordion-animation-duration) var(--accordion-animation-easing);
}

.gds-accordion-arrow-expanded {
  transform: rotate(-180deg);
}

details.gds-accordion-list-item > summary {
  list-style: none;
}

details.gds-accordion-list-item > summary::-webkit-details-marker {
  display: none;
}

.gds-accordion-list-item-summary {
  border-radius: var(--radius-2);
}

details.gds-accordion-list-item > summary:focus-visible {
  outline: none;
}

details.gds-accordion-list-item > summary:focus-visible .gds-accordion-list-item-summary {
  outline: 2px solid var(--color-border-focus-default);
  outline-offset: -4px;
}

details.gds-accordion-list-item > summary:hover {
  background-color: var(--color-menu-background-hover);
  cursor: pointer;
}

/* Animation for accordion content */

.gds-accordion-content {
  overflow: hidden;
  transition: height var(--accordion-animation-duration) var(--accordion-animation-easing);
  height: 0;
}

.gds-accordion-list-item[open] .gds-accordion-content {
  height: auto;
}

/* Add prefers-reduced-motion support */

@media (prefers-reduced-motion: reduce) {
  .gds-accordion {
    --accordion-animation-duration: 0ms;
  }

  .gds-accordion-list-item .gds-accordion-arrow-icon,
  .gds-accordion-content {
    transition: none;
  }
}

.gds-rating-container {
  width: 100%;
}

.gds-rating-error-container {
  padding-inline: calc(var(--space-1) + var(--space-half));
  padding-block-end: calc(var(--space-1) + var(--space-half));

  /* Pull the container 1px left to compensate for the added border and prevent the title from shifting */
  margin-inline-start: calc(calc(var(--space-1) + var(--space-half)) * -1 - 1px);
  border: 1px solid transparent;
  border-radius: var(--radius-1);
}

.gds-rating-container[data-error="true"] .gds-rating-error-container {
  border-color: var(--color-border-critical-default);
}

.gds-rating-fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.gds-rating-fieldset legend {
  padding-inline: 0;
  margin-block-end: var(--space-1);
}

.gds-rating-fieldset-label {
  margin-inline-end: var(--space-2);
}

.gds-rating-star input {
  height: 24px;
  width: 24px;
}

.gds-rating-star {
  position: relative;
  padding-inline: var(--space-half);
  display: flex;
  justify-content: center;
}

.gds-rating-star,
.gds-rating-star-icon {
  width: 24px;
  height: 24px;
}

.gds-rating-star-list,
.gds-rating-star-icon {
  cursor: pointer;
}

.gds-rating-star-list {
  margin-left: calc(-1 * var(--space-half));
}

.gds-rating-star-icon * {
  stroke: var(--color-icon-base-default);
}

.gds-rating-star-icon.filled * {
  fill: var(--gold-60);
  stroke: var(--gold-60);
}

@supports selector(:has(*)) and (selector(:focus-visible)) {
  .gds-rating-star:has(input:focus-visible) {
    border-radius: calc(var(--radius-1) + var(--radius-half));
    outline: 2px solid var(--color-border-focus-default);
  }
}

@supports not selector(:has(*)) {
  .gds-rating-star:focus-within {
    border-radius: calc(var(--radius-1) + var(--radius-half));
    outline: 2px solid var(--color-border-focus-default);
  }
}

.gds-rating-star:first-of-type label {
  padding-inline-start: 0;
}

.gds-rating-star:last-of-type label {
  padding-inline-end: 0;
}

.gds-rating-live-region {
  margin-block-end: var(--space-3);
}

.gds-rating-container[data-error="true"] .gds-rating-live-region {
  margin-top: var(--space-2);
}

/* Label area reserves space in small screens */

.gds-star-label {
  height: 1em;
  display: flex;
  align-items: center;
}

._heroIcon_-kKnp_heroIcon ._heroIconPath_g2gJS_heroIconPath{fill:#421d24}

[data-gds-theme=dark] ._heroIcon_-kKnp_heroIcon ._heroIconPath_g2gJS_heroIconPath{fill:#fcfaf7}

._heroWaveAnimation_EhHCZ_heroWaveAnimation{background-image:var(--hero-wave-light);background-position:top 50% left 3px;background-repeat:no-repeat;background-size:27.5px;height:var(--notch-height,72px);transform:scaleX(calc(var(--wave-from-left, 0)*-2 + 1)) translateX(calc(var(--wave-from-left, 0)*1.2px));width:var(--notch-width,32px)}

._heroWaveAnimation_EhHCZ_heroWaveAnimation._goodbye_WwRv0_goodbye{transform:scaleX(calc(var(--wave-from-left, 0)*-2 + 1)) translateX(calc(var(--wave-from-left, 0)*1.2px)) translateY(4px)}

[data-gds-theme=dark] ._heroWaveAnimation_EhHCZ_heroWaveAnimation{background-image:var(--hero-wave-dark)}

._notchSettingsIcon_InlKy_notchSettingsIcon path{fill:var(--neutral-gray-60)}

[data-gds-theme=dark] ._notchSettingsIcon_InlKy_notchSettingsIcon path{fill:var(--neutral-gray-30)}

@keyframes _bounce_T1L1Z_bounce{0%,80%{transform:translateY(0)}40%{transform:translateY(-4px)}}

._dot1_bzrah_dot1,._dot2_f4KGm_dot2,._dot3_Z-dc1_dot3{animation:_bounce_T1L1Z_bounce 1s infinite}

._dot2_f4KGm_dot2{animation-delay:.1s}

._dot3_Z-dc1_dot3{animation-delay:.2s}

._superhumanGoIcon_j2OmI_superhumanGoIcon{fill:#421d24}

[data-gds-theme=dark] ._superhumanGoIcon_j2OmI_superhumanGoIcon{fill:#fcfaf7}

._notchContainer_jPcgv_notchContainer{--notch-width:32px;--notch-height:72px;--notch-settings-button-size:20px;--notch-settings-button-margin-top:6px;--notch-container-height-buffer:2px;bottom:calc(50% - (var(--notch-height) + var(--notch-settings-button-size) + var(--notch-settings-button-margin-top) + var(--notch-container-height-buffer))/2);position:fixed}

._notchContainer_jPcgv_notchContainer._rightEdge_G9MBv_rightEdge{right:0}

._notchContainer_jPcgv_notchContainer._leftEdge_kGMuW_leftEdge{left:0}

._notchContainer_jPcgv_notchContainer{height:calc(var(--notch-height) + var(--notch-settings-button-size) + var(--notch-settings-button-margin-top) + var(--notch-container-height-buffer));user-select:none;z-index:2147483647}

._notch_jKYXX_notch{--notch-width:32px;--notch-height:72px;background-color:var(--color-background-base-default,#fff);border:.5px solid var(--color-border-base-subdued,transparent);border-radius:16px 0 0 16px;box-shadow:0 1px 4px 1px rgba(0,0,0,.08);height:var(--notch-height);width:var(--notch-width)}

._notch_jKYXX_notch._rightEdge_G9MBv_rightEdge{right:0;transform:translateX(var(--hidden-percent,0))}

._notch_jKYXX_notch._rightEdge_G9MBv_rightEdge:hover{transform:translateX(var(--hidden-percent,0)) scale(1.08)}

._notch_jKYXX_notch._rightEdge_G9MBv_rightEdge._peeking_BHAh8_peeking{box-shadow:0 1px 4px 1px rgba(0,0,0,.08)}

._notch_jKYXX_notch._rightEdge_G9MBv_rightEdge._peeking_BHAh8_peeking ._notchButton_HXx5H_notchButton{opacity:0}

._notch_jKYXX_notch._leftEdge_kGMuW_leftEdge{border-radius:0 16px 16px 0;left:0;transform:translateX(calc(var(--hidden-percent, 0%)*-1))}

._notch_jKYXX_notch._leftEdge_kGMuW_leftEdge:hover{transform:translateX(calc(var(--hidden-percent, 0%)*-1)) scale(1.08)}

._notch_jKYXX_notch._leftEdge_kGMuW_leftEdge._peeking_BHAh8_peeking{box-shadow:0 1px 4px 1px rgba(0,0,0,.08)}

._notch_jKYXX_notch._leftEdge_kGMuW_leftEdge._peeking_BHAh8_peeking ._notchButton_HXx5H_notchButton{opacity:0}

._notch_jKYXX_notch{transition:transform .2s,box-shadow .3s;z-index:2147483647}

._notch_jKYXX_notch._noShadow_oEBK7_noShadow{box-shadow:0 0 1px 0 rgba(0,0,0,.502),0 0 3px 0 rgba(0,0,0,.2)}

._notch_jKYXX_notch:active{cursor:grabbing}

@supports selector(:focus-visible){._notch_jKYXX_notch:has(>button:focus-visible){transform:none!important}._notch_jKYXX_notch._hidden_RGuj7_hidden:not(:has(>button:focus-visible)){box-shadow:none}}

._notch_jKYXX_notch._shown_YKXOD_shown{opacity:1}

._notch_jKYXX_notch ._notchButton_HXx5H_notchButton{background-color:transparent;border:none;cursor:pointer;height:var(--notch-height);padding:0;transition:opacity .3s ease-in;width:var(--notch-width)}

._notch_jKYXX_notch ._notchButton_HXx5H_notchButton:active{cursor:grabbing}

._notch_jKYXX_notch._rightEdge_G9MBv_rightEdge ._notchButton_HXx5H_notchButton{padding-left:2px}

._notch_jKYXX_notch._leftEdge_kGMuW_leftEdge ._notchButton_HXx5H_notchButton{padding-right:2px}

._notchGrammarlyIcon_90B7m_notchGrammarlyIcon svg>path:first-child{fill:var(--color-background-brand-default,#027e6f)}

._notchGrammarlyIcon_90B7m_notchGrammarlyIcon svg>path:nth-child(2){fill:var(--color-background-base-default,#fff)}

._notchGrammarlyIcon_90B7m_notchGrammarlyIcon._notchGrammarlyIconMuted_XC65k_notchGrammarlyIconMuted>path:first-child{fill:var(--color-icon-base-default,#707070)}

._iconWrapper_xNPNP_iconWrapper{position:relative}

._indicatorDot_8VOe3_indicatorDot{background-color:var(--color-background-critical-default,#eb0a00);border:1.33px solid var(--color-background-base-default,#fff);border-radius:50%;box-sizing:border-box;height:10px;position:absolute;right:4px;top:-3px;width:10px}

._splitNotchContainer_1chB-_splitNotchContainer{--notch-width:30px;bottom:50%;font-family:var(--origin-font-family-sans-default);position:fixed}

._splitNotchContainer_1chB-_splitNotchContainer._rightEdge_0Goz6_rightEdge{right:0}

._splitNotchContainer_1chB-_splitNotchContainer._leftEdge_-igBU_leftEdge{left:0}

._splitNotchContainer_1chB-_splitNotchContainer{user-select:none;z-index:2147483647}

._splitNotch_vK5J-_splitNotch{align-items:center;background-color:var(--color-background-base-default,#fff);border:.5px solid var(--color-border-base-subdued,#d9d9d9);box-shadow:0 1px 4px 1px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:4px;min-height:30px;padding:8px 3px;width:30px}

._splitNotch_vK5J-_splitNotch._rightEdge_0Goz6_rightEdge{border-radius:16px 0 0 16px;transform:translateX(var(--hidden-percent,0))}

._splitNotch_vK5J-_splitNotch._rightEdge_0Goz6_rightEdge:hover{transform:translateX(var(--hidden-percent,0)) scale(1.08)}

._splitNotch_vK5J-_splitNotch._rightEdge_0Goz6_rightEdge._peeking_ht48r_peeking ._agentArea_8lvbW_agentArea,._splitNotch_vK5J-_splitNotch._rightEdge_0Goz6_rightEdge._peeking_ht48r_peeking ._chatButton_SZgXC_chatButton{opacity:0}

._splitNotch_vK5J-_splitNotch._leftEdge_-igBU_leftEdge{border-radius:0 16px 16px 0;transform:translateX(calc(var(--hidden-percent, 0%)*-1))}

._splitNotch_vK5J-_splitNotch._leftEdge_-igBU_leftEdge:hover{transform:translateX(calc(var(--hidden-percent, 0%)*-1)) scale(1.08)}

._splitNotch_vK5J-_splitNotch._leftEdge_-igBU_leftEdge._peeking_ht48r_peeking ._agentArea_8lvbW_agentArea,._splitNotch_vK5J-_splitNotch._leftEdge_-igBU_leftEdge._peeking_ht48r_peeking ._chatButton_SZgXC_chatButton{opacity:0}

._splitNotch_vK5J-_splitNotch{transition:transform .2s,box-shadow .3s;z-index:2147483647}

@supports selector(:focus-visible){._splitNotch_vK5J-_splitNotch:has(:focus-visible){transform:none!important}._splitNotch_vK5J-_splitNotch._hidden_W0XvH_hidden:not(:has(:focus-visible)){box-shadow:none}}

._splitNotch_vK5J-_splitNotch._shown_oOSV9_shown{opacity:1}

._chatButton_SZgXC_chatButton{align-items:center;background-color:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;outline:none;padding:0;position:relative;transition:opacity .3s ease-in;width:28px}

._chatButton_SZgXC_chatButton svg{height:24px;width:24px}

._chatButton_SZgXC_chatButton:hover{background-color:var(--color-background-base-subdued)}

._chatButton_SZgXC_chatButton:focus-visible{background-color:var(--color-background-base-subdued);outline:2px solid var(--color-border-brand-default);outline-offset:2px}

._agentArea_8lvbW_agentArea{align-items:center;display:flex;justify-content:center;transition:opacity .3s ease-in}

._splitNotch_vK5J-_splitNotch:hover ._dragHandle_XJ70z_dragHandle{height:16px;margin-top:4px;opacity:1;pointer-events:auto}

._dragHandle_XJ70z_dragHandle{align-items:center;border-radius:6px;cursor:grab;display:flex;flex-shrink:0;height:0;justify-content:center;margin-top:0;opacity:0;overflow:hidden;pointer-events:none;transition:opacity .2s ease-in,height .2s ease-in,margin-top .2s ease-in;width:28px}

._dragHandle_XJ70z_dragHandle:hover{background-color:var(--color-background-base-subdued)}

._dragHandle_XJ70z_dragHandle:active{cursor:grabbing}

._dragHandleDragging_okhew_dragHandleDragging{height:16px;margin-top:4px;opacity:1;pointer-events:auto}

._dragHandleIcon_9m1Dg_dragHandleIcon{height:16px;width:20px}

._settingsMenu_6YXza_settingsMenu{margin-top:var(--notch-settings-button-margin-top);opacity:0;position:absolute;right:6.5px;transition:opacity .5s ease}

._settingsMenu_6YXza_settingsMenu ul[role=menu]{width:248px}

._settingsMenu_6YXza_settingsMenu div[class=gds-menu-dropdown]{border:.5px solid var(--color-border-base-subdued);border-radius:var(--radius-4);box-shadow:0 2px 7px .5px var(--color-elevation-base-default-f3)}

._settingsMenu_6YXza_settingsMenu div[class=gds-menu-dropdown] ul[role=menu]{border-radius:var(--radius-4)}

._settingsMenuVisible_sDewg_settingsMenuVisible{opacity:1}

._settingsButton_t4sdU_settingsButton{background-color:var(--color-background-base-default);border:none;border:.5px solid var(--color-border-base-subdued,transparent);border-radius:50%;box-shadow:0 1px 4px 1px rgba(0,0,0,.08);height:var(--notch-settings-button-size);width:var(--notch-settings-button-size)}

._settingsButton_t4sdU_settingsButton svg{height:12px;width:12px}

._keyboardShortcutMenuItem_tkBPi_keyboardShortcutMenuItem{cursor:default!important;max-width:100%;padding:0!important;width:100%}

._keyboardShortcutMenuItem_tkBPi_keyboardShortcutMenuItem>span{display:flex;flex:1 1 auto}

._keyboardShortcutMenuItem_tkBPi_keyboardShortcutMenuItem>span>.gds-box{display:flex;flex:1 1 auto;padding-bottom:0!important;padding-top:0!important}

._keyboardShortcutMenuItem_tkBPi_keyboardShortcutMenuItem>span>.gds-box>.gds-flex{flex:1 1 auto}

._keyboardShortcutMenuItem_tkBPi_keyboardShortcutMenuItem:hover:not(.gds-menu-item-disabled) .gds-button-primary .gds-icon [stroke]{stroke:var(--color-background-base-default)}

._keyboardShortcutMenuItem_tkBPi_keyboardShortcutMenuItem:hover:not(.gds-menu-item-disabled) .gds-button-tertiary .gds-icon [stroke]{stroke:var(--color-background-base-inverse)}

._AsyncImage_1pkeE_AsyncImage{display:inline-block;flex:0 0 auto;position:relative}

._AsyncImage__image_7eSG0_AsyncImage__image{display:block;height:auto;max-width:100%;opacity:1;transition:opacity .5s ease}

._AsyncImage__image__loading_coENd_AsyncImage__image__loading{opacity:0}

._AsyncImage__error_uSnKF_AsyncImage__error{align-items:center;background:var(--color-background-base-subdued);border-radius:var(--radius-2);display:flex;height:100%;justify-content:center;width:100%}

._AsyncImage__loader_y6Zye_AsyncImage__loader{height:100%;left:0;position:absolute;top:0;width:100%}

._agentIcon_-hknf_agentIcon{align-items:center;display:flex;justify-content:center;object-fit:contain}

._iconComponentWrapper_DUymc_iconComponentWrapper{background-color:var(--color-background-base-subdued);border:.5px solid var(--color-border-base-subdued);border-radius:var(--radius-1-and-half)}

._badgeStack_uSK4V_badgeStack{align-items:center;background-color:transparent;border:none;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;margin:0;outline:none;padding:0;transition:background-color .2s ease,border-color .2s ease}

._badgeStack_uSK4V_badgeStack:focus,._badgeStack_uSK4V_badgeStack:focus ._badgeWrapper_OoTX7_badgeWrapper,._badgeStack_uSK4V_badgeStack:hover,._badgeStack_uSK4V_badgeStack:hover ._badgeWrapper_OoTX7_badgeWrapper{background-color:var(--color-background-base-subdued);border-color:var(--color-background-base-subdued)}

._badgeStack_uSK4V_badgeStack:focus-visible{outline:2px solid var(--color-border-brand-default)}

._badgeStackChecking_FEqXb_badgeStackChecking{background-color:var(--neutral-gray-20);border-radius:10px}

._badgeStackChecking_FEqXb_badgeStackChecking ._badgeWrapper_OoTX7_badgeWrapper{background-color:transparent;border-color:transparent}

@media (prefers-reduced-motion:no-preference){._badgeStackChecking_FEqXb_badgeStackChecking{animation:_checking-sweep_Wip5J_checking-sweep 2s linear infinite;background-color:var(--neutral-gray-0);background:linear-gradient(to bottom,var(--neutral-gray-0) 0,var(--neutral-gray-0) 30%,var(--neutral-gray-20) 50%,var(--neutral-gray-0) 70%,var(--neutral-gray-0) 100%) 0 100%/100% 400%}}

[data-gds-theme=dark] ._badgeStackChecking_FEqXb_badgeStackChecking{background-color:var(--neutral-gray-60)}

@media (prefers-reduced-motion:no-preference){[data-gds-theme=dark] ._badgeStackChecking_FEqXb_badgeStackChecking{background-color:var(--neutral-gray-90);background:linear-gradient(to bottom,var(--neutral-gray-90) 0,var(--neutral-gray-90) 30%,var(--neutral-gray-60) 50%,var(--neutral-gray-90) 70%,var(--neutral-gray-90) 100%) 0 100%/100% 400%}}

._badgeStackError_9DcoW_badgeStackError{box-shadow:0 0 0 2px var(--color-error-glow)}

._badgeStackError_9DcoW_badgeStackError ._badgeWrapper_OoTX7_badgeWrapper{background-color:transparent;border-color:transparent}

@media (prefers-reduced-motion:no-preference){._badgeStackError_9DcoW_badgeStackError{animation:_error-pulse_EKWZB_error-pulse 2s ease-in-out infinite}}

@keyframes _error-pulse_EKWZB_error-pulse{0%,to{box-shadow:0 0 0 2px var(--color-error-glow)}50%{box-shadow:0 0 6px 3px var(--color-error-glow)}}

@keyframes _checking-sweep_Wip5J_checking-sweep{0%{background-position:0 100%}50%{background-position:0 0}to{background-position:0 0}}

._badgeWrapper_OoTX7_badgeWrapper{background-color:var(--color-background-base-default);border:2px solid var(--color-background-base-default);border-radius:10px;transition:background-color .2s ease,border-color .2s ease}

._badgeWrapper_OoTX7_badgeWrapper:not(:first-child){margin-top:-8px}

._badges_RqBhY_badges{align-items:flex-start;display:flex;flex-direction:column}

._badge_oZwhO_badge{background-color:var(--color-background-base-default);border:1px solid var(--color-border-base-subdued);border-radius:8px;height:20px;overflow:hidden;padding:2px;position:relative;width:20px}

._badgeIcon_FhcoZ_badgeIcon,._badge_oZwhO_badge{align-items:center;display:flex;justify-content:center}

._badgeIcon_FhcoZ_badgeIcon{height:18px;width:18px}

._overflowBadge_vje7H_overflowBadge{align-items:center;background-color:var(--color-background-base-default);border:1px solid var(--color-border-base-subdued);border-radius:8px;display:flex;height:20px;justify-content:center;overflow:hidden;padding:2px;position:relative;width:20px}

._overflowCount_R0fgW_overflowCount{color:var(--color-text-base-subdued);font-size:12px;font-weight:540;line-height:12px;white-space:nowrap}

:host,:root{--color-green-contrast-lowest:#f4fdfa;--color-green-contrast-lower:#d5f7eb;--color-green-contrast-high:#148072;--color-green-contrast-highest:#0c4243;--color-neutral-contrast-lowest:#fcfaf7;--color-neutral-contrast-lower:#dedbd5;--color-neutral-contrast-high:#73716d;--color-neutral-contrast-highest:#292827;--color-error-contrast-lowest:#fff7ea;--color-error-contrast-lower:#fde8cd;--color-error-contrast-high:#936847;--color-error-contrast-highest:#5c3a1e;--color-error-glow:#fdc298}

:host [data-gds-theme=dark],:root [data-gds-theme=dark]{--color-green-contrast-lowest:#17261f;--color-green-contrast-lower:#005c54;--color-green-contrast-high:#3ac7a1;--color-green-contrast-highest:#f4fdfa;--color-neutral-contrast-lowest:#1f1e1d;--color-neutral-contrast-lower:#474543;--color-neutral-contrast-high:#bfbcb6;--color-neutral-contrast-highest:#fcfaf7;--color-error-contrast-lowest:#2a1f14;--color-error-contrast-lower:#4a3425;--color-error-contrast-high:#d4a574;--color-error-contrast-highest:#fff7ea;--color-error-glow:#8b6340}

._statusTrigger_OFE7B_statusTrigger{align-items:center;background:transparent;border:none;border-radius:100px;cursor:pointer;display:flex;flex-shrink:0;gap:2px;outline:none;padding:0 4px}

._statusTrigger_OFE7B_statusTrigger:focus-visible{outline:2px solid var(--color-border-brand-default);outline-offset:1px}

._statusTrigger_OFE7B_statusTrigger ._statusDot_Gnefm_statusDot{display:block}

._statusTrigger_OFE7B_statusTrigger ._statusChevron_ZD3CC_statusChevron,._statusTrigger_OFE7B_statusTrigger:active ._statusDot_Gnefm_statusDot,._statusTrigger_OFE7B_statusTrigger:focus ._statusDot_Gnefm_statusDot,._statusTrigger_OFE7B_statusTrigger:hover ._statusDot_Gnefm_statusDot{display:none}

._statusTrigger_OFE7B_statusTrigger:active ._statusChevron_ZD3CC_statusChevron,._statusTrigger_OFE7B_statusTrigger:focus ._statusChevron_ZD3CC_statusChevron,._statusTrigger_OFE7B_statusTrigger:hover ._statusChevron_ZD3CC_statusChevron{display:block}

._statusTriggerStatic_FLLj8_statusTriggerStatic{cursor:default}

._statusTriggerStatic_FLLj8_statusTriggerStatic:focus ._statusDot_Gnefm_statusDot,._statusTriggerStatic_FLLj8_statusTriggerStatic:hover ._statusDot_Gnefm_statusDot{display:block}

._statusTriggerStatic_FLLj8_statusTriggerStatic:focus ._statusChevron_ZD3CC_statusChevron,._statusTriggerStatic_FLLj8_statusTriggerStatic:hover ._statusChevron_ZD3CC_statusChevron{display:none}

._statusTriggerOn_r8Mwn_statusTriggerOn:hover{background-color:var(--color-green-contrast-lowest)}

._statusTriggerOn_r8Mwn_statusTriggerOn:active,._statusTriggerOn_r8Mwn_statusTriggerOn:focus,._statusTriggerOn_r8Mwn_statusTriggerOn[aria-expanded=true]{background-color:var(--color-green-contrast-lower)}

._statusTriggerOn_r8Mwn_statusTriggerOn:active ._statusChevron_ZD3CC_statusChevron,._statusTriggerOn_r8Mwn_statusTriggerOn:active ._statusLabelOn_fX-dI_statusLabelOn,._statusTriggerOn_r8Mwn_statusTriggerOn:focus ._statusChevron_ZD3CC_statusChevron,._statusTriggerOn_r8Mwn_statusTriggerOn:focus ._statusLabelOn_fX-dI_statusLabelOn,._statusTriggerOn_r8Mwn_statusTriggerOn[aria-expanded=true] ._statusChevron_ZD3CC_statusChevron,._statusTriggerOn_r8Mwn_statusTriggerOn[aria-expanded=true] ._statusLabelOn_fX-dI_statusLabelOn{color:var(--color-green-contrast-highest)}

._statusTriggerOn_r8Mwn_statusTriggerOn ._statusChevron_ZD3CC_statusChevron{color:var(--color-green-contrast-high)}

._statusTriggerError_9kWX5_statusTriggerError:hover{background-color:var(--color-error-contrast-lowest)}

._statusTriggerError_9kWX5_statusTriggerError:active,._statusTriggerError_9kWX5_statusTriggerError:focus,._statusTriggerError_9kWX5_statusTriggerError[aria-expanded=true]{background-color:var(--color-error-contrast-lower)}

._statusTriggerError_9kWX5_statusTriggerError:active ._statusChevron_ZD3CC_statusChevron,._statusTriggerError_9kWX5_statusTriggerError:active ._statusLabelError_ca5zz_statusLabelError,._statusTriggerError_9kWX5_statusTriggerError:focus ._statusChevron_ZD3CC_statusChevron,._statusTriggerError_9kWX5_statusTriggerError:focus ._statusLabelError_ca5zz_statusLabelError,._statusTriggerError_9kWX5_statusTriggerError[aria-expanded=true] ._statusChevron_ZD3CC_statusChevron,._statusTriggerError_9kWX5_statusTriggerError[aria-expanded=true] ._statusLabelError_ca5zz_statusLabelError{color:var(--color-error-contrast-highest)}

._statusTriggerError_9kWX5_statusTriggerError ._statusChevron_ZD3CC_statusChevron{color:var(--color-error-contrast-high)}

._statusTriggerSubdued_SXdBk_statusTriggerSubdued:hover{background-color:var(--color-neutral-contrast-lowest)}

._statusTriggerSubdued_SXdBk_statusTriggerSubdued:active,._statusTriggerSubdued_SXdBk_statusTriggerSubdued:focus,._statusTriggerSubdued_SXdBk_statusTriggerSubdued[aria-expanded=true]{background-color:var(--color-neutral-contrast-lower)}

._statusTriggerSubdued_SXdBk_statusTriggerSubdued:active ._statusChevron_ZD3CC_statusChevron,._statusTriggerSubdued_SXdBk_statusTriggerSubdued:active ._statusLabelSubdued_0GVoY_statusLabelSubdued,._statusTriggerSubdued_SXdBk_statusTriggerSubdued:focus ._statusChevron_ZD3CC_statusChevron,._statusTriggerSubdued_SXdBk_statusTriggerSubdued:focus ._statusLabelSubdued_0GVoY_statusLabelSubdued,._statusTriggerSubdued_SXdBk_statusTriggerSubdued[aria-expanded=true] ._statusChevron_ZD3CC_statusChevron,._statusTriggerSubdued_SXdBk_statusTriggerSubdued[aria-expanded=true] ._statusLabelSubdued_0GVoY_statusLabelSubdued{color:var(--color-neutral-contrast-highest)}

._statusTriggerSubdued_SXdBk_statusTriggerSubdued ._statusChevron_ZD3CC_statusChevron{color:var(--color-neutral-contrast-high)}

._statusLabel_TV-nb_statusLabel{font-size:var(--font-text-xsmall,12px);font-weight:400;letter-spacing:var(--letter-spacing-text-xsmall,0);line-height:var(--lh-text-xsmall,18px);white-space:nowrap}

._statusLabelOn_fX-dI_statusLabelOn{color:var(--color-green-contrast-high)}

._statusLabelSubdued_0GVoY_statusLabelSubdued{color:var(--color-neutral-contrast-high)}

._statusLabelError_ca5zz_statusLabelError{color:var(--color-error-contrast-high)}

._statusDot_Gnefm_statusDot{flex-shrink:0;height:16px;position:relative;width:16px}

._statusDot_Gnefm_statusDot:after{background-color:inherit;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}

._statusDotOn_TvQRt_statusDotOn:after{background-color:var(--color-green-contrast-high)}

._statusDotSubdued_1IS54_statusDotSubdued:after{background-color:var(--color-neutral-contrast-high)}

._statusDotError_JtjsC_statusDotError:after{background-color:var(--color-error-contrast-high)}

._statusChevron_ZD3CC_statusChevron{flex-shrink:0;height:16px;width:16px}

._statusMenu_oraCA_statusMenu .gds-menu-dropdown{border:.5px solid var(--color-border-base-subdued);border-radius:var(--radius-4);box-shadow:0 2px 7px .5px var(--color-elevation-base-default-f3)}

._statusMenu_oraCA_statusMenu .gds-menu-dropdown .gds-menu-list{border-radius:var(--radius-4)}

._errorDetail_t4Ls2_errorDetail{display:flex;flex-direction:column;gap:4px;padding:12px 12px 4px}

._errorTitle_HZnV0_errorTitle{color:var(--color-text-base-default);font-size:14px;font-weight:600;line-height:20px}

._errorDescription_LRbni_errorDescription{color:var(--color-text-base-subdued);font-size:12px;line-height:18px}

._errorAction_CXgPY_errorAction.gds-menu-item,._errorAction_CXgPY_errorAction.gds-menu-item:hover{border:1px solid var(--color-border-base-subdued);border-radius:var(--radius-2,4px);font-size:14px;line-height:20px;margin:4px 12px 8px;min-height:unset;min-width:unset;padding:4px 12px;width:fit-content}

._item_SzwW9_item{align-items:center;display:flex;gap:8px;padding:6px 12px;position:relative}

._itemContent_WGvbQ_itemContent{align-items:center;display:flex;flex:1;gap:4px;min-width:0}

._itemIcon_ABTbq_itemIcon{align-items:center;border:.833px solid var(--color-border-base-subdued);border-radius:6px;display:flex;flex-shrink:0;height:20px;justify-content:center;overflow:hidden;width:20px}

._itemName_iRZBF_itemName{color:var(--color-text-base-default);font-size:14px;line-height:20px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

._dragHandle_Fe-Fa_dragHandle{align-items:center;color:var(--color-text-base-subdued);cursor:grab;display:flex;flex-shrink:0;height:var(--space-6);justify-content:center;margin-right:calc(var(--space-1)*-1);touch-action:none;width:var(--space-5)}

._dragHandle_Fe-Fa_dragHandle:active{cursor:grabbing}

._itemDragging_P4NBh_itemDragging{opacity:.6}

._itemOverlay_dakRR_itemOverlay{background:var(--color-background-base-default);border:2px solid var(--purple-40);border-radius:var(--radius-2);box-shadow:0 6px 16px rgba(0,0,0,.16);box-sizing:border-box;cursor:grabbing;max-width:calc(100% - 60px);transform:translateX(60px);width:fit-content}

._dropIndicator_1lMZr_dropIndicator{background:var(--purple-40);border-radius:1px;height:2px;left:12px;pointer-events:none;position:absolute;right:12px}

._dropIndicator_1lMZr_dropIndicator:before{background:var(--purple-40);border-radius:50%;content:"";height:8px;left:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}

._dropIndicator_1lMZr_dropIndicator[data-position=top]{top:-3px}

._dropIndicator_1lMZr_dropIndicator[data-position=bottom]{bottom:-3px}

._panel_GUGOS_panel{display:flex;flex-direction:column;padding-bottom:var(--space-2);padding-top:var(--space-3);width:100%}

._header_fAEye_header{align-items:center;display:flex;justify-content:space-between;padding-left:var(--space-4);padding-right:var(--space-2)}

._heading_Tln-m_heading{color:var(--color-text-base-default);font-size:var(--font-text-xsmall,12px);font-weight:400;letter-spacing:var(--letter-spacing-text-xsmall,0);line-height:var(--lh-text-xsmall,18px)}

._list_MVG5P_list{display:flex;flex-direction:column;gap:var(--space-1);max-height:186px;overflow-y:auto;padding-top:var(--space-2)}

._infoBanner_l24KV_infoBanner{align-items:center;background:var(--color-background-base-subdued);border-radius:var(--radius-1-and-half);color:var(--color-text-base-subdued);display:flex;font-size:var(--font-text-xsmall,12px);gap:var(--space-2);line-height:var(--lh-text-xsmall,18px);margin:var(--space-1) var(--space-3);padding:var(--space-2) var(--space-3)}

._infoBannerIcon_FJP4C_infoBannerIcon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}

._menuContent_KZgWG_menuContent{background:var(--color-background-base-default);border:.5px solid var(--color-border-base-subdued);border-radius:var(--radius-4);box-shadow:0 2px 7px .5px var(--color-elevation-base-default-f3);width:300px;z-index:1}

._agentError_1zSOu_agentError{height:100%}

._root_IJOZX_root{align-items:center;display:grid;gap:1rem;grid-auto-columns:1rem;grid-auto-flow:column;height:3rem;justify-items:center}

._root_IJOZX_root._left_8XQMA_left{grid-column:1}

._root_IJOZX_root._right_Ev-FR_right{grid-column:3}

._title_Wpc6z_title:nth-child(2){justify-self:center}

._infoIcon_IXQlG_infoIcon{margin-left:var(--space-2)}

._root_Onw3m_root{background:var(--color-background-base-default);position:relative}

._root-overhanging_k3b4l_root-overhanging:after{background:var(--color-border-base-subdued);content:" ";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0}

._root_WYxCU_root{overflow-y:auto}

._root_O3dvY_root{display:grid;grid-template-areas:"header" "body" "footer";grid-template-rows:min-content 1fr min-content;height:100%}

._header_FYnTh_header{grid-area:header}

._body_-ZVHH_body{grid-area:body}

._body_-ZVHH_body,._footer_7xnsV_footer{justify-self:var(--agent-content-justify-self,stretch);max-width:var(--agent-content-max-width,none);width:100%}

._footer_7xnsV_footer{grid-area:footer}

._gdsMarkdown_nbzFu_gdsMarkdown li{font-size:14px;line-height:1.5em;margin-bottom:8px}

._gdsMarkdown_nbzFu_gdsMarkdown li>ol,._gdsMarkdown_nbzFu_gdsMarkdown li>ul{margin-top:8px;padding-left:var(--space-4)}

._gdsMarkdown_nbzFu_gdsMarkdown li>ol li,._gdsMarkdown_nbzFu_gdsMarkdown li>ul li{margin-bottom:6px}

._gdsMarkdown_nbzFu_gdsMarkdown ol,._gdsMarkdown_nbzFu_gdsMarkdown ul{padding-left:var(--space-4)}

._gdsMarkdown_nbzFu_gdsMarkdown strong{font-weight:600}

._gdsMarkdown_nbzFu_gdsMarkdown code{font-family:Fira Code,Fira Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:12px}

._gdsMarkdown_nbzFu_gdsMarkdown pre{font-size:12px;white-space:pre-wrap;word-break:break-all}

._gdsMarkdown_nbzFu_gdsMarkdown hr{border:1px solid var(--color-border-base-subdued);border-bottom:0}

._gdsMarkdown_nbzFu_gdsMarkdown img{height:auto;max-width:100%}

._tableContainer_nL-zw_tableContainer{background-color:var(--color-background-base-default);border:1px solid #f2f0eb;border-radius:var(--radius-2);margin:var(--space-3) 0;overflow-x:auto}

[data-gds-theme=dark] ._tableContainer_nL-zw_tableContainer{border-color:#474543}

._tableContainer_nL-zw_tableContainer:focus-visible{outline:2px solid var(--color-border-brand-default);outline-offset:2px}

._tableContainer_nL-zw_tableContainer::-webkit-scrollbar{height:6px}

._tableContainer_nL-zw_tableContainer::-webkit-scrollbar-thumb{background-color:var(--color-border-base-subdued);border-radius:2px}

._tableContainer_nL-zw_tableContainer::-webkit-scrollbar-track{background-color:transparent}

._table_IrTTv_table{border-collapse:collapse;font-size:14px;line-height:1.5em;width:100%}

._table_IrTTv_table td,._table_IrTTv_table th{border-bottom:1px solid #f2f0eb;padding:var(--space-2) var(--space-3);text-align:left}

[data-gds-theme=dark] ._table_IrTTv_table td,[data-gds-theme=dark] ._table_IrTTv_table th{border-bottom-color:#474543}

._table_IrTTv_table th{background-color:var(--color-background-base-subdued);color:var(--color-text-base-subdued);font-weight:500;white-space:nowrap}

._table_IrTTv_table tr:last-child td{border-bottom:none}

._gdsMarkdownHeading_e-WIU_gdsMarkdownHeading{margin:var(--space-1) 0}

._gdsMarkdownParagraph_Cpjel_gdsMarkdownParagraph{margin:var(--space-2) 0}

._gdsMarkdownExternalLinkIcon_3Kf8A_gdsMarkdownExternalLinkIcon{margin-left:var(--space-1);vertical-align:middle}

._originMarkdown_PFav6_originMarkdown li{font-size:14px;line-height:1.5em;margin-bottom:8px}

._originMarkdown_PFav6_originMarkdown li>ol,._originMarkdown_PFav6_originMarkdown li>ul{margin-top:8px;padding-left:var(--origin-space-4)}

._originMarkdown_PFav6_originMarkdown li>ol li,._originMarkdown_PFav6_originMarkdown li>ul li{margin-bottom:6px}

._originMarkdown_PFav6_originMarkdown ol,._originMarkdown_PFav6_originMarkdown ul{padding-left:var(--origin-space-4)}

._originMarkdown_PFav6_originMarkdown strong{font-weight:600}

._originMarkdown_PFav6_originMarkdown code{font-family:Fira Code,Fira Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:12px}

._originMarkdown_PFav6_originMarkdown pre{font-size:12px;white-space:pre-wrap;word-break:break-all}

._originMarkdown_PFav6_originMarkdown hr{border:1px solid var(--origin-color-border-base-subdued);border-bottom:0}

._originMarkdown_PFav6_originMarkdown img{height:auto;max-width:100%}

._tableContainer_0aQML_tableContainer{background-color:var(--origin-color-background-base-default);border:1px solid var(--origin-color-border-base-subdued);border-radius:var(--origin-radius-2);margin:var(--origin-space-3) 0;overflow-x:auto}

._tableContainer_0aQML_tableContainer:focus-visible{outline:2px solid var(--origin-color-border-brand-default);outline-offset:2px}

._tableContainer_0aQML_tableContainer::-webkit-scrollbar{height:6px}

._tableContainer_0aQML_tableContainer::-webkit-scrollbar-thumb{background-color:var(--origin-color-border-base-subdued);border-radius:2px}

._tableContainer_0aQML_tableContainer::-webkit-scrollbar-track{background-color:transparent}

._table_c8Muu_table{border-collapse:collapse;font-size:14px;line-height:1.5em;width:100%}

._table_c8Muu_table td,._table_c8Muu_table th{border-bottom:1px solid var(--origin-color-border-base-subdued);padding:var(--origin-space-2) var(--origin-space-3);text-align:left}

._table_c8Muu_table th{background-color:var(--origin-color-background-base-subdued);color:var(--origin-color-text-base-subdued);font-weight:500;white-space:nowrap}

._table_c8Muu_table tr:last-child td{border-bottom:none}

._originMarkdownHeading_JBFtz_originMarkdownHeading{margin:var(--origin-space-1) 0}

._originMarkdownParagraph_0wzzX_originMarkdownParagraph{margin:var(--origin-space-2) 0}

._originMarkdownExternalLinkIcon_xHrWR_originMarkdownExternalLinkIcon{margin-left:var(--origin-space-1);vertical-align:middle}

._blockquote_G-H3Q_blockquote{margin:0;padding:var(--origin-space-5) 0 var(--origin-space-5) var(--origin-space-6)}

._container_6OnGk_container{background:var(--origin-color-background-base-default);border:1px solid var(--origin-color-border-base-subdued);border-radius:var(--origin-radius-4);margin:var(--origin-space-4) 0;overflow:hidden}

[data-origin-mode=dark] ._container_6OnGk_container{background:var(--origin-color-background-base-subdued)}

._header_9MLnk_header{align-items:center;display:flex;gap:10px;padding:var(--origin-space-3) var(--origin-space-4)}

._header_9MLnk_header,._language_9R2xr_language{color:var(--origin-color-text-base-subdued);overflow:hidden}

._language_9R2xr_language{flex:1;font-family:var(--origin-font-family-sans-default);font-size:var(--origin-text-size-small);line-height:var(--origin-line-height-text-small);text-overflow:ellipsis;white-space:nowrap}

._copyButton_UMdOB_copyButton{flex-shrink:0;margin-left:auto}

._line_5oaTm_line{white-space:pre-wrap;word-break:break-all}

._content_yypFY_content{padding:var(--origin-space-2) var(--origin-space-4) var(--origin-space-4)}

._content_yypFY_content pre{margin:0!important;padding:0!important}

._content_yypFY_content pre,._content_yypFY_content pre code{background:transparent!important}

._link_s-19o_link{color:var(--origin-color-link-text-primary);text-decoration:underline;text-decoration-skip-ink:auto}

._link_s-19o_link:hover{color:var(--origin-color-link-text-secondary)}

._goOneMarkdown_DvHI4_goOneMarkdown ._heading_M8icB_heading{margin:0;padding:var(--origin-space-4) 0 var(--origin-space-2)}

._goOneMarkdown_DvHI4_goOneMarkdown h1._heading_M8icB_heading{padding:var(--origin-space-6) 0 var(--origin-space-5)}

._goOneMarkdown_DvHI4_goOneMarkdown h1._heading_M8icB_heading:first-child{padding-top:0}

._goOneMarkdown_DvHI4_goOneMarkdown h2._heading_M8icB_heading{padding:var(--origin-space-5) 0 var(--origin-space-3)}

._goOneMarkdown_DvHI4_goOneMarkdown ._paragraph_yJsk7_paragraph{font-weight:var(--origin-font-weight-regular);margin:var(--origin-space-1) 0}

._goOneMarkdown_DvHI4_goOneMarkdown ._paragraph_yJsk7_paragraph code{font-weight:200}

._goOneMarkdown_DvHI4_goOneMarkdown blockquote p,._goOneMarkdown_DvHI4_goOneMarkdown blockquote span{color:var(--origin-color-text-base-default);font-family:var(--origin-font-family-serif-default);font-size:var(--origin-text-size-medium);line-height:var(--origin-line-height-text-medium);margin:0}

._goOneMarkdown_DvHI4_goOneMarkdown code:not(pre code){background:var(--origin-color-background-base-default);border:1px solid var(--origin-color-border-base-subdued);border-radius:var(--origin-radius-1-and-half);color:var(--origin-color-text-base-default);font-family:var(--origin-font-family-mono-default);font-size:13px;line-height:var(--origin-line-height-text-xsmall);padding:0 var(--origin-space-1)}

[data-origin-mode=dark] ._goOneMarkdown_DvHI4_goOneMarkdown code:not(pre code){background:var(--origin-color-background-base-subdued)}

._goOneMarkdown_DvHI4_goOneMarkdown pre{font-size:13px;white-space:pre-wrap;word-break:break-all}

._goOneMarkdown_DvHI4_goOneMarkdown ol,._goOneMarkdown_DvHI4_goOneMarkdown ul{margin:var(--origin-space-2) 0 var(--origin-space-4);padding-left:21px}

._goOneMarkdown_DvHI4_goOneMarkdown li{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--origin-color-text-base-default);font-family:var(--origin-font-family-sans-default);font-size:var(--origin-text-size-small);font-weight:var(--origin-font-weight-regular);line-height:var(--origin-line-height-text-small);margin-bottom:var(--origin-space-1)}

._goOneMarkdown_DvHI4_goOneMarkdown li code{font-weight:200}

._goOneMarkdown_DvHI4_goOneMarkdown li>ol,._goOneMarkdown_DvHI4_goOneMarkdown li>ul{margin-top:var(--origin-space-1);padding-left:21px}

._goOneMarkdown_DvHI4_goOneMarkdown strong{font-weight:var(--origin-font-weight-bold)}

._goOneMarkdown_DvHI4_goOneMarkdown hr{border:none;border-top:1px solid var(--origin-color-border-base-subdued);margin:var(--origin-space-8) 0}

._goOneMarkdown_DvHI4_goOneMarkdown hr+._heading_M8icB_heading,._goOneMarkdown_DvHI4_goOneMarkdown hr+blockquote{padding-top:0}

._goOneMarkdown_DvHI4_goOneMarkdown img{height:auto;max-width:100%}

._tableContainer_56f5i_tableContainer{background-color:var(--origin-color-background-base-default);border:1px solid var(--origin-color-border-base-subdued);border-radius:var(--origin-radius-4);margin:var(--origin-space-3) 0;overflow-x:auto}

._tableContainer_56f5i_tableContainer:focus-visible{outline:2px solid var(--origin-color-border-brand-default);outline-offset:2px}

._tableContainer_56f5i_tableContainer::-webkit-scrollbar{height:6px}

._tableContainer_56f5i_tableContainer::-webkit-scrollbar-thumb{background-color:var(--origin-color-border-base-subdued);border-radius:2px}

._tableContainer_56f5i_tableContainer::-webkit-scrollbar-track{background-color:transparent}

._table_jxvYY_table{border-collapse:collapse;line-height:1.5em;width:100%}

._table_jxvYY_table td,._table_jxvYY_table th{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-bottom:1px solid var(--origin-color-border-base-subdued);font-family:var(--origin-font-family-sans-default);font-size:var(--origin-text-size-small);font-weight:var(--origin-font-weight-regular);padding:var(--origin-space-3) var(--origin-space-4);text-align:left}

._table_jxvYY_table th{background-color:var(--origin-color-background-base-subdued);color:var(--origin-color-text-base-subdued);font-weight:var(--origin-font-weight-semibold);white-space:nowrap}

._table_jxvYY_table tr:last-child td{border-bottom:none}

._fadeIn_Re6-h_fadeIn{animation:_fadeIn_Re6-h_fadeIn .5s ease forwards;opacity:0}

@keyframes _fadeIn_Re6-h_fadeIn{0%{opacity:0}to{opacity:1}}

._root_TU1PW_root{align-items:stretch;display:flex;flex-direction:column;gap:var(--space-3)}

._title_p97B2_title{color:var(--color-text-base-default);font-weight:500}

._counter_I5kdc_counter{font-weight:500}

[data-gds-theme=dark] ._bar_EEx5s_bar{background-color:var(--neutral-gray-90)}

._bar_EEx5s_bar{background-color:var(--neutral-gray-10);border-radius:4px;height:8px;overflow:hidden;position:relative}

._bar_EEx5s_bar:before{background-color:var(--bar-color);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .2s ease-in-out;width:calc(var(--bar-progress))}

._explanation_bPrzK_explanation,._locked-icon_ggQuV_locked-icon{margin-bottom:calc(var(--space-half)*-1)}

._locked-icon_ggQuV_locked-icon{margin-top:calc(var(--space-8)*-1)}

._root_LR1Sl_root{animation:_textShimmer_UtlZY_textShimmer 2s ease-in-out infinite;background:linear-gradient(105deg,var(--color-text-base-subdued) 0,var(--color-text-base-subdued) 30%,transparent 50%,var(--color-text-base-subdued) 70%,var(--color-text-base-subdued) 100%) 0 0;background-clip:text;background-size:350% 100%;display:flex;flex-direction:column}

._step_-AL9x_step{align-items:stretch;display:flex;gap:var(--space-4)}

._decorator_WHyQ1_decorator{align-items:center;display:flex;flex-direction:column}

._dot_ajNq3_dot{background-color:var(--color-text-base-subdued);border-radius:5px;height:5px;margin-bottom:var(--space-1-and-half);margin-top:var(--space-1-and-half);width:5px}

._bottomBar_R7wRY_bottomBar,._topBar_-pV-n_topBar{background-color:transparent;flex-grow:1;width:1px}

._step_-AL9x_step:not(:first-child) ._topBar_-pV-n_topBar,._step_-AL9x_step:not(:last-child) ._bottomBar_R7wRY_bottomBar{background-color:var(--color-border-base-subdued)}

._text_A1Did_text{color:transparent;padding-bottom:var(--space-1-and-half);padding-top:var(--space-1-and-half)}

@keyframes _textShimmer_UtlZY_textShimmer{0%{background-position:100% 0}to{background-position:0 0}}

._root_wfDYM_root{all:unset;column-gap:var(--space-2);cursor:pointer;display:grid;grid-template-areas:"text bar";grid-template-columns:minmax(0,calc(var(--vbar-max-width, 150)*var(--space-quarter))) calc(var(--space-quarter)*20);height:100%;max-height:100%;overflow:hidden}

._root_wfDYM_root._active_y1o-1_active ._dot_uUQnA_dot,._root_wfDYM_root:hover ._dot_uUQnA_dot{transform:scale(115%)}

._root_wfDYM_root._active_y1o-1_active ._line_cmAcm_line,._root_wfDYM_root:hover ._line_cmAcm_line{background-color:var(--neutral-gray-40)}

._text_6x4Lr_text{font-feature-settings:"ss01" on,"cv08" on;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;box-sizing:border-box;color:var(--color-text-base-subdued);display:flex;flex-direction:column;grid-area:text;height:100%;text-align:end}

._text_6x4Lr_text span{text-wrap:balance;margin:0;overflow:hidden;padding:0}

._text_6x4Lr_text ._secondaryText_4YWxZ_secondaryText{flex:1 1 0}

._bar_UgujW_bar{align-items:center;display:flex;flex-direction:column;gap:var(--space-1);grid-area:bar}

._dot_uUQnA_dot{border-radius:50%;border-style:solid;border-width:calc(var(--space-quarter)*1);box-sizing:border-box;height:calc(var(--space-quarter)*10);margin-top:var(--space-1);min-height:calc(var(--space-quarter)*10);min-width:calc(var(--space-quarter)*10);transform:scale(100%);transform-origin:50% 50%;transition:transform .2s ease-in-out;width:calc(var(--space-quarter)*10)}

._line_cmAcm_line{background-color:var(--neutral-gray-20);flex:1 1 0;width:var(--space-half)}

._getProButton_7FJft_getProButton{background-color:var(--color-text-pro-default);color:var(--color-text-base-inverse)}

._getProButton_7FJft_getProButton svg{color:var(--color-background-pro-default)}

._getProButton_7FJft_getProButton:hover:not(._gds-button-disabled_hyu-F_gds-button-disabled,._gds-button-pressed_1wk7S_gds-button-pressed,._gds-button-loading_v9dJq_gds-button-loading){background-color:var(--color-background-pro-default);color:var(--color-text-pro-default)}

._getProButton_7FJft_getProButton:hover:not(._gds-button-disabled_hyu-F_gds-button-disabled,._gds-button-pressed_1wk7S_gds-button-pressed,._gds-button-loading_v9dJq_gds-button-loading) svg{color:var(--color-icon-pro-default)}

[data-gds-theme=dark] ._getProButton_7FJft_getProButton{background-color:var(--color-background-pro-default);color:var(--color-text-pro-default)}

[data-gds-theme=dark] ._getProButton_7FJft_getProButton svg{color:var(--color-icon-pro-default)}

[data-gds-theme=dark] ._getProButton_7FJft_getProButton:hover:not(._gds-button-disabled_hyu-F_gds-button-disabled,._gds-button-pressed_1wk7S_gds-button-pressed,._gds-button-loading_v9dJq_gds-button-loading){background-color:var(--neutral-gray-90);color:var(--color-background-pro-default)}

[data-gds-theme=dark] ._getProButton_7FJft_getProButton:hover:not(._gds-button-disabled_hyu-F_gds-button-disabled,._gds-button-pressed_1wk7S_gds-button-pressed,._gds-button-loading_v9dJq_gds-button-loading) svg{color:var(--color-background-pro-default)}

._getProButtonGhost_0kQam_getProButtonGhost{color:var(--button-premium-text-default);font-family:var(--font-family-body);font-weight:600;height:20px;line-height:var(--font-text-line-height-xs);padding:0 3px}

._getProButtonGhost_0kQam_getProButtonGhost:hover:not(:disabled){background-color:transparent;background-color:var(--transparent);color:var(--button-premium-text-default)}

._getProButtonCTA_qlNVD_getProButtonCTA{text-decoration:underline;text-underline-offset:calc(var(--space-half) + var(--space-quarter))}

._capabilities_Kzfca_capabilities{margin:var(--space-4) auto 0 auto}

._capabilities_Kzfca_capabilities li{color:var(--color-text-base-subdued);margin-bottom:var(--space-1)}

._capabilities_Kzfca_capabilities li:last-child{margin-bottom:0}

._userFeedback_3RMqT_userFeedback{margin:var(--origin-space-3);width:100%}

._userFeedback_3RMqT_userFeedback form{width:100%}

._userFeedback_3RMqT_userFeedback .origin-form.origin-form-spacious{--form-row-spacing:var(--origin-space-6)}

._userFeedback_3RMqT_userFeedback .origin-form-header{margin-bottom:0}

._userFeedback_3RMqT_userFeedback .origin-form-footer{margin-top:0}

._userFeedback_3RMqT_userFeedback h2{align-self:center;text-align:center}

._userFeedback_3RMqT_userFeedback .origin-text-area-container{margin-inline-start:0}

._userFeedback_3RMqT_userFeedback .origin-radio-button-container{margin-inline-start:0;margin-top:var(--origin-space-4)}

._userFeedback_3RMqT_userFeedback .origin-text-area-input{border-radius:var(--origin-radius-2)}

._userFeedback_3RMqT_userFeedback .origin-input-label{font-weight:600!important}

.origin-radio-group._responseRadioGroup_I0UbG_responseRadioGroup{--focus-border:var(--origin-color-border-brand-default);--focus-shadow:0 0 0 2px var(--origin-color-background-base-default),0 0 0 4px var(--focus-border);width:100%}

.origin-radio-group._responseRadioGroup_I0UbG_responseRadioGroup legend+div{width:100%}

.origin-radio-group._responseRadioGroup_I0UbG_responseRadioGroup legend+div>div{flex:1;height:80px;position:relative}

.origin-radio-group._responseRadioGroup_I0UbG_responseRadioGroup legend+div>div label span{z-index:1}

.origin-radio-group._responseRadioGroup_I0UbG_responseRadioGroup .origin-radio-button input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}

.origin-radio-group._responseRadioGroup_I0UbG_responseRadioGroup ._responseRadioItem_abHYN_responseRadioItem{border:1px solid var(--origin-color-border-base-subdued);border-radius:var(--origin-radius-2);font-size:12px;inset:0;position:absolute}

.origin-radio-group._responseRadioGroup_I0UbG_responseRadioGroup ._responseRadioItem_abHYN_responseRadioItem._responseRadioChecked_vleJA_responseRadioChecked,.origin-radio-group._responseRadioGroup_I0UbG_responseRadioGroup ._responseRadioItem_abHYN_responseRadioItem:hover{background-color:var(--origin-color-background-brand-subdued);border:1.5px solid var(--origin-color-border-brand-default)}

.origin-radio-group._responseRadioGroup_I0UbG_responseRadioGroup .origin-radio-button-focus-visible ._responseRadioItem_abHYN_responseRadioItem{background-color:var(--origin-color-background-brand-subdued);border:1.5px solid var(--focus-border);box-shadow:var(--focus-shadow)}

._bouncingDot_OqVws_bouncingDot{animation:_bounce_kYey7_bounce 1.6s ease-in-out infinite;background-color:var(--color-icon-base-default);border-radius:50%;height:.25rem;width:.25rem}

._bouncingDot_OqVws_bouncingDot:nth-child(2){animation-delay:.25s}

._bouncingDot_OqVws_bouncingDot:nth-child(3){animation-delay:.5s}

@keyframes _bounce_kYey7_bounce{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-.2rem)}}

._disabled_eausV_disabled{opacity:.4}

._chatInputControls_gtRkQ_chatInputControls{background-color:var(--color-background-base-default);border:none;border-radius:var(--radius-4);display:flex;flex-direction:column;gap:var(--space-5);min-height:111px;outline:.5px solid var(--color-border-base-subdued);padding:var(--space-3);transition:min-height .3s ease}

._chatInputControls_gtRkQ_chatInputControls._hasNoContext_isRS0_hasNoContext{min-height:21px}

._chatInputControls_gtRkQ_chatInputControls._disabled_XmoES_disabled{background-color:var(--neutral-gray-10)}

._chatInputControls_gtRkQ_chatInputControls:focus-within{border:none;outline:1px solid var(--color-border-base-subdued)}

._contextChips_Mu-IB_contextChips{display:flex;flex-wrap:wrap;gap:var(--space-2);width:100%}

._chatInputTextarea_Mj7Qo_chatInputTextarea{background-color:transparent;border:none;color:var(--color-text-base-default);flex:1 1 auto;font-family:var(--font-stack-inter);font-size:.86rem;font-weight:400;line-height:21px;outline:none;padding:var(--space-0);resize:none}

._chatInputContextHint_zw4-F_chatInputContextHint{border:1px solid var(--color-border-base-subdued);border-radius:100px;padding:3px 6px}

._wrapper_quls5_wrapper{background-color:var(--origin-color-fill-premium-subdued);border-radius:14px 14px 18px 18px}

._loading_xJcH9_loading{height:36px}

._wrapper_quls5_wrapper ._uphookContainer_KWwqJ_uphookContainer{border-radius:14px;min-height:20px;padding:var(--origin-space-2)}

._uphookWrapper_PU0Mm_uphookWrapper{background-color:var(--color-background-premium-subdued);color:var(--button-premium-text-default);min-height:24px;padding:var(--space-1);transition:background-color .5s linear}

._uphookWrapper_PU0Mm_uphookWrapper._withHiddenContent_CYM6q_withHiddenContent{background-color:transparent}

._defaultContentText_uxtHp_defaultContentText{overflow:hidden;white-space:nowrap}

._advancedSuggestionsContent_oWGyp_advancedSuggestionsContent ._counter_0Ysb8_counter{font-weight:700;padding:1px 6px}

._advancedSuggestionsContent_oWGyp_advancedSuggestionsContent ._secondaryCtaButton_JE5fe_secondaryCtaButton{color:var(--color-text-base-default);font-weight:600;height:20px;overflow:hidden;padding:0 3px}

._advancedSuggestionsContent_oWGyp_advancedSuggestionsContent ._secondaryCtaButton_JE5fe_secondaryCtaButton:hover:not(:disabled){background-color:var(--transparent);color:var(--color-text-base-default)}

._secondaryCtaButton_JE5fe_secondaryCtaButton ._secondaryCtaButtonText_YhKIY_secondaryCtaButtonText{overflow:hidden;text-underline-offset:calc(var(--space-half) + var(--space-quarter));white-space:nowrap}

._secondaryCtaButton_JE5fe_secondaryCtaButton ._secondaryCtaButtonText_YhKIY_secondaryCtaButtonText:hover{text-decoration:underline}

._icon_KQPzI_icon{align-items:flex-end;display:flex;flex-shrink:0;height:21px;justify-content:center;width:20px}

._button_Oi7Zy_button._button_Oi7Zy_button{align-items:flex-start;background:var(--color-background-base-default);border-radius:var(--radius-5);box-shadow:inset 0 0 0 .5px var(--button-secondary-border-default);display:inline-flex;gap:var(--space-2);height:auto;justify-content:center;padding:9.5px var(--space-4);white-space:normal;word-break:break-word}

._button_Oi7Zy_button._button_Oi7Zy_button:focus{box-shadow:inset 0 0 0 1px var(--color-border-base-default);outline:none}

._buttonFullWidth_6TFhG_buttonFullWidth._buttonFullWidth_6TFhG_buttonFullWidth{justify-content:start;width:auto}

._carousel_4TbM0_carousel{display:block;max-width:100%;position:relative}

._carousel_4TbM0_carousel ._slideContainer_EN9Yt_slideContainer{-ms-overflow-style:none;display:flex;flex-direction:row;gap:4px;max-width:100%;overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}

._carousel_4TbM0_carousel ._slideContainer_EN9Yt_slideContainer::-webkit-scrollbar{display:none}

._carousel_4TbM0_carousel ._slide_bgT1L_slide{display:flex;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:always}

._carousel_4TbM0_carousel ._navButton_X6ds5_navButton{background:var(--color-background-base-default);border:1px solid var(--color-border-base-subdued);border-radius:50%;box-shadow:0 2px 12px .5px var(--color-elevation-outline-default-1);cursor:pointer;height:32px;opacity:1;padding:0;position:absolute;top:50%;transition:opacity .3s ease-in-out;width:32px}

._carousel_4TbM0_carousel ._navButton_X6ds5_navButton svg{color:var(--color-icon-base-default);height:12px;width:12px}

._carousel_4TbM0_carousel ._prevButton_-RkCz_prevButton{left:0;transform:translate(-8px,-16px)}

._carousel_4TbM0_carousel ._nextButton_Sxk-b_nextButton{right:0;transform:translate(8px,-16px)}

._warningIcon_Gj64s_warningIcon[data-icon=InterfaceWarning] path{fill:var(--color-icon-warning-inverse)}

._closeIcon_eNgvl_closeIcon{height:18px;width:18px}

._closeIcon_eNgvl_closeIcon path{fill:#000}

._errorBoxInlineAction_fMut-_errorBoxInlineAction{text-decoration-thickness:1px}

._errorBoxInlineAction_fMut-_errorBoxInlineAction:hover{font-weight:500;text-decoration-thickness:1px}

._assistantUIAnimatedCounterContainer_NqR56_assistantUIAnimatedCounterContainer{display:inline-block;height:1.2em;min-width:1ch;overflow:visible;position:relative}

._assistantUIAnimatedCounterText_sMO7P_assistantUIAnimatedCounterText{display:inline-block;position:absolute;right:0;text-align:right;top:0}

._assistantUIAnimatedCounterText_sMO7P_assistantUIAnimatedCounterText._assistantUIAnimatedCounterVisible_X6YYL_assistantUIAnimatedCounterVisible{opacity:1;transform:translateY(0)}

._assistantUIAnimatedCounterText_sMO7P_assistantUIAnimatedCounterText._assistantUIAnimatedCounterFadeOutUp_IPkp8_assistantUIAnimatedCounterFadeOutUp{animation:_fadeOutUp_aX3-F_fadeOutUp .2s ease-out forwards}

._assistantUIAnimatedCounterText_sMO7P_assistantUIAnimatedCounterText._assistantUIAnimatedCounterFadeOutDown_q-60o_assistantUIAnimatedCounterFadeOutDown{animation:_fadeOutDown_1OAYp_fadeOutDown .2s ease-out forwards}

._assistantUIAnimatedCounterText_sMO7P_assistantUIAnimatedCounterText._assistantUIAnimatedCounterFadeInFromTop_FA-bu_assistantUIAnimatedCounterFadeInFromTop{animation:_fadeInFromTop_UtsGQ_fadeInFromTop .2s ease-out forwards}

._assistantUIAnimatedCounterText_sMO7P_assistantUIAnimatedCounterText._assistantUIAnimatedCounterFadeInFromBottom_8bBFj_assistantUIAnimatedCounterFadeInFromBottom{animation:_fadeInFromBottom_tHULw_fadeInFromBottom .2s ease-out forwards}

@keyframes _fadeOutUp_aX3-F_fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-150%)}}

@keyframes _fadeOutDown_1OAYp_fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(150%)}}

@keyframes _fadeInFromTop_UtsGQ_fadeInFromTop{0%{opacity:0;transform:translateY(-150%)}to{opacity:1;transform:translateY(0)}}

@keyframes _fadeInFromBottom_tHULw_fadeInFromBottom{0%{opacity:0;transform:translateY(150%)}to{opacity:1;transform:translateY(0)}}

._animatedCounterButton_4MG-S_animatedCounterButton{align-items:baseline;border-radius:var(--radius-3);display:flex;height:auto;justify-content:space-between;overflow-y:hidden;padding:var(--space-3) var(--space-4);width:100%}

._vBarCluster_UxDB8_vBarCluster{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:column;pointer-events:auto;position:absolute;visibility:visible}

@media print{._vBarCluster_UxDB8_vBarCluster{display:none!important}}

._vBarCluster_UxDB8_vBarCluster{animation:_fadeIn_7iERj_fadeIn .2s ease-in-out forwards;opacity:0}

._vBar_sHfxo_vBar{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:column;pointer-events:auto;position:absolute;visibility:visible}

@media print{._vBar_sHfxo_vBar{display:none!important}}

._vBar_sHfxo_vBar{opacity:0;transform:translateY(0);will-change:transform,opacity,visibility}

._vBar_sHfxo_vBar[data-collapsed=true]{opacity:0;transform:translateY(var(--translate-y,0));transition:visibility 0s linear .2s,opacity .2s ease-in-out 0s,transform .2s ease-in-out 0s;visibility:hidden}

._vBar_sHfxo_vBar[data-collapsed=false]{opacity:1;transform:translateY(0);transition:visibility 0s linear 0s,opacity .2s ease-in-out 0s,transform .2s ease-in-out 0s;visibility:visible}

@keyframes _fadeIn_7iERj_fadeIn{to{opacity:1}}

._card_Fhn6r_card{background-color:var(--origin-color-background-base-default);border-radius:var(--origin-space-4);box-shadow:0 0 0 .5px var(--origin-color-border-base-subdued);cursor:default;padding:var(--origin-space-4);transition:box-shadow .2s ease}

._card_Fhn6r_card._clickable_P7PNw_clickable{cursor:pointer}

._card_Fhn6r_card._clickable_P7PNw_clickable:hover{box-shadow:0 0 0 1px var(--origin-color-border-base-subdued),0 8px 8px -4px rgba(0,0,0,.04)}

._card_Fhn6r_card._clickable_P7PNw_clickable:focus-visible{outline:2px solid var(--origin-color-border-brand-default);outline-offset:2px}

:root{--paywall-loading-time:250ms;--paywall-content-max-width:224px}

._ctaButton_E6exO_ctaButton{min-width:130px}

._container_YP6tM_container{box-sizing:border-box;height:100%;position:relative}

._content_XZJA6_content{background-color:var(--color-background-base-default);border:var(--elevation-low-border);border-radius:var(--radius-4);bottom:0;box-shadow:var(--elevation-low-shadow);left:0;min-height:60%;opacity:0;padding:var(--space-6) var(--space-4) var(--space-10) var(--space-4);position:absolute;right:0;transition:opacity var(--paywall-loading-time) linear;z-index:1}

._content_XZJA6_content._loaded_VzlAa_loaded{opacity:1}

._background_dXimp_background{filter:blur(0);transition:filter var(--paywall-loading-time) linear}

._background_dXimp_background._loaded_VzlAa_loaded{filter:blur(12px)}

._contentInner_Ny-U6_contentInner{max-width:var(--paywall-content-max-width);transform:translateY(24px);transition:transform var(--paywall-loading-time) linear}

._contentInner_Ny-U6_contentInner._loaded_VzlAa_loaded{transform:translateY(0)}

._contentList_YjYDi_contentList{list-style:none;margin:0;padding:0}

._contentListItem_QdGBq_contentListItem{align-items:center;display:flex;gap:var(--space-3);margin:var(--space-3) 0}

._contentListItem_QdGBq_contentListItem:first-of-type{margin-top:0}

._contentListItem_QdGBq_contentListItem:last-of-type{margin-bottom:0}

[data-gds-theme=dark][data-gds-theme=dark] [data-superhuman-go-theme=true][data-superhuman-go-theme=true]{--color-border-brand-default:#bcbcbc;--superhuman-go-color-border-focus-default:#bcbcbc;--color-button-primary-content-default:#1c1c1c;--color-button-primary-shortcut-border-default:rgba(113,76,182,.4);--color-button-primary-background-hover:#d4c7ff;--color-button-primary-background-active:#e8e0ff;--color-button-primary-background-default:#bea1f5;--button-tertiary-background-hover:#281647;--button-tertiary-background-active:#3f256f;--color-background-brand-subdued:#3f256f;--color-background-interactive-default:#ebebeb;--color-text-addition-default:#bea1f5;--color-icon-brand-default:#bea1f5;--color-text-brand-default:#bea1f5}

[data-superhuman-go-theme=true][data-superhuman-go-theme=true],[data-superhuman-go-theme=true][data-superhuman-go-theme=true] [data-gds-theme=light][data-gds-theme=light]{--color-border-brand-default:#707070;--superhuman-go-color-border-focus-default:#707070;--color-button-primary-content-default:#fff;--color-button-primary-shortcut-border-default:rgba(212,199,255,.3);--color-button-primary-background-hover:#533192;--color-button-primary-background-active:#3f256f;--color-button-primary-background-default:#714cb6;--button-tertiary-background-hover:#f7f5ff;--button-tertiary-background-active:#e8e0ff;--color-background-brand-subdued:#f7f5ff;--color-background-interactive-default:#602639;--color-text-addition-default:#8861ca;--color-icon-brand-default:#714cb6;--color-text-brand-default:#714cb6}

[data-superhuman-go-theme=true][data-superhuman-go-theme=true] [data-gds-theme=dark][data-gds-theme=dark]{--color-border-brand-default:#bcbcbc;--superhuman-go-color-border-focus-default:#bcbcbc;--color-button-primary-content-default:#1c1c1c;--color-button-primary-shortcut-border-default:rgba(113,76,182,.4);--color-button-primary-background-hover:#d4c7ff;--color-button-primary-background-active:#e8e0ff;--color-button-primary-background-default:#bea1f5;--button-tertiary-background-hover:#281647;--button-tertiary-background-active:#3f256f;--color-background-brand-subdued:#3f256f;--color-background-interactive-default:#ebebeb;--color-text-addition-default:#bea1f5;--color-icon-brand-default:#bea1f5;--color-text-brand-default:#bea1f5}

[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-button-primary{background-color:var(--color-button-primary-background-default);color:var(--color-button-primary-content-default)}

[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-button-primary:hover:not(.gds-button-disabled,.gds-button-pressed,.gds-button-loading),[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-button-primary[data-simulate=hover]:not(.gds-button-disabled,.gds-button-pressed,.gds-button-loading){background-color:var(--color-button-primary-background-hover);color:var(--color-button-primary-content-default)}

[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-button-primary:hover:not(.gds-button-disabled,.gds-button-pressed) .gds-button-shortcut,[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-button-primary[data-simulate=hover]:not(.gds-button-disabled,.gds-button-pressed) .gds-button-shortcut{border:1px solid var(--color-button-primary-shortcut-border-default)}

[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-button-primary.gds-button-pressed:not(.gds-button-loading){background-color:var(--color-button-primary-background-active)}

[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-button-primary .gds-button-shortcut{border:1px solid var(--color-button-primary-shortcut-border-default);color:var(--color-button-primary-content-default)}

[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-button-focus-visible,[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-button[data-simulate=focus]{outline:2px solid var(--superhuman-go-color-border-focus-default);outline-offset:2px}

[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-link-primary{color:var(--color-text-base-default);text-decoration-color:var(--color-text-base-default);text-decoration-style:dotted;text-decoration-thickness:1px}

[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-link-focus-visible{border-radius:var(--radius-half);outline:2px solid var(--superhuman-go-color-border-focus-default);outline-offset:2px}

[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-link:hover,[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-link[data-simulate=hover]{color:var(--color-text-base-subdued);text-decoration-color:var(--color-text-base-subdued);text-decoration-line:dotted;text-decoration-thickness:1px}

[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-text-field-container:focus-within,[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-text-field-container:has([data-simulate=focus]){outline:2px solid var(--superhuman-go-color-border-focus-default);outline-offset:2px}

[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-text-area-container:focus-within,[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-text-area-container:has([data-simulate=focus]){outline:2px solid var(--superhuman-go-color-border-focus-default);outline-offset:1px}

[data-superhuman-go-theme=true][data-superhuman-go-theme=true] .gds-radio-button-focus-visible{outline:2px solid var(--superhuman-go-color-border-focus-default);outline-offset:-2px}

._popoverContainer_puGW-_popoverContainer{display:inline-block;padding:7px;position:relative}

._popoverBox_S4ZPX_popoverBox{background-color:var(--color-background-base-subdued);border:1px solid var(--color-border-elevated-default);position:relative;width:300px}

._arrowContainer_Ch3mn_arrowContainer{height:10px;overflow:visible;position:absolute;width:10px}

._arrowRight_b92Lv_arrowRight{margin-top:-5px;right:-5px;top:50%}

._arrowLeft_JAnds_arrowLeft{left:-5px;margin-top:-5px;top:50%}

._arrowTop_T0jZi_arrowTop{left:50%;margin-left:-5px;top:-5px}

._arrowBottom_7ZJmi_arrowBottom{bottom:-5px;left:50%;margin-left:-5px}

._arrowBorder_FsgpE_arrowBorder{background-color:transparent;border:1px solid var(--color-border-elevated-default);border-bottom:none;border-right:none;height:100%;position:absolute;transform:rotate(45deg);width:100%}

._arrowBackground_Q6bP6_arrowBackground{background-color:var(--color-background-base-subdued);height:100%;position:absolute;transform:rotate(45deg);width:100%}

._closeButtonContainer_P6J6Z_closeButtonContainer{position:absolute;right:6px;top:6px;z-index:10}

._titleText_i62lW_titleText{color:var(--color-text-base-default)}

._descriptionText_rgjmX_descriptionText{color:var(--color-text-base-subdued)}

._researchProgress_exDCk_researchProgress{align-items:center;border:1px solid var(--color-border-base-subdued);border-radius:var(--space-2);display:flex;flex-direction:row;gap:var(--space-1);height:30px;justify-content:center;padding:0 var(--space-2);position:relative}

._researchProgress_exDCk_researchProgress._completed_lcRSA_completed{background-color:var(--neutral-gray-0);border-color:var(--neutral-gray-0)}

._researchProgressBar_qyfQY_researchProgressBar{background-color:var(--neutral-gray-0);border-radius:6px;box-sizing:border-box;left:2px;overflow:visible;position:absolute;top:2px;z-index:1}

._researchProgressBarLabel_1JO0E_researchProgressBarLabel{position:relative;z-index:2}

._container_s1VqV_container{position:relative;width:100%}

._card_cRu6C_card{background:var(--color-background-base-default,#fff);border:1px solid var(--color-border-subdued,#e4e4e7);border-radius:var(--radius-3);cursor:pointer;outline:none;padding:var(--space-2)}

._icon_0ylDW_icon path{fill:var(--color-icon-brand-default)}

._actionIcon_2h5cP_actionIcon{width:var(--space-4)}

._container_cuDcw_container{background:var(--color-background-brand-subdued,#fff);border-radius:var(--radius-3);margin:var(--space-2) var(--space-3);max-width:560px;padding:var(--space-2);position:relative}

._card_pwi4D_card{background:var(--color-background-base-default,#fff);border:1px solid var(--color-border-subdued,#e4e4e7);border-radius:var(--radius-3);cursor:pointer;padding:var(--space-2)}

._card_pwi4D_card:hover{background:var(--color-background-base-hover,#f7f6f2)}

._icon_rWxJA_icon path{fill:var(--color-icon-brand-default)}

._actionIcon_CNpdK_actionIcon{width:var(--space-4)}

._deleteHighlighted_rBZ7P_deleteHighlighted,._delete_Z-quv_delete{color:var(--color-text-deletion-default);text-decoration:line-through}

._deleteHighlighted_rBZ7P_deleteHighlighted{background-color:var(--color-background-base-subdued);white-space:pre-wrap}

._deletePunctuationOrWhitespace_jTX61_deletePunctuationOrWhitespace{background:url("data:image/svg+xml;utf8,    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'>      <line x1='0' y1='100' x2='100' y2='0' stroke='%23696969' stroke-width='1' vector-effect='non-scaling-stroke'/>    </svg>") 50%/100% 100% no-repeat;border:1px solid var(--color-text-deletion-default);border-radius:2px;color:var(--color-text-deletion-default);margin:0 1px;padding:0 3.5px}

._deletePunctuationOrWhitespace_jTX61_deletePunctuationOrWhitespace:before{content:"";display:inline-block}

._insert_6GPtD_insert{color:var(--color-text-addition-default)}

._insertHighlighted_4-eVn_insertHighlighted{background-color:var(--color-background-brand-subdued);color:var(--color-text-addition-default);white-space:pre-wrap}

._insertPunctuationOrWhitespace_bmr1W_insertPunctuationOrWhitespace{border:1px solid var(--color-icon-brand-default);border-radius:2px;color:var(--color-text-addition-default);margin:0 1px;padding:0 3.5px}

._retain_THVQb_retain{color:var(--color-text-base-default);white-space:pre-wrap}

._svg_IB1Ut_svg{inset:0 auto 0 0;max-height:155px;pointer-events:none;position:absolute}

._path_vx47W_path{fill:transparent;cursor:pointer;pointer-events:auto}

._revertibleRewriteDiffLabel_cVjHa_revertibleRewriteDiffLabel{background:var(--color-background-base-inverse);border-radius:3px 3px 3px 0;color:var(--color-text-base-inverse);cursor:pointer;font-size:12px;line-height:18px;padding:2px 4px;pointer-events:auto;white-space:nowrap}

._revertibleRewriteDiffButton_ED9sn_revertibleRewriteDiffButton{cursor:pointer;outline:none}

._iconContainer_-9Z1J_iconContainer{align-items:center;display:flex;height:20px;justify-content:center;padding:0;width:20px}

._iconContainerClickable_8Yp4p_iconContainerClickable{background:none;border:none;border-radius:5px;cursor:pointer;margin:0;outline:none;transition:background-color .2s ease}

._iconContainerClickable_8Yp4p_iconContainerClickable:hover{background-color:var(--color-border-base-subdued)}

._iconContainerClickable_8Yp4p_iconContainerClickable:focus-visible{outline:2px solid var(--color-border-brand-default)}

._overflowMenu_mTW-L_overflowMenu .gds-menu-dropdown,._overflowMenu_mTW-L_overflowMenu .gds-menu-list{border-radius:var(--space-4)}

._rewriteOptionButton_LuQck_rewriteOptionButton{box-shadow:none;padding:0}

._rewriteOptionButton_LuQck_rewriteOptionButton.gds-button-secondary:not(.gds-button-pressed):hover{background:none}

._rewriteOptionSelectRow_CrnEB_rewriteOptionSelectRow{width:fit-content}

._rewriteOptionSelectRow_CrnEB_rewriteOptionSelectRow .gds-select-container{border:none}

._rewriteOptionSelectRow_CrnEB_rewriteOptionSelectRow .gds-select-container .gds-select-inner{border-color:var(--neutral-gray-20);border-radius:calc(var(--radius-3)/2);font-size:12px;font-weight:500;height:24px;line-height:18px;padding:3px calc(var(--space-1) + 16px + var(--space-2)) 3px var(--space-2)}

._rootConstrained_0sYnV_rootConstrained{flex:1 1 auto;min-height:0}

._explanationPinned_OrXvH_explanationPinned{flex-shrink:0}

._diffScrollable_C-TnB_diffScrollable{box-sizing:border-box;flex:0 1 auto;min-height:0;overflow-y:auto}

._diffContainer_H9R3d_diffContainer{background-color:var(--color-background-brand-subdued);border:.5px solid var(--color-border-base-subdued);border-radius:var(--radius-3);padding:var(--space-2);position:relative}

[data-superhuman-go-theme=true][data-superhuman-go-theme=true] ._diffMarkdown_2H2h7_diffMarkdown a{color:var(--color-text-brand-default);text-decoration-color:var(--color-text-brand-default)}

._diffClickable_KUkqv_diffClickable{background-color:transparent;border-radius:var(--radius-3);cursor:pointer;padding:var(--space-2);position:relative;transition:background-color .12s ease-out}

._diffClickable_KUkqv_diffClickable:hover{background-color:var(--color-background-brand-subdued)}

._clickButton_mXFKj_clickButton{background:transparent;border:none;border-radius:inherit;inset:0;margin:0;padding:0;pointer-events:none;position:absolute}

._clickButton_mXFKj_clickButton:focus-visible{outline:2px solid var(--color-border-brand-default);outline-offset:-2px}

._diffContainer_H9R3d_diffContainer._diffClickable_KUkqv_diffClickable{background-color:transparent}

._diffContainer_H9R3d_diffContainer._diffClickable_KUkqv_diffClickable:hover{background-color:var(--color-background-brand-subdued)}

._clickCursorTooltip_VdFt0_clickCursorTooltip{background-color:var(--color-background-base-default);border:.5px solid var(--color-border-base-subdued);border-radius:99px;box-shadow:0 0 2px rgba(20,20,19,.12),0 6px 24px rgba(20,20,19,.12);color:var(--color-text-base-default);font-size:10px;left:0;line-height:16px;opacity:0;padding:2px 4px;pointer-events:none;position:fixed;top:0;transform:translate(-9999px,-9999px);transition:opacity 80ms ease-out;white-space:nowrap;will-change:transform;z-index:9999}

._clickCursorTooltipVisible_kzCEj_clickCursorTooltipVisible{opacity:1}

._description_fYqar_description{padding:0 var(--space-1)}

._descriptionPinned_gM1rF_descriptionPinned,._icon_TapWU_icon{flex-shrink:0}

._retryButton_1AovT_retryButton{margin-top:var(--space-2)}

._longSkeletonLinesContainer_hYjWw_longSkeletonLinesContainer{position:relative;width:100%}

._gradientFadeOverlay_9-PKO_gradientFadeOverlay{background:linear-gradient(to bottom,transparent 0,var(--color-background-base-default) 100%);bottom:0;height:32px;left:0;pointer-events:none;position:absolute;width:100%}

._rootConstrained_uv7Kc_rootConstrained{flex:1 1 auto;min-height:0}

._headerPinned_opIGH_headerPinned{flex-shrink:0}

._messageScrollable_-Z2kG_messageScrollable{flex:0 1 auto;min-height:0;overflow-y:auto}

._icon_Lfzci_icon{flex-shrink:0}

._promptContainer_2DDVC_promptContainer{border-radius:var(--radius-4)}

._promptInput_-KyzW_promptInput{all:unset;color:var(--color-text-base-subdued);flex:1;font-family:var(--font-family-body);font-size:var(--font-text-small);font-weight:var(--font-weight-regular);line-height:var(--lh-text-small)}

._promptInput_-KyzW_promptInput::placeholder{color:var(--color-text-base-subdued)}

._promptInput_-KyzW_promptInput:focus{color:var(--color-text-base-default)}

._goIcon_58M4a_goIcon{align-items:center;display:flex;height:18px;justify-content:center;width:18px}

._tab_iHse9_tab ._tabText_H8IES_tabText{color:var(--color-text-base-subdued)}

._tab_iHse9_tab._tabActive_JxJgj_tabActive ._tabText_H8IES_tabText,._tab_iHse9_tab:active ._tabText_H8IES_tabText,._tab_iHse9_tab:focus ._tabText_H8IES_tabText,._tab_iHse9_tab:hover ._tabText_H8IES_tabText{color:var(--color-text-base-default)}

._tab_iHse9_tab:not(:hover):not(:focus):not(:active):not(._tabActive_JxJgj_tabActive)>svg>path{fill:var(--color-icon-base-subdued)}

._tab_iHse9_tab._tabActive_JxJgj_tabActive{background:var(--button-tertiary-background-active)}

._mainCard_E7VMv_mainCard{border-radius:var(--radius-4)}

._mainCardConstrained_VnSxX_mainCardConstrained{flex:0 1 auto;min-height:0}

._contentSlotConstrained_8B7dO_contentSlotConstrained{flex:1 1 auto;min-height:0}

._actionsSlot_rHa0l_actionsSlot,._promptSlot_MtvBL_promptSlot,._tabsSlot_w7nZD_tabsSlot{flex-shrink:0}

._attributionSlot_PgSh1_attributionSlot{align-items:center;display:flex;justify-content:center}

._top_49XZF_top{align-self:stretch;padding:var(--space-3) var(--space-4) 0 var(--space-4)}

._topStart_quUJT_topStart{flex:1 1 0;min-width:0}

._title_WJZxd_title{font-weight:var(--origin-font-weight-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

._topActions_lopqF_topActions>button{align-items:center;aspect-ratio:1/1;display:flex;justify-content:center;padding:var(--space-1)}

._overlay_VTajQ_overlay{background:linear-gradient(180deg,transparent 0,var(--color-background-base-default) 100%);bottom:0;height:50px;left:0;opacity:1;pointer-events:none;position:absolute;transition:opacity .15s ease-out;width:100%}

._hidden_Ln8mm_hidden{opacity:0}

._container_q88U7_container{padding:var(--space-2) var(--space-4);position:relative}

._body_ra8x3_body{overflow-y:auto}

._icon_Qm9aQ_icon path{fill:var(--origin-color-icon-base-subdued)}

._message_ZYjfS_message,._subtitle_k4Dev_subtitle,._title_FiUD9_title,._title_kWFTq_title{text-wrap:balance;text-wrap:pretty;font-family:var(--font-family-sans-default,"Super Sans VF")}

._bottom_clA6r_bottom{--input-height:24px;--submit-button-size:24px;align-self:stretch;background:var(--origin-color-background-base-default);border-top:.5px solid var(--origin-color-border-base-subdued);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-3)}

._icon_3jPDB_icon{flex-shrink:0}

._icon_3jPDB_icon path{fill:var(--origin-color-logo-superhuman-default)}

._input_0Bxl-_input{background:transparent;border:none;color:var(--origin-color-text-base-default);flex:1 1 0;font-family:var(--font-family-sans-default,"Super Sans VF");font-size:var(--font-text-xsmall,12px);font-style:normal;font-weight:540;height:var(--input-height);letter-spacing:var(--letter-spacing-text-xsmall,0);line-height:var(--lh-text-xsmall,18px);min-width:0;outline:none;padding:0}

._input_0Bxl-_input::placeholder{color:var(--origin-color-text-base-subdued)}

@property --thinking-wave{syntax:"<percentage>";initial-value:-20%;inherits:false}

@keyframes _thinking-gradient_KnrM7_thinking-gradient{0%{--thinking-wave:-35%}to{--thinking-wave:135%}}

._thinking_mAk8u_thinking{-webkit-text-fill-color:transparent;align-items:center;animation:_thinking-gradient_KnrM7_thinking-gradient 2s linear infinite;background:linear-gradient(90deg,var(--purple-30) 0,var(--purple-30) calc(var(--thinking-wave) - 35%),var(--purple-40) calc(var(--thinking-wave) - 20%),var(--purple-60) var(--thinking-wave),var(--purple-40) calc(var(--thinking-wave) + 20%),var(--purple-30) calc(var(--thinking-wave) + 35%),var(--purple-30) 100%);background-clip:text;-webkit-background-clip:text;display:flex;flex:1 1 0;font-family:var(--font-family-sans-default,"Super Sans VF");font-size:var(--font-text-xsmall,12px);font-style:normal;font-weight:var(--font-weight-normal);height:var(--input-height);letter-spacing:var(--letter-spacing-text-xsmall,0);line-height:var(--lh-text-xsmall,18px);min-width:0}

._submitButton_Wms59_submitButton{align-items:center;background-color:var(--color-button-primary-fill-default,#714cb6);border:none;border-radius:50%;color:var(--origin-color-button-primary-content-default);cursor:pointer;display:flex;flex-shrink:0;height:var(--submit-button-size);justify-content:center;margin-left:var(--space-1);padding:0;width:var(--submit-button-size)}

._submitButton_Wms59_submitButton:hover{filter:brightness(1.05)}

._arrowIcon_pXTX3_arrowIcon{height:16px;width:16px}

@keyframes _inline-card-border-shimmer_CTvQW_inline-card-border-shimmer{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}

._cardWrapper_BkrWv_cardWrapper{border-radius:20px}

._cardLoading_V8S10_cardLoading,._cardWrapperLoading_I3kJR_cardWrapperLoading{border:none;border-radius:21px;isolation:isolate;overflow:hidden}

._cardLoading_V8S10_cardLoading{clip-path:inset(0 round 20px);padding:1px;position:relative}

._cardLoading_V8S10_cardLoading:before{animation:_inline-card-border-shimmer_CTvQW_inline-card-border-shimmer 3s linear infinite;aspect-ratio:1;background:conic-gradient(from 0deg,var(--origin-color-background-base-subdued) 126deg,var(--purple-30) 144deg,var(--purple-40) 162deg,var(--purple-60) 180deg,var(--purple-40) 198deg,var(--purple-30) 216deg,var(--origin-color-background-base-subdued) 234deg);border-radius:21px;content:"";left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200%;z-index:-1}

@media (prefers-reduced-motion:reduce){._cardWrapperLoading_I3kJR_cardWrapperLoading:before{animation:none}}

._mainCard_648Pz_mainCard{border-radius:20px;flex:0 1 auto;min-height:0;overflow:hidden;position:relative}

._topBar_4Mz7I_topBar{flex-shrink:0}

._footer_OjMbG_footer{border-top:.5px solid var(--origin-color-border-base-subdued);flex-shrink:0}

._artifactContent_VwPHQ_artifactContent{-webkit-font-smoothing:antialiased;font-family:var(--font-stack-inter);padding:var(--space-4);position:relative}

._artifactContent_VwPHQ_artifactContent ._verticalBar_8-rJA_verticalBar{background-color:var(--color-border-base-subdued);height:calc(100% - var(--space-4)*2);left:0;position:absolute;width:2px}

._stack_1fQij_stack{margin:0;max-width:calc(100% - 10px);padding:0;width:100%}

._highlight_ArAzz_highlight{isolation:isolate;position:relative}

._highlight_ArAzz_highlight:after{animation:_highlightPulse_pYVWv_highlightPulse 2s ease-out infinite;border-radius:inherit;box-shadow:0 0 0 0 var(--green-30,#2cc9b6);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;z-index:-1}

._highlight_ArAzz_highlight._stopHighlight_A5rAF_stopHighlight:after{animation:none;box-shadow:none;opacity:0}

@keyframes _highlightPulse_pYVWv_highlightPulse{0%{box-shadow:0 0 0 0 var(--green-30,#2cc9b6);opacity:0}20%{box-shadow:0 0 0 3px var(--green-30,#2cc9b6);opacity:.85}60%{box-shadow:0 0 0 6px var(--green-30,#2cc9b6);opacity:.25}to{box-shadow:0 0 0 6px transparent;opacity:0}}

._root_mjwXN_root{border-bottom:1px solid var(--color-border-base-subdued);flex-direction:row;padding:var(--space-4) 0;width:100%}

._clickArea_Mb7dG_clickArea,._root_mjwXN_root{align-items:center;background:transparent;display:flex;gap:var(--space-3)}

._clickArea_Mb7dG_clickArea{border:0;color:inherit;flex:1 1 auto;flex-direction:row;font:inherit;margin:0;min-width:0;padding:0;text-align:left}

button._clickArea_Mb7dG_clickArea{cursor:pointer}

button._clickArea_Mb7dG_clickArea:focus-visible{border-radius:var(--radius-2);outline:2px solid var(--color-border-brand-default);outline-offset:2px}

._iconContainer_QjdrQ_iconContainer{align-items:center;border-radius:var(--radius-3);box-shadow:inset 0 0 0 1px var(--color-border-base-subdued);display:inline-flex;flex-shrink:0;height:32px;justify-content:center;padding:6px;width:32px}

._content_DpaOg_content{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;min-width:0}

._title_vm-K2_title{margin:0}

._subtitle_NJrP9_subtitle{margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

._card_Kv0Xn_card{background-color:var(--origin-color-fill-base-default);border-radius:var(--origin-radius-4)}

._header_-ygxW_header{min-width:0;padding:var(--origin-space-4) var(--origin-space-4) 0}

._headerLabel_lJfVC_headerLabel{min-width:0}

._progress_wlOM9_progress{white-space:nowrap}

._question_QTENN_question{margin:0;padding:0 var(--origin-space-4)}

._badgeBase_iE6pt_badgeBase{background-color:var(--origin-color-fill-base-subdued);border-radius:var(--origin-radius-2);transition:background-color .12s ease}

._badgeBase_iE6pt_badgeBase,._iconBadge_SHmgl_iconBadge{align-items:center;display:inline-flex;justify-content:center}

._options_nVGsG_options{min-width:0;padding:0 var(--origin-space-2) var(--origin-space-4)}

._optionRow_YRhNS_optionRow{background:transparent;border:1px solid transparent;border-radius:var(--origin-radius-3);box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:inherit;padding:0;text-align:left;transition:background-color .12s ease,border-color .12s ease;width:100%}

._optionRow_YRhNS_optionRow:hover{background-color:var(--origin-color-fill-base-subdued)}

._optionRow_YRhNS_optionRow:focus-visible,._optionRow_YRhNS_optionRow:has(:focus-visible){outline:2px solid var(--origin-color-border-focus-default);outline-offset:2px}

._visuallyHiddenInput_7q2NJ_visuallyHiddenInput{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}

._optionRowSelected_A6i5k_optionRowSelected{background-color:var(--origin-color-fill-base-subdued);border-color:transparent}

._optionRowTextActive_hgVfF_optionRowTextActive{background-color:transparent;border-color:transparent}

._optionRowWithActions_mTXBb_optionRowWithActions{cursor:default;width:100%}

._optionRowInner_U-eDD_optionRowInner{box-sizing:border-box;min-width:0;padding:var(--origin-space-2);width:100%}

._rowWithActionsShell_KzI5u_rowWithActionsShell{align-items:center;display:flex;gap:var(--origin-space-2)}

._textRowMain_gL2yA_textRowMain{align-items:flex-start;background:transparent;border:1px solid transparent;border-radius:var(--origin-radius-3);box-sizing:border-box;display:flex;flex:1 1 auto;gap:var(--origin-space-3);transition:background-color .12s ease,border-color .12s ease}

._textRowMain_gL2yA_textRowMain:hover{background-color:var(--origin-color-fill-base-subdued)}

._textRowMain_gL2yA_textRowMain:focus-within{outline:2px solid var(--origin-color-border-focus-default);outline-offset:2px}

._rowMainButton_mIyDk_rowMainButton{flex:1 1 auto;width:auto}

._textRowTrigger_x-uuK_textRowTrigger{align-items:flex-start;background:transparent;border:1px solid transparent;border-radius:var(--origin-radius-3);box-sizing:border-box;color:inherit;cursor:pointer;display:flex;flex:1 1 auto;font:inherit;gap:var(--origin-space-3);text-align:left}

._textRowTrigger_x-uuK_textRowTrigger:focus-visible{border-radius:var(--origin-radius-3);outline:2px solid var(--origin-color-border-focus-default);outline-offset:2px}

._textRowActions_SifLl_textRowActions{align-items:center;flex-shrink:0;justify-content:flex-end;padding-right:var(--origin-space-2)}

._optionLabel_1GuD-_optionLabel{min-width:0}

._badge_yjVTh_badge{min-height:20px;min-width:20px}

._badgeSelected_C2wDX_badgeSelected{background-color:var(--origin-color-button-primary-fill-default)}

._optionRow_YRhNS_optionRow:hover ._badgeBase_iE6pt_badgeBase,._textRowMain_gL2yA_textRowMain:hover ._badgeBase_iE6pt_badgeBase,._textRowTrigger_x-uuK_textRowTrigger:hover ._badgeBase_iE6pt_badgeBase{background-color:var(--origin-color-border-base-subdued)}

._optionRow_YRhNS_optionRow:hover ._badgeSelected_C2wDX_badgeSelected,._textRowMain_gL2yA_textRowMain:hover ._badgeSelected_C2wDX_badgeSelected,._textRowTrigger_x-uuK_textRowTrigger:hover ._badgeSelected_C2wDX_badgeSelected{background-color:var(--origin-color-button-primary-fill-hover)}

._textRowField_aSkeG_textRowField{background:transparent;border:0;color:var(--origin-color-text-base-default);font-family:var(--origin-font-family-sans-default);font-size:var(--origin-text-size-small);font-weight:400;line-height:var(--origin-line-height-text-small);margin:0;overflow-y:auto;padding:0;resize:none;width:100%}

._textRowField_aSkeG_textRowField::placeholder{color:var(--origin-color-text-base-subdued);font-weight:400;opacity:1}

._textRowField_aSkeG_textRowField:focus{outline:none}

._footer_qgJRe_footer{min-width:0;padding:0 var(--origin-space-4) var(--origin-space-4)}

@media (max-width:400px){._rowWithActionsShell_KzI5u_rowWithActionsShell{align-items:stretch;flex-direction:column}._textRowActions_SifLl_textRowActions{flex-direction:row-reverse;justify-content:flex-end;padding-left:var(--origin-space-2);padding-right:var(--origin-space-2);padding-top:0}}

._card_fc1xD_card{background:transparent;border:1px solid var(--origin-color-border-base-subdued);border-radius:var(--origin-radius-4)}

._card_ScTWJ_card{background-color:var(--origin-color-background-base-default,#fff);border-radius:var(--origin-radius-4,16px);box-shadow:0 0 var(--origin-blur-half,2px) 0 var(--origin-color-elevation-base-low,rgba(20,20,19,.12)),0 6px 24px 0 var(--origin-color-elevation-base-low,rgba(20,20,19,.12));display:flex;flex-direction:column;gap:var(--origin-space-4,16px);overflow:clip;padding:var(--origin-space-4,16px);width:100%}

._header_o4Amq_header{width:100%}

._title_u52KW_title{color:var(--origin-color-text-base-default,#141413);flex:1 0 0;min-width:0}

._footer_AyAd8_footer{width:100%}

._srOnly_d-5M6_srOnly{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}

._avatar_gg2nZ_avatar{align-items:center;border-radius:var(--origin-radius-25,100px);display:inline-flex;flex-shrink:0;justify-content:center;overflow:hidden}

._image_m7xlz_image{object-fit:cover;pointer-events:none}

._initials_v8H2b_initials{color:var(--origin-color-text-base-inverse,#fff);font-family:var(--origin-font-family-sans,inherit);font-weight:700;line-height:1}

._chip_bbQcu_chip{align-items:center;background-color:var(--origin-color-background-base-subdued,#f2f0eb);border-radius:8px;display:inline-flex;gap:var(--origin-space-1,4px);height:24px;max-width:100%;padding:3px 2px 3px 6px}

._name_YuM2p_name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

._trigger_hub7w_trigger{align-items:center;background:transparent;border:none;border-radius:var(--origin-radius-1,4px);cursor:pointer;display:inline-flex;font-family:var(--origin-font-family-sans,inherit);font-size:var(--origin-font-size-text-small,14px);gap:var(--origin-space-1,4px);line-height:var(--origin-line-height-text-small,21px);padding:0}

._trigger_hub7w_trigger:disabled{cursor:default}

._trigger_hub7w_trigger:focus-visible{outline:2px solid var(--origin-color-border-brand-default);outline-offset:2px}

._default_o7FnM_default{color:var(--origin-color-text-base-default,#141413)}

._subdued_U7-sp_subdued{color:var(--origin-color-text-base-subdued,#73716d)}

._row_OHYTk_row{align-items:center;display:flex;gap:var(--origin-space-2,8px);width:100%}

._fieldWrap_qAeAU_fieldWrap{flex:1 0 0;min-width:0;position:relative}

._field_Dznyq_field{align-items:center;background:var(--origin-color-background-base-default,#fff);border:1px solid var(--origin-color-border-base-subdued,#dedbd5);border-radius:var(--origin-radius-medium,10px);display:flex;gap:var(--origin-space-2,8px);min-height:32px;padding:3px var(--origin-space-1,4px) 3px var(--origin-space-2,8px)}

._field_Dznyq_field:focus-within{border-color:var(--origin-color-border-brand-default)}

._searchIcon_XrwP6_searchIcon{color:var(--origin-color-text-base-subdued,#73716d);display:inline-flex;flex-shrink:0}

._chips_phZ-P_chips{align-items:center;display:flex;flex:1 0 0;flex-wrap:wrap;gap:var(--origin-space-1,4px);min-width:0}

._input_ROUd0_input{background:transparent;border:none;color:var(--origin-color-text-base-default,#141413);flex:1 0 60px;font-family:var(--origin-font-family-sans,inherit);font-size:var(--origin-font-size-text-xsmall,12px);line-height:var(--origin-line-height-text-xsmall,18px);min-width:60px;outline:none}

._input_ROUd0_input::placeholder{color:var(--origin-color-text-base-subdued,#73716d)}

._roleMenu_ANaHE_roleMenu{background:var(--origin-color-background-base-subdued,#f2f0eb);border-radius:8px;flex-shrink:0;padding:2px var(--origin-space-2,8px) 2px var(--origin-space-2,8px)}

._suggestions_kWJVC_suggestions{background:var(--origin-color-background-base-default,#fff);border:1px solid var(--origin-color-border-base-subdued,#dedbd5);border-radius:var(--origin-radius-2,8px);box-shadow:0 6px 24px 0 var(--origin-color-elevation-base-low,rgba(20,20,19,.12));left:0;list-style:none;margin:0;max-height:240px;overflow-y:auto;padding:var(--origin-space-1,4px);position:absolute;right:0;top:calc(100% + var(--origin-space-1, 4px));z-index:10}

._suggestion_Da-QJ_suggestion{align-items:center;background:transparent;border:none;border-radius:var(--origin-radius-1,4px);cursor:pointer;display:flex;gap:var(--origin-space-2,8px);padding:var(--origin-space-2,8px);text-align:left;width:100%}

._suggestion_Da-QJ_suggestion:hover{background:var(--origin-color-background-base-subdued,#f2f0eb)}

._suggestion_Da-QJ_suggestion:focus-visible{outline:2px solid var(--origin-color-border-brand-default);outline-offset:-2px}

._suggestionText_v5Oa1_suggestionText{display:flex;flex-direction:column;min-width:0}

._row_uxZjp_row{width:100%}

._leading_zwhMx_leading{align-items:center;color:var(--origin-color-text-base-subdued,#73716d);display:inline-flex;flex-shrink:0;justify-content:center}

._label_YG-ho_label{flex:1 0 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

._trailing_D6snF_trailing{align-items:center;display:inline-flex;flex-shrink:0}

._publish_qp6gl_publish,._section_CfdWT_section{width:100%}

._title_ovX-F_title{color:var(--origin-color-text-base-default,#141413);flex:1 0 0;min-width:0}

._sections_ql-TB_sections{width:100%}

._loading_zrsYy_loading{padding:var(--origin-space-6,24px) 0}

._card_DzmH2_card{background-color:var(--origin-color-background-base-default,#fff);border-radius:var(--origin-radius-5,20px);display:flex;flex-direction:column;overflow:clip;position:relative;width:100%}

._closeButton_pm4Cm_closeButton{position:absolute;right:var(--origin-space-4,16px);top:var(--origin-space-4,16px)}

._body_WNxIS_body{display:flex;flex-direction:column;gap:var(--origin-space-6,24px);padding:var(--origin-space-8,32px) var(--origin-space-8,32px) var(--origin-space-10,40px)}

._header_Jazma_header{padding-right:var(--origin-space-8,32px)}

._agentIcon_1CzoI_agentIcon{align-items:center;background-color:var(--origin-color-background-brand-subdued,#e8e0ff);border-radius:var(--origin-radius-1,4px);display:inline-flex;flex-shrink:0;height:32px;justify-content:center;overflow:clip;width:32px}

._steps_9fZmc_steps{display:flex;flex-direction:column;gap:var(--origin-space-3,12px);padding:0 var(--origin-space-3,12px)}

._bullets_OSZPf_bullets{color:var(--origin-color-text-base-default,#141413);list-style:disc;margin:0;padding-left:var(--origin-space-10,40px)}

._bullets_OSZPf_bullets li{margin-bottom:var(--origin-space-1,4px)}

._bullets_OSZPf_bullets li:last-child{margin-bottom:0}

._avatarStack_TApTR_avatarStack{display:inline-flex;margin-left:var(--origin-space-1,4px);vertical-align:middle}

._stackedAvatar_Je6Mn_stackedAvatar{border:1.5px solid var(--origin-color-background-base-default,#fff);box-sizing:border-box}

._stackedAvatar_Je6Mn_stackedAvatar:not(:first-child){margin-left:-8px}

._details_6ANEP_details{padding:0 var(--origin-space-3,12px)}

._footer_BoZiw_footer{border-top:1px solid var(--origin-color-border-base-subdued,#dedbd5);padding:var(--origin-space-4,16px) var(--origin-space-6,24px)}

._header_rw8K7_header{width:100%}

._identity_9ieHF_identity{padding:var(--origin-space-3,12px) var(--origin-space-4,16px)}

._defaultGlyph_bDtd5_defaultGlyph{align-items:center;background-color:var(--origin-color-fill-accent-subtle,#d4c7ff);border-radius:var(--origin-radius-2,8px);color:var(--origin-color-text-base-default,#141413);display:inline-flex;height:32px;justify-content:center;width:32px}

._tabBar_oQm3V_tabBar{padding:var(--origin-space-2,8px) 0;position:relative;width:100%}

._actions_TjGyC_actions{position:absolute;right:0;top:var(--origin-space-2,8px)}

._tabPlaceholder_dGUCJ_tabPlaceholder{padding:var(--origin-space-8,32px) 0}

._title_JwGss_title{padding-left:var(--origin-space-4,16px);width:100%}

._section_x11Js_section{width:100%}

._padding_UDysC_padding{padding:var(--origin-space-3,12px) var(--origin-space-4,16px);width:100%}

._section_nxkWi_section{width:100%}

._block_afWBi_block{padding:var(--origin-space-3,12px) var(--origin-space-4,16px);width:100%}

._section_-9J9q_section{width:100%}

._field_-IYeR_field{padding:var(--origin-space-3,12px) var(--origin-space-4,16px);width:100%}

._placeholderBox_3var8_placeholderBox{background-color:var(--origin-color-background-base-default,#fff);border:1px solid var(--origin-color-border-base-subdued,#dedbd5);border-radius:var(--origin-radius-4,16px);color:var(--origin-color-text-base-subdued,#73716d);height:56px;padding:0 var(--origin-space-4,16px);width:100%}

._section_HfJAc_section{width:100%}

._field_m9FLt_field{padding:var(--origin-space-3,12px) var(--origin-space-4,16px);width:100%}

._page_zTT7s_page{overflow-y:auto}

._container_-Qcyc_container{max-width:680px}

._agentIcon_Y6-CL_agentIcon{align-self:center;object-fit:contain}

._clickableCard_rFWBw_clickableCard{background:none;border:none;border-radius:var(--radius-3);color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;padding:0;text-align:left;transition:background-color .2s ease;width:100%}

._clickableCard_rFWBw_clickableCard:hover{background-color:var(--color-background-base-subdued)}

._clickableCard_rFWBw_clickableCard:focus-visible{outline:2px solid var(--color-border-brand-default);outline-offset:2px}

._clickableCard_rFWBw_clickableCard[aria-disabled=true]{cursor:not-allowed;opacity:.5}

._addedMarker_RlF5F_addedMarker{padding-top:3px}

._defaultCard_zzFjo_defaultCard{border:1px solid var(--color-border-base-subdued);border-radius:var(--radius-3);padding:var(--space-3) var(--space-4)}

._goOneCard_Kn48X_goOneCard{border:1px solid var(--color-border-base-subdued);border-radius:16px;padding:16px}

._agentDirectory_fg74P_agentDirectory{height:100%}

._agentDirectoryTabs_4xkM9_agentDirectoryTabs,._agentDirectoryTabs_4xkM9_agentDirectoryTabs [role=tabpanel]{display:flex;flex-direction:column;min-height:0}

._agentsLoadingEmpty_bdl-A_agentsLoadingEmpty{color:var(--color-text-base-default);padding:20px;text-align:center}

._scrollableContainer_J51hE_scrollableContainer{box-sizing:border-box;overflow-y:auto;padding:4px}

._sharedWithMeList_T3AQ6_sharedWithMeList{display:flex;flex-direction:column;gap:var(--origin-space-2);list-style:none;margin:var(--origin-space-0)}

._sharedWithMeListItem_MkLWQ_sharedWithMeListItem{list-style:none;padding:var(--origin-space-4) var(--origin-space-0)}

._agentSearchFieldContainer_wiF26_agentSearchFieldContainer{padding:4px}

._agentSearchFieldContainer_wiF26_agentSearchFieldContainer .gds-text-field-container{border-radius:100px}

._searchField_xbG3K_searchField._searchField_xbG3K_searchField{border-color:var(--color-border-base-subdued);border-radius:100px;font-size:14px}

._goOneSearchFieldContainer_auChp_goOneSearchFieldContainer .gds-text-field-container,._goOneSearchField_Mbn1T_goOneSearchField._goOneSearchField_Mbn1T_goOneSearchField{border-radius:16px}

._goOneAgentDirectory_CJa41_goOneAgentDirectory{padding:var(--origin-space-0) 16px}

._goOneSearchFieldContainer_auChp_goOneSearchFieldContainer{padding:var(--origin-space-0)}

._goOneSearchFieldContainer_auChp_goOneSearchFieldContainer .gds-text-field .gds-text-field-input{background-color:var(--color-fill-base-default,#fff)}

._goOneScrollableContainer_pe2E7_goOneScrollableContainer{padding:var(--origin-space-0)}

._imageContainer_aUVar_imageContainer{align-self:center;border-radius:16px;max-height:400px;max-width:400px;overflow:hidden;width:100%}

._imageContainer_aUVar_imageContainer img{display:block;object-fit:cover;width:100%}

._fallbackImageContainer_wuwxU_fallbackImageContainer{align-items:center;align-self:center;background-color:var(--color-highlight-deletion-default);border-radius:16px;display:flex;height:232px;justify-content:center;width:328px}

._errorIcon_dZRZO_errorIcon[data-icon=InterfaceError] path{fill:var(--color-icon-business-default)}

._pill_8N0GQ_pill{background-color:var(--color-background-base-default);border:.5px solid var(--color-border-base-subdued);border-radius:20px;height:18px;padding:var(--space-1) var(--space-3)}

._pill_8N0GQ_pill:hover{background-color:var(--color-background-base-subdued);cursor:pointer}

._agentIcon_eldR2_agentIcon{align-self:center;object-fit:contain}

._contentContainer_zfXyI_contentContainer{flex:1;margin-left:calc(var(--space-4)*-1);margin-right:calc(var(--space-4)*-1);margin-top:var(--space-4);overflow-y:auto;padding-bottom:var(--space-2);padding-left:var(--space-4);padding-right:var(--space-4)}

._descriptionContainer_MeAZ7_descriptionContainer pre{white-space:pre-wrap}

._actionButtonContainer_vuu3C_actionButtonContainer{border-top:1px solid var(--color-border-base-subdued);flex:none;margin-left:calc(var(--space-4)*-1);margin-right:calc(var(--space-4)*-1);padding-left:var(--space-4);padding-right:var(--space-4);padding-top:var(--space-3)}

._goOneAgentProfile_bjoN5_goOneAgentProfile{padding:0 16px}

._goOneAgentProfile_bjoN5_goOneAgentProfile ._actionButtonContainer_vuu3C_actionButtonContainer{padding-bottom:var(--space-3)}

._container_SP-ni_container{border:1px solid var(--color-border-base-subdued);border-radius:var(--radius-2);padding:var(--space-2)}

._primaryAccountButton_IutUc_primaryAccountButton{background-color:var(--green-0);color:var(--green-80);height:28px;width:100%}

._signInAnotherButton_RshjR_signInAnotherButton{align-self:flex-start}

._noAccountContainer_5BtRQ_noAccountContainer{align-items:flex-start}

._agentIcon_-Y2j6_agentIcon{align-self:center;object-fit:contain}

._clickableCard_SZQmY_clickableCard{appearance:none;background:transparent;border:1px solid var(--color-border-base-subdued);border-radius:16px;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;padding:16px;text-align:left;transition:background-color .2s ease;width:100%}

._clickableCard_SZQmY_clickableCard:hover{background-color:var(--button-tertiary-background-hover)}

._clickableCard_SZQmY_clickableCard:focus-visible{outline:2px solid var(--color-border-brand-default);outline-offset:2px}

._clickableCard_SZQmY_clickableCard[aria-disabled=true]{cursor:not-allowed;opacity:.5}

._addedMarker_3Ho5-_addedMarker{padding-top:3px}

._name_W4sBv_name{-webkit-line-clamp:1;word-break:break-word}

._description_UPa6s_description,._name_W4sBv_name{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}

._description_UPa6s_description{-webkit-line-clamp:2}

._section_d005b_section{display:flex;flex-direction:column;gap:var(--space-4)}

._headerText_ULBUh_headerText{display:flex;flex-direction:column;gap:var(--space-1)}

._toolbarRow_rF0sF_toolbarRow{align-items:center;display:flex;flex-direction:row;gap:var(--space-3)}

._searchField_SBwMz_searchField{flex:1;min-width:0}

._grid_2Bcbd_grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));max-width:calc(720px + var(--space-3)*2)}

._statusMessage_k1z9x_statusMessage{padding:var(--space-4);text-align:center}

._errorState_sd-iq_errorState{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}

._icon_YjRhB_icon{align-self:center;object-fit:contain}

._row_dp0e2_row{border:1px solid var(--color-border-base-subdued);border-radius:var(--radius-3);padding:var(--space-3) var(--space-4);transition:background-color .2s ease}

._row_dp0e2_row:hover{background-color:var(--button-tertiary-background-hover)}

._connectedIndicator_pd2-c_connectedIndicator{flex-shrink:0}

._outerContainer_ZQJOl_outerContainer{display:flex;flex-direction:column;height:100%;min-height:0;position:relative}

._scrollContainer_fLK--_scrollContainer{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto}

._errorBox_T6-aQ_errorBox{bottom:var(--space-3);left:var(--space-3);position:absolute;right:var(--space-3);z-index:1000}

._agentProfileDialogBody_VwhDU_agentProfileDialogBody{display:flex;flex-direction:column;height:75vh;min-height:480px;padding-top:var(--space-4)}

._profileDialog_ip6tG_profileDialog .origin-modal-header{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}

._item_FYEDw_item{background-color:var(--color-background-base-subdued);border-radius:var(--radius-2)}

._iconSwap_Q50-B_iconSwap{display:flex;height:24px;transform:translateX(-24px);transition:transform .2s ease;width:24px}

._iconSwap_Q50-B_iconSwap ._agentIcon_GBrbe_agentIcon,._iconSwap_Q50-B_iconSwap ._dragHandle_9qssC_dragHandle{flex-shrink:0;overflow:hidden;transition:opacity .2s ease}

._iconSwap_Q50-B_iconSwap ._agentIcon_GBrbe_agentIcon{border-radius:var(--radius-1);height:24px;object-fit:contain;opacity:1;width:24px}

._iconSwap_Q50-B_iconSwap ._dragHandle_9qssC_dragHandle{cursor:grab;margin-right:var(--space-1);opacity:0}

._iconSwap_Q50-B_iconSwap._hovered_OH0c-_hovered{transform:translateX(0)}

._iconSwap_Q50-B_iconSwap._hovered_OH0c-_hovered ._agentIcon_GBrbe_agentIcon{opacity:0}

._iconSwap_Q50-B_iconSwap._hovered_OH0c-_hovered ._dragHandle_9qssC_dragHandle{opacity:1}

._iconContainer_tSNgr_iconContainer{display:flex;height:24px;width:24px}

._iconContainer_tSNgr_iconContainer ._agentIcon_GBrbe_agentIcon{flex-shrink:0;height:24px;opacity:1;overflow:hidden;width:24px}

._openAgentSettingsButton_vj6ey_openAgentSettingsButton svg path{fill:var(--color-icon-base-default)}

._menu_SOiCV_menu .gds-menu-dropdown,._menu_SOiCV_menu .gds-menu-list{border-radius:var(--radius-4)}

._menu_SOiCV_menu button{height:24px;width:24px}

._agentIcon_GBrbe_agentIcon{border-radius:var(--radius-1)}

._goOneItem_-pg4I_goOneItem{padding:var(--space-1) var(--space-4)}

._confirmationBox_8dmNR_confirmationBox{background-color:var(--color-background-base-subdued);border-radius:var(--radius-2);width:100%}

._closeIcon_PZXDB_closeIcon{height:18px;width:18px}

._hoverBox_B7Yk-_hoverBox{bottom:var(--space-3);left:var(--space-3);position:absolute;right:var(--space-3);z-index:1000}

._comboboxChip_zb0at_1{display:flex;align-items:center;gap:var(--space-1);padding:3px 6px;border-radius:100px;border:1px solid var(--color-border-base-subdued);background:var(--color-button-secondary-background-default)}

._removeButton_zb0at_11{margin:0;padding:0;border:none;display:flex;cursor:pointer;background:none;align-items:center;justify-content:center}

._removeButton_zb0at_11 svg{height:12px;width:12px}

._htmlValue_obwjq_4 *{font-size:.875rem}

._htmlValue_obwjq_4>*:first-child{margin-top:0;padding-top:0}

._htmlValue_obwjq_4>*:last-child{margin-bottom:0;padding-bottom:0}

._htmlValue_obwjq_4 h1{font-size:.9rem}

._htmlValue_obwjq_4 h2{font-size:.875rem}

._htmlValue_obwjq_4 h3{font-size:.8125rem}

._htmlValue_obwjq_4 h4{font-size:.75rem}

._htmlValue_obwjq_4 h5{font-size:.7rem}

._htmlValue_obwjq_4 h6{font-size:.65rem}

._htmlValue_obwjq_4 ul,._htmlValue_obwjq_4 ol{margin:.5rem 0;padding-left:1.5rem}

._htmlValue_obwjq_4 li{margin:.25rem 0}

._htmlEditor_padrw_1{min-height:40px;border-radius:4px;outline:none;cursor:text;border:1px solid var(--color-border-base-subdued);border-radius:var(--space-1);padding:var(--space-1) var(--space-2);display:block}

._htmlEditor_padrw_1 *:focus-visible{outline:none}

._stringEditor_xl3zi_1{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;width:100%;border:1px solid var(--color-border-base-subdued);border-radius:var(--space-1);padding:var(--space-1) var(--space-2);margin:calc(-1 * var(--space-1) - 1px) 0;resize:none;box-sizing:border-box;display:block;overflow:hidden}

._stringEditor_xl3zi_1:focus{outline:none}

._button_czjhm_1{padding:0;border:none;outline:none;display:flex;cursor:pointer;align-items:center;background:transparent}

._message_ezwa2_1{display:block;text-align:center;padding:var(--space-2) var(--space-4)}

._options_gymwl_5{z-index:1;border-radius:var(--space-4);border:.5px solid var(--color-border-base-subdued);background-color:var(--color-background-base-default);box-shadow:0 2px 7px .5px var(--color-elevation-base-default-f3);overflow-y:auto;max-height:120px;min-width:160px}

._options_gymwl_5._dark_gymwl_15{color-scheme:dark;color:var(--white);background-color:var(--neutral-gray-100);border:.5px solid var(--neutral-gray-90);box-shadow:0 4px 16px 2px #00000080}

._options_gymwl_5._dark_gymwl_15 ._option_gymwl_5._focused_gymwl_22{background-color:var(--neutral-gray-90)}

._options_gymwl_5:focus{outline:none}

._option_gymwl_5{display:flex;cursor:pointer;align-items:center;gap:var(--space-2);padding:var(--space-2);padding-right:var(--space-8)}

._option_gymwl_5._focused_gymwl_22{background-color:var(--color-background-base-subdued)}

._optionIcon_gymwl_41{display:flex;width:12px;height:12px}

._optionIcon_gymwl_41 svg{width:12px;height:12px}

._optionText_gymwl_51{flex:1}

._combobox_anr7o_1{position:relative;border-radius:var(--space-1);background-color:var(--color-background-base-default)}

._picker_anr7o_7{width:100%;display:flex;gap:var(--space-2);justify-content:space-between}

._input_anr7o_14{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}

._input_11lk7_5{flex:1;padding:0;border:none;outline:none;min-width:32px;background:transparent;font-weight:400;font-family:var(--font-stack-inter);font-size:calc(1px * (var(--rem) - 2));line-height:calc(1.51px * (var(--rem) - 2));color:var(--color-text-base-default);-webkit-font-smoothing:antialiased}

._input_11lk7_5::placeholder{color:var(--color-text-base-subdued);-webkit-font-smoothing:antialiased}

._input_1oae9_1{flex:0 1 auto;padding:0;border:none;outline:none;min-width:100%;background:transparent;min-height:26px;font-weight:400;font-family:var(--font-stack-inter);font-size:calc(1px * (var(--rem) - 2));line-height:calc(1.51px * (var(--rem) - 2))}

._input_1oae9_1[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}

._input_1oae9_1[type=number]::-webkit-outer-spin-button,._input_1oae9_1[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

._markdownValue_1y90z_4 *{font-size:.875rem}

._markdownValue_1y90z_4>*>*:first-child{margin-top:0;padding-top:0}

._markdownValue_1y90z_4>*>*:last-child{margin-bottom:0;padding-bottom:0}

._markdownValue_1y90z_4 h1{font-size:.9rem}

._markdownValue_1y90z_4 h2{font-size:.875rem}

._markdownValue_1y90z_4 h3{font-size:.8125rem}

._markdownValue_1y90z_4 h4{font-size:.75rem}

._markdownValue_1y90z_4 h5{font-size:.7rem}

._markdownValue_1y90z_4 h6{font-size:.65rem}

._markdownValue_1y90z_4 ul,._markdownValue_1y90z_4 ol{margin:.5rem 0;padding-left:1.5rem;font-size:.875rem}

._markdownValue_1y90z_4 li{margin:.25rem 0;font-size:.875rem}

._markdownEditor_1pugu_1{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;width:100%;border:1px solid var(--color-border-base-subdued);border-radius:var(--space-1);padding:var(--space-1) var(--space-2);margin:calc(-1 * var(--space-1) - 1px) 0;resize:none;box-sizing:border-box;display:block;overflow:hidden;background-color:transparent}

._markdownEditor_1pugu_1:focus{outline:none}

._markdownEditor_1pugu_1::placeholder{color:var(--color-text-base-subdued)}

._dateEditor_1yi6k_1{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;width:100%;border:1px solid var(--color-border-base-subdued);border-radius:var(--space-1);padding:var(--space-1) var(--space-2);margin:calc(-1 * var(--space-1) - 1px) 0;box-sizing:border-box;display:block}

._dateEditor_1yi6k_1:focus{outline:none}

._dateEditor_1yi6k_1::-webkit-calendar-picker-indicator{display:none}

._numberEditor_ivrdx_1{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;width:100%;border:1px solid var(--color-border-base-subdued);border-radius:var(--space-1);padding:var(--space-1) var(--space-2);margin:calc(-1 * var(--space-1) - 1px) 0;box-sizing:border-box;display:block}

._numberEditor_ivrdx_1:focus{outline:none}

._numberEditor_ivrdx_1::-webkit-inner-spin-button,._numberEditor_ivrdx_1::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

._numberEditor_ivrdx_1{-moz-appearance:textfield}

._display_2gp6n_5{flex:1;min-width:32px;text-align:left;font-weight:400;font-family:var(--font-stack-inter);font-size:calc(1px * (var(--rem) - 2));line-height:calc(1.51px * (var(--rem) - 2));color:var(--color-text-base-default);-webkit-font-smoothing:antialiased}

._picker_2gp6n_17{width:100%;display:flex;gap:var(--space-2);align-items:center;justify-content:space-between;padding:0;border:none;outline:none;cursor:pointer;background:transparent}

._picker_2gp6n_17:focus{border-radius:1px;outline-offset:6px;outline:1px solid var(--color-border-base-subdued)}

._options_2gp6n_35{z-index:1;border-radius:var(--space-4);border:.5px solid var(--color-border-base-subdued);background-color:var(--color-background-base-default);box-shadow:0 2px 7px .5px var(--color-elevation-base-default-f3);overflow-y:auto;max-height:120px;min-width:160px}

._options_2gp6n_35._dark_2gp6n_45{color-scheme:dark;color:var(--white);background-color:var(--neutral-gray-100);border:.5px solid var(--neutral-gray-90);box-shadow:0 4px 16px 2px #00000080}

._options_2gp6n_35._dark_2gp6n_45 ._option_2gp6n_35._focused_2gp6n_52{background-color:var(--neutral-gray-90)}

._options_2gp6n_35:focus{outline:none}

._option_2gp6n_35{display:flex;cursor:pointer;align-items:center;gap:var(--space-2);padding:var(--space-2);padding-right:var(--space-8)}

._option_2gp6n_35._focused_2gp6n_52{background-color:var(--color-background-base-subdued)}

._optionIcon_2gp6n_71{display:flex;width:12px;height:12px}

._optionIcon_2gp6n_71 svg{width:12px;height:12px}

._optionText_2gp6n_81{flex:1}

._none_1lobn_1{color:var(--color-text-base-subdued)}

._propertyValue_1bw7m_1{padding:var(--space-1);overflow-wrap:break-word;border-radius:var(--space-1);margin-left:calc(-1 * var(--space-1));min-height:18px}

._propertyValue_1bw7m_1._editable_1bw7m_8{cursor:pointer}

._propertyValue_1bw7m_1._editable_1bw7m_8:hover{border-radius:2px;background-color:var(--color-background-base-subdued)}

._propertyValue_1bw7m_1._editable_1bw7m_8:focus{outline:1px solid var(--color-border-base-subdued);outline-offset:1px;border-radius:4px}

._propertyValue_12rde_1{padding:var(--space-1) 0;overflow-wrap:break-word}

._toolCallContent_sme7b_1{--tool-call-max-height: 500px;opacity:0;max-height:0;overflow:hidden;transition:max-height .75s cubic-bezier(.4,0,.2,1),opacity .75s cubic-bezier(.4,0,.2,1)}

._toolCallContent_sme7b_1._expanded_sme7b_8{opacity:1;max-height:var(--tool-call-max-height)}

._detailedContent_sme7b_13{padding:var(--space-4);box-sizing:border-box;position:relative;max-height:var(--tool-call-max-height);overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:var(--color-border-base-subdued) transparent;-webkit-mask-image:linear-gradient(to right,var(--color-background-base-default),var(--color-background-base-default)),linear-gradient(to bottom,transparent 0%,var(--color-background-base-default) 24px,var(--color-background-base-default) calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,var(--color-background-base-default),var(--color-background-base-default)),linear-gradient(to bottom,transparent 0%,var(--color-background-base-default) 24px,var(--color-background-base-default) calc(100% - 24px),transparent 100%);-webkit-mask-size:12px 100%,calc(100% - 12px) 100%;mask-size:12px 100%,calc(100% - 12px) 100%;-webkit-mask-position:right,left;mask-position:right,left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-over;mask-composite:add}

._detailedContent_sme7b_13:focus{border-radius:var(--space-1);outline-offset:var(--space-1);outline:1px solid var(--color-border-base-default)}

._footerItem_145lw_1._visible_145lw_1{opacity:1;visibility:visible}

._footerItem_145lw_1._hidden_145lw_5{opacity:0;visibility:hidden;pointer-events:none}

._footerItem_145lw_1._animated_145lw_10{transition:opacity .75s cubic-bezier(.4,0,.2,1),visibility .75s cubic-bezier(.4,0,.2,1)}

._status_110xy_1{padding:var(--space-2) var(--space-4);border-radius:var(--radius-medium, 8px);border:1px solid var(--color-border-base-subdued);background:var(--color-background-base-subdued)}

._footer_174sv_1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;padding:var(--space-4);padding-top:var(--space-2)}

._footer_174sv_1>*{grid-column:1;grid-row:1}

._agentIconPlaceholder_1ys7h_1{width:1.3rem;height:1.3rem}

._pendingToolCallCard_k5rrp_1{border:1px solid var(--color-border-base-subdued);background:var(--color-background-base-default);border-radius:var(--space-3)}

.__discoverabilityPopup_19yoh_1_6knd2_1{background:#fff;box-shadow:0 0 0 .5px #0000001f,0 1px 13px #0000001f;margin-left:calc(-1 * var(--space-2))}

.__discoverabilityPopup_19yoh_1_6knd2_1 ._gds-popover-content_6knd2_1{background:#fff;color:var(--color-text-base-inverse);z-index:1}

.__discoverabilityPopup_19yoh_1_6knd2_1 ._gds-popover-content_6knd2_1>._gds-box_6knd2_1{margin-top:0!important;margin-right:var(--space-4)}

.__discoverabilityPopup_19yoh_1_6knd2_1 ._gds-popover-content_6knd2_1 ._gds-button-tertiary_6knd2_1:hover{background:var(--neutral-gray-10);color:var(--neutral-gray-80)}

.__discoverabilityPopup_19yoh_1_6knd2_1 ._gds-arrow_6knd2_1{fill:#fff}

.__discoverabilityPopup_19yoh_1_6knd2_1 ._gds-arrow_6knd2_1 path{stroke:#0000001f;stroke-width:.5}

.__loadingSpinner_1oojh_1_6knd2_1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;pointer-events:none;z-index:2}

.__spinner_1oojh_12_6knd2_1{width:100%;height:100%}

.__path_1oojh_17_6knd2_1{stroke:var(--color-border-brand-subdued);stroke-linecap:round;animation:__dash_1oojh_1_6knd2_1 1.5s linear infinite}

@keyframes __dash_1oojh_1_6knd2_1{0%{stroke-dasharray:1,150;stroke-dashoffset:0}40%{stroke-dasharray:60,150;stroke-dashoffset:-20}70%{stroke-dasharray:60,150;stroke-dashoffset:-50}to{stroke-dasharray:1,150;stroke-dashoffset:-120}}

.__notificationBadge_gylkg_1_6knd2_1{position:absolute;left:-2px;top:calc(var(--item-size) / 2);transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background-color:var(--color-background-critical-default);border:2px solid var(--color-background-base-default);pointer-events:none;z-index:1}

.__workflowSeparator_1ba3n_1_6knd2_1{width:100%;display:flex;align-items:center;justify-content:center}

.__line_1ba3n_8_6knd2_1{width:100%;height:1px;background:var(--color-border-base-subdued)}

.__workflowPopup_189d5_1_6knd2_1{background:#fff;box-shadow:0 0 0 .5px #0000001f,0 1px 13px #0000001f;margin-left:calc(-1 * var(--space-2));transform:translateY(-80px)}

.__workflowPopup_189d5_1_6knd2_1 ._gds-popover-content_6knd2_1{background:#fff;color:var(--color-text-base-inverse);z-index:1}

.__workflowPopup_189d5_1_6knd2_1 ._gds-arrow_6knd2_1{display:none!important}

.__badge_189d5_16_6knd2_1{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:16px;background-color:var(--green-20);color:var(--color-text-brand-subdued);font-size:12px;font-weight:500;width:fit-content}

.__stepIcon_189d5_28_6knd2_1{--color-icon-agent-default: var(--color-logo-grammarly-primary);--color-icon-brand-default: var(--color-logo-grammarly-primary)}

.__stepButton_189d5_33_6knd2_1{width:100%;padding:var(--space-1);border-radius:8px;border:1px solid var(--neutral-gray-10);background-color:#fff}

.__stepButton_189d5_33_6knd2_1:hover:not(:disabled){background-color:var(--neutral-gray-10);border:1px solid var(--neutral-gray-20)}

.__stepButtonAgentName_189d5_45_6knd2_1{color:var(--neutral-gray-60)!important}

.__stepButtonHighlighted_189d5_49_6knd2_1{background-color:var(--neutral-gray-10);border:1px solid var(--neutral-gray-20)}

.__stepButtonCompleted_189d5_54_6knd2_1{opacity:.6}

.__description_189d5_58_6knd2_1{font-weight:500}

.__footer_1em62_1_6knd2_1{position:sticky;bottom:0}

.__agentPromotion_1em62_6_6knd2_1{width:100%}

.__footer_fx6rh_1_6knd2_1{position:sticky;bottom:0;width:calc(100% - 2 * var(--space-4));border-top:1px solid var(--color-border-base-subtle)}

.__footer_fx6rh_1_6knd2_1 .__headRow_fx6rh_7_6knd2_1{min-width:100px;max-width:calc(100% - 24px - var(--space-1))}

.__box_fx6rh_12_6knd2_1{background:var(--color-background-success-subdued);border-radius:12px;padding:var(--space-3)}

.__agentItem_fx6rh_18_6knd2_1{transition:all .2s ease;text-align:left}

.__agentItem_fx6rh_18_6knd2_1:hover>div{background-color:var(--color-background-base-default)!important;box-shadow:0 1px 4px #00000014}

.__agentItem_fx6rh_18_6knd2_1:active>div{transform:scale(.98)}

.__iconWrapper_fx6rh_30_6knd2_1{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}

._assistantColorSchemeProviderContainer_6knd2_2{background-color:var(--color-background-base-default);height:100%}

[data-gds-theme=dark]{color-scheme:dark}

._grammarlyAgentIcons_6knd2_11{--color-icon-agent-default: #027e6f}

._chatThreadLink_1wvyl_1{overflow:hidden;white-space:nowrap;text-decoration:none;text-overflow:ellipsis;padding:var(--space-2);color:var(--color-text-base-default);flex:1 1 auto;background:none;border:none;text-align:left;border-radius:var(--radius-2)}

._chatThreadLink_1wvyl_1:focus{outline:2px solid var(--color-border-brand-default);outline-offset:-2px}

._chatThreadLink_1wvyl_1:hover{cursor:pointer}

._chatListItem_5nt4l_1{border-radius:var(--radius-2)}

._chatListItem_5nt4l_1:active{background-color:var(--color-border-base-subdued)}

._agentIcon_5nt4l_9{margin-left:var(--space-2)}

._chatListItem_5nt4l_1:hover,._chatListItem_5nt4l_1:focus-within{background-color:var(--color-background-base-subdued)}

._chatListItem_5nt4l_1:hover ._menu_5nt4l_17,._chatListItem_5nt4l_1:focus-within ._menu_5nt4l_17{display:flex}

._moreOptions_5nt4l_22{margin-right:var(--space-1);cursor:pointer}

._moreOptions_5nt4l_22:hover,._moreOptions_5nt4l_22:focus-within,._moreOptions_5nt4l_22:active{outline-offset:0;background-color:var(--color-background-base-subdued)!important}

._menu_5nt4l_17{display:none}

._chatRename_1go1y_1{margin:0 var(--space-1) 2px var(--space-1)}

._hiddenElementStyle_n69is_1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(0 0 0 0);white-space:nowrap;border:0}

._chatGroupHeading_1gfig_1{font-weight:500}

._chatHistory_1wqog_1{box-sizing:border-box}

._chatHistoryModal_jgsq2_1{flex:1;width:100%;display:flex;overflow:auto;flex-direction:column;margin-left:calc(-1 * var(--space-1));margin-right:calc(-1 * var(--space-1))}

._sidebar_1b8mz_1{background-color:var(--color-background-base-subdued)}

[data-gds-theme=dark] ._sidebar_1b8mz_1,._sidebar_1b8mz_1._goBrandingSidebar_1b8mz_7{background-color:var(--color-background-base-default)}

._sidebar_1b8mz_1{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "main" "footer";place-items:center;width:56px;padding:var(--space-3) var(--space-0) var(--space-4) var(--space-0);gap:var(--space-10)}

._header_1b8mz_21{grid-area:header;align-self:flex-start}

._main_1b8mz_26{grid-area:main;height:100%;display:flex;min-height:0}

._footer_1b8mz_33{grid-area:footer;align-self:flex-end}

._centeredLayout_lhfoe_1{width:100%;max-width:768px;margin:0 auto;padding:0 var(--space-4)}

html div._agentNamesOverlay_1429d_1[class]{display:flex;flex-direction:column;position:absolute;padding-left:var(--space-10);padding-right:var(--space-4);right:var(--space-10);overflow-y:auto;background-color:var(--color-background-base-default);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,white 2%,white 98%,transparent 100%),linear-gradient(to right,transparent 0%,white 15%,white 95%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,white 2%,white 98%,transparent 100%),linear-gradient(to right,transparent 0%,white 15%,white 95%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;scrollbar-width:none;-ms-overflow-style:none}

html div._agentNamesOverlay_1429d_1[class]::-webkit-scrollbar{display:none}

html div._agentNamesOverlay_1429d_1[class]{z-index:999}

._agentName_1429d_1{align-content:center;text-align:end;min-width:max-content;animation:_slideInLeft_1429d_1 .15s ease-out}

._agentNameClickable_1429d_29{cursor:pointer}

@keyframes _slideInLeft_1429d_1{0%{opacity:0;transform:translate(var(--space-2))}to{opacity:1;transform:translate(0)}}

._chevronButton_1kx4f_1{border-radius:50%;padding:0}

._chevronButton_1kx4f_1:hover:not(:disabled):not(._disabled_1kx4f_5){background-color:var(--button-tertiary-background-hover)}

._agentBenchContainer_qf12b_1{display:flex;align-items:center;padding-top:var(--space-1);padding-bottom:var(--space-1);height:100%}

._agentBenchContainer_qf12b_1 div._scrollContainer_qf12b_8{flex:1;overflow-y:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none}

._agentBenchContainer_qf12b_1 div._scrollContainer_qf12b_8::-webkit-scrollbar{display:none}

._agentBenchContainer_qf12b_1 ._agentBench_qf12b_1{background:var(--color-background-base-default);border-radius:20px;padding:0 var(--space-1) 0 var(--space-1);width:32px;max-height:100%;box-shadow:0 1px 3px #0000001a}

._agentBenchContainer_qf12b_1 ._agentBenchWithGoBranding_qf12b_26{border-radius:14px}

._agentBenchContainer_qf12b_1 ._itemsContainer_qf12b_29{display:flex;flex-direction:column;align-items:center}

._agentBenchContainer_qf12b_1 ._itemsContainer_qf12b_29>:last-child button{margin-bottom:0!important}

._agentBenchContainer_qf12b_1 ._topChevron_qf12b_37,._agentBenchContainer_qf12b_1 ._bottomChevron_qf12b_38{flex-shrink:0}

._benchItemButton_f99tr_1{border-radius:50%;padding:0}

._benchItem_f99tr_1{line-height:0;position:relative}

.gds-button-focus-visible._benchItemButton_f99tr_1{border-radius:10px;outline:2px solid var(--superhuman-go-color-border-focus-default, var(--color-border-focus-default))!important;outline-offset:2px}

._benchItemButton_f99tr_1._benchItemButton_f99tr_1._benchItemButton_f99tr_1 img{border-radius:8px}

._benchItemButton_f99tr_1._benchItemButton_f99tr_1._benchItemButton_f99tr_1:focus{outline:none}

._benchItemButton_f99tr_1._benchItemButton_f99tr_1._benchItemButton_f99tr_1:hover:not(._nonActionableSelected_f99tr_24),._benchItemButton_f99tr_1._benchItemButton_f99tr_1._benchItemButton_f99tr_1._hovered_f99tr_25:not(._nonActionableSelected_f99tr_24){background-color:transparent;transform:scale(1.2);transition:transform .2s ease}

._nonActionableSelected_f99tr_24{cursor:default}

._nonActionableSelected_f99tr_24:hover{transform:none;background-color:inherit!important}

._selectedAgentPointer_f99tr_39{position:absolute;left:-6px;top:-3px;width:44px;height:44px;pointer-events:none}

._agentPanelContainer_14ad9_1{min-width:302px;overflow-y:auto;display:none;--agent-content-max-width: none;--agent-content-justify-self: stretch}

._agentPanelContainer_14ad9_1._open_14ad9_8{display:flex;flex-direction:column;flex:1;border-right:1px solid var(--color-border-base-subdued)}

._agentPanelContainer_14ad9_1._open_14ad9_8._noBorder_14ad9_14{border-right:none}

._agentPanelContainer_14ad9_1._fullscreen_14ad9_17{--agent-content-max-width: 780px;--agent-content-justify-self: center}

._modal_wgs2o_1{top:0;right:0;min-width:calc(359px - var(--space-8));background-color:var(--color-background-base-default);z-index:1000;position:absolute;width:calc(100% - var(--space-8));height:calc(100% - var(--space-8));padding:var(--space-4);border-left:1px solid var(--color-border-base-subdued)}

._overlay_wgs2o_14{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-8);background-color:#00000052}

._centeredContainer_wgs2o_25{width:100%;max-width:560px;max-height:100%;overflow:auto}

._agentPanel_28mfu_1{display:none;flex:1 1 auto;height:100%}

._agentPanel_28mfu_1._selected_28mfu_6{display:block}

._assistant_r00db_1{position:relative}

._content_1fu60_1{flex:1;min-height:0;overflow-y:auto}

._header_1srvu_1{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-2);padding:var(--space-4)}

._title_1srvu_9{grid-column:2;min-width:0;margin:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

._trailing_1srvu_19{grid-column:3;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}

._overlay_17aqo_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;overflow:clip}

._overlay_17aqo_1._open_17aqo_8{pointer-events:auto}

._panel_17aqo_12{position:absolute;top:0;right:calc(-100% - 1px);width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--color-background-base-subdued);outline:1px solid var(--color-border-base-subdued);transition:right .3s ease-in-out}

._open_17aqo_8 ._panel_17aqo_12{right:0}

._sidebar_17aqo_30{position:relative;flex-shrink:0;width:0;height:100%;min-height:0;overflow:hidden;transition:width .3s ease-in-out}

._sidebar_17aqo_30._open_17aqo_8{width:344px}

._sidebarContent_17aqo_44{position:absolute;top:0;right:-344px;width:344px;height:100%;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--color-border-base-subdued);background:var(--color-background-base-subdued);transition:right .3s ease-in-out}

._sidebar_17aqo_30._open_17aqo_8 ._sidebarContent_17aqo_44{right:0}

@media (prefers-reduced-motion: reduce){._panel_17aqo_12,._sidebar_17aqo_30,._sidebarContent_17aqo_44{transition:none}}

._shell_ycof2_1{width:100%;flex:1;min-height:0}

._root_l8k0l_1{width:100%;height:100%}

._input_l8k0l_6{width:100%;max-width:768px;margin:0 auto}

._container_zlu0h_1{display:flex;flex-direction:column;overflow:auto}

._scrollToBottomButton_zlu0h_7{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-base-subdued);background:var(--color-background-base-default);box-shadow:0 2px 12px .5px var(--color-elevation-outline-default-1);cursor:pointer;padding:0;opacity:1;transition:opacity .3s ease-in-out}

._scrollToBottomButton_zlu0h_7 svg{transform:rotate(180deg)}

._scrollToBottomButton_zlu0h_7 svg path{stroke:var(--color-icon-base-default)}

._scrollToBottomButtonHidden_zlu0h_33{display:none}

._chatAutoScrollContainer_urwqg_1{height:100%;overflow-y:auto;position:relative;padding:0 var(--space-4)}

._chatAutoScrollContainer_urwqg_1>:first-child{margin-top:auto}

._centered_urwqg_11>*{width:100%;max-width:768px;margin-left:auto;margin-right:auto}

._button_tguz5_1{position:absolute;left:50%;bottom:var(--space-3);transform:translate(-50%);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-base-subdued);background:var(--color-background-base-default);box-shadow:0 2px 12px .5px var(--color-elevation-outline-default-1);cursor:pointer;padding:0}

._button_tguz5_1 svg{transform:rotate(180deg)}

._button_tguz5_1 svg path{stroke:var(--color-icon-base-default)}

[data-gds-theme=dark] ._button_tguz5_1{box-shadow:0 2px 12px .5px var(--color-elevation-base-default-1)}

._root_j00vx_1{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;overflow:hidden}

._scrollport_j00vx_10{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-anchor:none;padding:var(--space-4);position:relative}

._messages_j00vx_20{display:flex;flex-direction:column;gap:var(--space-4)}

._scrollSpacer_j00vx_26{flex-shrink:0}

._centered_j00vx_30{scrollbar-gutter:stable both-edges}

._centered_j00vx_30 ._messages_j00vx_20{width:100%;max-width:768px;margin-left:auto;margin-right:auto}

._indicator_thze2_1{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:20px;height:20px;border-radius:50%;border:1px solid var(--color-border-base-subdued);color:var(--color-icon-base-subdued);background:var(--color-background-base-default)}

._completed_thze2_15{border-color:var(--button-tertiary-background-active);color:var(--color-text-brand-default);background:var(--button-tertiary-background-active)}

._starting_thze2_21:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border:2px solid transparent;border-top-color:var(--color-text-brand-default);animation:_planStepIndicatorSpin_thze2_1 .9s linear infinite}

._failed_thze2_31{border-color:var(--color-border-error-default, var(--color-border-base-subdued));background:var(--color-background-error-subdued, transparent)}

@keyframes _planStepIndicatorSpin_thze2_1{to{transform:rotate(360deg)}}

@media (prefers-reduced-motion: reduce){._starting_thze2_21:after{animation:none}}

._root_16965_1{position:relative;flex:0 0 auto;width:100%;max-width:768px;margin-left:auto;margin-right:auto;padding:0 var(--space-3);color:var(--color-text-base-default)}

._collapsed_16965_12,._expanded_16965_13{background:var(--color-background-base-default);border:1px solid var(--color-border-base-subdued)}

._collapsed_16965_12{border-radius:var(--radius-25);box-shadow:0 2px 6px #0000000d}

._collapsed_16965_12:hover{border-color:var(--color-border-base-default)}

._expanded_16965_13{border-radius:var(--radius-5);box-shadow:0 2px 8px #0000000a;padding:var(--space-3) var(--space-4);animation:_planCardReveal_16965_1 .16s ease-out;overflow:hidden}

._toggle_16965_34{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2) var(--space-4);border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;font:inherit}

._toggle_16965_34:focus-visible{outline:2px solid var(--color-border-focus-default, var(--color-border-base-focus));outline-offset:-2px}

._expanded_16965_13 ._toggle_16965_34{min-height:0;padding:0}

._panelTitle_16965_58{flex:1 1 auto;min-width:0;font-weight:600;color:var(--color-text-base-default)}

._expanded_16965_13 ._panelBody_16965_65{padding:0;margin-top:var(--space-2)}

._summary_16965_70{display:flex;align-items:baseline;gap:var(--space-3);flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

._stepCount_16965_81{flex:0 0 auto;font-weight:500;color:var(--color-text-base-default)}

._activeStep_16965_87{min-width:0;color:var(--color-text-base-subdued);overflow:hidden;text-overflow:ellipsis}

._collapseIcon_16965_94{flex:0 0 auto;color:var(--color-icon-base-subdued)}

@keyframes _planCardReveal_16965_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

@media (prefers-reduced-motion: reduce){._expanded_16965_13{animation:none}}

._step_52zrz_1{display:flex;align-items:center;gap:10px;list-style:none;padding:6px 0;color:var(--color-text-base-default)}

._starting_52zrz_10 ._label_52zrz_10,._pending_52zrz_11 ._label_52zrz_10{color:var(--color-text-base-subdued)}

._failed_52zrz_15 ._label_52zrz_10{color:var(--color-text-error-default, var(--color-text-base-default))}

._label_52zrz_10{flex:1 1 auto;min-width:0}

._srOnly_52zrz_24{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

._list_1n3td_1{width:100%}

._title_1n3td_5{font-weight:600;color:var(--color-text-base-default)}

._steps_1n3td_10{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}

._debugMarkdown_4ajtk_1{overflow:auto;max-height:360px}

._debugMarkdown_4ajtk_1 pre{margin:0;padding:0}

._copyButton_4ajtk_10{border:none;background:none;cursor:pointer}

._thinkingBox_c7dl5_1{display:inline-block;padding:var(--space-3) var(--space-0)}

._thinkingBox_1dhaw_1{display:inline-block;padding:var(--origin-space-3) var(--origin-space-0)}

._animatedThinking_1dhaw_6{display:flex;background:linear-gradient(105deg,var(--origin-color-text-base-subdued) 0%,var(--origin-color-text-base-subdued) 30%,transparent 50%,var(--origin-color-text-base-subdued) 70%,var(--origin-color-text-base-subdued) 100%) top left;-webkit-background-clip:text;background-clip:text;background-size:350% 100%;animation:_textShimmer_1dhaw_1 2s ease-in-out infinite}

._animatedThinkingText_1dhaw_14{color:transparent}

._icon_1dhaw_18{width:16px;height:16px;flex-shrink:0;color:var(--origin-color-text-base-subdued)}

@keyframes _textShimmer_1dhaw_1{0%{background-position:100% 0}to{background-position:0 0}}

@media (prefers-reduced-motion: reduce){._animatedThinking_1dhaw_6{animation:none}}

._list_rgrvy_1{list-style:none;margin:0;padding:0}

._item_rgrvy_7{display:grid;grid-template-columns:var(--space-4) 1fr;column-gap:var(--space-2);align-items:stretch;color:var(--color-text-base-subdued);font-size:14px;line-height:20px}

._rail_rgrvy_17{grid-column:1;position:relative;display:flex;justify-content:center}

._rail_rgrvy_17:before,._rail_rgrvy_17:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:var(--space-quarter);background:var(--color-border-base-subdued)}

._rail_rgrvy_17:before{top:0;height:calc(13px - var(--space-1-and-half))}

._rail_rgrvy_17:after{top:calc(18px + var(--space-1-and-half));bottom:0}

._item_rgrvy_7:first-child ._rail_rgrvy_17:before{display:none}

._item_rgrvy_7:last-child ._rail_rgrvy_17:after{display:none}

._item_rgrvy_7:only-child{grid-template-columns:1fr;padding-left:var(--space-1)}

._item_rgrvy_7:only-child ._rail_rgrvy_17{display:none}

._bullet_rgrvy_56{width:5px;height:5px;margin-top:13px;border-radius:50%;background:var(--color-text-base-subdued);flex-shrink:0}

._title_rgrvy_65{padding:var(--space-1-and-half) 0}

._itemActive_rgrvy_69{background:linear-gradient(105deg,var(--color-text-base-subdued) 0%,var(--color-text-base-subdued) 30%,transparent 50%,var(--color-text-base-subdued) 70%,var(--color-text-base-subdued) 100%);-webkit-background-clip:text;background-clip:text;background-size:350% 100%}

@media (prefers-reduced-motion: no-preference){._itemActive_rgrvy_69{animation:_itemEnter_rgrvy_1 .25s ease-out,_textShimmer_rgrvy_1 2s ease-in-out infinite}}

._itemActiveText_rgrvy_80{color:transparent}

@keyframes _itemEnter_rgrvy_1{0%{opacity:0}to{opacity:1}}

@keyframes _textShimmer_rgrvy_1{0%{background-position:100% 0}to{background-position:0 0}}

._toggleButton_1a38g_1{outline-offset:0;margin-left:calc(-1 * var(--space-2))}

._trail_1a38g_6{margin-left:calc(-1 * var(--space-1))}

._viewport_5vvu6_1{position:relative}

._viewport_5vvu6_1:before,._viewport_5vvu6_1:after{content:"";position:absolute;left:0;right:0;height:var(--space-6);pointer-events:none;opacity:0;transition:opacity .15s ease-out}

@media (prefers-reduced-motion: reduce){._viewport_5vvu6_1:before,._viewport_5vvu6_1:after{transition:none}}

._viewport_5vvu6_1:before{top:0;background:linear-gradient(to bottom,var(--color-background-base-default),transparent)}

._viewport_5vvu6_1:after{bottom:0;background:linear-gradient(to top,var(--color-background-base-default),transparent)}

._viewport_5vvu6_1._goOneRedesign_5vvu6_27:before{background:linear-gradient(to bottom,var(--color-background-base-subdued),transparent)}

._viewport_5vvu6_1._goOneRedesign_5vvu6_27:after{background:linear-gradient(to top,var(--color-background-base-subdued),transparent)}

._viewport_5vvu6_1._canScrollUp_5vvu6_33:before,._viewport_5vvu6_1._canScrollDown_5vvu6_33:after{opacity:1}

._trail_900g8_1{max-height:140px;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:none}

._trail_900g8_1::-webkit-scrollbar{display:none}

._card_7ur5f_1{width:100%;box-sizing:border-box;border-radius:16px;border:1px solid var(--color-border-base-subdued);padding:12px 16px}

._dimmed_7ur5f_9{opacity:.55}

._agentIcon_7ur5f_13{flex:0 0 auto;object-fit:contain}

._text_7ur5f_18{min-width:0}

._name_7ur5f_22{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}

._description_7ur5f_30{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}

._connected_7ur5f_37,._dismiss_7ur5f_41{flex:0 0 auto}

._promptButton_1c9ul_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-bottom:1px solid var(--origin-color-border-base-subdued);border-radius:0;cursor:pointer;padding:var(--origin-space-3) var(--origin-space-4) var(--origin-space-3) var(--origin-space-2);color:var(--origin-color-text-base-subdued);text-align:left;width:100%}

._promptButton_1c9ul_1:last-child:not(:first-child){border-bottom:none}

._promptButton_1c9ul_1:has(+._promptButton_1c9ul_1:hover),._promptButton_1c9ul_1:has(+._promptButton_1c9ul_1:focus-visible){border-bottom-color:transparent}

._promptButton_1c9ul_1:hover{background:var(--origin-color-button-tertiary-fill-hover);border-bottom-color:transparent;border-radius:var(--origin-radius-3);color:var(--origin-color-text-base-default)}

._promptButton_1c9ul_1:focus-visible{background:var(--origin-color-button-tertiary-fill-hover);border-bottom-color:transparent;border-radius:var(--origin-radius-3);color:var(--origin-color-text-base-default);outline:2px solid var(--origin-color-border-focus-default);outline-offset:-2px}

._content_dja60_1{display:inline-flex;align-items:center;gap:var(--origin-space-1)}

._stack_dja60_7{display:inline-flex;align-items:center}

._favicon_dja60_12{box-sizing:border-box;flex-shrink:0;display:inline-flex;width:16px;height:16px;overflow:hidden;border-radius:50%;border:1px solid var(--origin-color-background-base-default);background-color:var(--origin-color-background-base-tertiary)}

._favicon_dja60_12:not(:first-child){margin-left:-4px}

._faviconImg_dja60_27{width:100%;height:100%;border-radius:50%;object-fit:cover}

._root_dtx7p_1{display:flex;flex-direction:column;gap:var(--origin-space-2);min-width:0}

._header_dtx7p_8{display:flex;align-items:center;gap:var(--origin-space-1-and-half);min-width:0}

._favicon_dtx7p_15{width:16px;height:16px;flex-shrink:0;border-radius:50%;object-fit:cover}

._domain_dtx7p_23{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

._title_dtx7p_29{overflow-wrap:anywhere}

._cardLink_14zw6_1{display:block;text-decoration:none;padding:var(--origin-space-3) var(--origin-space-4);border-radius:var(--origin-radius-4)}

._cardLink_14zw6_1:hover{background-color:var(--origin-color-fill-hover-default)}

._cardLink_14zw6_1:focus-visible{outline:2px solid var(--origin-color-border-brand-default);outline-offset:-2px}

._list_jibti_1{display:flex;flex-direction:column;gap:var(--origin-space-1);padding:var(--origin-space-2)}

._footer_1j0hx_1{display:flex;flex-direction:row;align-items:center;padding-top:var(--origin-space-2)}

[data-gds-theme=light] ._root_1y19v_1{--color-background-base-subdued: #fcfaf7;--color-background-base-tertiary: #f2f0eb;--color-border-base-default: #8d8a86;--color-border-base-subdued: #dedbd5;--color-border-focus-default: #73716d;--color-text-base-default: #141413;--color-text-base-subdued: #73716d;--color-fill-base-default: white;--button-tertiary-background-default: #ffffff00;--button-tertiary-background-hover: #f2f0eb;--button-tertiary-background-active: #dedbd5}

[data-gds-theme=dark] ._root_1y19v_1{--color-background-base-subdued: #292827;--color-background-base-tertiary: #1f1e1d;--color-border-base-default: #474543;--color-border-base-subdued: #474543;--color-border-focus-default: #bfbcb6;--color-text-base-default: #ffffff;--color-text-base-subdued: #9b9994;--color-fill-base-default: #1f1e1d;--button-tertiary-background-default: #ffffff00;--button-tertiary-background-hover: #474543;--button-tertiary-background-active: #73716d}

._popover_1rd09_1{z-index:1000;display:flex;flex-direction:column;gap:var(--origin-space-1-and-half);min-width:200px;max-width:300px;padding:var(--origin-space-3);border-radius:var(--origin-radius-4);border:1px solid var(--origin-color-border-base-subdued);background-color:var(--origin-color-background-base-default);box-shadow:var(--origin-elevation-base-low);opacity:0;transform:scale(.95);transform-origin:center bottom;transition:opacity .12s ease-out,transform .12s ease-out}

._popoverVisible_1rd09_19{opacity:1;transform:scale(1)}

._citation_7bbm5_1{display:inline-flex;align-items:center;gap:0;padding:2px var(--origin-space-2);border-radius:30px;color:var(--origin-color-text-base-subdued);background-color:var(--origin-color-background-base-subdued);white-space:nowrap}

._citation_7bbm5_1 .origin-text-xsmall{font-size:11px}

._citation_7bbm5_1{text-decoration:none}

._citation_7bbm5_1:hover{color:var(--origin-color-text-base-default);background-color:var(--origin-color-border-base-subdued)}

._citation_7bbm5_1._goOneRedesign_7bbm5_21{color:color-mix(in srgb,var(--origin-color-text-base-subdued) 75%,var(--origin-color-text-base-default));--citation-background-light: #f2f0eb;background-color:var(--origin-color-background-base-subdued)}

[data-origin-mode=light] ._citation_7bbm5_1._goOneRedesign_7bbm5_21{background-color:var(--citation-background-light)}

._citation_7bbm5_1._goOneRedesign_7bbm5_21:hover{color:var(--origin-color-text-base-default);background-color:var(--origin-color-border-base-subdued)}

._copyableBlock_xlm29_1{justify-content:space-between;position:relative;padding:var(--space-4);font-family:var(--font-stack-inter);-webkit-font-smoothing:antialiased}

._copyableBlock_xlm29_1 ._verticalBar_xlm29_8{background-color:var(--color-border-base-subdued);height:calc(100% - var(--space-4) * 2);width:2px;left:0;position:absolute}

._interactiveImage_zp619_1{position:relative;display:inline-block;max-width:100%;font-family:var(--font-stack-inter);-webkit-font-smoothing:antialiased}

._interactiveImage_zp619_1 ._imageContainer_zp619_8{position:relative;display:inline-block;max-width:100%}

._interactiveImage_zp619_1 ._imageContainer_zp619_8 ._image_zp619_8{width:240px;height:240px;object-fit:cover;display:block;border-radius:var(--radius-4);border:1px solid #d9d9d9}

._interactiveImage_zp619_1 ._buttonContainer_zp619_21{position:absolute;bottom:var(--space-4);right:var(--space-4);opacity:0;transition:opacity .2s ease-in-out}

._interactiveImage_zp619_1 ._buttonContainer_zp619_21 button{border-radius:50%;background-color:#0006;padding:0;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}

._interactiveImage_zp619_1 ._buttonContainer_zp619_21 button:hover{background-color:#000c}

._interactiveImage_zp619_1 ._buttonContainer_zp619_21 button svg{color:#fff}

._interactiveImage_zp619_1:hover ._buttonContainer_zp619_21{opacity:1}

._root_1kqvt_1{padding:var(--space-2) 0}

._root_1kqvt_1 [role=tablist]{--tabs-list-height: auto;--tabs-tab-padding: 3px var(--space-2);--tabs-tab-font-size: 12px;--tabs-tab-underline-height: 0}

._root_1kqvt_1 [role=tablist] .gds-tabs-list{gap:0!important;border-radius:var(--radius-1-and-half);scroll-behavior:smooth;scrollbar-width:none}

._root_1kqvt_1 [role=tablist] .gds-tabs-list::-webkit-scrollbar{display:none}

._root_1kqvt_1 [role=tablist] button[class*=gds-tabs-list-overflow-button-]{background-color:var(--color-background-base-default)}

._root_1kqvt_1 [role=tab]{height:auto}

._root_1kqvt_1 [role=tab] .gds-tabs-tab{padding:3px var(--space-2);color:var(--color-text-base-subdued);border-radius:var(--radius-1-and-half)}

._root_1kqvt_1 [role=tab][aria-selected=true] .gds-tabs-tab{border:none;color:var(--color-text-base-default);background-color:var(--neutral-gray-10);background-color:var(--color-highlight-deletion-default);font-weight:var(--font-weight-medium)}

._root_1kqvt_1 [role=tabpanel]{padding:0}

._tab_1kqvt_50{display:block;width:100%}

._container_scvr4_1{padding:var(--origin-space-4);border-radius:var(--origin-radius-4);border:1px solid var(--origin-color-border-base-subdued);background-color:var(--origin-color-background-base-default)}

[data-origin-mode=dark] ._container_scvr4_1{background-color:var(--origin-color-background-base-subdued)}

._container_scvr4_1 ._content_scvr4_13 div>:first-child{margin-top:0}

._container_scvr4_1 ._content_scvr4_13 div>:last-child{margin-bottom:0}

._root_25ilv_1{padding:var(--space-2) 0}

._root_25ilv_1 [role=tablist]{--tabs-list-height: auto;--tabs-tab-padding: 3px var(--space-2);--tabs-tab-font-size: 12px;--tabs-tab-underline-height: 0}

._root_25ilv_1 [role=tablist] .gds-tabs-list{gap:0!important;border-radius:var(--radius-1-and-half);scroll-behavior:smooth;scrollbar-width:none}

._root_25ilv_1 [role=tablist] .gds-tabs-list::-webkit-scrollbar{display:none}

._root_25ilv_1 [role=tablist] button[class*=gds-tabs-list-overflow-button-]{background-color:var(--color-background-base-default)}

._root_25ilv_1 [role=tab]{height:auto}

._root_25ilv_1 [role=tab] .gds-tabs-tab{padding:3px var(--space-2);color:var(--color-text-base-subdued);border-radius:var(--radius-1-and-half)}

._root_25ilv_1 [role=tab][aria-selected=true] .gds-tabs-tab{border:none;color:var(--color-text-base-default);background-color:var(--neutral-gray-10);background-color:var(--color-highlight-deletion-default);font-weight:var(--font-weight-medium)}

._root_25ilv_1 [role=tabpanel]{padding:0}

._toggleSourcesButton_1x7qr_1,._hideSourcesButton_1x7qr_1,._viewSourcesButton_1x7qr_1{cursor:pointer;display:flex;gap:var(--space-1);align-items:center;background-color:var(--button-tertiary-background-default);color:var(--button-tertiary-text-default);border-radius:4px;padding:var(--space-1) var(--space-1-and-half);border:none}

._toggleSourcesButton_1x7qr_1:active,._hideSourcesButton_1x7qr_1:active,._viewSourcesButton_1x7qr_1:active{background-color:var(--button-tertiary-background-active);color:var(--button-tertiary-text-active)}

._toggleSourcesButton_1x7qr_1:hover,._hideSourcesButton_1x7qr_1:hover,._viewSourcesButton_1x7qr_1:hover{background-color:var(--button-tertiary-background-hover);color:var(--button-tertiary-text-hover)}

._viewSourcesButton_1x7qr_1{align-self:flex-end}

._hideSourcesButton_1x7qr_1{align-self:flex-start;margin-top:var(--space-2)}

._sourcePill_1x7qr_30{cursor:pointer;display:flex;align-items:center;gap:var(--space-1-and-half);width:fit-content;max-width:100%;box-sizing:border-box;border-radius:30px;padding:var(--space-2);text-decoration:none;color:var(--color-text-base-subdued)}

._sourcePill_1x7qr_30:hover,._sourcePill_1x7qr_30._goOneRedesign_1x7qr_47:hover{color:var(--color-text-base-default);background-color:var(--color-background-base-tertiary)}

._sourcePill_1x7qr_30 ._index_1x7qr_51{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;margin-right:var(--space-1)}

._sourcePill_1x7qr_30 ._icon_1x7qr_59{width:16px;height:16px;border-radius:2px;flex-shrink:0}

._sourcePill_1x7qr_30 ._title_1x7qr_65{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

._sourcePill_1x7qr_30 ._domain_1x7qr_70{flex-shrink:0}

._assistantChatMessage_525qj_1{word-wrap:break-word}

._contextHint_1hd6o_1{overflow:hidden}

._contextHintText_1hd6o_5{margin-left:2px;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-base-subdued)}

._chip_3ir3h_1{box-sizing:border-box;height:30px;max-width:158px;border-radius:28px;border:1px solid var(--color-border-base-subdued);background-color:var(--color-background-base-default);transition:background-color .2s ease-in-out;padding:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

._chip_3ir3h_1._default_3ir3h_14{background-color:var(--color-background-base-default)}

._chip_3ir3h_1._transparent_3ir3h_17{background-color:transparent}

._chip_3ir3h_1._interactive_3ir3h_20:hover{background-color:var(--button-secondary-background-hover)}

._removeContainer_3ir3h_24{display:flex;align-items:center}

._removeContainer_3ir3h_24 svg{width:16px;height:16px}

._removeContainer_3ir3h_24{opacity:0;transition:opacity .2s ease-in-out}

._removeContainer_3ir3h_24 ._removeButton_3ir3h_36{width:0;height:0;visibility:hidden;transition:width 0s linear .2s,height 0s linear .2s}

._removeContainer_3ir3h_24 ._removeButton_3ir3h_36:hover{background-color:transparent}

._chip_3ir3h_1._interactive_3ir3h_20:hover ._removeContainer_3ir3h_24,._removeContainer_3ir3h_24:focus-within{opacity:1}

._chip_3ir3h_1._interactive_3ir3h_20:hover ._removeContainer_3ir3h_24 ._removeButton_3ir3h_36,._removeContainer_3ir3h_24:focus-within ._removeButton_3ir3h_36{width:16px;height:16px;visibility:visible;transition:width 0s linear 0s,height 0s linear 0s}

._truncateLongText_8pr95_1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

._defaultColor_8pr95_7{color:var(--color-text-base-default)}

._subduedColor_8pr95_11{color:var(--color-text-base-subdued)}

._attachedContextChip_1792r_1{padding:6px;border-radius:8px;border:1px solid var(--color-border-base-subdued);background-color:var(--color-background-base-default);transition:background-color .2s ease-in-out;gap:var(--space-2);max-width:152px;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

._interactive_1792r_16:hover{background-color:var(--button-secondary-background-hover)}

._removeSourceButtonContainer_1792r_20 svg{width:12px;height:12px}

._removeSourceButtonContainer_1792r_20{opacity:0;transition:opacity .2s ease-in-out}

._removeSourceButtonContainer_1792r_20 ._removeSourceButton_1792r_20{width:0;height:0;transition:width 0s linear .2s,height 0s linear .2s}

._attachedContextChip_1792r_1:hover ._removeSourceButtonContainer_1792r_20,._removeSourceButtonContainer_1792r_20:focus-within{opacity:1}

._attachedContextChip_1792r_1:hover ._removeSourceButtonContainer_1792r_20 ._removeSourceButton_1792r_20,._removeSourceButtonContainer_1792r_20:focus-within ._removeSourceButton_1792r_20{width:12px;height:12px;transition:width 0s linear 0s,height 0s linear 0s}

._iconContainer_1792r_42{border-radius:4px;background-color:var(--color-background-base-subdued);height:32px;width:32px;justify-content:center;align-items:center}

._attachedContextChipIconContainer_1792r_51{border-radius:var(--radius-1);background-color:var(--color-background-base-subdued);height:2rem;width:2rem;justify-content:center;align-items:center}

._chip_1ksrd_1{padding:6px;border-radius:8px;border:1px solid var(--color-border-base-subdued);background-color:var(--color-background-base-default);transition:background-color .2s ease-in-out;gap:var(--space-2);max-width:220px;display:flex;align-items:center}

._interactive_1ksrd_13:hover{background-color:var(--button-secondary-background-hover)}

._iconContainer_1ksrd_17{border-radius:var(--radius-1);background-color:var(--color-background-base-subdued);height:2rem;width:2rem;justify-content:center;align-items:center;flex:0 0 auto}

._label_1ksrd_27{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

._removeButtonContainer_1ksrd_34{display:flex;align-items:center;justify-content:center;flex:0 0 12px;width:12px;opacity:0;transition:opacity .2s ease-in-out}

._removeButtonContainer_1ksrd_34 svg{width:12px;height:12px}

._removeButtonContainer_1ksrd_34 ._removeButton_1ksrd_34{width:12px;height:12px;pointer-events:none}

._chip_1ksrd_1:hover ._removeButtonContainer_1ksrd_34,._removeButtonContainer_1ksrd_34:focus-within{opacity:1}

._chip_1ksrd_1:hover ._removeButtonContainer_1ksrd_34 ._removeButton_1ksrd_34,._removeButtonContainer_1ksrd_34:focus-within ._removeButton_1ksrd_34{pointer-events:auto}

._chip_1opwf_1{height:12px;border-radius:28px;border:1px solid var(--color-border-base-subdued);background-color:var(--color-background-base-default);transition:background-color .2s ease-in-out;padding:var(--space-2);box-sizing:content-box;max-width:220px}

._chip_1opwf_1._default_1opwf_11{background-color:var(--color-background-base-default)}

._chip_1opwf_1._transparent_1opwf_14{background-color:transparent}

._chip_1opwf_1._interactive_1opwf_17:hover{background-color:var(--button-secondary-background-hover)}

._iconContainer_1opwf_21{flex:0 0 auto}

._label_1opwf_25{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

._removeButtonContainer_1opwf_32 svg{width:12px;height:12px}

._removeButtonContainer_1opwf_32{opacity:0;transition:opacity .2s ease-in-out}

._removeButtonContainer_1opwf_32 ._removeButton_1opwf_32{width:0;height:0;transition:width 0s linear .2s,height 0s linear .2s}

._chip_1opwf_1._interactive_1opwf_17:hover ._removeButtonContainer_1opwf_32,._removeButtonContainer_1opwf_32:focus-within{opacity:1}

._chip_1opwf_1._interactive_1opwf_17:hover ._removeButtonContainer_1opwf_32 ._removeButton_1opwf_32,._removeButtonContainer_1opwf_32:focus-within ._removeButton_1opwf_32{width:12px;height:12px;transition:width 0s linear 0s,height 0s linear 0s}

._goOneUserChatMessage_1vw6h_1{border-radius:var(--origin-radius-3);background-color:var(--origin-color-fill-base-accent);padding:var(--origin-space-2) var(--origin-space-3);align-self:flex-end;word-wrap:break-word;max-width:85%;white-space:pre-wrap}

[data-origin-mode=dark] ._goOneUserChatMessage_1vw6h_1{background-color:var(--origin-color-background-base-subdued)}

._userChatMessage_1bbcw_1{border-radius:var(--radius-3);background-color:var(--color-background-base-subdued);padding:var(--space-2) var(--space-3);align-self:flex-end;word-wrap:break-word;max-width:100%;white-space:pre-wrap}

._slot_a9q6f_1{display:block;margin-block-end:var(--origin-space-3)}

._notice_a9q6f_6{padding:var(--origin-space-3) var(--origin-space-4);background-color:var(--origin-color-background-base-default);border:1px solid var(--origin-color-border-base-subdued);border-radius:var(--origin-radius-3);box-shadow:0 2px 4px #0000000a}

._info_a9q6f_14{border-color:var(--origin-color-border-base-subdued)}

._info_a9q6f_14 ._message_a9q6f_17{color:var(--origin-color-text-base-default)}

._error_a9q6f_21{border-color:var(--origin-color-border-critical-default)}

._error_a9q6f_21 ._message_a9q6f_17{color:var(--origin-color-text-critical-default)}

._message_a9q6f_17{flex:1;min-width:0}

._chatInput_jtdrq_1{display:flex;justify-content:space-between}

._sendButton_1g95w_1,._stopButton_1g95w_2{width:30px;height:30px;border-radius:50%}

._container_1iy0t_1{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);border-radius:40px;border:1px solid var(--color-border-base-subdued);padding:var(--space-3);background-color:var(--color-background-base-default)}

._container_1iy0t_1:focus-within{border:1px solid var(--color-border-base-subdued)}

._container_1iy0t_1._disabled_1iy0t_14{background-color:var(--neutral-gray-10)}

._container_1iy0t_1._expanded_1iy0t_17,._container_1iy0t_1._hasContextChips_1iy0t_17{border-radius:20px}

._container_1iy0t_1._expanded_1iy0t_17{align-items:flex-start}

._contextChips_1iy0t_24{display:flex;flex-wrap:wrap;gap:var(--space-2);width:100%;padding-bottom:var(--space-3);order:-2}

._textareaContainer_1iy0t_33{display:flex;flex:1 1 auto;min-width:0;order:0}

._textarea_1iy0t_33{width:100%;background-color:transparent;border:none;color:var(--color-text-base-default);outline:none;padding:0;font-family:inherit;font-size:inherit;font-weight:inherit;resize:none;line-height:21px}

._textarea_1iy0t_33::placeholder{color:var(--color-text-base-subdued)}

._controls_1iy0t_57{display:contents}

._controls_1iy0t_57 ._contextSwitcher_1iy0t_60{order:-1;margin-left:2px}

._controls_1iy0t_57 ._chatButton_1iy0t_64{order:1}

._expanded_1iy0t_17 ._textareaContainer_1iy0t_33{width:100%;order:-1;padding:0 var(--space-2) var(--space-3)}

._expanded_1iy0t_17 ._controls_1iy0t_57{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}

._expanded_1iy0t_17 ._controls_1iy0t_57 ._contextSwitcher_1iy0t_60,._expanded_1iy0t_17 ._controls_1iy0t_57 ._chatButton_1iy0t_64{order:unset}

._landing_1id8r_1{margin-bottom:var(--origin-space-6)}

._greetingText_1id8r_5{font-size:24px}

._greeting_1pjjf_1{margin-left:var(--space-5);margin-right:var(--space-5);margin-bottom:var(--space-3)}

._loading_uoj0g_1{display:flex;flex-direction:column;align-items:start;justify-content:end;height:100%;padding:0 var(--space-5)}

._skeletonLoader_uoj0g_10{display:flex;flex-direction:column;gap:var(--space-2)}

._skeletonLoader_uoj0g_10 .gds-skeleton-rectangle .gds-skeleton-item-inner{border-radius:var(--radius-5)}

._button_1aby5_1{align-items:flex-start;background:transparent;border:none;border-radius:var(--radius-3);cursor:pointer;display:inline-flex;gap:var(--space-2);height:auto;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-5);text-align:left;white-space:normal;word-break:break-word;width:100%}

._button_1aby5_1:hover{outline:none;background:var(--color-background-base-tertiary)}

._button_1aby5_1:focus-visible{background:var(--color-background-base-tertiary);outline:1px solid var(--color-border-base-subdued)}

._description_1aby5_25{padding-top:2px}

._icon_1aby5_29{display:flex;flex-shrink:0;width:20px;height:20px;justify-content:center;align-items:center}

._greeting_4utx2_1{margin-left:calc(var(--origin-space-8) + 2px);margin-right:var(--origin-space-6);margin-bottom:var(--origin-space-4)}

._container_4bxqj_1{display:flex;flex-direction:column;align-items:stretch;gap:var(--origin-space-4);padding-left:var(--origin-space-3);padding-right:var(--origin-space-5);margin-left:var(--origin-space-5);margin-bottom:var(--origin-space-3)}

._item_4bxqj_12{padding:var(--origin-space-3) var(--origin-space-4) var(--origin-space-3) var(--origin-space-5)}

._agentIcon_9z4ye_1{padding:1px;font-size:8px;font-weight:600}

._popoverContent_1ccss_1 .gds-popover-content{transform:translate(-10px)}

._contextSwitcherButton_1gg6x_1{height:1.5rem;width:1.5rem;overflow:hidden}

._contextSwitcherButton_1gg6x_1 svg[data-icon=GGOInterfacePlus]{height:1.8rem;width:1.8rem}

._contextSwitcherButton_1gg6x_1 svg[data-icon=GGOInterfacePlus] [fill]{fill:currentColor}

._root_1h9vj_1{display:flex;flex-direction:row;align-items:center}

._root_1h9vj_1 .gds-menu-item{width:100%}

._root_1h9vj_1 .gds-menu-item ._menuItemIcon_1h9vj_9{flex:0 0 auto}

._root_1h9vj_1 .gds-menu-item._menuItem_1h9vj_9 span.gds-text{flex:1 0 0}

._root_1h9vj_1 .gds-menu-item span.gds-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

._root_1h9vj_1 .gds-menu-item:hover,._root_1h9vj_1 .gds-menu-item:focus{background-color:var(--color-background-base-subdued);border-radius:6px}

._root_1h9vj_1 .gds-menu-item:hover ._mainMenuItemIcon_1h9vj_24 path,._root_1h9vj_1 .gds-menu-item:focus ._mainMenuItemIcon_1h9vj_24 path{fill:var(--color-icon-base-default)}

._root_1h9vj_1 .gds-menu-dropdown{border:.5px solid var(--color-border-base-subdued);border-radius:var(--radius-4);box-shadow:0 2px 7px .5px var(--color-elevation-base-default-f3)}

._root_1h9vj_1 .gds-menu-list{border-radius:var(--radius-4)}

._root_1h9vj_1 .gds-menu-separator{margin-left:var(--space-1);margin-right:var(--space-1)}

._contextSwitcherMenu_1h9vj_40{width:246px}

._mainMenuItemIconContainer_1h9vj_44{border-radius:var(--radius-1);background-color:var(--color-background-base-subdued);height:2rem;width:2rem;justify-content:center;align-items:center}

._mainMenuItemIcon_1h9vj_24 path{fill:var(--color-icon-base-default)}

._agentMenuItemTitleContainer_1h9vj_57{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

._selectedMenuItemIcon_1h9vj_63{flex:0 0 fit-content}

._menuItemTitle_1h9vj_67{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

._menuItemContainer_1h9vj_73{min-width:0}

._connectionsButton_1h9vj_77{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-2);padding:var(--space-1);margin:calc(var(--space-1) * -1)}

._connectionsButton_1h9vj_77:hover{background-color:var(--color-background-base-subdued)}

._root_1k2qi_1{display:flex;flex-direction:row;align-items:center}

._root_1k2qi_1 .gds-menu-item{width:100%;font-size:14px}

._root_1k2qi_1 .gds-menu-item>*{flex:1 1 auto}

._root_1k2qi_1 .gds-menu-item span.gds-text{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

._root_1k2qi_1 .gds-menu-item span.gds-text._connectLabel_1k2qi_19{font-size:12px;margin-left:var(--space-3)}

._root_1k2qi_1 .gds-menu-item:hover,._root_1k2qi_1 .gds-menu-item:focus{background-color:var(--color-background-base-subdued);border-radius:6px}

._root_1k2qi_1 .gds-menu-dropdown{border:.5px solid var(--color-border-base-subdued);border-radius:var(--radius-4);box-shadow:0 2px 7px .5px var(--color-elevation-base-default-f3)}

._root_1k2qi_1 .gds-menu-list{border-radius:var(--radius-4)}

._menu_1k2qi_36{width:220px}

._availableAgentMenuItem_1k2qi_40{justify-content:space-between}

._menuItemTitleContainer_1k2qi_44{overflow:hidden}

._menuItemTitle_1k2qi_44{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 0}

._connectorsButton_1hmyw_1{background:none;border:1px solid var(--color-border-base-subdued);padding:var(--space-1) var(--space-2);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);border-radius:30px}

._connectorsButton_1hmyw_1:hover{background-color:var(--button-tertiary-background-hover)}

._connectorsButton_1hmyw_1:focus-visible{outline:2px solid var(--color-border-focus-default)}

._agentIcon_1hmyw_18{padding:1px;font-size:8px;font-weight:600}

._button_1kto7_1{width:30px;height:30px;border-radius:26px;padding:var(--space-1)}

._button_1kto7_1 svg{width:16px;height:16px}

._menuItem_1b667_1:not([aria-disabled=true]) .gds-icon svg,._menuItem_1b667_1:not([aria-disabled=true]) ._menuItemLabel_1b667_2{color:var(--color-text-base-default)}

._menuItemLabel_1b667_2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

._fileAttachmentNotice_73w8q_1{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-base-subdued);border-radius:8px;background-color:var(--color-background-base-default)}

._fileAttachmentNoticeGoOne_73w8q_9{border-radius:40px}

._fileAttachmentNoticeIcon_73w8q_14{flex:0 0 auto}

._fileAttachmentNoticeIcon_73w8q_14 path{fill:var(--color-icon-warning-inverse)}

._fileAttachmentNoticeText_73w8q_21{min-width:0;flex:1 1 auto}

._menu_10z3n_1{display:flex;flex-direction:row;align-items:center}

._menu_10z3n_1 .gds-menu-dropdown,._menu_10z3n_1 .gds-menu-list{border-radius:var(--radius-4)}

.gds-menu-item>span{width:100%}

._card_yjhib_1{overflow:hidden;color:var(--color-text-base-default);background:var(--color-background-base-default);border:1px solid var(--color-border-base-subdued);border-radius:var(--space-3)}

._content_yjhib_9{max-height:0;overflow:hidden;opacity:0;transition:max-height .75s cubic-bezier(.4,0,.2,1),opacity .75s cubic-bezier(.4,0,.2,1)}

._expanded_yjhib_16{max-height:var(--expandable-card-max-height);opacity:1}

._collapsedPreview_yjhib_21{max-height:min(var(--expandable-card-content-min-height),var(--expandable-card-max-height));opacity:1}

._viewport_yjhib_26{box-sizing:border-box;min-height:min(var(--expandable-card-content-min-height, 0px),var(--expandable-card-max-height));max-height:var(--expandable-card-max-height);background:var(--color-background-base-default);scrollbar-color:var(--color-border-base-subdued) transparent;scrollbar-gutter:stable;scrollbar-width:thin}

._expanded_yjhib_16 ._viewport_yjhib_26{overflow-y:auto}

._viewport_yjhib_26:focus{border-radius:var(--space-1);outline:1px solid var(--color-border-base-default);outline-offset:var(--space-1)}

@media (prefers-reduced-motion: reduce){._content_yjhib_9{transition:none}}

._defaultHeader_yjhib_51{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:center;min-height:44px;padding:var(--space-2) var(--space-3);color:inherit}

._defaultHeaderContent_yjhib_61{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

._defaultHeaderButton_yjhib_68{flex-shrink:0}

._root_kjah2_1{width:100%;max-width:768px;margin:0 auto;color:var(--color-text-base-default)}

._card_kjah2_8{overflow:hidden;background:var(--color-background-base-default);border:1px solid var(--color-border-base-subdued);border-radius:var(--radius-3);box-shadow:0 2px 8px #0000000a}

._card_kjah2_8:hover{border-color:var(--color-border-base-default)}

._inlineCardHeader_1rkaz_1{display:inline-flex;gap:var(--origin-space-2);align-items:center;min-width:0}

._inlineCardHeaderTitle_1rkaz_8{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

._menuItemContainer_mv18z_1{display:flex;align-items:center;position:relative;margin-bottom:1px}

._menuItemContainer_mv18z_1:hover ._contextMenu_mv18z_7,._menuItemContainer_mv18z_1:focus-within ._contextMenu_mv18z_7{opacity:1;visibility:visible}

._menuItemContainer_mv18z_1:hover ._menuItem_mv18z_1:not([aria-disabled=true]),._menuItemContainer_mv18z_1:focus-within ._menuItem_mv18z_1:not([aria-disabled=true]){background:var(--color-background-base-tertiary);padding-right:var(--space-10)}

._menuItem_mv18z_1{display:flex;align-items:center;gap:var(--space-2);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:var(--space-2) var(--space-4);margin:0 var(--space-2);border-radius:var(--radius-1);cursor:pointer;text-align:left;flex:1;min-width:0;height:34px}

._menuItem_mv18z_1>:not(._menuItemIcon_mv18z_32){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

._menuItem_mv18z_1:hover{outline:none}

._menuItem_mv18z_1:focus-visible{outline-offset:-2px;outline:2px solid var(--color-border-base-default)}

._menuItem_mv18z_1[aria-disabled=true]{opacity:.5;cursor:default}

._menuItem_mv18z_1._selected_mv18z_48:not([aria-disabled=true]){background:var(--color-background-base-tertiary)}

._menuItemIcon_mv18z_32{height:20px;width:20px;flex-shrink:0;color:var(--color-icon-base-default)}

._menuItemIcon_mv18z_32:empty{display:none}

._menuItemIcon_mv18z_32>svg{height:20px;width:20px}

._contextMenu_mv18z_7{opacity:0;visibility:hidden;position:absolute;right:var(--space-3);top:0;bottom:0;display:flex;align-items:center;padding-left:var(--space-1)}

._contextMenu_mv18z_7 .origin-button-tertiary:hover{background-color:var(--color-background-base-tertiary)}

._confirmationBox_15k92_1{width:100%;background-color:var(--color-background-base-subdued);border-radius:var(--radius-2)}

._closeIcon_15k92_7{height:18px;width:18px}

._container_x2qng_1{display:contents}

._container_x2qng_1 .gds-menu-dropdown,._container_x2qng_1 .origin-menu-dropdown{animation:_reveal-when-positioned_x2qng_1 .05s linear both}

@keyframes _reveal-when-positioned_x2qng_1{0%,50%{display:none}to{display:block}}

._sortableItem_uvbvz_1{position:relative;list-style:none}

._dragging_uvbvz_6{z-index:2}

._agentIconWrapper_uvbvz_10{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease}

._sortableItem_uvbvz_1:not(._disabled_uvbvz_17):hover ._agentIconWrapper_uvbvz_10,._sortableItem_uvbvz_1:not(._disabled_uvbvz_17):has(:focus-visible) ._agentIconWrapper_uvbvz_10{opacity:0;transform:translate(20px)}

._dragHandle_uvbvz_23{position:absolute;left:calc(var(--space-2) + var(--space-4));top:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-icon-base-default);cursor:grab;opacity:0;transform:translate(-20px) translateY(-50%);transition:transform .2s ease,opacity .2s ease;touch-action:none;pointer-events:none;z-index:1}

._dragHandle_uvbvz_23:active{cursor:grabbing}

._dragHandle_uvbvz_23:focus-visible{outline:2px solid var(--color-border-base-default);outline-offset:1px}

._sortableItem_uvbvz_1:not(._disabled_uvbvz_17):hover ._dragHandle_uvbvz_23,._sortableItem_uvbvz_1:not(._disabled_uvbvz_17):has(:focus-visible) ._dragHandle_uvbvz_23{opacity:1;transform:translate(0) translateY(-50%);pointer-events:auto}

@media (hover: none){._sortableItem_uvbvz_1:not(._disabled_uvbvz_17) ._agentIconWrapper_uvbvz_10{opacity:0;transform:translate(20px)}._sortableItem_uvbvz_1:not(._disabled_uvbvz_17) ._dragHandle_uvbvz_23{opacity:1;transform:translate(0) translateY(-50%);pointer-events:auto}}

._agentsListRoot_r5jsb_1{position:relative;height:100%}

._hoverBox_r5jsb_6{position:absolute;bottom:var(--space-3);left:var(--space-3);right:var(--space-3);z-index:1000}

._agentsListHeader_r5jsb_14{height:4rem;padding:0 var(--space-4)}

._agentsHeading_r5jsb_19{flex:1;font-weight:500}

._headerPlaceholder_r5jsb_24{width:32px;height:32px;visibility:hidden}

._searchFieldContainer_r5jsb_30{padding:0 var(--space-4) var(--space-2)}

._searchFieldContainer_r5jsb_30 .gds-text-field-container{border-radius:10px}

._searchFieldContainer_r5jsb_30 .gds-text-field .gds-text-field-input{border-radius:10px;background-color:var(--color-fill-base-default, white)}

._sectionHeading_r5jsb_41{padding:var(--space-2) var(--space-6);font-weight:400}

._agentsScrollArea_r5jsb_46{flex:1;min-height:0;overflow-y:auto}

._agentsScrollArea_r5jsb_46._scrollable_r5jsb_51{border-top:1px solid var(--color-border-base-subdued);border-bottom:1px solid var(--color-border-base-subdued)}

._agentsList_r5jsb_1{list-style:none;margin:0;padding:0}

._placeholderContent_r5jsb_62{padding:var(--space-8)}

._agentsSection_14a5w_1:hover ._createAgentButton_14a5w_1,._createAgentButton_14a5w_1:focus-within{opacity:1}

._headingRow_14a5w_6{padding:var(--space-half) var(--space-0) var(--space-half) var(--space-4);margin:var(--space-0) var(--space-2)}

._sectionHeading_14a5w_11{display:block;font-weight:400}

._createAgentButton_14a5w_1{opacity:0}

._menuList_14a5w_20{list-style:none;margin:0;padding:0}

._moreListItem_14a5w_26 span{color:var(--color-text-base-subdued)}

._moreListItem_14a5w_26 span path{fill:var(--color-text-base-subdued)}

._footer_oc53l_1{margin-top:auto;padding:var(--space-2) var(--space-6) var(--space-6) var(--space-6)}

._menuList_1atli_1{list-style:none;margin:0;padding:0}

._taskIcon_15mys_1{flex-shrink:0;margin-right:var(--space-2)}

._taskEditor_1ysoo_1{margin:var(--space-2)}

._taskEditor_1ysoo_1 ._textField_1ysoo_4{background-color:var(--color-background-base-default);border-color:var(--color-border-base-subdued)}

._srOnly_14byl_1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(0 0 0 0);white-space:nowrap;border:0}

._sectionHeading_1y2sj_1{display:block;font-weight:400;padding:var(--space-2) var(--space-6)}

._heading_1tqm4_1{display:flex;align-items:center;flex:1;min-width:0}

._logo_1tqm4_8{display:block;margin:var(--space-2)}

._scrollArea_1435v_1{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-2)}

._scrollArea_1435v_1::-webkit-scrollbar-track{background:transparent}

._scrollArea_1435v_1::-webkit-scrollbar{width:12px}

._scrollArea_1435v_1::-webkit-scrollbar-thumb{background-color:var(--color-border-base-subdued);background-clip:padding-box;border:2px solid transparent;border-radius:6px}

._scrollArea_1435v_1._scrollable_1435v_22{border-bottom:1px solid var(--color-border-base-subdued)}

._mainView_pe8g6_1{height:100%}

._assistantMenuTitle_pe8g6_5{display:flex;align-items:center;height:4rem;font-weight:500;padding:0 1rem;flex-shrink:0}

._assistantMenu_158xi_1{position:relative;height:100%;pointer-events:auto;width:0;flex-shrink:0;transition:width .3s ease-in-out;z-index:100;overflow:visible}

._assistantMenu_158xi_1._open_158xi_11{width:260px}

._assistantMenu_158xi_1._open_158xi_11 ._assistantMenuContent_158xi_14{left:0}

._assistantMenuContent_158xi_14{display:flex;flex-direction:column;position:absolute;top:0;left:-260px;bottom:0;width:260px;transition:left .3s ease-in-out;border-right:1px solid var(--color-border-base-subdued);background:var(--color-background-base-subdued);z-index:100;overflow:hidden}

._viewPanel_158xi_33{width:100%;height:100%;flex-shrink:0;overflow:hidden;display:flex;flex-direction:column}

._agentsOverlay_158xi_42{position:absolute;top:0;bottom:0;left:100%;width:260px;z-index:99;transform:translate(-100%);background:var(--color-background-base-subdued);border-right:1px solid var(--color-border-base-subdued);display:flex;flex-direction:column;overflow:hidden;pointer-events:none}

._assistantMenu_158xi_1._open_158xi_11 ._agentsOverlay_158xi_42{transition:transform .3s ease-in-out}

._assistantMenu_158xi_1._open_158xi_11 ._agentsOverlay_158xi_42._agentsView_158xi_61{transform:translate(0);pointer-events:auto}

@media (prefers-reduced-motion: reduce){._assistantMenu_158xi_1,._assistantMenuContent_158xi_14,._assistantMenu_158xi_1._open_158xi_11 ._agentsOverlay_158xi_42{transition:none}}

._assistantMenu_1vvfy_1{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;overflow:hidden;pointer-events:none}

._assistantMenuContent_1vvfy_12{display:flex;flex-direction:column;position:absolute;top:0;left:-260px;bottom:0;width:260px;transition:left .3s ease-in-out;border-right:1px solid var(--color-border-base-subdued);background:var(--color-background-base-subdued);z-index:100;overflow:hidden}

._assistantMenu_1vvfy_1._open_1vvfy_27{pointer-events:auto}

._assistantMenu_1vvfy_1._open_1vvfy_27 ._assistantMenuContent_1vvfy_12{left:0}

._viewSlider_1vvfy_34{display:flex;width:200%;height:100%;transition:transform .3s ease-in-out}

._viewSlider_1vvfy_34._agentsView_1vvfy_40{transform:translate(-50%)}

._viewPanel_1vvfy_44{width:50%;flex-shrink:0;overflow:hidden;display:flex;flex-direction:column}

@media (prefers-reduced-motion: reduce){._assistantMenuContent_1vvfy_12,._viewSlider_1vvfy_34{transition:none}}

._modalOverlay_n586a_1{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;pointer-events:none}

._modalOverlay_n586a_1._open_n586a_10{pointer-events:auto}

._modalContent_n586a_14{position:absolute;top:0;right:calc(-100% - 1px);width:100%;height:100%;overflow:hidden;background:var(--color-background-base-subdued);outline:1px solid var(--color-border-base-subdued);transition:right .3s ease-in-out}

._open_n586a_10 ._modalContent_n586a_14{right:0}

._modalTitleContainer_n586a_30{overflow:hidden;min-width:0}

._modalTitle_n586a_30{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}

@media (prefers-reduced-motion: reduce){._modalContent_n586a_14{transition:none}}

._portalContainer_hdsm4_1{position:relative;z-index:2000}

._scrim_85k05_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-8, 32px);background-color:#00000052}

._card_85k05_12{width:100%;max-width:560px;max-height:100%;overflow:auto}

._heading_19yeg_1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-align:center;font-weight:500}

._headingStart_19yeg_10{text-align:left}

._header_1dzog_1{--go-one-header-control-size: var(--space-8);--go-one-header-leading-size: var(--go-one-header-control-size);display:grid;grid-template-columns:var(--go-one-header-leading-size) minmax(0,1fr) minmax(var(--go-one-header-control-size),auto);gap:var(--space-4);align-items:center;padding:var(--space-4);transition:grid-template-columns .3s ease-in-out}

._header_1dzog_1._leadingCollapsed_1dzog_15{--go-one-header-leading-size: 0px}

._leading_1dzog_15{grid-column:1;width:var(--go-one-header-leading-size);height:var(--go-one-header-control-size);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:width .3s ease-in-out}

._menuButton_1dzog_30{opacity:1;pointer-events:auto;transition:opacity .15s ease-in-out .3s}

._menuButton_1dzog_30._menuButtonHidden_1dzog_37{opacity:0;pointer-events:none;transition-delay:0s}

._content_1dzog_43{grid-column:2;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2)}

._trailing_1dzog_52{grid-column:3;min-width:var(--go-one-header-control-size);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}

@media (prefers-reduced-motion: reduce){._menuButton_1dzog_30{transition-delay:0s}._header_1dzog_1,._leading_1dzog_15{transition:none}}

._item_bbzzg_1:focus-visible{outline:none}

._row_bbzzg_5{display:flex;align-items:center;gap:var(--space-2);min-width:0}

._icon_bbzzg_12{display:flex;flex-shrink:0}

._label_bbzzg_17{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

._menu_1esps_1 .origin-menu-dropdown{min-width:276px;overflow:hidden}

._menu_1esps_1 .origin-menu-group{max-height:260px;overflow-y:auto;margin-right:calc(var(--space-1) * -1);padding-right:var(--space-1)}

._menu_1esps_1 .origin-menu-group::-webkit-scrollbar{width:var(--space-2)}

._menu_1esps_1 .origin-menu-group::-webkit-scrollbar-track{background:transparent}

._menu_1esps_1 .origin-menu-group::-webkit-scrollbar-thumb{background:var(--color-border-base-subdued);border-radius:var(--radius-1)}

._activatorContent_1esps_22{display:flex;align-items:center;gap:var(--space-1)}

._activator_1esps_22{margin-left:calc(var(--space-3) * -1)}

._activatorLabel_1esps_32{color:var(--color-text-base-default)}

._modalTitleContainer_18u6m_1{overflow:hidden;min-width:0}

._modalTitle_18u6m_1{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}

._root_xlelz_1{width:100%;height:100%;overflow-y:auto}

._mainContent_1vsi3_1{position:relative;overflow:hidden;min-height:0;opacity:1;transform:translate(0);transition:transform .3s ease-in-out,opacity .3s ease-in-out}

._mainContent_1vsi3_1._withAssistantMenuOpen_1vsi3_10{transform:translate(4px);opacity:.5}

._mainContent_1vsi3_1._withModalOpen_1vsi3_15{transform:translate(-4px);opacity:.5}

._mainContent_1vsi3_1._withInlineMenu_1vsi3_20{flex:1;min-width:0}

._mainContent_1vsi3_1._withInlineMenu_1vsi3_20._withAssistantMenuOpen_1vsi3_10{transform:none;opacity:1}

._contentContainer_1vsi3_29{min-height:0}

._chat_1vsi3_33{display:contents}

._chat_1vsi3_33._hidden_1vsi3_36{display:none}

@media (prefers-reduced-motion: reduce){._mainContent_1vsi3_1{transition:none}}

._root_l6bk7_1{display:flex;flex-direction:column;height:100%;min-width:360px;position:relative;overflow-x:hidden;background:var(--color-background-base-subdued)}

._root_l6bk7_1._inline_l6bk7_11{flex-direction:row;isolation:isolate}

._root_l6bk7_1 *{box-sizing:border-box}

._userInitialsAvatar_ju8iy_1{width:32px;height:32px;color:var(--color-button-primary-content-default, var(--neutral-gray-100));display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:400;letter-spacing:.05em;-webkit-user-select:none;user-select:none;border:none;background-color:var(--color-button-primary-background-default, var(--purple-30))}

._userInitialsAvatar_ju8iy_1._small_ju8iy_15{width:24px;height:24px;font-size:11px}

._userInitialsAvatar_ju8iy_1._small_ju8iy_15>.gds-text-small{font-size:11px!important}

._userInitialsAvatar_ju8iy_1._large_ju8iy_23{width:40px;height:40px;font-size:16px}

._userInitialsAvatar_ju8iy_1._large_ju8iy_23>.gds-text-small{font-size:16px!important}

._userInfo_1km94_1{border-bottom:.5px solid var(--color-border-base-subdued)}

._userMenu_7hec0_1>.gds-menu-dropdown{border:.5px solid var(--color-border-base-subdued);border-radius:var(--space-4);box-shadow:0 2px 7px .5px var(--color-elevation-base-default-f3);overflow:hidden;position:fixed!important}

._userMenu_7hec0_1>.gds-menu-dropdown>.gds-menu-list{gap:var(--space-0);padding:var(--space-0)}

._userMenu_7hec0_1 .gds-menu-item{padding:10px var(--space-4);border-radius:var(--space-0)!important}

._userMenu_7hec0_1 .gds-menu-item:first-of-type{margin-top:6px}

._userMenu_7hec0_1 .gds-menu-item:last-of-type{margin-bottom:6px}

._userMenuActivator_7hec0_23{margin:0;padding:0;border:none;height:auto;background:none!important}

._userMenuActivator_7hec0_23:hover{cursor:pointer;background:none!important}

._userName_7hec0_35{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;color:var(--color-text-base-default)}

._darkModeMenuItem_7hec0_43 .gds-icon{flex-shrink:0}

._darkModeMenuItem_7hec0_43>.gds-text{display:flex;width:100%}

._darkModeMenuItem_7hec0_43>.gds-text>.gds-flex{flex:1 1 auto}

._darkModeMenuItem_7hec0_43>.gds-text>.gds-flex>.gds-switch{flex:1 1 auto}

[data-gds-theme=dark] ._goBranding_7hec0_57 .gds-switch-input:checked+.gds-switch-indicator rect{fill:#602639;stroke:#602639}

[data-gds-theme=dark] ._goBranding_7hec0_57 .gds-switch-input:checked+.gds-switch-indicator circle{fill:#fff}

[data-gds-theme=dark] ._goBranding_7hec0_57 .gds-switch-input:checked+.gds-switch-indicator path{stroke:#602639}

._link_1tj56_1{text-decoration:underline;text-wrap:nowrap}

._link_1tj56_1:hover{text-decoration:underline}

._goOneBorder_15tri_1,._goOneBorder_10wjx_1{border:1px solid var(--color-border-base-subdued)}

._inlineLink_10wjx_5{background:none;border:none;padding:0;font:inherit;cursor:pointer}

._inlineLink_10wjx_5:focus-visible{outline:2px solid var(--ds-color-interactive-base-default);outline-offset:2px}

._inlineLink_10wjx_5{color:var(--ds-color-interactive-base-default);text-decoration:underline}

._inlineLink_10wjx_5:hover{color:var(--ds-color-interactive-base-hover)}

._inlineLink_10wjx_5:active{color:var(--ds-color-interactive-base-active)}

._empty_1rtzi_1{width:100%;height:100%}

._input_1rtzi_6{width:100%;max-width:768px;margin:0 auto}

._chat_1008u_1{width:100%;height:100%}

._chatRouteView_jf9ko_1{width:100%;display:flex;height:100%;overflow:auto}

@property --chat-agent-gradient-bottom-color{syntax: "<color>"; initial-value: transparent; inherits: false;}

._chatAgentRoot_s3qx1_6{height:100%;--chat-agent-gradient-bottom-color: var(--color-background-base-default);background:linear-gradient(var(--color-background-base-default),var(--chat-agent-gradient-bottom-color));transition:--chat-agent-gradient-bottom-color .15s ease}

._chatAgentRootGradient_s3qx1_13{--chat-agent-gradient-bottom-color: var(--color-background-brand-subdued)}

._chatAgentRootGoOne_s3qx1_17{background:var(--color-background-base-subdued)}

._panel_5vc3c_1{width:100%;height:100%}

._input_5vc3c_6{width:100%;max-width:768px;margin:0 auto}

html,
body,
#root {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  overflow: hidden;
  font-family: var(--font-stack-inter);
  color: var(--color-text-base-default);
  background: var(--color-background-base-default);
}

/*# sourceMappingURL=index.css.map */._root_ic2up_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding: 24px;
  text-align: center;
}

._message_ic2up_14 {
  max-width: 36ch;
}._chip_14v6y_1 {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fff;
  pointer-events: none;
  user-select: none;
  opacity: 0.7;
}

._chip_14v6y_1[data-environment=qa] {
  background: #d97706;
}

._chip_14v6y_1[data-environment=preprod] {
  background: #dc2626;
}._app_1xytv_1 {
  width: 100%;
  height: 100%;
}._colorSchemeProvider_wvoj9_1 {
  --go-one-color-background-base-subdued: #fcfaf7;
  height: 100%;
  width: 100%;
  background-color: var(--go-one-color-background-base-subdued);
}
._colorSchemeProvider_wvoj9_1[data-gds-theme=dark] {
  --go-one-color-background-base-subdued: #292827;
}

._skeleton_wvoj9_11 {
  display: flex;
  width: 100%;
  height: 100%;
}

._sidebar_wvoj9_17 {
  display: flex;
  flex-direction: column;
  flex: 0 0 260px;
  padding: var(--space-3);
  gap: var(--space-4);
  box-sizing: border-box;
  border-right: 1px solid var(--color-border-base-subdued);
}

._sidebarHeader_wvoj9_27 {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-1);
}

._sidebarHeaderSpacer_wvoj9_34 {
  flex: 1;
}

._sidebarNav_wvoj9_38 {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

._navItem_wvoj9_44 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-2);
}

._navLabel_wvoj9_51 {
  flex: 1 1 auto;
  max-width: 120px;
}

._sidebarSpacer_wvoj9_56 {
  flex: 1;
}

._user_wvoj9_60 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px;
}

._main_wvoj9_67 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-6);
  box-sizing: border-box;
}

._header_wvoj9_77 {
  height: 64px;
}

._landing_wvoj9_81 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  margin-bottom: 28px;
}

._input_wvoj9_89 {
  width: 100%;
  max-width: 760px;
}

._logoMark_wvoj9_94 {
  border-radius: var(--radius-1-and-half);
}

._landingIcon_wvoj9_98 {
  border-radius: var(--radius-2);
}

._inputPill_wvoj9_102 {
  border-radius: var(--radius-25);
}