/* [project]/pkg/rui-icons/src/Icon.module.css [client] (css) */
@layer components {
  .Icon-module__CwnszW__icon {
    --Icon--size: 16px;
    --Icon--rotate: 0deg;
    vertical-align: middle;
    transform: rotate(var(--Icon--rotate));
    min-width: var(--Icon--size);
    min-height: var(--Icon--size);
  }
}

/* [project]/pkg/next-app/client/rui/useView.module.css [client] (css) */
@layer base {
  .useView-module__vOh_Ha__view {
    flex: var(--useView--grow) var(--useView--shrink) var(--useView--basis);
    flex-flow: column var(--useView--wrap);
    justify-content: var(--useView--justify);
    align-items: var(--useView--align);
    gap: var(--useView--gap);
    box-sizing: border-box;
    padding: var(--useView--pt) var(--useView--pr) var(--useView--pb) var(--useView--pl);
    border-radius: var(--useView--border-radius);
    --useView--gap: 0;
    --useView--justify: start;
    --useView--align: stretch;
    --useView--pt: 0;
    --useView--pr: 0;
    --useView--pb: 0;
    --useView--pl: 0;
    --useView--grow: 0;
    --useView--shrink: 0;
    --useView--basis: auto;
    --useView--wrap: nowrap;
    --useView--border-radius: 0;
    border-style: solid;
    border-width: 0;
    outline: none;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  .useView-module__vOh_Ha__view.useView-module__vOh_Ha__isHorizontal {
    flex-direction: row;
  }
}

/* [project]/pkg/next-app/client/rui/Tooltip.module.css [client] (css) */
@layer components {
  .Tooltip-module__TUYq9G__tooltipSurface {
    box-shadow: var(--shadow-floating);
    color: var(--foreground-default);
    font-size: var(--font-size-small);
  }

  .Tooltip-module__TUYq9G__tooltipPopper {
    pointer-events: var(--Tooltip--pointer-events);
    font-family: var(--font-family-default);
    z-index: var(--Tooltip--z-index);
    font-size: var(--font-size-small);
    --Tooltip--pointer-events: none;
    --Tooltip--border: transparent;
    --Tooltip--background: transparent;
    --Tooltip--z-index: 0;
  }

  .Tooltip-module__TUYq9G__tooltipPopper[data-popper-reference-hidden="true"] {
    opacity: 0;
    pointer-events: var(--Tooltip--pointer-events);
  }

  .Tooltip-module__TUYq9G__tooltipContentWrapper {
    box-shadow: var(--shadow-0);
    border: 1px solid var(--Tooltip--border);
    opacity: .999;
    overflow: hidden;
  }

  .Tooltip-module__TUYq9G__tooltipContent {
    color: var(--foreground-default);
    font-size: var(--font-size-small);
    background-color: var(--Tooltip--background);
  }
}

/* [project]/pkg/next-app/client/rui/Text.module.css [client] (css) */
@layer components {
  .Text-module__KIh4Sq__text {
    --Text--font-family: inherit;
    --Text--font-size: inherit;
    --Text--line-height: inherit;
    --Text--font-weight: inherit;
    --Text--color: inherit;
    --Text--max-lines: inherit;
    --Text--text-align: inherit;
    --Text--text-wrap: inherit;
    color: var(--Text--color);
    font-weight: var(--Text--font-weight);
    font-size: var(--Text--font-size);
    line-height: var(--Text--line-height);
    font-family: var(--Text--font-family);
    text-align: var(--Text--text-align);
    text-wrap: var(--Text--text-wrap);
  }

  .Text-module__KIh4Sq__multiline {
    overflow-wrap: break-word;
    display: inline;
  }

  .Text-module__KIh4Sq__multilinePreserveNewlines {
    overflow-wrap: break-word;
    white-space: pre-wrap;
    display: block;
  }

  .Text-module__KIh4Sq__multilineClamped {
    overflow-wrap: break-word;
    -webkit-line-clamp: var(--Text--max-lines);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .Text-module__KIh4Sq__singleLine {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: break-word;
    max-width: 100%;
    display: inline-block;
    overflow: hidden;
  }

  .Text-module__KIh4Sq__singleLineWrapper {
    min-width: 0;
    height: var(--Text--font-size);
    align-items: center;
    display: flex;
  }
}

/* [project]/pkg/next-app/client/modals/ModalProvider.module.css [client] (css) */
@layer components {
  .ModalProvider-module__CMb6wa__modalPortalContainer {
    isolation: isolate;
    pointer-events: none;
    position: fixed;
    inset: 0;
  }

  .ModalProvider-module__CMb6wa__modalPortalContainer > * {
    pointer-events: auto;
  }
}

/* [project]/pkg/next-app/client/bubbles/cta/FooterCta.module.css [client] (css) */
@layer components {
  .FooterCta-module__EpEToa__heading {
    color: #191818;
    letter-spacing: -.04em;
    text-align: center;
    text-wrap: balance;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 1;
  }

  .FooterCta-module__EpEToa__button {
    cursor: pointer;
    color: #fff;
    letter-spacing: -.03em;
    text-align: center;
    background-color: #ff3c00;
    border: none;
    border-radius: 90px;
    justify-content: center;
    align-items: center;
    width: 306px;
    height: 80px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: .8;
    text-decoration: none;
    transition: opacity .1s ease-out;
    display: flex;
  }

  .FooterCta-module__EpEToa__button:hover {
    opacity: .9;
  }
}

/* [project]/pkg/next-app/client/bubbles/footer/FooterGlobe.module.css [client] (css) */
@keyframes FooterGlobe-module__nYyUxa__blink {
  0% {
    opacity: 1;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@layer components {
  .FooterGlobe-module__nYyUxa__wrapper {
    align-items: center;
    gap: 10px;
    display: flex;
  }

  .FooterGlobe-module__nYyUxa__infoCard {
    color: #938f8c;
    background: #ffffff1a;
    border: 1px solid #767270;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 64px;
    height: 64px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    display: flex;
  }

  .FooterGlobe-module__nYyUxa__city {
    letter-spacing: 0;
    font-size: 8px;
    font-weight: 400;
    line-height: 100%;
  }

  .FooterGlobe-module__nYyUxa__time {
    letter-spacing: 0;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    line-height: 100%;
  }

  .FooterGlobe-module__nYyUxa__temp {
    letter-spacing: 0;
    font-size: 8px;
    font-weight: 400;
    line-height: 100%;
  }

  .FooterGlobe-module__nYyUxa__colonBlink {
    animation: 2s step-end infinite FooterGlobe-module__nYyUxa__blink;
  }
}

/* [project]/pkg/next-app/client/bubbles/FullWidthWrapper.module.css [client] (css) */
@layer components {
  .FullWidthWrapper-module__ajRPBG__fullWidthWrapper {
    width: 100%;
  }

  .FullWidthWrapper-module__ajRPBG__fullWidthWrapper .FullWidthWrapper-module__ajRPBG__content {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
    overflow-x: hidden;
  }
}

/* [project]/pkg/next-app/client/rui/DividerH.module.css [client] (css) */
@layer components {
  .DividerH-module__AtpSyW__divider {
    background-color: var(--interactive-border);
    height: 1px;
  }
}

/* [project]/pkg/next-app/client/rui/Interactive2.module.css [client] (css) */
@layer components {
  .Interactive2-module__BR3hWq__root {
    --Interactive2--border-radius: var(--border-radius-6);
    font: inherit;
  }

  @media (hover: hover) {
    .Interactive2-module__BR3hWq__root:not([disabled], [aria-disabled], input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea) {
      cursor: pointer;
    }
  }

  html:not([data-focus-visible]) .Interactive2-module__BR3hWq__root:not([disabled], [aria-disabled]):focus {
    outline-color: #0000;
  }

  html[data-focus-visible] .Interactive2-module__BR3hWq__root:not([disabled], [aria-disabled], textarea):active {
    outline-color: var(--accent-primary-default);
    transition: none;
  }

  .Interactive2-module__BR3hWq__transition {
    transition-duration: var(--transition-duration-snappy);
    transition-property: background-color;
    transition-timing-function: var(--transition-timing-function-snappy);
  }

  .Interactive2-module__BR3hWq__focus:not([disabled], [aria-disabled]):focus {
    outline: 2px solid var(--accent-primary-default);
    outline-offset: -2px;
  }

  .Interactive2-module__BR3hWq__disabled.Interactive2-module__BR3hWq__loading, .Interactive2-module__BR3hWq__disabled:disabled, .Interactive2-module__BR3hWq__disabled[aria-disabled="true"] {
    cursor: auto;
  }

  .Interactive2-module__BR3hWq__borderRadius {
    border-radius: var(--Interactive2--border-radius);
  }

  .Interactive2-module__BR3hWq__shades {
    background: none;
    border-width: 0;
  }

  .Interactive2-module__BR3hWq__shades:disabled, .Interactive2-module__BR3hWq__shades[aria-disabled="true"] {
    opacity: .5;
    cursor: not-allowed;
  }

  .Interactive2-module__BR3hWq__shadesUnderlined {
    text-decoration: underline;
  }

  @media (hover: hover) {
    .Interactive2-module__BR3hWq__shadesUnderlined:not([disabled], [aria-disabled]):hover, .Interactive2-module__BR3hWq__shadesUnderlined:not([disabled], [aria-disabled]):active {
      background-color: #0000 !important;
    }
  }

  .Interactive2-module__BR3hWq__shadesUnderlinedOnHover {
    background-color: #0000;
    text-decoration: none;
  }

  @media (hover: hover) {
    .Interactive2-module__BR3hWq__shadesUnderlinedOnHover:not([disabled], [aria-disabled]):hover {
      text-decoration: underline;
      background-color: #0000 !important;
    }
  }

  .Interactive2-module__BR3hWq__shadesUnderlinedOnHover:not([disabled], [aria-disabled]):focus {
    text-decoration: underline;
  }

  .Interactive2-module__BR3hWq__shadowed {
    box-shadow: 0 2px 2px #00000005;
  }
}

/* [project]/pkg/next-app/client/rui/Button.module.css [client] (css) */
@layer components {
  .Button-module__nDccya__button {
    --Button--height: 32px;
    --Button--shrink: 0;
    --Button--align-self: auto;
    --Button--alignment: center;
    --Button--px: var(--space-8);
    --Button--border-radius: var(--border-radius-6);
    justify-content: var(--Button--alignment);
    align-items: center;
    align-self: var(--Button--align-self);
    gap: var(--space-8);
    border-radius: var(--Button--border-radius);
    padding-right: var(--Button--px);
    padding-left: var(--Button--px);
    min-width: 0;
    height: var(--Button--height);
    flex-direction: row;
    flex-basis: auto;
    min-height: 0;
    display: flex;
    flex-shrink: var(--Button--shrink) !important;
  }
}

/* [project]/pkg/next-app/client/rui/IconButton.module.css [client] (css) */
@layer components {
  .IconButton-module__eEtQNq__root {
    --IconButton--size: 24px;
    width: var(--IconButton--size);
    height: var(--IconButton--size);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .IconButton-module__eEtQNq__tooltipSurface {
    box-shadow: var(--shadow-floating);
    pointer-events: none;
    max-width: 240px;
    color: var(--foreground-default);
    font-size: var(--font-size-small);
    overflow: hidden;
  }
}

/* [project]/pkg/next-app/client/rui/Modal.module.css [client] (css) */
@layer components {
  .Modal-module__2F070q__underlay {
    background-color: var(--background-overlay);
    opacity: 0;
    padding: var(--space-16);
    -webkit-app-region: no-drag;
    transition: opacity .2s;
    display: block;
    position: fixed;
    inset: 0;
    overflow: auto;
  }

  @media screen and (min-width: 512px) {
    .Modal-module__2F070q__underlay {
      padding: var(--space-32);
      padding-bottom: var(--space-64);
    }
  }

  .Modal-module__2F070q__underlay[data-centered="true"] {
    align-items: center;
    display: flex;
  }

  .Modal-module__2F070q__dialogFullscreen {
    width: 100%;
    height: 100%;
    position: fixed;
    inset: 0;
    overflow: auto;
  }

  .Modal-module__2F070q__dialogFromSide {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }

  .Modal-module__2F070q__dialogPopup {
    outline: none;
    flex-grow: 1;
    flex-shrink: 1;
    position: relative;
  }

  .Modal-module__2F070q__modalContentFromSide {
    border-left: solid 1px var(--background-higher);
    border-radius: 0;
    flex-direction: column;
    height: 100%;
    display: flex;
    overflow: hidden;
  }

  .Modal-module__2F070q__modalContentFromSideInner {
    padding: var(--space-16);
    scrollbar-width: thin;
    scrollbar-color: var(--background-highest) transparent;
    flex: 1;
    overflow: hidden auto;
  }

  .Modal-module__2F070q__modalContentFromSideInner::-webkit-scrollbar {
    width: 8px;
  }

  .Modal-module__2F070q__modalContentFromSideInner::-webkit-scrollbar-track {
    background: none;
  }

  .Modal-module__2F070q__modalContentFromSideInner::-webkit-scrollbar-thumb {
    border-radius: var(--border-radius-4);
    background-color: var(--background-highest);
  }

  .Modal-module__2F070q__modalContentFromSideInner::-webkit-scrollbar-thumb:hover {
    background-color: var(--outline-default);
  }

  .Modal-module__2F070q__modalContentPopup {
    border-radius: calc(var(--border-radius-dialog) - 1px);
    border-left: none;
    height: auto;
  }

  .Modal-module__2F070q__modalContentFullscreen {
    border-radius: 0;
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: auto;
  }

  .Modal-module__2F070q__closeButton {
    z-index: 100001;
    position: absolute;
  }
}

/* [project]/pkg/next-app/client/rui/Switch.module.css [client] (css) */
@layer components {
  .Switch-module__C40utW__label {
    align-items: center;
    gap: var(--space-8);
    flex-direction: row;
    display: flex;
  }

  .Switch-module__C40utW__svg [data-switch-outline] {
    transition: stroke .1s ease-out;
  }

  .Switch-module__C40utW__svg:hover [data-switch-outline] {
    transition: stroke;
  }

  .Switch-module__C40utW__background {
    transition: fill 80ms ease-out;
  }

  .Switch-module__C40utW__button {
    transition: x 80ms ease-out;
  }
}

/* [project]/pkg/next-app/client/bubbles/footer/BigFooter.module.css [client] (css) */
@layer components {
  .BigFooter-module__JuPJhG__bigFooter {
    background-color: #faf5f0;
    width: 100%;
  }

  .BigFooter-module__JuPJhG__footerSection {
    letter-spacing: -.02em;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
  }

  .BigFooter-module__JuPJhG__sectionTitle {
    color: #76716f;
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
  }

  .BigFooter-module__JuPJhG__sectionLink {
    color: #76716f;
    text-decoration: none;
  }

  .BigFooter-module__JuPJhG__sectionLink:hover {
    opacity: .8;
  }

  .BigFooter-module__JuPJhG__madeIn, .BigFooter-module__JuPJhG__copyright {
    color: #76716f;
  }

  .BigFooter-module__JuPJhG__divider {
    background-color: #76716f;
  }

  .BigFooter-module__JuPJhG__footerDivider {
    background-color: #dad2ce;
  }

  .BigFooter-module__JuPJhG__madeInSection {
    flex-direction: row;
  }

  @media not (min-width: 768px) {
    .BigFooter-module__JuPJhG__madeInSection {
      text-align: center;
      flex-direction: column;
      align-items: center;
    }
  }

  .BigFooter-module__JuPJhG__footerContent {
    flex-direction: row;
  }

  @media not (min-width: 1024px) {
    .BigFooter-module__JuPJhG__footerContent {
      gap: var(--space-48);
      flex-direction: column;
    }
  }

  .BigFooter-module__JuPJhG__footerSections {
    gap: var(--space-48);
    grid-template-columns: 1fr 1fr;
    display: grid;
  }
}

/* [project]/pkg/next-app/client/bubbles/hero/DesignCanvasCard.module.css [client] (css) */
@layer components {
  .DesignCanvasCard-module__dy73KW__card {
    color: #322f2f;
    background: #ffb199;
    flex-shrink: 0;
    height: 100%;
    font-family: ABC Diatype Plus Variable, sans-serif;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  @media not (min-width: 768px) {
    .DesignCanvasCard-module__dy73KW__card {
      border-radius: 40px;
      flex-direction: column;
      position: relative;
    }
  }

  .DesignCanvasCard-module__dy73KW__illustration {
    position: absolute;
    right: -40px;
  }

  @media not (min-width: 768px) {
    .DesignCanvasCard-module__dy73KW__illustration {
      width: 100%;
      margin: 0 auto;
      bottom: -250px;
      left: 0;
    }
  }

  .DesignCanvasCard-module__dy73KW__content {
    width: 50%;
  }

  @media not (min-width: 768px) {
    .DesignCanvasCard-module__dy73KW__content {
      width: 100%;
      padding: 24px 24px 0;
    }
  }

  .DesignCanvasCard-module__dy73KW__content .DesignCanvasCard-module__dy73KW__label {
    opacity: .7;
    color: inherit;
    letter-spacing: -.02em;
    margin-bottom: 8px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 14px;
    font-weight: 500;
  }

  .DesignCanvasCard-module__dy73KW__content .DesignCanvasCard-module__dy73KW__title {
    color: inherit;
    letter-spacing: -.05em;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 89%;
  }

  @media not (min-width: 768px) {
    .DesignCanvasCard-module__dy73KW__content .DesignCanvasCard-module__dy73KW__title {
      font-size: 36px;
    }
  }

  .DesignCanvasCard-module__dy73KW__content .DesignCanvasCard-module__dy73KW__description {
    opacity: .7;
    color: inherit;
    letter-spacing: -.03em;
    margin-top: 26px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
  }
}

/* [project]/pkg/next-app/client/bubbles/hero/MultipleArtifactsCard.module.css [client] (css) */
@layer components {
  .MultipleArtifactsCard-module__ky6n_a__card {
    color: #fff;
    background: #322f2f;
    border-radius: 24px;
    flex-direction: column;
    flex-shrink: 0;
    height: 100%;
    font-family: ABC Diatype Plus Variable, sans-serif;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  @media not (min-width: 768px) {
    .MultipleArtifactsCard-module__ky6n_a__card {
      border-radius: 40px;
    }
  }

  .MultipleArtifactsCard-module__ky6n_a__card > :first-child {
    z-index: 0;
    pointer-events: none;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .MultipleArtifactsCard-module__ky6n_a__content {
    z-index: 1;
    background: linear-gradient(to top, #322f2f 60%, #0000 100%);
    margin: auto -40px -40px;
    padding: 80px 40px 40px;
    position: relative;
  }

  .MultipleArtifactsCard-module__ky6n_a__label {
    opacity: .7;
    color: inherit;
    letter-spacing: -.02em;
    margin-bottom: 8px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 14px;
    font-weight: 500;
  }

  .MultipleArtifactsCard-module__ky6n_a__title {
    color: inherit;
    letter-spacing: -.05em;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 89%;
  }

  @media not (min-width: 768px) {
    .MultipleArtifactsCard-module__ky6n_a__title {
      font-size: 32px;
    }
  }

  .MultipleArtifactsCard-module__ky6n_a__description {
    opacity: .7;
    color: inherit;
    letter-spacing: -.03em;
    margin-top: 20px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
  }
}

/* [project]/pkg/next-app/client/bubbles/hero/ParallelAgentsCard.module.css [client] (css) */
@layer components {
  .ParallelAgentsCard-module__a5vZ0a__card {
    color: #322f2f;
    background: #dcd5d0;
    border-radius: 24px;
    flex-direction: column;
    flex-shrink: 0;
    height: 100%;
    font-family: ABC Diatype Plus Variable, sans-serif;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  @media not (min-width: 768px) {
    .ParallelAgentsCard-module__a5vZ0a__card {
      border-radius: 40px;
    }
  }

  .ParallelAgentsCard-module__a5vZ0a__illustration {
    pointer-events: none;
    height: min(260px, 50%);
    position: absolute;
    top: 10px;
    right: -20px;
  }

  .ParallelAgentsCard-module__a5vZ0a__illustration svg {
    width: auto;
    height: 100%;
  }

  .ParallelAgentsCard-module__a5vZ0a__content {
    z-index: 1;
    background: linear-gradient(to top, #dcd5d0 40%, #0000 100%);
    margin: auto -40px -40px;
    padding: 80px 40px 40px;
    position: relative;
  }

  .ParallelAgentsCard-module__a5vZ0a__label {
    opacity: .7;
    color: inherit;
    letter-spacing: -.02em;
    margin-bottom: 8px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 14px;
    font-weight: 500;
  }

  .ParallelAgentsCard-module__a5vZ0a__title {
    color: inherit;
    letter-spacing: -.05em;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 89%;
  }

  @media not (min-width: 768px) {
    .ParallelAgentsCard-module__a5vZ0a__title {
      font-size: 32px;
    }
  }

  .ParallelAgentsCard-module__a5vZ0a__description {
    opacity: .7;
    color: inherit;
    letter-spacing: -.03em;
    margin-top: 20px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
  }

  @media not (min-width: 768px) {
    .ParallelAgentsCard-module__a5vZ0a__description {
      margin-top: 12px;
      font-size: 13px;
    }
  }
}

/* [project]/pkg/next-app/client/bubbles/hero/TeamsCard.module.css [client] (css) */
@layer components {
  .TeamsCard-module__tigr1q__card {
    color: #322f2f;
    background: #ff764c;
    flex-shrink: 0;
    height: 100%;
    font-family: ABC Diatype Plus Variable, sans-serif;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  @media not (min-width: 768px) {
    .TeamsCard-module__tigr1q__card {
      border-radius: 40px;
      flex-direction: column;
    }

    .TeamsCard-module__tigr1q__content {
      padding: 24px 24px 0;
    }
  }

  .TeamsCard-module__tigr1q__label {
    opacity: .7;
    color: inherit;
    letter-spacing: -.02em;
    margin-bottom: 8px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 14px;
    font-weight: 500;
  }

  .TeamsCard-module__tigr1q__title {
    color: inherit;
    letter-spacing: -.05em;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 89%;
  }

  @media not (min-width: 768px) {
    .TeamsCard-module__tigr1q__title {
      font-size: 36px;
    }
  }

  .TeamsCard-module__tigr1q__description {
    opacity: .8;
    max-width: 340px;
    color: inherit;
    letter-spacing: -.03em;
    margin-top: 26px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
  }

  .TeamsCard-module__tigr1q__illustration {
    position: absolute;
    right: -80px;
  }

  @media not (min-width: 768px) {
    .TeamsCard-module__tigr1q__illustration {
      margin: 0 auto;
      position: relative;
      right: auto;
    }

    .TeamsCard-module__tigr1q__illustration svg {
      width: 100%;
      height: auto;
      max-height: 200px;
    }
  }
}

/* [project]/pkg/next-app/client/bubbles/hero/HeroBentoGrid.module.css [client] (css) */
@media not (min-width: 1024px) {
  @layer components {
    .HeroBentoGrid-module__wCfISG__heroTitle {
      font-size: 32px;
    }

    .HeroBentoGrid-module__wCfISG__gallery {
      gap: 16px;
      min-height: 320px;
      max-height: none;
    }

    .HeroBentoGrid-module__wCfISG__galleryRow {
      flex-direction: column;
      gap: 16px;
      display: flex;
    }

    .HeroBentoGrid-module__wCfISG__heroSubtitle {
      font-size: 18px;
    }
  }
}

@layer components {
  .HeroBentoGrid-module__wCfISG__scrollContainer {
    position: relative;
  }

  .HeroBentoGrid-module__wCfISG__stickyWrapper {
    padding-top: 112px;
    padding-bottom: 36px;
  }

  @media not (min-width: 1024px) {
    .HeroBentoGrid-module__wCfISG__stickyWrapper {
      gap: 24px;
      padding-top: 60px;
      padding-bottom: 16px;
    }
  }

  .HeroBentoGrid-module__wCfISG__heroTitle {
    color: #312e2e;
    letter-spacing: -.06em;
    text-align: center;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 68.92px;
    font-weight: 400;
    line-height: 100%;
  }

  @media not (min-width: 1024px) {
    .HeroBentoGrid-module__wCfISG__heroTitle {
      font-size: 48px;
    }
  }

  .HeroBentoGrid-module__wCfISG__heroTitleAccent {
    color: #ff3c00;
  }

  .HeroBentoGrid-module__wCfISG__heroSubtitle {
    color: #949494;
    letter-spacing: -.04em;
    text-align: center;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 83%;
  }

  @media not (min-width: 1024px) {
    .HeroBentoGrid-module__wCfISG__heroSubtitle {
      font-size: 24px;
    }
  }

  .HeroBentoGrid-module__wCfISG__gallery {
    width: 100%;
    max-width: 1380px;
  }

  .HeroBentoGrid-module__wCfISG__gallery .HeroBentoGrid-module__wCfISG__galleryRow {
    flex-direction: row;
  }

  @media not (min-width: 1024px) {
    .HeroBentoGrid-module__wCfISG__gallery .HeroBentoGrid-module__wCfISG__galleryRow {
      flex-direction: column;
      height: auto;
    }
  }

  :is(.HeroBentoGrid-module__wCfISG__gallery .HeroBentoGrid-module__wCfISG__galleryRow) .HeroBentoGrid-module__wCfISG__galleryLarge {
    flex: 3;
    min-width: 0;
    height: 420px;
  }

  @media not (min-width: 1024px) {
    :is(.HeroBentoGrid-module__wCfISG__gallery .HeroBentoGrid-module__wCfISG__galleryRow) .HeroBentoGrid-module__wCfISG__galleryLarge {
      flex: 60vh;
    }
  }

  :is(.HeroBentoGrid-module__wCfISG__gallery .HeroBentoGrid-module__wCfISG__galleryRow) .HeroBentoGrid-module__wCfISG__gallerySmall {
    flex: 2;
    min-width: 0;
    height: 420px;
  }

  @media not (min-width: 1024px) {
    :is(.HeroBentoGrid-module__wCfISG__gallery .HeroBentoGrid-module__wCfISG__galleryRow) .HeroBentoGrid-module__wCfISG__gallerySmall {
      flex: 60vh;
    }
  }

  .HeroBentoGrid-module__wCfISG__ctaButton {
    cursor: pointer;
    color: #ff3c00;
    letter-spacing: -.02em;
    background: none;
    border: 1.5px solid #ff3c00;
    border-radius: 100px;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background .2s, color .2s;
    display: inline-flex;
  }

  .HeroBentoGrid-module__wCfISG__ctaButton:hover {
    color: #fff;
    background: #ff3c00;
  }

  .HeroBentoGrid-module__wCfISG__docsLink {
    opacity: 1;
    cursor: pointer;
    color: #312e2e;
    letter-spacing: -.02em;
    text-underline-offset: 3px;
    white-space: nowrap;
    align-items: center;
    gap: 7px;
    width: 168px;
    height: 18px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    display: inline-flex;
  }

  .HeroBentoGrid-module__wCfISG__docsLink:hover {
    opacity: .7;
  }
}

/* [project]/pkg/next-app/client/components/LoggedOutExperience/LoggedOutMobileCarousel.module.css [client] (css) */
@layer components {
  .LoggedOutMobileCarousel-module__jIuS8G__viewport {
    width: 100%;
    overflow: hidden;
  }

  .LoggedOutMobileCarousel-module__jIuS8G__slide {
    padding: 0 var(--space-8);
    flex: 0 0 100%;
    min-width: 0;
  }

  .LoggedOutMobileCarousel-module__jIuS8G__dot {
    background: #d4d1ce;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    transition: background .2s;
  }

  .LoggedOutMobileCarousel-module__jIuS8G__dotActive {
    background: #ff3c00;
  }

  .LoggedOutMobileCarousel-module__jIuS8G__arrowButton {
    width: 40px;
    height: 40px;
  }
}

/* [project]/pkg/next-app/client/bubbles/platform/PlatformCards.module.css [client] (css) */
@keyframes PlatformCards-module__Z0omxa__blink {
  50% {
    opacity: 0;
  }
}

@layer components {
  .PlatformCards-module__Z0omxa__section {
    width: 100%;
  }

  .PlatformCards-module__Z0omxa__heading {
    color: #312e2e;
    letter-spacing: -.06em;
    text-align: center;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1;
  }

  .PlatformCards-module__Z0omxa__desktopLayout {
    width: 100%;
    display: none;
  }

  @media (min-width: 768px) {
    .PlatformCards-module__Z0omxa__desktopLayout {
      display: block;
    }
  }

  .PlatformCards-module__Z0omxa__mobileLayout {
    width: 100%;
    display: block;
  }

  @media (min-width: 768px) {
    .PlatformCards-module__Z0omxa__mobileLayout {
      display: none;
    }
  }

  .PlatformCards-module__Z0omxa__cards {
    width: 100%;
    display: grid;
  }

  @media (min-width: 768px) {
    .PlatformCards-module__Z0omxa__cards {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (min-width: 1024px) {
    .PlatformCards-module__Z0omxa__cards {
      grid-template-columns: repeat(4, 1fr);
    }
  }

  .PlatformCards-module__Z0omxa__card {
    border-radius: 20px;
    height: 604px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    overflow: clip;
  }

  .PlatformCards-module__Z0omxa__cardWhite {
    background-color: #fff;
  }

  .PlatformCards-module__Z0omxa__cardWarm {
    background-color: #dbd4cf;
  }

  .PlatformCards-module__Z0omxa__cardPale {
    background-color: #ffb199;
  }

  .PlatformCards-module__Z0omxa__cardOrange {
    background-color: #ff764d;
  }

  .PlatformCards-module__Z0omxa__cardHeader {
    align-items: flex-start;
    width: 100%;
  }

  .PlatformCards-module__Z0omxa__cardHeaderText {
    color: #312e2e;
    text-transform: capitalize;
  }

  .PlatformCards-module__Z0omxa__cardLabel {
    letter-spacing: -.04em;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
  }

  .PlatformCards-module__Z0omxa__cardTitle {
    letter-spacing: -.04em;
    font-size: 32px;
    font-weight: 400;
    line-height: 1;
  }

  .PlatformCards-module__Z0omxa__cardIllustration {
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .PlatformCards-module__Z0omxa__agentIllustration {
    aspect-ratio: 290 / 260;
    width: 100%;
    max-width: 290px;
    position: relative;
  }

  .PlatformCards-module__Z0omxa__agentCircle {
    border: 1.5px dashed #ff3c00;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    position: absolute;
    top: 3px;
    left: 20px;
  }

  .PlatformCards-module__Z0omxa__agentChatInput {
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    color: #191818;
    letter-spacing: -.03em;
    background: #fff;
    border: 1px solid #191818;
    border-radius: 7px;
    align-items: center;
    gap: 4px;
    width: 162px;
    height: 50px;
    padding: 8px 10px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 10.4px;
    display: flex;
    position: absolute;
    top: 0;
    left: 45px;
  }

  .PlatformCards-module__Z0omxa__agentChatCursor {
    border-left: 1px solid #191818;
    height: 12px;
    animation: 1s step-end infinite PlatformCards-module__Z0omxa__blink;
    display: inline-block;
  }

  .PlatformCards-module__Z0omxa__agentPublishBtn {
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    color: #fff;
    letter-spacing: -.03em;
    background: #ff3c00;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 89px;
    height: 38px;
    padding: 0 12px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 10.4px;
    display: flex;
    position: absolute;
    top: 112px;
    right: 0;
  }

  .PlatformCards-module__Z0omxa__agentBtn {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    color: #191818;
    letter-spacing: -.03em;
    background: #fff;
    border: 1px solid #191818;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 88px;
    height: 41px;
    padding: 0 8px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 10.4px;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .PlatformCards-module__Z0omxa__cardDescription {
    color: #312e2e;
    letter-spacing: -.02em;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1;
  }

  .PlatformCards-module__Z0omxa__integrationsIllustration {
    aspect-ratio: 362 / 272;
    width: 100%;
  }
}

/* [project]/pkg/next-app/client/createRepl/AgentEntryPoint/AgentInput2/components/RequestedOutputsOptions.module.css [client] (css) */
@layer components {
  .RequestedOutputsOptions-module__OtYODG__root {
    --RequestedOutputsOptions--track-pb: 20px;
    --RequestedOutputsOptions--bleed: 0px;
    flex: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .RequestedOutputsOptions-module__OtYODG__carouselViewport {
    overscroll-behavior-x: contain;
    scroll-behavior: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    flex: 0 auto;
    min-width: 0;
    overflow: auto hidden;
  }

  .RequestedOutputsOptions-module__OtYODG__carouselViewport::-webkit-scrollbar {
    display: none;
  }

  @media (max-width: 480px) {
    .RequestedOutputsOptions-module__OtYODG__carouselViewport {
      margin-inline: calc(-1 * var(--RequestedOutputsOptions--bleed));
      scroll-padding-inline: var(--RequestedOutputsOptions--bleed);
    }
  }

  .RequestedOutputsOptions-module__OtYODG__carouselTrack {
    padding-bottom: var(--RequestedOutputsOptions--track-pb);
    width: max-content;
  }

  .RequestedOutputsOptions-module__OtYODG__optionSlot {
    width: var(--space-96);
    scroll-snap-align: start;
    flex: none;
  }

  @media (max-width: 480px) {
    .RequestedOutputsOptions-module__OtYODG__optionSlot:first-child {
      padding-inline-start: var(--RequestedOutputsOptions--bleed);
    }

    .RequestedOutputsOptions-module__OtYODG__optionSlot:last-child {
      padding-inline-end: var(--RequestedOutputsOptions--bleed);
    }
  }

  .RequestedOutputsOptions-module__OtYODG__optionRoot {
    cursor: pointer;
    width: var(--space-48);
    height: var(--space-48);
    font: inherit;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: relative;
  }

  .RequestedOutputsOptions-module__OtYODG__optionIconSurface {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .RequestedOutputsOptions-module__OtYODG__optionRoot:not([disabled], [aria-disabled]):focus-visible > .RequestedOutputsOptions-module__OtYODG__optionIconSurface {
    outline: 2px solid var(--accent-primary-default);
    outline-offset: -2px;
    border-radius: 16px;
  }

  .RequestedOutputsOptions-module__OtYODG__optionLabel {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
  }

  .RequestedOutputsOptions-module__OtYODG__prevButton, .RequestedOutputsOptions-module__OtYODG__nextButton {
    transform: translateY(calc(var(--RequestedOutputsOptions--track-pb) / -2));
    z-index: 1;
  }
}

/* [project]/pkg/next-app/client/createRepl/AgentEntryPoint/AgentInput2/components/SuggestedPrompts.module.css [client] (css) */
@layer components {
  .SuggestedPrompts-module__b-CbLq__suggestedPromptsHeaderExplicitHeight {
    height: 20px;
    position: relative;
  }

  .SuggestedPrompts-module__b-CbLq__refreshIconButton {
    height: 20px;
    position: absolute;
    top: 0;
    right: -24px;
  }

  .SuggestedPrompts-module__b-CbLq__horizontalScrollRow {
    margin-inline: calc(-1 * var(--space-12));
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: auto hidden;
  }

  .SuggestedPrompts-module__b-CbLq__horizontalScrollRow::-webkit-scrollbar {
    display: none;
  }

  .SuggestedPrompts-module__b-CbLq__horizontalScrollRowInner {
    padding-inline: var(--space-12);
    width: max-content;
  }
}

/* [project]/pkg/next-app/client/rui/StatusBanner.module.css [client] (css) */
@layer components {
  .StatusBanner-module__H7vD1W__root a {
    color: inherit;
    text-underline-offset: var(--space-2);
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }

  :is(.StatusBanner-module__H7vD1W__root a):hover {
    text-decoration-thickness: 2px;
  }

  :is(.StatusBanner-module__H7vD1W__root a):focus-visible {
    outline-offset: var(--space-2);
    border-radius: var(--border-radius-default);
    outline: 2px solid;
  }

  .StatusBanner-module__H7vD1W__bannerTitle {
    font-weight: var(--font-weight-bold);
  }
}

/* [project]/pkg/next-app/client/hooks/useMessages.module.css [client] (css) */
@layer components {
  .useMessages-module__ln2wrG__container {
    z-index: 1000000;
    transition: transform .12s ease-out;
    position: fixed;
    top: 100%;
    right: 0;
  }

  .useMessages-module__ln2wrG__message:focus {
    outline: 2px solid var(--accent-primary-default);
    outline-offset: -2px;
  }

  html:not([data-focus-visible]) .useMessages-module__ln2wrG__message:focus {
    outline-color: #0000;
  }

  .useMessages-module__ln2wrG__message > div {
    box-shadow: var(--shadow-2);
    padding: var(--space-8) var(--space-16);
    padding-right: var(--space-8);
  }

  :is(.useMessages-module__ln2wrG__message > div) > * > * {
    font-size: 14px;
  }
}

/* [project]/pkg/next-app/client/landing/loggedOutInput/LandingSubmitButton.module.css [client] (css) */
@layer components {
  .LandingSubmitButton-module__X4iHNq__landingSubmitButton {
    cursor: pointer;
    padding: var(--space-8);
    color: #ffffffe6;
    text-align: center;
    background-color: #ff3c00;
    border: none;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    gap: 0;
    width: 32px;
    height: 32px;
    font-family: IBM Plex Sans, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    transition: opacity .15s ease-out, padding .25s ease-out, gap .25s ease-out, width .25s ease-out;
    display: flex;
  }

  .LandingSubmitButton-module__X4iHNq__landingSubmitButton:hover {
    opacity: .9;
  }

  .LandingSubmitButton-module__X4iHNq__landingSubmitButton:disabled {
    opacity: .4;
    cursor: default;
    background-color: #ff3c00;
  }

  .LandingSubmitButton-module__X4iHNq__landingSubmitButtonReady {
    gap: var(--space-4);
    padding: var(--space-8) var(--space-16);
    width: auto;
  }

  .LandingSubmitButton-module__X4iHNq__submitLabel {
    opacity: 0;
    white-space: nowrap;
    max-width: 0;
    transition: max-width .25s ease-out, opacity .2s ease-out;
    display: inline-block;
    overflow: hidden;
  }

  .LandingSubmitButton-module__X4iHNq__submitLabelVisible {
    opacity: 1;
    max-width: 100px;
  }
}

/* [project]/pkg/next-app/client/rui/Surface.module.css [client] (css) */
@layer base {
  .Surface-module__WoMjcq__surfaceRoot {
    background-color: var(--background-root);
    --surface-background: var(--background-root);
    --interactive-background: var(--background-default);
    --interactive-background--active: var(--background-higher);
    --interactive-border: var(--outline-dimmest);
    --interactive-border--hover: var(--outline-default);
  }

  .Surface-module__WoMjcq__surfaceDefault {
    background-color: var(--background-default);
    --surface-background: var(--background-default);
    --interactive-background: var(--background-higher);
    --interactive-background--active: var(--background-highest);
    --interactive-border: var(--outline-dimmer);
    --interactive-border--hover: var(--outline-stronger);
  }

  .Surface-module__WoMjcq__surfaceHigher {
    background-color: var(--background-higher);
    --surface-background: var(--background-higher);
    --interactive-background: var(--background-highest);
    --interactive-background--active: var(--background-default);
    --interactive-border: var(--outline-default);
    --interactive-border--hover: var(--outline-strongest);
  }

  .Surface-module__WoMjcq__surfaceHighest {
    background-color: var(--background-highest);
    --surface-background: var(--background-highest);
    --interactive-background: var(--background-higher);
    --interactive-background--active: var(--background-default);
    --interactive-border: var(--outline-stronger);
    --interactive-border--hover: var(--outline-strongest);
  }
}

/* [project]/pkg/next-app/client/rui/Popover.module.css [client] (css) */
@layer base {
  body > div[aria-hidden]:has( + [data-rac-popover]) {
    -webkit-app-region: no-drag;
    z-index: 99999;
  }

  .Popover-module__L2Zmsa__popover {
    --popover-shadow: var(--shadow-raised);
    box-shadow: var(--popover-shadow);
    border: var(--border-width-default) solid var(--interactive-border);
    border-radius: var(--border-radius-12);
    --timing-in: 50ms;
    --timing-out: .15s;
    --animation-offset: 10px;
    transition: transform var(--timing-in) ease-out,
      opacity var(--timing-in) ease-out;
    flex-direction: column;
    display: flex;
  }

  .Popover-module__L2Zmsa__popover.Popover-module__L2Zmsa__subtleShadow {
    --popover-shadow: var(--shadow-raised);
  }

  .Popover-module__L2Zmsa__popover[data-placement="top"] {
    --origin: translateY(var(--animation-offset));
  }

  .Popover-module__L2Zmsa__popover[data-placement="bottom"] {
    --origin: translateY(calc(-1 * var(--animation-offset)));
  }

  .Popover-module__L2Zmsa__popover[data-placement="left"] {
    --origin: translateX(var(--animation-offset));
  }

  .Popover-module__L2Zmsa__popover[data-placement="right"] {
    --origin: translateX(calc(-1 * var(--animation-offset)));
  }

  .Popover-module__L2Zmsa__popover[data-entering] {
    transform: var(--origin);
    opacity: 0;
  }

  .Popover-module__L2Zmsa__popover[data-exiting] {
    transform: var(--origin);
    opacity: 0;
    transition: transform var(--timing-out) ease-out,
        opacity var(--timing-out) ease-out;
  }

  @media screen and (prefers-reduced-motion: reduce) {
    .Popover-module__L2Zmsa__popover {
      transition: none;
    }

    .Popover-module__L2Zmsa__popover[data-entering] {
      opacity: 1;
      transform: none;
    }

    .Popover-module__L2Zmsa__popover[data-exiting] {
      opacity: 0;
      transform: none;
    }
  }

  .Popover-module__L2Zmsa__popover.Popover-module__L2Zmsa__noAnimation {
    transition: none;
  }

  .Popover-module__L2Zmsa__popover.Popover-module__L2Zmsa__noAnimation[data-entering] {
    opacity: 1;
    transform: none;
  }

  .Popover-module__L2Zmsa__popover.Popover-module__L2Zmsa__noAnimation[data-exiting] {
    opacity: 0;
    transform: none;
  }

  .Popover-module__L2Zmsa__popover:not(:has(.Popover-module__L2Zmsa__arrow)) {
    overflow: hidden;
  }

  .Popover-module__L2Zmsa__arrow {
    width: 20px;
    height: 20px;
    position: absolute;
  }

  .Popover-module__L2Zmsa__arrow[data-placement="top"] > div {
    justify-content: end;
    transform: rotate(180deg);
  }

  .Popover-module__L2Zmsa__arrow[data-placement="bottom"] > div {
    justify-content: end;
    transform: rotate(0);
  }

  .Popover-module__L2Zmsa__arrow[data-placement="left"] > div {
    align-items: end;
    transform: rotate(90deg);
  }

  .Popover-module__L2Zmsa__arrow[data-placement="right"] > div {
    transform: rotate(-90deg);
  }

  .Popover-module__L2Zmsa__arrowContainer {
    align-items: end;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
  }

  .Popover-module__L2Zmsa__dialog {
    border-radius: inherit;
    flex-direction: column;
    min-height: 0;
    display: flex;
  }

  .Popover-module__L2Zmsa__dialog:focus-visible {
    outline: 1px solid var(--accent-primary-default);
    outline-offset: -2px;
  }
}

/* [project]/pkg/next-app/client/rui/Menu.module.css [client] (css) */
@layer components {
  .Menu-module__i6Cnta__menu {
    max-height: inherit;
    flex-direction: column;
    display: flex;
    overflow-y: auto;
  }

  .Menu-module__i6Cnta__menu [role="menuitem"] {
    flex-shrink: 0;
  }

  .Menu-module__i6Cnta__item {
    --Menu--menu-item-color: inherit;
    align-items: center;
    gap: var(--space-8);
    padding: var(--space-8) var(--space-12);
    color: var(--Menu--menu-item-color);
    display: flex;
  }

  .Menu-module__i6Cnta__item[aria-disabled="true"] {
    background-color: #0000 !important;
  }

  .Menu-module__i6Cnta__separator {
    margin: var(--space-4) 0;
    background-color: var(--background-highest);
    height: 1px;
  }

  .Menu-module__i6Cnta__header {
    align-items: center;
    gap: var(--space-8);
    padding: var(--space-4) var(--space-12);
    flex-direction: row;
    display: flex;
  }

  .Menu-module__i6Cnta__headerText {
    max-width: 100%;
  }

  .Menu-module__i6Cnta__container {
    max-height: inherit;
  }
}

/* [project]/pkg/next-app/client/rui/DividerV.module.css [client] (css) */
@layer components {
  .DividerV-module__SrEOlq__divider {
    background-color: var(--outline-dimmest);
    width: 1px;
  }
}

/* [project]/pkg/next-app/client/rui/ThinScrollView.module.css [client] (css) */
@layer components {
  .ThinScrollView-module__scz9Oa__root {
    scrollbar-color: var(--outline-dimmest) transparent;
    scrollbar-width: thin;
  }

  .ThinScrollView-module__scz9Oa__root::-webkit-scrollbar {
    width: 3px;
    height: 3px;
  }

  .ThinScrollView-module__scz9Oa__root::-webkit-scrollbar-track {
    background: none;
  }

  .ThinScrollView-module__scz9Oa__root::-webkit-scrollbar-thumb {
    background-color: var(--outline-dimmest);
    border-radius: 3px;
  }

  .ThinScrollView-module__scz9Oa__root::-webkit-scrollbar-thumb:hover {
    background-color: var(--outline-default);
  }

  .ThinScrollView-module__scz9Oa__axisX {
    overflow: auto hidden;
  }

  .ThinScrollView-module__scz9Oa__axisY {
    overflow: hidden auto;
  }

  .ThinScrollView-module__scz9Oa__axisBoth {
    overflow: auto;
  }
}

/* [project]/pkg/next-app/client/workspace/components/Agent/Chat/InputBox/Attachments/AttachmentsRow.module.css [client] (css) */
@layer components {
  .AttachmentsRow-module__M6B8Qa__divider {
    background-color: var(--outline-dimmest);
  }
}

/* [project]/pkg/rui-icons/src/Loading.module.css [client] (css) */
@keyframes Loading-module__CcPZJa__rotation {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }
}

@layer components {
  .Loading-module__CcPZJa__rotate {
    animation: 1s linear infinite Loading-module__CcPZJa__rotation;
  }
}

/* [project]/pkg/next-app/client/workspace/components/MediaFileViewer.module.css [client] (css) */
@layer components {
  .MediaFileViewer-module__E3kpmG__downloadButton {
    bottom: var(--space-8);
    right: var(--space-8);
    padding: var(--space-16);
    position: absolute;
  }

  .MediaFileViewer-module__E3kpmG__downloadLink {
    color: var(--foreground-dimmer);
  }

  .MediaFileViewer-module__E3kpmG__video, .MediaFileViewer-module__E3kpmG__audio {
    max-width: 100%;
    max-height: 100%;
  }

  .MediaFileViewer-module__E3kpmG__image {
    object-fit: contain;
    width: 80%;
    height: 80%;
    image-rendering: pixelated;
  }

  .MediaFileViewer-module__E3kpmG__pdf {
    flex: 1;
    width: 100%;
    height: 100%;
  }
}

/* [project]/pkg/next-app/client/rui/Input.module.css [client] (css) */
@layer components {
  .Input-module__7pJrIG__input {
    --Input--px: var(--space-8);
    --Input--py: var(--space-4);
    padding: var(--Input--py) var(--Input--px) var(--Input--py) var(--Input--px);
    font-size: var(--font-size-default);
    line-height: 22px;
    font-family: var(--font-family-default);
    outline: 0;
  }

  .Input-module__7pJrIG__input::placeholder {
    color: var(--foreground-dimmest);
  }

  .Input-module__7pJrIG__input:not([disabled]) {
    cursor: text;
  }

  .Input-module__7pJrIG__input[type="password"] {
    -webkit-text-security: disc;
  }

  .Input-module__7pJrIG__input[type="search"]::-webkit-search-decoration {
    appearance: none;
  }

  .Input-module__7pJrIG__input[type="search"]::-webkit-search-cancel-button {
    appearance: none;
  }

  .Input-module__7pJrIG__input[type="search"]::-webkit-search-results-button {
    appearance: none;
  }

  .Input-module__7pJrIG__input[type="search"]::-webkit-search-results-decoration {
    appearance: none;
  }

  .Input-module__7pJrIG__input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0;
  }

  .Input-module__7pJrIG__input[type="number"]::-webkit-inner-spin-button {
    appearance: none;
    margin: 0;
  }

  .Input-module__7pJrIG__input[type="number"] {
    appearance: textfield;
  }

  .Input-module__7pJrIG__input[data-disabled] {
    cursor: not-allowed;
    color: var(--foreground-dimmer);
  }

  .Input-module__7pJrIG__input[data-invalid] {
    border-color: var(--accent-negative-default);
  }

  .Input-module__7pJrIG__inputAutosize {
    resize: none;
    overflow-x: hidden !important;
  }

  @media not (min-width: 768px) {
    .Input-module__7pJrIG__inputAutosize {
      scrollbar-width: none;
    }

    .Input-module__7pJrIG__inputAutosize::-webkit-scrollbar {
      display: none;
    }
  }

  .Input-module__7pJrIG__decoratedInputRoot {
    --Input--px: var(--space-8);
    align-items: center;
    gap: var(--space-4);
    padding: 0 var(--Input--px);
    flex-direction: row;
    width: 100%;
    min-width: 0;
    display: flex;
  }

  .Input-module__7pJrIG__decoratedInputRoot[data-invalid] {
    border-color: var(--accent-negative-default);
  }

  .Input-module__7pJrIG__decoratedInputInput {
    background: inherit;
    padding: var(--space-4) 0;
    border: none;
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
  }

  .Input-module__7pJrIG__decoratedInputInput:focus, .Input-module__7pJrIG__decoratedInputInput:focus-visible {
    outline: none !important;
  }
}

/* [project]/pkg/next-app/client/rui/SearchBar.module.css [client] (css) */
@layer components {
  .SearchBar-module__1dNpgG__root {
    flex-shrink: 1;
    position: relative;
  }

  .SearchBar-module__1dNpgG__input {
    padding-right: var(--space-32);
  }

  .SearchBar-module__1dNpgG__iconPosition {
    justify-content: center;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }

  .SearchBar-module__1dNpgG__displayIcon {
    padding: var(--space-8);
    pointer-events: none;
  }

  .SearchBar-module__1dNpgG__closeIconWrapper {
    padding: var(--space-4);
  }

  .SearchBar-module__1dNpgG__closeIcon:hover {
    background-color: var(--background-highest) !important;
  }
}

/* [project]/pkg/next-app/client/workspace/components/CsvPreview/CsvTable.module.css [client] (css) */
@keyframes CsvTable-module__lTqaIG__highlight-fade-out {
  0% {
    background-color: var(--accent-primary-dimmer);
  }

  100% {
    background-color: #0000;
  }
}

@layer components {
  .CsvTable-module__lTqaIG__filter {
    border-bottom: 1px solid var(--outline-dimmest);
  }

  .CsvTable-module__lTqaIG__tableRoot {
    --CsvTable--cell-height: 25px;
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    overflow: auto;
  }

  .CsvTable-module__lTqaIG__tableRoot[data-resizing="true"] {
    pointer-events: none;
    overflow: hidden;
  }

  .CsvTable-module__lTqaIG__virtualTable {
    width: fit-content;
    position: relative;
  }

  .CsvTable-module__lTqaIG__tableHeader {
    z-index: 1;
    background-color: var(--background-default);
    -webkit-user-select: none;
    user-select: none;
    flex-direction: row;
    display: flex;
    position: sticky;
    top: 0;
  }

  .CsvTable-module__lTqaIG__headerCell {
    height: var(--CsvTable--cell-height);
    padding: 0 var(--space-6);
    color: var(--foreground-default);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    text-overflow: ellipsis;
    border-right: 1px solid var(--outline-dimmest);
    border-bottom: 1px solid var(--outline-dimmest);
    flex-direction: row;
    align-items: center;
    font-size: 12px;
    display: flex;
    overflow: hidden;
  }

  .CsvTable-module__lTqaIG__headerCell:first-child {
    z-index: 1;
    background: var(--background-default);
    position: sticky;
    left: 0;
  }

  .CsvTable-module__lTqaIG__tableRow {
    flex-direction: row;
    display: flex;
  }

  .CsvTable-module__lTqaIG__tableRow[data-highlighted="true"] {
    animation: 2s ease-out forwards CsvTable-module__lTqaIG__highlight-fade-out;
  }

  .CsvTable-module__lTqaIG__tableCell {
    height: var(--CsvTable--cell-height);
    padding: 0 var(--space-6);
    color: var(--foreground-dimmer);
    white-space: nowrap;
    text-overflow: ellipsis;
    border-right: 1px solid var(--outline-dimmest);
    border-bottom: 1px solid var(--outline-dimmest);
    align-items: center;
    font-size: 12px;
    display: flex;
    overflow: hidden;
  }

  .CsvTable-module__lTqaIG__tableCell:first-child {
    background: var(--background-default);
    justify-content: center;
    position: sticky;
    left: 0;
  }

  .CsvTable-module__lTqaIG__resizeHandle {
    cursor: col-resize;
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }

  @media (hover: hover) {
    .CsvTable-module__lTqaIG__resizeHandle:hover {
      background-color: var(--accent-primary-default);
    }
  }
}

/* [project]/pkg/next-app/client/rui/ButtonGroup.module.css [client] (css) */
@layer components {
  .ButtonGroup-module__nrHH6q__buttonGroupItem {
    color: var(--foreground-dimmest);
  }

  .ButtonGroup-module__nrHH6q__buttonGroupItem:has(:focus-visible) {
    outline: 2px solid var(--accent-primary-default);
    outline-offset: -2px;
  }

  .ButtonGroup-module__nrHH6q__buttonGroupItem.ButtonGroup-module__nrHH6q__checked {
    color: var(--foreground-default);
  }

  .ButtonGroup-module__nrHH6q__buttonGroupRow {
    width: fit-content;
  }
}

/* [project]/pkg/next-app/client/workspace/components/OfficeDocViewer/ExcelViewer.module.css [client] (css) */
@layer components {
  .ExcelViewer-module__EpmhKW__root {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .ExcelViewer-module__EpmhKW__sheetTabs {
    scrollbar-width: none;
    overflow: auto hidden;
  }

  .ExcelViewer-module__EpmhKW__sheetTabs::-webkit-scrollbar {
    display: none;
  }
}

/* [project]/pkg/next-app/client/codemirror/viewer/CodeViewer2.module.css [client] (css) */
@layer components {
  .CodeViewer2-module___Y4KcW__code {
    padding: var(--space-4);
    font-family: var(--font-family-code);
    flex-direction: column;
    display: flex;
    overflow-x: auto;
  }

  .CodeViewer2-module___Y4KcW__line {
    line-height: var(--line-height-small);
    word-break: break-word;
  }

  .CodeViewer2-module___Y4KcW__lineWithGutter {
    flex-direction: row;
    display: flex;
  }

  .CodeViewer2-module___Y4KcW__lineNumber {
    margin-right: var(--space-12);
    color: var(--foreground-dimmest);
    line-height: var(--line-height-small);
    -webkit-user-select: none;
    user-select: none;
    text-align: right;
    white-space: nowrap;
  }

  .CodeViewer2-module___Y4KcW__span::selection {
    background-color: var(--accent-primary-dimmer);
  }

  .CodeViewer2-module___Y4KcW__nbsp {
    -webkit-user-select: none;
    user-select: none;
  }
}

/* [project]/pkg/next-app/client/lib/markdownRenderers/CodeRenderer2.module.css [client] (css) */
@keyframes CodeRenderer2-module__jfz9nq__copied {
  0% {
    opacity: 0;
    transform: translateX(8px);
  }

  10% {
    opacity: 1;
    transform: translateX(0);
  }

  95% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@layer components {
  .CodeRenderer2-module__jfz9nq__inline, .CodeRenderer2-module__jfz9nq__inlineButton {
    border-radius: var(--border-radius-4);
    background-color: var(--background-higher);
    padding: var(--space-2) var(--space-4);
    color: var(--foreground-dimmest);
    font-size: 13px;
    font-family: var(--font-family-code);
    display: inline-flex;
  }

  .CodeRenderer2-module__jfz9nq__inlineButton {
    cursor: pointer;
    text-align: left;
  }

  @media (hover: hover) {
    .CodeRenderer2-module__jfz9nq__inlineButton:hover:not(:disabled) {
      color: var(--foreground-default);
    }
  }

  .CodeRenderer2-module__jfz9nq__container {
    --CodeRenderer2--cr-button-opacity: 1;
    position: relative;
  }

  @media (hover: hover) {
    .CodeRenderer2-module__jfz9nq__container {
      --CodeRenderer2--cr-button-opacity: 0;
    }

    .CodeRenderer2-module__jfz9nq__container:focus-within {
      --CodeRenderer2--cr-button-opacity: .75;
    }

    .CodeRenderer2-module__jfz9nq__container:hover {
      --CodeRenderer2--cr-button-opacity: 1;
    }
  }

  .CodeRenderer2-module__jfz9nq__buttonsList {
    top: var(--space-8);
    right: var(--space-8);
    gap: var(--space-8);
    opacity: var(--CodeRenderer2--cr-button-opacity);
    z-index: 5;
    flex-direction: row;
    transition: opacity .125s linear;
    display: flex;
    position: absolute;
  }

  .CodeRenderer2-module__jfz9nq__buttonContainer {
    opacity: 1;
    transition: opacity 75ms linear;
    position: relative;
  }

  .CodeRenderer2-module__jfz9nq__buttonToast {
    padding-right: var(--space-8);
    font-size: var(--font-size-default);
    font-family: var(--font-family-default);
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    animation: 3s CodeRenderer2-module__jfz9nq__copied;
    display: block;
    position: absolute;
    right: 100%;
  }
}

/* [project]/pkg/next-app/client/lib/markdownRenderers/customEmbeds.module.css [client] (css) */
@layer components {
  .customEmbeds-module__ftgoBG__placeholder {
    background: none;
    width: 100%;
  }

  .customEmbeds-module__ftgoBG__iframe {
    border-radius: var(--border-radius-4);
    max-width: 100%;
    margin: 0 auto;
    display: block;
  }
}

/* [project]/pkg/next-app/client/lib/markdownRenderers/ImageRenderer.module.css [client] (css) */
@layer components {
  .ImageRenderer-module__SzyrVW__image {
    margin-top: var(--space-16);
    margin-bottom: var(--space-16);
    border-radius: var(--border-radius-4);
    max-width: 100%;
    display: block;
  }

  .ImageRenderer-module__SzyrVW__video {
    border-radius: var(--border-radius-4);
    max-width: 100%;
  }

  .ImageRenderer-module__SzyrVW__unsupported {
    margin-top: var(--space-2);
    margin-bottom: var(--space-2);
    white-space: nowrap;
    display: inline-block;
  }
}

/* [project]/pkg/next-app/client/lib/markdownRenderers/LinkedHeadingRenderer.module.css [client] (css) */
@layer components {
  .LinkedHeadingRenderer-module__a-tmLa__heading:hover a {
    display: inline;
  }

  .LinkedHeadingRenderer-module__a-tmLa__link {
    margin-inline: var(--space-4);
    display: none;
  }
}

/* [project]/pkg/next-app/client/components/Markdown.module.css [client] (css) */
@layer components {
  .Markdown-module__eSbD4q__markdownTheme {
    --theme-text-color-default: var(--foreground-default);
    --theme-text-color-dimmer: var(--foreground-dimmer);
    box-sizing: border-box;
    color: var(--theme-text-color-default);
    font-size: var(--font-size-default);
    line-height: var(--line-height-default);
    word-break: break-word;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    white-space: normal;
    font-family: var(--font-family-default) !important;
  }

  .Markdown-module__eSbD4q__markdownTheme h1, .Markdown-module__eSbD4q__markdownTheme h2, .Markdown-module__eSbD4q__markdownTheme h3, .Markdown-module__eSbD4q__markdownTheme h4, .Markdown-module__eSbD4q__markdownTheme h5, .Markdown-module__eSbD4q__markdownTheme h6 {
    margin-bottom: var(--space-16);
    color: var(--theme-text-color-default);
    font-weight: var(--font-weight-medium);
    word-wrap: break-word;
    line-height: 1.25;
  }

  .Markdown-module__eSbD4q__markdownTheme h1, .Markdown-module__eSbD4q__markdownTheme h2 {
    margin-top: var(--space-32);
    border-bottom: 1px solid var(--background-higher);
    padding-bottom: var(--space-8);
  }

  .Markdown-module__eSbD4q__markdownTheme h1 {
    font-size: 2em;
  }

  .Markdown-module__eSbD4q__markdownTheme h2 {
    font-size: 1.5em;
  }

  .Markdown-module__eSbD4q__markdownTheme h3 {
    margin-top: var(--space-24);
    font-size: 1.25em;
  }

  .Markdown-module__eSbD4q__markdownTheme h4 {
    margin-top: var(--space-16);
    font-size: 1em;
  }

  .Markdown-module__eSbD4q__markdownTheme h5 {
    font-size: .875em;
  }

  .Markdown-module__eSbD4q__markdownTheme h6 {
    color: var(--theme-text-color-dimmer);
    font-size: .85em;
  }

  .Markdown-module__eSbD4q__markdownTheme .Markdown-module__eSbD4q__anchor {
    float: left;
    margin-left: calc(-1 * var(--space-16));
    padding-right: var(--space-4);
    line-height: 1;
  }

  .Markdown-module__eSbD4q__markdownTheme .Markdown-module__eSbD4q__anchor:focus {
    outline: none;
  }

  .Markdown-module__eSbD4q__markdownTheme p {
    margin-bottom: var(--space-16);
    font-size: var(--font-size-default);
    font-family: var(--font-family-default) !important;
  }

  .Markdown-module__eSbD4q__markdownTheme table {
    margin-bottom: var(--space-16);
    border-collapse: collapse;
    border-spacing: 0;
    word-break: normal;
    width: 100%;
    display: block;
    overflow: auto;
  }

  .Markdown-module__eSbD4q__markdownTheme table th {
    font-weight: var(--font-weight-medium);
  }

  .Markdown-module__eSbD4q__markdownTheme table td, .Markdown-module__eSbD4q__markdownTheme table th {
    border: 1px solid var(--background-highest);
    padding: var(--space-8) var(--space-12);
    min-width: 16ch;
  }

  .Markdown-module__eSbD4q__markdownTheme table tr {
    border-top: 1px solid var(--background-highest);
    background-color: var(--background-default);
  }

  .Markdown-module__eSbD4q__markdownTheme table tr:nth-of-type(2n) {
    background-color: var(--background-root);
  }

  .Markdown-module__eSbD4q__markdownTheme hr:after {
    clear: both;
  }

  .Markdown-module__eSbD4q__markdownTheme li > p, .Markdown-module__eSbD4q__markdownTheme p:last-child {
    margin-bottom: 0;
  }

  .Markdown-module__eSbD4q__markdownTheme.Markdown-module__eSbD4q__pTagsInheritFont > div > p {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
  }

  .Markdown-module__eSbD4q__markdownTheme li {
    margin-top: var(--space-4);
  }

  .Markdown-module__eSbD4q__markdownTheme dd {
    margin-left: 0;
  }

  .Markdown-module__eSbD4q__markdownTheme ol, .Markdown-module__eSbD4q__markdownTheme ul {
    padding-left: var(--space-16);
    margin-top: 0;
    margin-bottom: 0;
  }

  .Markdown-module__eSbD4q__markdownTheme ul {
    margin-bottom: var(--space-16);
    list-style: initial;
    list-style-type: disc;
  }

  .Markdown-module__eSbD4q__markdownTheme ol {
    margin-bottom: var(--space-16);
    list-style: decimal;
  }

  .Markdown-module__eSbD4q__markdownTheme ol ol, .Markdown-module__eSbD4q__markdownTheme ol ul, .Markdown-module__eSbD4q__markdownTheme ul ol, .Markdown-module__eSbD4q__markdownTheme ul ul {
    padding-bottom: 0;
    padding-left: var(--space-16);
    margin-top: 0;
    margin-bottom: 0;
  }

  .Markdown-module__eSbD4q__markdownTheme ul ul {
    list-style-type: circle;
  }

  .Markdown-module__eSbD4q__markdownTheme ul ul ul {
    list-style-type: square;
  }

  .Markdown-module__eSbD4q__markdownTheme ol ol, .Markdown-module__eSbD4q__markdownTheme ul ol {
    list-style-type: lower-roman;
  }

  .Markdown-module__eSbD4q__markdownTheme ol ol ol, .Markdown-module__eSbD4q__markdownTheme ol ul ol, .Markdown-module__eSbD4q__markdownTheme ul ol ol, .Markdown-module__eSbD4q__markdownTheme ul ul ol {
    list-style-type: lower-alpha;
  }

  .Markdown-module__eSbD4q__markdownTheme pre {
    margin: var(--space-16) 0;
    word-break: break-all;
    word-wrap: break-word;
    color: var(--theme-text-color-default);
    white-space: pre-wrap;
    border-radius: 4px;
    font-family: var(--font-family-code) !important;
  }

  .Markdown-module__eSbD4q__markdownTheme pre:last-child {
    margin-bottom: 0 !important;
  }

  .Markdown-module__eSbD4q__markdownTheme blockquote {
    margin-bottom: var(--space-16);
    border-left: var(--space-2) solid var(--background-highest);
    padding: 0 1em;
    padding-left: var(--space-16);
  }

  .Markdown-module__eSbD4q__markdownTheme blockquote > * {
    color: var(--theme-text-color-dimmer) !important;
  }

  .Markdown-module__eSbD4q__markdownTheme blockquote > :last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
  }

  .Markdown-module__eSbD4q__markdownTheme blockquote > :first-child {
    margin-top: 0 !important;
  }

  .Markdown-module__eSbD4q__markdownTheme kbd {
    vertical-align: middle;
    box-shadow: inset 0 -1px 0 var(--background-highest);
    background-color: var(--background-higher);
    color: var(--theme-text-color-dimmer);
    font: 11px var(--font-family-code);
    border: none;
    border-radius: 3px;
    padding: 3px 5px;
    display: inline-block;
  }

  .Markdown-module__eSbD4q__markdownTheme a {
    background-color: initial;
    color: var(--theme-text-color-default);
    text-decoration: underline;
  }

  .Markdown-module__eSbD4q__markdownTheme > :first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .Markdown-module__eSbD4q__markdownTheme > :last-child {
    border-bottom: none;
    margin-bottom: 0 !important;
  }

  .Markdown-module__eSbD4q__markdownTheme [type="checkbox"] {
    box-sizing: border-box;
    margin-right: var(--space-8);
    padding: 0;
  }

  .Markdown-module__eSbD4q__markdownTheme details {
    margin-bottom: var(--space-16);
    border: solid 1px var(--outline-dimmer);
    border-radius: var(--border-radius-8);
    padding: var(--space-16);
    display: block;
    border-bottom: solid 1px var(--outline-dimmer) !important;
  }

  .Markdown-module__eSbD4q__markdownTheme summary {
    cursor: pointer;
    font-weight: var(--font-weight-bold);
    -webkit-user-select: none;
    user-select: none;
    display: list-item;
  }

  .Markdown-module__eSbD4q__markdownTheme details[open] > summary {
    margin-bottom: var(--space-16);
    border-bottom: 1px solid var(--background-highest);
    padding-bottom: var(--space-16);
  }

  .Markdown-module__eSbD4q__markdownTheme hr {
    margin: var(--space-24) 0;
    background-color: var(--background-higher);
    border: 0;
    height: 1px;
  }

  .Markdown-module__eSbD4q__markdownTheme.Markdown-module__eSbD4q__inheritShadesTextColor {
    --theme-text-color-default: var(--text-color);
    --theme-text-color-dimmer: var(--secondary-text-color);
  }

  .Markdown-module__eSbD4q__markdownTheme.Markdown-module__eSbD4q__textColorDimmer {
    --theme-text-color-default: var(--foreground-dimmer);
  }

  .Markdown-module__eSbD4q__markdownTheme.Markdown-module__eSbD4q__textColorDimmest {
    --theme-text-color-default: var(--foreground-dimmest);
  }

  .Markdown-module__eSbD4q__markdownThemeCompact {
    --theme-text-color-default: var(--foreground-default);
    --theme-text-color-dimmer: var(--foreground-dimmer);
    box-sizing: border-box;
    color: var(--theme-text-color-default);
    font-size: var(--font-size-small);
    line-height: var(--line-height-default);
    word-break: break-word;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    white-space: normal;
    font-family: var(--font-family-default) !important;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact h1, .Markdown-module__eSbD4q__markdownThemeCompact h2, .Markdown-module__eSbD4q__markdownThemeCompact h3, .Markdown-module__eSbD4q__markdownThemeCompact h4, .Markdown-module__eSbD4q__markdownThemeCompact h5, .Markdown-module__eSbD4q__markdownThemeCompact h6 {
    margin: var(--space-8) 0 var(--space-4) 0;
    color: var(--theme-text-color-default);
    font-weight: var(--font-weight-medium);
    word-wrap: break-word;
    border-bottom: none;
    padding-bottom: 0;
    font-size: 1em;
    line-height: 1.25;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact h1:first-child, .Markdown-module__eSbD4q__markdownThemeCompact h2:first-child, .Markdown-module__eSbD4q__markdownThemeCompact h3:first-child, .Markdown-module__eSbD4q__markdownThemeCompact h4:first-child, .Markdown-module__eSbD4q__markdownThemeCompact h5:first-child, .Markdown-module__eSbD4q__markdownThemeCompact h6:first-child {
    margin-top: 0;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact .Markdown-module__eSbD4q__anchor {
    float: left;
    margin-left: calc(-1 * var(--space-16));
    padding-right: var(--space-4);
    line-height: 1;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact .Markdown-module__eSbD4q__anchor:focus {
    outline: none;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact p {
    margin: 0 0 var(--space-4) 0;
    font-size: inherit;
    font-family: var(--font-family-default) !important;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact table {
    margin-bottom: var(--space-8);
    border-collapse: collapse;
    border-spacing: 0;
    word-break: normal;
    width: 100%;
    display: block;
    overflow: auto;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact table th {
    font-weight: var(--font-weight-medium);
  }

  .Markdown-module__eSbD4q__markdownThemeCompact table td, .Markdown-module__eSbD4q__markdownThemeCompact table th {
    border: 1px solid var(--background-highest);
    padding: var(--space-8) var(--space-12);
    min-width: 16ch;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact table tr {
    border-top: 1px solid var(--background-highest);
    background-color: var(--background-default);
  }

  .Markdown-module__eSbD4q__markdownThemeCompact table tr:nth-of-type(2n) {
    background-color: var(--background-root);
  }

  .Markdown-module__eSbD4q__markdownThemeCompact hr:after {
    clear: both;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact li > p, .Markdown-module__eSbD4q__markdownThemeCompact p:last-child {
    margin-bottom: 0;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact.Markdown-module__eSbD4q__pTagsInheritFont > div > p {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact li {
    margin-top: var(--space-2);
  }

  .Markdown-module__eSbD4q__markdownThemeCompact dd {
    margin-left: 0;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact ol, .Markdown-module__eSbD4q__markdownThemeCompact ul {
    margin-top: 0;
    margin-bottom: var(--space-4);
    padding-left: var(--space-16);
  }

  .Markdown-module__eSbD4q__markdownThemeCompact ul {
    list-style-type: disc;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact ol {
    list-style: decimal;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact ol ol, .Markdown-module__eSbD4q__markdownThemeCompact ol ul, .Markdown-module__eSbD4q__markdownThemeCompact ul ol, .Markdown-module__eSbD4q__markdownThemeCompact ul ul {
    padding-bottom: 0;
    padding-left: var(--space-16);
    margin-top: 0;
    margin-bottom: 0;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact ul ul {
    list-style-type: circle;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact ul ul ul {
    list-style-type: square;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact ol ol, .Markdown-module__eSbD4q__markdownThemeCompact ul ol {
    list-style-type: lower-roman;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact ol ol ol, .Markdown-module__eSbD4q__markdownThemeCompact ol ul ol, .Markdown-module__eSbD4q__markdownThemeCompact ul ol ol, .Markdown-module__eSbD4q__markdownThemeCompact ul ul ol {
    list-style-type: lower-alpha;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact pre {
    margin: var(--space-8) 0;
    word-break: break-all;
    word-wrap: break-word;
    color: var(--theme-text-color-default);
    white-space: pre-wrap;
    border-radius: 4px;
    font-family: var(--font-family-code) !important;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact pre:last-child {
    margin-bottom: 0 !important;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact blockquote {
    margin-bottom: var(--space-8);
    border-left: var(--space-2) solid var(--background-highest);
    padding: 0 1em;
    padding-left: var(--space-16);
  }

  .Markdown-module__eSbD4q__markdownThemeCompact blockquote > * {
    color: var(--theme-text-color-dimmer) !important;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact blockquote > :last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact blockquote > :first-child {
    margin-top: 0 !important;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact kbd {
    vertical-align: middle;
    box-shadow: inset 0 -1px 0 var(--background-highest);
    background-color: var(--background-higher);
    color: var(--theme-text-color-dimmer);
    font: 11px var(--font-family-code);
    border: none;
    border-radius: 3px;
    padding: 3px 5px;
    display: inline-block;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact a {
    background-color: initial;
    color: var(--theme-text-color-default);
    text-decoration: underline;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact > :first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact > :last-child {
    border-bottom: none;
    margin-bottom: 0 !important;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact [type="checkbox"] {
    box-sizing: border-box;
    margin-right: var(--space-8);
    padding: 0;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact details {
    margin-bottom: var(--space-8);
    border: solid 1px var(--outline-dimmer);
    border-radius: var(--border-radius-8);
    padding: var(--space-12);
    display: block;
    border-bottom: solid 1px var(--outline-dimmer) !important;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact summary {
    cursor: pointer;
    font-weight: var(--font-weight-bold);
    -webkit-user-select: none;
    user-select: none;
    display: list-item;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact details[open] > summary {
    margin-bottom: var(--space-8);
    border-bottom: 1px solid var(--background-highest);
    padding-bottom: var(--space-8);
  }

  .Markdown-module__eSbD4q__markdownThemeCompact hr {
    margin: var(--space-12) 0;
    background-color: var(--background-higher);
    border: 0;
    height: 1px;
  }

  .Markdown-module__eSbD4q__markdownThemeCompact.Markdown-module__eSbD4q__inheritShadesTextColor {
    --theme-text-color-default: var(--text-color);
    --theme-text-color-dimmer: var(--secondary-text-color);
  }

  .Markdown-module__eSbD4q__markdownThemeCompact.Markdown-module__eSbD4q__textColorDimmer {
    --theme-text-color-default: var(--foreground-dimmer);
  }

  .Markdown-module__eSbD4q__markdownThemeCompact.Markdown-module__eSbD4q__textColorDimmest {
    --theme-text-color-default: var(--foreground-dimmest);
  }
}

/* [project]/pkg/next-app/client/workspace/components/Agent/Chat/InputBox/Attachments/FileAttachment.module.css [client] (css) */
@layer components {
  .FileAttachment-module__mN7tSW__closeButton {
    border-radius: 50%;
    position: absolute;
    top: -6px;
    right: -6px;
  }

  .FileAttachment-module__mN7tSW__wrapper {
    align-self: flex-start;
    position: relative;
  }

  @media screen and (hover: hover) and (pointer: fine) and (not (any-pointer: coarse)) {
    .FileAttachment-module__mN7tSW__wrapper .FileAttachment-module__mN7tSW__closeButton:not(.FileAttachment-module__mN7tSW__uploading) {
      opacity: 0;
    }

    .FileAttachment-module__mN7tSW__wrapper:hover .FileAttachment-module__mN7tSW__closeButton, .FileAttachment-module__mN7tSW__wrapper:has(:focus-visible) .FileAttachment-module__mN7tSW__closeButton {
      opacity: 1;
    }
  }

  .FileAttachment-module__mN7tSW__defaultButton {
    width: 130px;
    height: 77px;
  }

  .FileAttachment-module__mN7tSW__smallButton {
    width: 104px;
    height: 52px;
  }

  .FileAttachment-module__mN7tSW__tooltipContents {
    text-align: center;
    max-width: 100%;
  }

  .FileAttachment-module__mN7tSW__viewerModal {
    max-height: 80vh;
  }

  .FileAttachment-module__mN7tSW__viewerModalContents {
    overflow: auto;
  }

  .FileAttachment-module__mN7tSW__disclaimerWarning {
    color: var(--accent-orange-strongest);
  }

  .FileAttachment-module__mN7tSW__disclaimerInfo {
    color: var(--foreground-dimmer);
  }

  .FileAttachment-module__mN7tSW__tooltip {
    flex-grow: 1;
  }

  .FileAttachment-module__mN7tSW__image {
    border-radius: var(--border-radius-6);
  }

  .FileAttachment-module__mN7tSW__disabledImage {
    opacity: .3;
    border-radius: var(--border-radius-6);
  }

  .FileAttachment-module__mN7tSW__fileName {
    align-items: center;
    gap: var(--space-2);
    flex-direction: row;
    display: flex;
  }

  .FileAttachment-module__mN7tSW__mediaViewerWrapper {
    justify-content: center;
    align-items: center;
    min-width: 200px;
    min-height: 200px;
    display: flex;
  }

  .FileAttachment-module__mN7tSW__markdownContainer {
    text-align: left;
  }

  .FileAttachment-module__mN7tSW__markdownLoading {
    align-self: stretch;
  }

  .FileAttachment-module__mN7tSW__previewContainer {
    max-height: 61px;
    position: relative;
    overflow: hidden;
  }

  .FileAttachment-module__mN7tSW__previewContainerSmall {
    max-height: 36px;
    position: relative;
    overflow: hidden;
  }

  .FileAttachment-module__mN7tSW__previewContent {
    pointer-events: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .FileAttachment-module__mN7tSW__previewContent * {
    font-size: 5px !important;
    line-height: 1.2 !important;
  }

  .FileAttachment-module__mN7tSW__previewContent p, .FileAttachment-module__mN7tSW__previewContent h1, .FileAttachment-module__mN7tSW__previewContent h2, .FileAttachment-module__mN7tSW__previewContent h3, .FileAttachment-module__mN7tSW__previewContent h4, .FileAttachment-module__mN7tSW__previewContent h5, .FileAttachment-module__mN7tSW__previewContent h6 {
    margin: 2px 0 !important;
  }

  .FileAttachment-module__mN7tSW__previewContent code {
    padding: 0 2px !important;
  }

  .FileAttachment-module__mN7tSW__preWrap {
    white-space: pre-wrap;
  }

  .FileAttachment-module__mN7tSW__viewerLoading {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 120px;
    display: flex;
  }
}

/* [project]/pkg/next-app/client/workspace/components/Agent/Input/components/CompactStackingBox.module.css [client] (css) */
@layer components {
  .CompactStackingBox-module__ql_O5q__box {
    --CompactStackingBox--focus-color: var(--accent-primary-default);
    --CompactStackingBox--box-border-radius: 12px;
    border-radius: var(--CompactStackingBox--box-border-radius);
    transition: border-color .2s ease-out;
    position: relative;
  }

  .CompactStackingBox-module__ql_O5q__box:focus-within, .CompactStackingBox-module__ql_O5q__box:hover, .CompactStackingBox-module__ql_O5q__box[data-is-dragged-over="true"] {
    border-color: var(--CompactStackingBox--focus-color) !important;
  }

  .CompactStackingBox-module__ql_O5q__footerOverlay {
    bottom: var(--space-8);
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
  }

  .CompactStackingBox-module__ql_O5q__bottom:empty {
    display: none;
  }
}

/* [project]/pkg/next-app/client/workspace/components/Agent/Input/components/TextArea.module.css [client] (css) */
@layer components {
  .TextArea-module__1kNrma__insets {
    --TextArea--pt: 0;
    --TextArea--pr: 0;
    --TextArea--pb: 0;
    --TextArea--pl: 0;
    padding: var(--TextArea--pt) var(--TextArea--pr) var(--TextArea--pb) var(--TextArea--pl);
  }

  .TextArea-module__1kNrma__textarea {
    padding: var(--space-6) var(--space-6) 0;
    resize: none;
    width: 100%;
    color: var(--foreground-default);
    font-size: var(--font-size-default);
    line-height: var(--line-height-default);
    font-family: var(--font-family-default);
    cursor: text !important;
    background: none !important;
    border: none !important;
  }

  .TextArea-module__1kNrma__textarea:hover {
    cursor: text !important;
    background: none !important;
    border: none !important;
  }

  .TextArea-module__1kNrma__textarea:focus {
    cursor: text !important;
    background: none !important;
    border: none !important;
    outline: none !important;
  }

  .TextArea-module__1kNrma__textarea:focus-visible {
    cursor: text !important;
    border: none !important;
    outline: none !important;
  }

  .TextArea-module__1kNrma__textarea::placeholder {
    color: var(--foreground-dimmest);
  }
}

/* [project]/pkg/next-app/client/rui/TopBanner.module.css [client] (css) */
@layer components {
  .TopBanner-module__iKfttq__banner {
    padding: var(--space-4) var(--space-12);
  }

  @media not (min-width: 480px) {
    .TopBanner-module__iKfttq__banner {
      padding: var(--space-4) var(--space-6);
      border-radius: 0;
      flex-grow: 1;
    }
  }

  .TopBanner-module__iKfttq__content {
    justify-content: space-between;
    align-items: center;
    gap: var(--space-8);
    flex-direction: row;
    width: 100%;
    min-width: 0;
    display: flex;
    position: relative;
  }

  .TopBanner-module__iKfttq__body {
    justify-content: center;
    align-items: center;
    gap: var(--space-8);
    flex-direction: row;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  @media not (min-width: 480px) {
    .TopBanner-module__iKfttq__body {
      align-items: center;
      gap: var(--space-4);
      padding: var(--space-2) var(--space-8);
      flex-direction: column;
    }
  }

  .TopBanner-module__iKfttq__actions, .TopBanner-module__iKfttq__dismiss {
    flex-shrink: 0;
  }

  @media not (min-width: 480px) {
    .TopBanner-module__iKfttq__dismiss {
      position: absolute;
      top: 0;
      right: 0;
    }
  }
}

/* [project]/pkg/next-app/client/components/banners/BannerWrapper.module.css [client] (css) */
@layer components {
  .BannerWrapper-module__5c4QIq__bannerContainer {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
    padding-bottom: var(--space-8);
    min-height: 58px;
  }

  @media not (min-width: 480px) {
    .BannerWrapper-module__5c4QIq__bannerContainer {
      align-items: stretch;
      padding-left: 0;
      padding-right: 0;
    }
  }

  .BannerWrapper-module__5c4QIq__bannerContentContainer {
    opacity: 0;
    max-width: 100%;
    transition: transform .25s, opacity .25s linear;
    transform: translateY(-100%);
  }

  .BannerWrapper-module__5c4QIq__bannerContentContainer:not(:empty) {
    opacity: 1;
    transform: translateY(0);
  }
}

/* [project]/pkg/next-app/client/billing/usage/BudgetInput.module.css [client] (css) */
@layer components {
  .BudgetInput-module__VvBYpa__budgetInput {
    max-width: 100px;
    padding: var(--space-2) 0 var(--space-2) var(--space-24) !important;
  }

  .BudgetInput-module__VvBYpa__inputContainer {
    align-items: center;
    position: relative;
  }

  .BudgetInput-module__VvBYpa__inputIcon {
    left: var(--space-4);
    position: absolute;
  }

  .BudgetInput-module__VvBYpa__closeButton {
    right: var(--space-4);
    color: var(--foreground-dimmest);
    transition: color .2s;
    position: absolute;
  }

  .BudgetInput-module__VvBYpa__closeButton:hover {
    color: var(--foreground-default);
  }
}

/* [project]/pkg/next-app/client/rui/Prose.module.css [client] (css) */
@layer components {
  .Prose-module__aikpka__prose ul, .Prose-module__aikpka__prose ol {
    margin-left: var(--space-16);
    padding-block: var(--space-4);
  }

  .Prose-module__aikpka__prose ul {
    list-style: initial;
  }

  .Prose-module__aikpka__prose a {
    cursor: pointer;
    pointer-events: all;
    color: var(--accent-primary-stronger);
    text-decoration: none;
  }

  :is(.Prose-module__aikpka__prose a):hover {
    text-decoration: underline;
  }

  .Prose-module__aikpka__prose h1, .Prose-module__aikpka__prose h2, .Prose-module__aikpka__prose h3 {
    margin-bottom: var(--space-8);
    display: block;
  }

  .Prose-module__aikpka__prose * + h1, .Prose-module__aikpka__prose * + h2, .Prose-module__aikpka__prose * + h3 {
    margin-top: var(--space-8);
  }
}

/* [project]/pkg/next-app/client/billing/usage/ReachedHardAlertLimit.module.css [client] (css) */
@layer components {
  .ReachedHardAlertLimit-module__jxr0eq__budgetForm {
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    display: flex;
  }

  .ReachedHardAlertLimit-module__jxr0eq__usageList {
    padding-left: var(--space-12);
  }

  .ReachedHardAlertLimit-module__jxr0eq__usageList li {
    list-style-type: disc;
  }
}

/* [project]/pkg/next-app/client/rui/MultiStepDialog.module.css [client] (css) */
@layer components {
  .MultiStepDialog-module__Flqloa__root {
    justify-content: start;
    align-items: center;
    overflow: auto;
  }

  .MultiStepDialog-module__Flqloa__root > * {
    margin: auto;
  }

  .MultiStepDialog-module__Flqloa__stepContainer {
    width: 100%;
    padding: var(--space-16);
  }

  .MultiStepDialog-module__Flqloa__stepContainerRoomy {
    width: 100%;
    padding: var(--space-24);
  }

  .MultiStepDialog-module__Flqloa__loadingContainer {
    justify-content: center;
    align-items: center;
    min-height: 300px;
  }

  .MultiStepDialog-module__Flqloa__startPlaceholder {
    width: 73px;
  }

  .MultiStepDialog-module__Flqloa__endPlaceholder {
    width: 98px;
  }

  .MultiStepDialog-module__Flqloa__stepBubble {
    background-color: var(--background-higher);
    border-radius: 50%;
    width: 6px;
    height: 6px;
  }
}

/* [project]/pkg/next-app/client/billing/usage/ReachedMonthlyCreditLimit.module.css [client] (css) */
@layer components {
  .ReachedMonthlyCreditLimit-module__RGotgG__headerGrid {
    gap: calc(var(--space-8) + var(--space-2)) var(--space-12);
    grid-template-columns: auto 1fr;
    align-items: start;
    width: 100%;
    display: grid;
  }

  .ReachedMonthlyCreditLimit-module__RGotgG__headerIconWrap {
    grid-area: 1 / 1;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .ReachedMonthlyCreditLimit-module__RGotgG__headline {
    grid-area: 1 / 2;
    align-self: center;
    min-width: 0;
    margin: 0;
  }

  .ReachedMonthlyCreditLimit-module__RGotgG__sublineRow {
    grid-area: 2 / 1 / auto / -1;
    margin: 0;
  }

  .ReachedMonthlyCreditLimit-module__RGotgG__bodyText {
    line-height: 1.45;
  }

  .ReachedMonthlyCreditLimit-module__RGotgG__heroFrame {
    border-style: solid;
    border-width: 1px;
    border-color: var(--outline-dimmest);
    background-color: var(--background-higher);
    aspect-ratio: 16 / 9;
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .ReachedMonthlyCreditLimit-module__RGotgG__heroImage {
    z-index: 1;
    object-fit: cover;
    object-position: center top;
    width: 100%;
    height: 100%;
    transition: opacity .2s ease-out;
    display: block;
    position: absolute;
    inset: 0;
  }

  .ReachedMonthlyCreditLimit-module__RGotgG__heroLoadingOverlay {
    z-index: 2;
    border-radius: inherit;
    background-color: var(--background-higher);
    position: absolute;
    inset: 0;
  }
}

/* [project]/pkg/next-app/client/rui/ListBox.module.css [client] (css) */
@layer components {
  .ListBox-module__WA2nDa__listbox {
    gap: var(--space-2);
    min-height: 24px;
    max-height: inherit;
    flex-direction: column;
    display: flex;
    overflow-y: auto;
  }

  .ListBox-module__WA2nDa__item {
    align-items: center;
    gap: var(--space-8);
    padding: 0 var(--space-8);
    flex-direction: row;
    min-height: 32px;
    display: flex;
  }

  .ListBox-module__WA2nDa__item[data-hovered], .ListBox-module__WA2nDa__item[data-focused] {
    background-color: var(--background-higher);
  }

  .ListBox-module__WA2nDa__item[data-selected], .ListBox-module__WA2nDa__item[data-selected]:hover {
    background-color: var(--surface-color);
  }

  .ListBox-module__WA2nDa__itemInner {
    text-overflow: ellipsis;
    white-space: nowrap;
    grid-auto-rows: min-content;
    grid-auto-flow: row;
    gap: 4px;
    display: grid;
    overflow: hidden;
  }

  .ListBox-module__WA2nDa__loaderWrapper {
    justify-content: center;
    align-items: center;
    height: 24px;
    display: flex;
  }

  .ListBox-module__WA2nDa__emptyState {
    justify-content: center;
    align-items: center;
    height: 24px;
    padding: 24px 0;
    display: flex;
  }
}

/* [project]/pkg/next-app/client/rui/Pill.module.css [client] (css) */
@layer components {
  .Pill-module__DvEFgq__root {
    --Pill--bg: var(--interactive-background);
    --Pill--border-color: transparent;
    --Pill--text-color: var(--foreground-default);
    border: 1px solid var(--Pill--border-color);
    border-radius: var(--border-radius-round);
    background-color: var(--Pill--bg);
    height: var(--space-24);
    color: var(--Pill--text-color);
    font-size: var(--font-size-small);
  }

  .Pill-module__DvEFgq__compact {
    border-radius: var(--border-radius-default);
    height: var(--space-16);
  }

  .Pill-module__DvEFgq__filled, .Pill-module__DvEFgq__muted {
    border-color: #0000;
  }

  .Pill-module__DvEFgq__outline {
    background-color: #0000;
  }
}

/* [project]/pkg/next-app/client/rui/FieldError.module.css [client] (css) */
@layer components {
  .FieldError-module__85IVaW__fieldError {
    color: var(--accent-negative-default);
    font-size: var(--font-size-small);
  }
}

/* [project]/pkg/next-app/client/rui/Select.module.css [client] (css) */
@layer components {
  .Select-module__EU3nDq__select {
    position: relative;
  }

  .Select-module__EU3nDq__select .Select-module__EU3nDq__trigger {
    min-height: var(--space-32);
  }

  .Select-module__EU3nDq__select[data-invalid] .Select-module__EU3nDq__trigger, :is(.Select-module__EU3nDq__select[data-invalid] .Select-module__EU3nDq__trigger):hover {
    border: 1px solid var(--accent-negative-stronger);
  }

  .Select-module__EU3nDq__select.Select-module__EU3nDq__selectCompact .Select-module__EU3nDq__trigger {
    padding-inline: var(--space-8);
    padding-block: var(--space-4);
    min-height: 28px;
  }

  .Select-module__EU3nDq__value {
    width: calc(100% - 20px);
  }

  .Select-module__EU3nDq__popover {
    border-color: var(--outline-dimmer);
    padding: var(--space-4);
    min-width: var(--trigger-width);
    max-width: calc(var(--trigger-width) + 200px);
    overflow: hidden;
  }
}

/* [project]/pkg/next-app/client/billing/usage/ReachedMonthlyCreditLimitWithCreditPacks.module.css [client] (css) */
@layer components {
  .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__headerGrid {
    align-items: center;
    gap: calc(var(--space-8) + var(--space-2)) var(--space-12);
    grid-template-columns: auto 1fr;
    width: 100%;
    display: grid;
  }

  .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__headline {
    min-width: 0;
    margin: 0;
  }

  .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__heroFrame {
    aspect-ratio: 16 / 9;
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__heroImage {
    z-index: 1;
    object-fit: cover;
    object-position: center top;
    width: 100%;
    height: 100%;
    transition: opacity .2s ease-out;
    display: block;
    position: absolute;
    inset: 0;
  }

  .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__heroLoadingOverlay {
    z-index: 2;
    border-radius: inherit;
    background-color: var(--background-higher);
    position: absolute;
    inset: 0;
  }

  .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__optionRow {
    --option-row-blue-fill: color-mix(in srgb,
    var(--accent-primary-default) 3%,
    var(--background-default));
    box-sizing: border-box;
    border: 1.5px solid var(--outline-dimmest);
    border-radius: var(--border-radius-12);
    padding: var(--space-12);
    background-color: #0000;
    width: 100%;
    transition: border-color .15s ease-out, background-color .15s ease-out;
  }

  .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__optionRow:hover {
    background-color: var(--option-row-blue-fill);
  }

  .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__optionRowSelected {
    border-color: var(--accent-primary-default);
    background-color: var(--option-row-blue-fill);
  }

  .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__optionRowMain {
    align-items: center;
    gap: var(--space-12);
    cursor: pointer;
    min-width: 0;
    color: inherit;
    font: inherit;
    text-align: left;
    background: none;
    border: 0;
    flex: 1;
    margin: 0;
    padding: 0;
    display: flex;
  }

  .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__optionRowButton {
    appearance: none;
    cursor: pointer;
    width: 100%;
  }

  .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__optionRowMain:focus-visible, .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__optionRowButton:focus-visible {
    outline: 2px solid var(--accent-primary-default);
    outline-offset: 2px;
    border-radius: var(--border-radius-4);
  }

  .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__optionIconWell {
    border-radius: var(--border-radius-8);
    background-color: var(--background-higher);
    width: 40px;
    height: 40px;
    transition: background-color .15s ease-out;
  }

  .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__optionRowSelected .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__optionIconWell {
    background-color: color-mix(in srgb,
    var(--accent-primary-default) 15%,
    var(--background-default));
  }

  .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__paygTitleRow {
    flex-wrap: nowrap;
  }

  @media not (min-width: 768px) {
    .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__paygTitleRow {
      flex-wrap: wrap;
    }
  }

  .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__responsiveWide {
    display: inline;
  }

  @media not (min-width: 768px) {
    .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__responsiveWide {
      display: none;
    }
  }

  .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__responsiveCompact {
    display: none;
  }

  @media not (min-width: 768px) {
    .ReachedMonthlyCreditLimitWithCreditPacks-module__BNrAyq__responsiveCompact {
      display: inline;
    }
  }
}

/* [project]/pkg/next-app/client/billing/usage/ReachedSoftAlertLimit.module.css [client] (css) */
@layer components {
  .ReachedSoftAlertLimit-module__GKWBFq__viewUsagePageButton {
    width: fit-content;
  }
}

/* [project]/pkg/next-app/client/billing/usage/SetCustomerUsageAlert.module.css [client] (css) */
@layer components {
  .SetCustomerUsageAlert-module__3oC5ta__headerText {
    flex-grow: 1;
    flex-shrink: 1;
  }
}

/* [project]/pkg/next-app/client/account/ReferralLeaderboardChart.module.css [client] (css) */
@layer components {
  .ReferralLeaderboardChart-module__B17qTG__chart {
    position: relative;
  }

  .ReferralLeaderboardChart-module__B17qTG__center {
    pointer-events: none;
    position: absolute;
    inset: 0;
  }
}

/* [project]/pkg/next-app/client/account/referralStatsShared.module.css [client] (css) */
@layer components {
  .referralStatsShared-module__0Ym_Vq__count {
    border-radius: var(--border-radius-default);
    background-color: var(--background-higher);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .referralStatsShared-module__0Ym_Vq__countRow {
    align-items: center;
    gap: var(--space-8);
    flex-direction: row;
    display: flex;
  }
}

/* [project]/pkg/next-app/client/components/growth/LearnMore.module.css [client] (css) */
@layer components {
  .LearnMore-module__DxtA0q__link {
    align-items: center;
    gap: var(--space-4);
    color: var(--accent-primary-default);
    font-size: var(--font-size-small);
    line-height: var(--line-height-small);
    display: inline-flex;
  }

  .LearnMore-module__DxtA0q__icon {
    flex-shrink: 0;
  }
}

/* [project]/pkg/next-app/client/components/growth/ReferralUrl.module.css [client] (css) */
@layer components {
  .ReferralUrl-module__gpHkyG__root {
    border-radius: 18px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 0;
    display: flex;
  }

  .ReferralUrl-module__gpHkyG__copyButtonWrap {
    padding-left: .5rem;
  }

  .ReferralUrl-module__gpHkyG__urlRow {
    border: .875px solid var(--outline-dimmest, #d2d4d6);
    background: var(--background-default, #fcfcfc);
    border-radius: .2297rem;
    flex: 1 0 0;
    align-items: center;
    gap: .4375rem;
    height: 2rem;
    display: flex;
  }

  .ReferralUrl-module__gpHkyG__urlDisplay {
    box-sizing: border-box;
    border-radius: var(--border-radius-default) 0 0 var(--border-radius-default);
    background: var(--background-default);
    padding: 0 var(--space-12);
    min-width: 0;
    height: 1.75rem;
    color: var(--foreground-dimmer);
    line-height: 1.75rem;
    font-size: var(--font-size-default);
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1 1 0;
    display: block;
    overflow: hidden;
  }
}

/* [project]/pkg/next-app/client/components/growth/ReferralLinkField.module.css [client] (css) */
@layer components {
  .ReferralLinkField-module__gXlPVG__linkCopyRow {
    flex-direction: row;
    align-items: stretch;
    min-height: 32px;
    display: flex;
  }

  .ReferralLinkField-module__gXlPVG__linkCopyRow > :first-child {
    flex: 1 1 0;
    min-width: 0;
  }
}

/* [project]/pkg/next-app/client/components/growth/ReferralSocialShare.module.css [client] (css) */
@layer components {
  .ReferralSocialShare-module__YFBjuW__referralSocialRow {
    justify-content: center;
    align-items: center;
    gap: 6px;
  }

  .ReferralSocialShare-module__YFBjuW__referralSocialText {
    color: var(--foreground-dimmer, #3d4047);
    font-style: normal;
    font-weight: 400;
    font-size: var(--font-size-small, .75rem);
    line-height: var(--line-height-small, 1.125rem);
    font-family: var(--font-family-default, "IBM Plex Sans");
  }

  .ReferralSocialShare-module__YFBjuW__referralBodyTextIcon {
    background: var(--background-higher, #f0f1f2);
    color: var(--foreground-dimmer);
    border-radius: 2.5rem;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    padding: .5rem;
    display: flex;
  }
}

/* [project]/pkg/next-app/client/components/growth/ReferralLink.module.css [client] (css) */
@layer components {
  .ReferralLink-module__2_-Gvq__container {
    width: 100%;
  }

  .ReferralLink-module__2_-Gvq__referralDivider {
    background: var(--outline-dimmer);
    width: 100%;
    height: 1px;
  }

  .ReferralLink-module__2_-Gvq__referralLinkLabelRow {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .ReferralLink-module__2_-Gvq__referralLinkLabel {
    color: var(--foreground-dimmer, #3d4047);
    font-size: var(--font-size-small, .75rem);
    line-height: 1.125rem;
  }

  .ReferralLink-module__2_-Gvq__referralEarned {
    color: var(--foreground-default);
    font-size: var(--font-size-small, .75rem);
    line-height: 1.125rem;
  }

  .ReferralLink-module__2_-Gvq__link {
    box-sizing: border-box;
    border: 1px solid var(--outline-dimmest);
    border-radius: var(--border-radius-default) 0 0 var(--border-radius-default);
    padding: 0 var(--space-8);
    min-width: 0;
    height: 100%;
    color: var(--foreground-dimmer);
    font-size: var(--font-size-default);
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 1 0;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .ReferralLink-module__2_-Gvq__referralActionsRow {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .ReferralLink-module__2_-Gvq__linkRow {
    width: 100%;
    min-width: 0;
  }

  .ReferralLink-module__2_-Gvq__linkRow > * {
    flex: 1 1 0;
    min-width: 0;
  }
}

/* [project]/pkg/next-app/client/billing/usage/UBBNotificationModals.module.css [client] (css) */
@layer components {
  .UBBNotificationModals-module__ERiU_G__responsiveWide {
    display: inline;
  }

  @media not (min-width: 768px) {
    .UBBNotificationModals-module__ERiU_G__responsiveWide {
      display: none;
    }
  }

  .UBBNotificationModals-module__ERiU_G__responsiveCompact {
    display: none;
  }

  @media not (min-width: 768px) {
    .UBBNotificationModals-module__ERiU_G__responsiveCompact {
      display: inline;
    }
  }
}

/* [project]/pkg/next-app/client/components/ServerError.module.css [client] (css) */
@layer components {
  .ServerError-module__3NQRmq__wrapper {
    padding: 20vh 5vw;
  }

  .ServerError-module__3NQRmq__message {
    text-align: center;
    max-width: 512px;
  }
}

/* [project]/pkg/next-app/client/components/EducationModal.module.css [client] (css) */
@keyframes EducationModal-module__3uLIsq__fade-in {
  from {
    opacity: 0;
    transform: translateX(20px);
  }

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

@media (max-width: 648px) {
  @layer components {
    .EducationModal-module__3uLIsq__root {
      width: 100%;
      max-width: 400px;
      max-height: 90dvh;
      height: 610px !important;
    }

    .EducationModal-module__3uLIsq__container {
      flex-direction: column !important;
    }

    .EducationModal-module__3uLIsq__sidebar {
      display: none;
    }

    .EducationModal-module__3uLIsq__imageContentBox {
      height: var(--space-256);
    }

    .EducationModal-module__3uLIsq__contentDescription {
      min-height: 0;
    }
  }
}

@media (max-width: 765px) {
  @layer components {
    .EducationModal-module__3uLIsq__sidebarMenuItemLabel {
      font-size: var(--font-size-default);
    }

    .EducationModal-module__3uLIsq__root .EducationModal-module__3uLIsq__sidebar {
      width: 260px;
    }
  }
}

@layer components {
  .EducationModal-module__3uLIsq__root {
    max-width: 700px;
    overflow: hidden;
  }

  .EducationModal-module__3uLIsq__container {
    min-height: 0;
  }

  .EducationModal-module__3uLIsq__sidebar {
    width: 300px;
  }

  .EducationModal-module__3uLIsq__sidebarMenuItem {
    margin-bottom: var(--space-12);
    padding: var(--space-12);
  }

  .EducationModal-module__3uLIsq__sidebarMenuItem:last-child {
    margin-bottom: 0;
  }

  .EducationModal-module__3uLIsq__sidebarMenuItemLabel {
    font-weight: 400;
  }

  .EducationModal-module__3uLIsq__sidebarMenuItemLabelSelected {
    font-weight: 500;
  }

  .EducationModal-module__3uLIsq__contentPanel {
    min-width: 0;
    min-height: 0;
    overflow-y: hidden;
  }

  .EducationModal-module__3uLIsq__imageContentBox {
    height: 236px;
    overflow: hidden;
  }

  .EducationModal-module__3uLIsq__imageContent {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .EducationModal-module__3uLIsq__contentDescription {
    min-height: var(--space-64);
  }

  .EducationModal-module__3uLIsq__mobileContent {
    min-height: 0;
    overflow: hidden;
  }

  .EducationModal-module__3uLIsq__mobileEmbla {
    width: 100%;
    min-height: 0;
    overflow: hidden;
  }

  .EducationModal-module__3uLIsq__mobileEmblaSlide {
    flex: 0 0 100%;
    min-width: 0;
  }

  .EducationModal-module__3uLIsq__mobileNavItem {
    min-height: var(--space-24);
  }

  .EducationModal-module__3uLIsq__dot {
    cursor: pointer;
    background-color: var(--outline-dimmest);
    border: none;
    border-radius: 50%;
    width: 6.4px;
    height: 6.4px;
    padding: 0;
    position: relative;
  }

  .EducationModal-module__3uLIsq__dot:after {
    content: "";
    position: absolute;
    inset: -9px;
  }

  .EducationModal-module__3uLIsq__dotActive {
    background-color: var(--foreground-dimmer);
  }

  .EducationModal-module__3uLIsq__fadeIn {
    animation: .4s ease-in-out EducationModal-module__3uLIsq__fade-in;
  }

  .EducationModal-module__3uLIsq__actionButton {
    flex-grow: 1;
  }

  .EducationModal-module__3uLIsq__carouselRoot {
    border-radius: var(--border-radius-dialog);
    max-width: 500px;
    overflow: hidden;
  }

  .EducationModal-module__3uLIsq__carouselViewport {
    min-height: 0;
    overflow: hidden;
  }

  .EducationModal-module__3uLIsq__carouselSlide {
    flex: 0 0 100%;
    min-width: 0;
  }

  .EducationModal-module__3uLIsq__carouselRoot .EducationModal-module__3uLIsq__imageContentBox {
    border-radius: 0;
    flex-shrink: 0;
    height: 280px;
    overflow: hidden;
  }

  @media (max-width: 480px) {
    .EducationModal-module__3uLIsq__carouselRoot .EducationModal-module__3uLIsq__imageContentBox {
      height: auto;
    }

    .EducationModal-module__3uLIsq__carouselRoot .EducationModal-module__3uLIsq__imageContent {
      object-fit: contain;
      height: auto;
    }
  }

  .EducationModal-module__3uLIsq__carouselFooterButton {
    width: 100%;
  }
}

/* [project]/pkg/next-app/client/onboarding/membershipTour/bonusCreditsContent.module.css [client] (css) */
@layer components {
  .bonusCreditsContent-module__eb_Dzq__creditsBanner {
    background-color: var(--accent-green-dimmest);
    color: var(--accent-green-strongest);
  }
}

/* [project]/pkg/next-app/client/onboarding/membershipTour/MembershipOnboardingTour.module.css [client] (css) */
@layer components {
  @media (min-width: 480px) {
    .MembershipOnboardingTour-module__I-myUW__header {
      gap: var(--space-8);
      flex-direction: row;
      flex-grow: 1;
      flex-shrink: 1;
      align-items: center;
    }
  }

  .MembershipOnboardingTour-module__I-myUW__imageWrapper {
    border: 1px solid var(--outline-dimmer);
  }

  .MembershipOnboardingTour-module__I-myUW__image {
    border-radius: var(--border-radius-8);
    width: 100%;
    height: auto;
  }

  .MembershipOnboardingTour-module__I-myUW__description {
    gap: var(--space-8);
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
  }

  .MembershipOnboardingTour-module__I-myUW__docLink {
    gap: var(--space-4);
    flex-direction: row;
    align-items: center;
    display: inline-flex;
  }
}

/* [project]/pkg/next-app/client/rui/PopperArrow.module.css [client] (css) */
@layer components {
  .PopperArrow-module__3189Ka__root {
    pointer-events: none;
    z-index: var(--PopperArrow--popper-arrow-z-index, 1);
    --PopperArrow--popper-arrow-bg: transparent;
    --PopperArrow--popper-arrow-border-color: transparent;
    --PopperArrow--popper-arrow-z-index: 1;
    display: block;
  }

  .PopperArrow-module__3189Ka__root:after {
    content: "";
    border-top-left-radius: var(--border-radius-default);
    background: var(--PopperArrow--popper-arrow-bg);
    border: 1px solid var(--PopperArrow--popper-arrow-border-color);
    width: 12px;
    height: 12px;
    display: block;
    border-bottom: none !important;
    border-right: none !important;
  }

  [data-popper-placement^="top"] .PopperArrow-module__3189Ka__root {
    bottom: -6px;
  }

  :is([data-popper-placement^="top"] .PopperArrow-module__3189Ka__root):after {
    transform: rotate(225deg);
  }

  [data-popper-placement^="right"] .PopperArrow-module__3189Ka__root {
    left: -6px;
  }

  :is([data-popper-placement^="right"] .PopperArrow-module__3189Ka__root):after {
    transform: rotate(315deg);
  }

  [data-popper-placement^="bottom"] .PopperArrow-module__3189Ka__root {
    top: -6px;
  }

  :is([data-popper-placement^="bottom"] .PopperArrow-module__3189Ka__root):after {
    transform: rotate(45deg);
  }

  [data-popper-placement^="left"] .PopperArrow-module__3189Ka__root {
    right: -6px;
  }

  :is([data-popper-placement^="left"] .PopperArrow-module__3189Ka__root):after {
    transform: rotate(135deg);
  }
}

/* [project]/pkg/next-app/client/onboarding/tours/tour/Tour.module.css [client] (css) */
@layer components {
  .Tour-module__75BaAq__popper {
    max-width: 240px;
  }

  .Tour-module__75BaAq__body {
    background-color: var(--accent-primary-dimmest);
    box-shadow: var(--shadow-2);
  }

  .Tour-module__75BaAq__tooltipText {
    flex: auto;
    min-width: 0;
    min-height: 0;
  }

  .Tour-module__75BaAq__closeButton {
    opacity: .5;
  }

  .Tour-module__75BaAq__closeButton:not([disabled]):hover {
    opacity: 1;
    background-color: #0000 !important;
  }
}

/* [project]/pkg/next-app/client/components/growth/ReplitHeaderImage.module.css [client] (css) */
@layer components {
  .ReplitHeaderImage-module__37tCfq__wrapper {
    flex: none;
    justify-content: center;
    align-items: center;
    width: calc(100% + 40px);
    height: 100px;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .ReplitHeaderImage-module__37tCfq__wrapperRotated {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
  }

  .ReplitHeaderImage-module__37tCfq__stripeLayer {
    pointer-events: none;
    display: flex;
    position: absolute;
    inset: 0;
  }
}

/* [project]/pkg/next-app/client/account/ReferralModalContent.module.css [client] (css) */
@layer components {
  .ReferralModalContent-module__T68AUW__referralModal {
    box-sizing: border-box;
    box-shadow: var(--shadow-overlay);
    border: 1px solid var(--outline-dimmer);
    background: var(--background-default);
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 560px;
    max-height: min(90vh, 520px);
    display: flex;
    overflow: hidden;
  }

  .ReferralModalContent-module__T68AUW__referralModalInner {
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    display: flex;
    overflow: hidden auto;
  }

  .ReferralModalContent-module__T68AUW__referralContent {
    flex-direction: column;
    flex: auto;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    padding: 0 20px 20px;
    display: flex;
  }

  .ReferralModalContent-module__T68AUW__referralHeaderRow {
    align-items: center;
    gap: 8px;
    width: 100%;
  }

  .ReferralModalContent-module__T68AUW__referralBodyTextIcon {
    background: var(--background-higher, #f0f1f2);
    border-radius: 2.5rem;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    height: 2rem;
    padding: .5rem;
    display: flex;
  }

  .ReferralModalContent-module__T68AUW__referralTitle {
    color: var(--foreground-default, #07080a);
    font-style: normal;
    font-weight: 500;
    font-size: var(--font-size-header-default, 1.5rem);
    line-height: 2rem;
    font-family: var(--font-family-default, "IBM Plex Sans");
  }

  .ReferralModalContent-module__T68AUW__referralBodyTextRow {
    color: var(--foreground-default);
    font-style: normal;
    font-weight: 400;
    font-size: var(--font-size-default, .875rem);
    line-height: 1.375rem;
    font-family: var(--font-family-default, "IBM Plex Sans");
  }

  .ReferralModalContent-module__T68AUW__referralBody {
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    width: 100%;
    display: flex;
  }

  .ReferralModalContent-module__T68AUW__referralBodyText {
    color: var(--foreground-default, #07080a);
    font-style: normal;
    font-weight: 400;
    font-size: var(--font-size-default, .875rem);
    line-height: 1.375rem;
    font-family: var(--font-family-default, "IBM Plex Sans");
    flex-shrink: 1;
  }
}

/* [project]/pkg/next-app/client/notifications/NotificationCard.module.css [client] (css) */
@layer components {
  .NotificationCard-module__5qO-ya__root {
    padding: var(--space-12);
    align-items: center;
    display: flex;
  }

  .NotificationCard-module__5qO-ya__root[data-has-link="true"] {
    pointer-events: none;
  }

  .NotificationCard-module__5qO-ya__root[data-has-link="true"] a, .NotificationCard-module__5qO-ya__root[data-has-link="true"] button {
    pointer-events: all;
  }

  .NotificationCard-module__5qO-ya__root[data-last-item="true"] {
    border-bottom: 1px solid var(--outline-dimmest);
  }

  .NotificationCard-module__5qO-ya__notificationLinkWrapper {
    border-width: 0;
  }

  .NotificationCard-module__5qO-ya__notificationLinkWrapper:nth-last-child(2) > a, :is(.NotificationCard-module__5qO-ya__notificationLinkWrapper:nth-last-child(2) > a):after {
    border-bottom-left-radius: var(--space-8);
    border-bottom-right-radius: var(--space-8);
  }

  .NotificationCard-module__5qO-ya__notificationLink {
    color: var(--foreground-default);
    border: 1px solid #0000;
    transition-property: box-shadow;
    transition-duration: .12s;
    transition-timing-function: ease-out;
    display: block;
    position: relative;
  }

  @media (hover: hover) {
    .NotificationCard-module__5qO-ya__notificationLink:not([disabled], [aria-disabled]) {
      cursor: pointer;
    }

    .NotificationCard-module__5qO-ya__notificationLink:not([disabled], [aria-disabled]):focus {
      outline: 2px solid var(--accent-primary-default);
      outline-offset: -2px;
    }

    .NotificationCard-module__5qO-ya__notificationLink:not([disabled], [aria-disabled]):hover {
      background-color: var(--interactive-background);
      transition-duration: 0s;
    }

    .NotificationCard-module__5qO-ya__notificationLink:not([disabled], [aria-disabled]):not(textarea):active {
      background-color: var(--interactive-background--active);
    }

    html:not([data-focus-visible]) .NotificationCard-module__5qO-ya__notificationLink:not([disabled], [aria-disabled]):focus {
      outline-color: #0000;
    }

    html[data-focus-visible] .NotificationCard-module__5qO-ya__notificationLink:not([disabled], [aria-disabled]):not(textarea):active:focus {
      border-color: var(--accent-primary-default);
    }
  }

  .NotificationCard-module__5qO-ya__notificationLink:after {
    content: "";
    z-index: 1;
    display: block;
    position: absolute;
    inset: 0;
  }

  .NotificationCard-module__5qO-ya__notificationLink:focus-visible {
    box-shadow: none !important;
  }

  .NotificationCard-module__5qO-ya__notificationLink:focus-visible:after {
    outline: 2px solid var(--accent-primary-default);
    outline-offset: -2px;
  }

  html:not([data-focus-visible]) .NotificationCard-module__5qO-ya__notificationLink:focus-visible:after {
    outline-color: #0000;
  }

  .NotificationCard-module__5qO-ya__content {
    padding-right: var(--space-12);
    flex-grow: 1;
  }

  .NotificationCard-module__5qO-ya__indicatorLink {
    align-items: center;
    display: flex;
  }

  .NotificationCard-module__5qO-ya__indicator {
    width: 6px;
    height: 6px;
    margin-right: var(--space-2);
    background-color: var(--accent-blue-stronger);
    border-radius: 50%;
  }
}

/* [project]/pkg/next-app/client/rui/Avatar.module.css [client] (css) */
@layer components {
  .Avatar-module__AkbpLa__root {
    --Avatar--size: 32px;
    --Avatar--border-radius: var(--border-radius-round);
    --Avatar--initials-color: var(--foreground-dimmest);
    position: relative;
  }

  .Avatar-module__AkbpLa__container {
    border-radius: var(--Avatar--border-radius);
    background-color: var(--outline-dimmest);
    width: var(--Avatar--size);
    height: var(--Avatar--size);
    display: inline-flex;
    position: relative;
    overflow: hidden;
  }

  .Avatar-module__AkbpLa__initialsContainer {
    position: absolute;
    inset: 0;
  }

  .Avatar-module__AkbpLa__initials {
    color: var(--Avatar--initials-color);
    font-size: calc(var(--Avatar--size) / 2.5);
    display: flex;
  }

  .Avatar-module__AkbpLa__roleBadge {
    z-index: 1;
    border-radius: var(--border-radius-round);
    background-color: var(--accent-orange-dimmest);
    position: absolute;
    bottom: -2px;
    left: -3px;
    box-shadow: 0 0 3px #00000080;
  }
}

/* [project]/pkg/next-app/client/rui/Timestamp.module.css [client] (css) */
@layer components {
  .Timestamp-module__HBg5PW__timestamp {
    width: max-content;
  }
}

/* [project]/pkg/next-app/client/notifications/Item.module.css [client] (css) */
@layer components {
  .Item-module__2hGgkG__content {
    flex: auto;
    display: flex;
    position: relative;
  }

  .Item-module__2hGgkG__contentContainer {
    gap: var(--space-12);
    flex-direction: row;
    flex: auto;
    align-items: center;
    display: flex;
    position: relative;
  }

  .Item-module__2hGgkG__itemText {
    padding-bottom: var(--space-4);
    overflow-wrap: break-word;
  }

  .Item-module__2hGgkG__itemTextNewFollowerWrapper {
    flex-direction: column;
    display: flex;
  }

  .Item-module__2hGgkG__usernameLink {
    border-radius: var(--border-radius-4);
  }

  .Item-module__2hGgkG__usernameLink:focus {
    outline: 2px solid var(--accent-primary-default);
    outline-offset: 0;
  }

  html:not([data-focus-visible]) .Item-module__2hGgkG__usernameLink:focus {
    outline-color: #0000;
  }

  .Item-module__2hGgkG__userAvatarLink {
    border-radius: var(--border-radius-16);
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
  }

  .Item-module__2hGgkG__userAvatarLink:focus {
    outline: 2px solid var(--accent-primary-default);
    outline-offset: 0;
  }

  html:not([data-focus-visible]) .Item-module__2hGgkG__userAvatarLink:focus {
    outline-color: #0000;
  }
}

/* [project]/pkg/next-app/client/notifications/List.module.css [client] (css) */
@layer components {
  .List-module__a4KWka__list {
    padding-bottom: var(--space-16);
  }

  .List-module__a4KWka__list.List-module__a4KWka__compact {
    border-bottom: var(--border-width-default) solid var(--outline-dimmest);
    padding: var(--space-12);
  }

  .List-module__a4KWka__buttonGroupContainer {
    width: 100%;
  }

  .List-module__a4KWka__buttonGroupContainer.List-module__a4KWka__compact {
    width: 160px;
    max-width: 200px;
  }

  .List-module__a4KWka__emptyStateContainer.List-module__a4KWka__compact {
    padding: var(--space-12);
  }

  .List-module__a4KWka__emptyState {
    background-color: var(--background-default);
    padding: var(--space-32) var(--space-12);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .List-module__a4KWka__emptyState.List-module__a4KWka__compact {
    background-color: initial;
  }

  .List-module__a4KWka__loadMoreContainer {
    padding-block: var(--space-12);
  }

  .List-module__a4KWka__loadMoreContainer.List-module__a4KWka__compact {
    padding-inline: var(--space-12);
  }

  .List-module__a4KWka__textCenter {
    text-align: center;
  }
}

/* [project]/pkg/next-app/client/rui/ComboBox.module.css [client] (css) */
@layer components {
  .ComboBox-module__pAhpoG__listbox {
    min-height: 24px;
    max-height: inherit;
    overflow-y: auto;
  }

  .ComboBox-module__pAhpoG__input {
    padding-right: 25px;
  }

  .ComboBox-module__pAhpoG__trigger {
    margin-left: -27px;
  }

  .ComboBox-module__pAhpoG__popover {
    width: var(--trigger-width);
  }

  .ComboBox-module__pAhpoG__item {
    padding: 0 var(--space-6);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 32px;
    display: flex;
  }

  .ComboBox-module__pAhpoG__item[data-focused] {
    background-color: var(--background-higher);
  }

  .ComboBox-module__pAhpoG__item[data-selected], .ComboBox-module__pAhpoG__item[data-selected]:hover {
    background-color: var(--accent-primary-dimmer);
  }
}

/* [project]/pkg/next-app/client/replView/ReplIcon.module.css [client] (css) */
@layer components {
  .ReplIcon-module__P34J6a__surface {
    position: relative;
    overflow: hidden;
  }

  .ReplIcon-module__P34J6a__imageWrapper {
    position: relative;
  }

  .ReplIcon-module__P34J6a__imageBorder {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: inset 0 0 0 1px #80808040;
  }

  .ReplIcon-module__P34J6a__loadingOverlay {
    opacity: .8;
  }

  .ReplIcon-module__P34J6a__loadingIconWrapper {
    color: var(--accent-primary-default);
  }

  .ReplIcon-module__P34J6a__loadingContainer {
    position: relative;
  }

  .ReplIcon-module__P34J6a__coverContainer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

/* [project]/pkg/next-app/client/components/Layout/SupportForm/index.module.css [client] (css) */
@layer components {
  .index-module__LUcORa__flexButtons {
    border-top: solid 1px var(--background-highest);
  }

  @media (max-width: 500px) {
    .index-module__LUcORa__flexButtons {
      display: block;
    }

    .index-module__LUcORa__flexButtons > * {
      margin: 0 0 var(--space-8) 0 !important;
    }
  }

  .index-module__LUcORa__subcategorySection, .index-module__LUcORa__frontFormSection {
    border-top: 1px solid var(--background-highest);
  }
}

/* [project]/pkg/next-app/client/components/NavMenu/index.module.css [client] (css) */
@layer components {
  .index-module__z1kyYa__container {
    position: relative;
  }

  .index-module__z1kyYa__menu {
    flex-shrink: 1;
    overflow-y: auto;
  }

  .index-module__z1kyYa__notificationIndicator {
    top: var(--space-4);
    background-color: var(--accent-negative-default);
    width: var(--space-6);
    height: var(--space-6);
    pointer-events: none;
    border-radius: 50%;
    position: absolute;
    left: 16px;
  }

  .index-module__z1kyYa__popover {
    box-shadow: var(--shadow-raised) !important;
    border: 1px solid var(--outline-dimmest) !important;
  }

  @media (min-resolution: 2x) {
    .index-module__z1kyYa__popover {
      border-width: .5px !important;
    }
  }
}

/* [project]/pkg/next-app/client/components/NavMenu/NotificationsItem.module.css [client] (css) */
@layer components {
  .NotificationsItem-module__00pi2G__count {
    border-radius: 50%;
    min-width: 20px;
    height: 20px;
  }
}

/* [project]/pkg/next-app/client/components/NavMenu/DesktopAppVersion.module.css [client] (css) */
@layer components {
  .DesktopAppVersion-module__fsz5-q__wrapper {
    border-top: 1px solid var(--outline-dimmer);
  }
}

/* [project]/pkg/next-app/client/components/Layout/Header/index.module.css [client] (css) */
@layer components {
  .index-module__dB_oAW__root {
    --index--height: auto;
    --index--z-index: 1;
    --index--nav-menu-header-content-width: auto;
    z-index: var(--index--z-index);
    width: 100%;
    height: var(--index--height);
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
  }

  .index-module__dB_oAW__left {
    border-bottom-right-radius: var(--border-radius-default);
    pointer-events: all;
    height: 100%;
  }

  .index-module__dB_oAW__menu {
    min-width: 200px !important;
  }

  .index-module__dB_oAW__menu [role="menuitem"] {
    gap: var(--space-6) !important;
    padding: 0 var(--space-6) !important;
    height: 32px !important;
  }

  .index-module__dB_oAW__menu header {
    padding: var(--space-4) var(--space-6) !important;
  }

  @media (min-width: 768px) {
    .index-module__dB_oAW__sidebarButton {
      display: none !important;
    }
  }

  .index-module__dB_oAW__navMenuHeaderContent {
    width: var(--index--nav-menu-header-content-width);
  }
}

/* [project]/pkg/next-app/client/orgs/DefaultOrgIcon.module.css [client] (css) */
@layer components {
  .DefaultOrgIcon-module__jpmNua__placeholder {
    background-color: var(--background-root);
    width: 24px;
    height: 24px;
    color: var(--foreground-default);
  }
}

/* [project]/pkg/next-app/client/components/Layout/Header/AvatarDropdown.module.css [client] (css) */
@layer components {
  .AvatarDropdown-module__n3A4ZW__dropdownItem:not([disabled]):hover {
    background-color: var(--background-higher);
  }

  .AvatarDropdown-module__n3A4ZW__dropdownItemSelected {
    background-color: var(--interactive-background);
  }

  .AvatarDropdown-module__n3A4ZW__dropdownItemSelected:not([disabled]):hover {
    background-color: var(--background-highest);
  }

  .AvatarDropdown-module__n3A4ZW__orgNameText {
    flex-grow: 1;
  }

  .AvatarDropdown-module__n3A4ZW__dropdownAvatarAndName {
    text-align: left;
    flex: 1 1 0;
    max-width: 100%;
  }

  .AvatarDropdown-module__n3A4ZW__sectionHeader {
    font-weight: 500;
  }

  .AvatarDropdown-module__n3A4ZW__workspaceDropdownContainer {
    min-width: 216px;
    min-height: 48px;
    max-height: calc(100vh - 400px);
    overflow-y: auto;
  }

  .AvatarDropdown-module__n3A4ZW__overflowIndicator {
    opacity: .7;
    background: linear-gradient(transparent,
    var(--background-default) 50%,
    var(--background-higher) 80%,
    var(--background-highest) 100%);
    pointer-events: none;
    justify-content: center;
    align-items: center;
    height: 36px;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .AvatarDropdown-module__n3A4ZW__workspaceContainerWrapper {
    position: relative;
  }
}

/* [project]/pkg/next-app/client/components/ContextualPlanBenefitsUpsell.module.css [client] (css) */
@layer components {
  .ContextualPlanBenefitsUpsell-module__8sBUjG__container {
    border-top: 1px solid var(--outline-dimmest);
    background-color: color-mix(in srgb,
    var(--brand-accent-dimmer) 50%,
    transparent);
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
  }

  .ContextualPlanBenefitsUpsell-module__8sBUjG__learnMoreLink {
    gap: var(--space-8);
    color: var(--brand-accent-stronger);
    flex-direction: row;
    align-items: center;
    display: flex;
  }
}

/* [project]/pkg/next-app/client/components/Pricing/PlanBadge.module.css [client] (css) */
@layer components {
  .PlanBadge-module__3YJnQW__text {
    font-weight: var(--font-weight-medium);
  }

  .PlanBadge-module__3YJnQW__wrapper {
    width: fit-content;
  }

  .PlanBadge-module__3YJnQW__container {
    width: 100%;
  }

  .PlanBadge-module__3YJnQW__divider {
    background-color: var(--outline-dimmer);
  }
}

/* [project]/pkg/next-app/client/orgs/OrgUpgradeRequestModal.module.css [client] (css) */
@layer components {
  .OrgUpgradeRequestModal-module__AkvMRq__input {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
    flex: 1 1 0;
    display: flex;
  }
}

/* [project]/pkg/next-app/client/rui/deprecated/Stack.module.css [client] (css) */
@layer components {
  .Stack-module__QZysTG__stack {
    flex-flow: var(--Stack--direction) var(--Stack--flex-wrap);
    align-items: var(--Stack--align);
    justify-content: var(--Stack--justify);
    gap: var(--Stack--gap);
    --Stack--direction: row;
    --Stack--align: flex-start;
    --Stack--justify: flex-start;
    --Stack--flex-wrap: wrap;
    --Stack--gap: 0;
    display: flex;
  }

  .Stack-module__QZysTG__stack.Stack-module__QZysTG__isInline {
    display: inline-flex;
  }

  .Stack-module__QZysTG__stack.Stack-module__QZysTG__constrainWidth {
    max-width: 100%;
  }
}

/* [project]/pkg/next-app/client/rui/deprecated/Input.module.css [client] (css) */
@layer components {
  .Input-module__j3IgJG__root {
    flex-direction: column;
    width: 100%;
    display: flex;
    position: relative;
  }

  .Input-module__j3IgJG__required {
    color: var(--accent-negative-default);
    font-size: var(--font-size-small);
  }

  .Input-module__j3IgJG__inputContainer {
    position: relative;
  }

  .Input-module__j3IgJG__iconContainer {
    background-color: var(--background-default);
    padding: var(--space-4);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .Input-module__j3IgJG__iconContainer.Input-module__j3IgJG__right {
    right: var(--space-8);
  }

  .Input-module__j3IgJG__iconContainer.Input-module__j3IgJG__right.Input-module__j3IgJG__stateError {
    color: var(--accent-negative-default);
  }

  .Input-module__j3IgJG__iconContainer.Input-module__j3IgJG__right.Input-module__j3IgJG__stateWarning {
    color: var(--foreground-dimmest);
  }

  .Input-module__j3IgJG__iconContainer.Input-module__j3IgJG__right.Input-module__j3IgJG__stateSuccess {
    color: var(--accent-positive-default);
  }

  .Input-module__j3IgJG__iconContainer.Input-module__j3IgJG__left {
    left: var(--space-4);
    color: var(--foreground-dimmest);
    background-color: #0000;
  }

  .Input-module__j3IgJG__input {
    font-size: var(--font-size-default);
    font-family: var(--font-family-default);
    line-height: var(--font-size-default);
    background-color: var(--background-default);
    color: var(--foreground-default);
    padding: var(--space-8);
    border: 1px solid var(--outline-dimmest);
    border-radius: var(--border-radius-4);
    box-sizing: border-box;
    outline: none;
    width: 100%;
    transition: color .1s, background-color .1s;
  }

  .Input-module__j3IgJG__input.Input-module__j3IgJG__large {
    font-size: var(--font-size-subhead-default);
    line-height: var(--font-size-subhead-default);
  }

  .Input-module__j3IgJG__input.Input-module__j3IgJG__monospace {
    font-family: var(--font-family-code);
  }

  .Input-module__j3IgJG__input.Input-module__j3IgJG__hasIcon {
    padding-left: var(--space-24);
  }

  .Input-module__j3IgJG__input:disabled {
    opacity: .5;
  }

  .Input-module__j3IgJG__input.Input-module__j3IgJG__default:hover {
    border-color: var(--accent-primary-dimmer);
  }

  .Input-module__j3IgJG__input.Input-module__j3IgJG__positive {
    border-color: var(--accent-positive-stronger);
  }

  .Input-module__j3IgJG__input.Input-module__j3IgJG__positive:hover {
    border-color: var(--accent-positive-dimmer);
  }

  .Input-module__j3IgJG__input.Input-module__j3IgJG__negative {
    border-color: var(--accent-negative-default);
  }

  .Input-module__j3IgJG__input.Input-module__j3IgJG__negative:hover {
    border-color: var(--accent-negative-dimmer);
  }

  .Input-module__j3IgJG__input:active, .Input-module__j3IgJG__input:focus {
    border-color: var(--accent-primary-default);
  }

  .Input-module__j3IgJG__validationPopover {
    width: 100%;
    top: calc(100% + var(--space-4));
    background-color: var(--background-default);
    padding: var(--space-8);
    border-radius: var(--border-radius-4);
    z-index: 9999;
    box-shadow: var(--shadow-2);
    flex-direction: column;
    display: flex;
    position: absolute;
  }

  .Input-module__j3IgJG__validationRow {
    width: 100%;
    padding-bottom: var(--space-4);
    align-items: flex-start;
    display: flex;
  }

  .Input-module__j3IgJG__validationIconContainer {
    padding-right: var(--space-4);
    flex-shrink: 0;
  }
}

/* [project]/pkg/next-app/client/rui/Checkbox.module.css [client] (css) */
@layer components {
  .Checkbox-module__xf6HKG__checkbox {
    --Checkbox--size: 20px;
    position: relative;
  }

  .Checkbox-module__xf6HKG__input {
    appearance: none;
    border-radius: var(--border-radius-4);
    width: var(--Checkbox--size);
    height: var(--Checkbox--size);
    border-style: solid;
    border-width: 1px;
  }

  .Checkbox-module__xf6HKG__iconWrapper {
    pointer-events: none;
    position: absolute;
    inset: 0;
  }

  .Checkbox-module__xf6HKG__checkIcon {
    pointer-events: none;
  }
}

/* [project]/pkg/next-app/client/clui2/graphql/Form.module.css [client] (css) */
@layer components {
  .Form-module__Qa3YCq__checkboxInput {
    gap: 10px;
    display: grid;
  }

  .Form-module__Qa3YCq__checkboxInput label {
    -webkit-user-select: none;
    user-select: none;
    grid-template-columns: 20px auto;
    align-items: center;
    gap: 10px;
    display: grid;
  }

  .Form-module__Qa3YCq__selectInput {
    display: block;
  }

  .Form-module__Qa3YCq__selectInput select {
    font-size: var(--font-size-default);
    font-family: var(--font-family-default);
    line-height: var(--line-height-default);
    background-color: var(--background-default);
    color: var(--foreground-default);
    padding: var(--space-8);
    border: 1px solid var(--outline-dimmest);
    border-radius: var(--border-radius-4);
    box-sizing: border-box;
    outline: none;
    width: 100%;
    transition: color .1s, background-color .1s;
  }

  :is(.Form-module__Qa3YCq__selectInput select):hover {
    border: 1px solid var(--accent-primary-dimmer);
  }

  :is(.Form-module__Qa3YCq__selectInput select):active, :is(.Form-module__Qa3YCq__selectInput select):focus {
    border-color: var(--accent-primary-default);
    outline: none;
  }

  .Form-module__Qa3YCq__cliForm form {
    max-width: 600px;
  }
}

/* [project]/pkg/next-app/client/clui2/graphql/components/DeleteTipInteractionsForm/index.module.css [client] (css) */
@layer components {
  .index-module__ycHd5G__container {
    max-width: 600px;
  }

  .index-module__ycHd5G__label {
    margin-bottom: var(--space-8);
  }

  .index-module__ycHd5G__inputDescription {
    margin-top: var(--space-4);
  }

  .index-module__ycHd5G__submitButton {
    align-self: flex-start;
  }
}

/* [project]/pkg/next-app/client/clui2/graphql/components/LanguageTemplates/index.module.css [client] (css) */
@layer components {
  .index-module__BB7faG__accentPrimary {
    color: var(--accent-primary-default);
  }

  .index-module__BB7faG__templateRow td {
    padding: var(--space-8);
  }
}

/* [project]/pkg/next-app/client/deployments/views/DeploymentPane/views/Logs/DateInput.module.css [client] (css) */
@layer components {
  .DateInput-module__-K2Y_q__group {
    gap: var(--space-4);
    display: flex;
    position: relative;
  }

  .DateInput-module__-K2Y_q__dateInput {
    padding: var(--space-6);
    gap: var(--space-4);
    flex-direction: row;
    display: flex;
  }

  .DateInput-module__-K2Y_q__dateInput[data-invalid="true"], .DateInput-module__-K2Y_q__dateInput[data-invalid="true"]:hover {
    border-color: var(--accent-negative-stronger);
  }

  .DateInput-module__-K2Y_q__dateSegment {
    border-radius: var(--border-radius-2);
    outline: none;
  }

  .DateInput-module__-K2Y_q__dateSegment[data-focused="true"] {
    outline: 2px solid var(--accent-primary-default);
    outline-offset: 1px;
  }

  .DateInput-module__-K2Y_q__iconButton {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }

  .DateInput-module__-K2Y_q__calendar {
    padding: var(--space-8);
  }

  .DateInput-module__-K2Y_q__calendarHeader {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .DateInput-module__-K2Y_q__calendarHeaderText {
    font-size: var(--font-size-default);
    color: var(--foreground-default);
    font-weight: var(--font-weight-regular);
  }

  .DateInput-module__-K2Y_q__arrowButton {
    appearance: none;
    border-radius: var(--border-radius-default);
    padding: var(--space-4);
  }

  .DateInput-module__-K2Y_q__calendarGrid {
    margin-top: var(--space-8);
  }

  .DateInput-module__-K2Y_q__calendarGrid th {
    height: 14px;
    color: var(--foreground-dimmer);
    font-weight: var(--font-weight-regular);
    padding-bottom: var(--space-4);
  }

  .DateInput-module__-K2Y_q__calendarCell {
    font-size: var(--font-size-default);
    border-radius: var(--border-radius-default);
    text-align: center;
    flex-direction: column;
    justify-content: center;
    width: 32px;
    height: 28px;
    display: flex;
  }

  .DateInput-module__-K2Y_q__calendarCell[data-outside-visible-range="true"] {
    display: none;
  }

  .DateInput-module__-K2Y_q__calendarCell[data-selected="true"], .DateInput-module__-K2Y_q__calendarCell[data-selected="true"]:hover {
    background-color: var(--accent-primary-dimmer);
  }

  .DateInput-module__-K2Y_q__calendarCell[data-disabled="true"], .DateInput-module__-K2Y_q__calendarCell[data-unavailable="true"] {
    opacity: .5;
  }
}

/* [project]/pkg/next-app/client/rui/IndexTable/IndexEmptyState.module.css [client] (css) */
@layer components {
  .IndexEmptyState-module__QwWc9q__container {
    width: 100%;
  }
}

/* [project]/pkg/next-app/client/rui/IndexTable/IndexPagination.module.css [client] (css) */
@layer components {
  .IndexPagination-module__t95pHW__surface {
    z-index: 0;
    box-sizing: content-box;
    align-items: center;
    position: sticky;
    bottom: 0;
  }

  .IndexPagination-module__t95pHW__paginationRow {
    width: 100%;
  }
}

/* [project]/pkg/next-app/client/rui/IndexTable/IndexBulkActions.module.css [client] (css) */
@layer components {
  .IndexBulkActions-module__zsdnjq__container {
    width: 100%;
    padding: var(--space-4) var(--space-8) var(--space-4) var(--space-8);
    z-index: 1;
    justify-content: space-between;
    min-height: 34px;
    position: absolute;
    top: 0;
  }

  .IndexBulkActions-module__zsdnjq__checkboxContainer {
    align-items: center;
    gap: 20px;
  }
}

/* [project]/pkg/next-app/client/rui/Table/Table.module.css [client] (css) */
@layer components {
  .Table-module__f6Tsma__table {
    border-spacing: 1px;
    outline: none;
    align-self: start;
    min-width: 100%;
    max-width: 100%;
  }
}

/* [project]/pkg/next-app/client/rui/Table/TableCell.module.css [client] (css) */
@layer components {
  .TableCell-module__K5M4Rq__cell {
    padding: var(--space-6) var(--space-12) var(--space-6) var(--space-12);
    width: fit-content;
    transform: translateZ(0);
  }

  .TableCell-module__K5M4Rq__cell[data-focused] {
    outline: 2px solid var(--accent-primary-default);
    outline-offset: -2px;
  }

  html:not([data-focus-visible]) .TableCell-module__K5M4Rq__cell[data-focused]:focus {
    outline-color: #0000;
  }

  .TableCell-module__K5M4Rq__floatRight > * {
    float: right;
  }

  .TableCell-module__K5M4Rq__flush {
    padding: 0;
  }
}

/* [project]/pkg/next-app/client/rui/Table/TableColumn.module.css [client] (css) */
@layer components {
  .TableColumn-module__agyikG__column {
    padding: var(--space-6) var(--space-12);
    text-align: left;
    white-space: nowrap;
    word-break: break-word;
    align-items: center;
  }

  .TableColumn-module__agyikG__columnSortIcon {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
}

/* [project]/pkg/next-app/client/rui/Table/TableHeader.module.css [client] (css) */
@layer components {
  .TableHeader-module__PL9mLW__tableHeader {
    color: var(--foreground-dimmer);
    text-align: left;
  }

  .TableHeader-module__PL9mLW__tableHeader [data-focused] {
    outline: 2px solid var(--accent-primary-default);
    outline-offset: -2px;
  }

  html:not([data-focus-visible]) .TableHeader-module__PL9mLW__tableHeader [data-focused]:focus {
    outline-color: #0000;
  }

  .TableHeader-module__PL9mLW__checkboxColumn {
    width: 16px;
    padding-left: var(--space-12);
    padding-right: var(--space-12);
  }
}

/* [project]/pkg/next-app/client/rui/Table/TableRow.module.css [client] (css) */
@layer components {
  .TableRow-module__-HY7gW__row {
    border-radius: var(--border-radius-default);
    cursor: default;
    color: var(--foreground-default);
    padding: var(--space-6);
    transition-property: box-shadow, background-color;
    transition-duration: var(--transition-duration-snappy);
    transition-timing-function: var(--transition-timing-function-snappy);
    border-style: solid;
    border-width: 1px 0;
    border-color: var(--outline-dimmest);
    position: relative;
  }

  .TableRow-module__-HY7gW__row[data-href] {
    cursor: pointer;
  }

  .TableRow-module__-HY7gW__row[data-hovered] {
    background-color: var(--surface-color-final-200);
    transition-duration: 0s;
  }

  .TableRow-module__-HY7gW__row[data-focused] {
    outline: 2px solid var(--accent-primary-default);
    outline-offset: -2px;
    background-color: var(--surface-color-final-300);
  }

  .TableRow-module__-HY7gW__row[data-selected] {
    background-color: var(--surface-color-final-300);
  }

  .TableRow-module__-HY7gW__row[data-selected][data-hovered] {
    background-color: var(--surface-color-final-400);
  }

  .TableRow-module__-HY7gW__row[data-disabled] {
    color: var(--foreground-dimmer);
    cursor: not-allowed;
  }

  html:not([data-focus-visible]) .TableRow-module__-HY7gW__row[data-focused]:focus {
    outline-color: #0000;
  }

  .TableRow-module__-HY7gW__checkboxCell {
    width: 16px;
    padding-left: var(--space-12);
    padding-right: var(--space-12);
  }
}

/* [project]/pkg/next-app/client/rui/IndexTable/IndexTable.module.css [client] (css) */
@keyframes IndexTable-module__yHva8G__loading-placeholder-shimmer {
  0% {
    transform: translateX(-66.667%);
  }

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

@layer components {
  .IndexTable-module__yHva8G__wrapper {
    scrollbar-width: thin;
    position: relative;
    overflow-y: auto;
  }

  .IndexTable-module__yHva8G__wrapper::-webkit-scrollbar {
    width: 4px;
  }

  .IndexTable-module__yHva8G__tableHeader {
    z-index: 1;
    position: sticky;
    top: 0;
  }

  .IndexTable-module__yHva8G__tableHeader tr th {
    height: 34px;
    font-size: 12px;
    font-weight: normal;
  }

  .IndexTable-module__yHva8G__table {
    border-spacing: 0 1px;
  }

  .IndexTable-module__yHva8G__table[data-focused]:focus {
    outline: 2px solid var(--accent-primary-default);
    outline-offset: -2px;
  }

  .IndexTable-module__yHva8G__table[data-last-column-sticky="true"] tr th:last-child, .IndexTable-module__yHva8G__table[data-last-column-sticky="true"] tr td:last-child {
    z-index: 0;
    position: sticky;
    right: 0;
  }

  .IndexTable-module__yHva8G__table[data-last-column-sticky="true"] tr th:last-child:before, .IndexTable-module__yHva8G__table[data-last-column-sticky="true"] tr td:last-child:before {
    content: "";
    background-color: var(--outline-dimmest);
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: -2px 0 8px 2px #00000040;
  }

  .IndexTable-module__yHva8G__table[data-last-column-sticky="true"] tr th:last-child {
    background-color: var(--surface-color);
    box-shadow: inset 1px 0 0 var(--outline-default);
  }

  .IndexTable-module__yHva8G__table[data-last-column-sticky="true"] tr td:last-child {
    background-color: var(--surface-color);
    box-shadow: inset 1px 0 0 var(--outline-dimmer);
  }

  .IndexTable-module__yHva8G__wrapper .IndexTable-module__yHva8G__table {
    min-width: 100%;
    max-width: 100%;
  }

  html:not([data-focus-visible]) .IndexTable-module__yHva8G__table[data-focused]:focus {
    outline-color: #0000;
  }

  .IndexTable-module__yHva8G__tableBody {
    max-height: 100%;
  }

  .IndexTable-module__yHva8G__wrapper .IndexTable-module__yHva8G__tableBody > tr:last-child > td {
    border-bottom-width: 0;
  }

  .IndexTable-module__yHva8G__errorStatusBanner {
    padding: var(--space-8);
    border-radius: var(--border-radius-4);
    width: 100%;
    margin-bottom: var(--space-8);
  }

  .IndexTable-module__yHva8G__loadMoreContainer {
    cursor: default;
    color: var(--foreground-default);
    position: relative;
  }

  .IndexTable-module__yHva8G__loadingPlaceholderCell {
    min-height: 31px;
    position: relative;
    overflow: hidden;
  }

  .IndexTable-module__yHva8G__loadingPlaceholderCell:after {
    content: "";
    opacity: .5;
    pointer-events: none;
    background: linear-gradient(90deg,
    var(--surface-color),
    var(--surface-color-final-300),
    var(--surface-color),
    var(--surface-color-final-300));
    will-change: transform;
    width: 300%;
    height: 100%;
    animation: 2s linear infinite IndexTable-module__yHva8G__loading-placeholder-shimmer;
    position: absolute;
    top: 0;
    left: 0;
  }
}

/* [project]/pkg/next-app/client/clui2/graphql/components/UserTipsManagementTable/index.module.css [client] (css) */
@layer components {
  .index-module__HPzRfq__header {
    margin-bottom: var(--space-16);
  }

  .index-module__HPzRfq__paginationContainer {
    margin-top: var(--space-16);
  }

  .index-module__HPzRfq__tableRow[data-archived="true"] {
    opacity: .5;
  }
}

/* [project]/pkg/next-app/client/clui2/graphql/Table.module.css [client] (css) */
@layer components {
  .Table-module__sOrhQq__root {
    row-gap: var(--space-24);
    display: grid;
  }

  .Table-module__sOrhQq__table {
    width: 100%;
    display: block;
  }

  .Table-module__sOrhQq__cell {
    text-align: left;
    padding: var(--space-8);
  }

  .Table-module__sOrhQq__toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--space-16);
    flex-wrap: wrap;
    display: flex;
  }

  .Table-module__sOrhQq__pagination {
    align-items: center;
    gap: var(--space-8);
    flex-grow: 1;
    display: flex;
  }

  .Table-module__sOrhQq__pageIndicator {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

/* [project]/pkg/next-app/client/clui2/PromptIcon.module.css [client] (css) */
@layer components {
  .PromptIcon-module__7VkN2a__icon {
    white-space: pre;
    -webkit-user-select: none;
    user-select: none;
    flex: none;
  }

  .PromptIcon-module__7VkN2a__success {
    color: var(--accent-positive-default);
  }

  .PromptIcon-module__7VkN2a__error {
    color: var(--accent-negative-default);
  }

  .PromptIcon-module__7VkN2a__chevron svg {
    transform: rotate(270deg);
  }
}

/* [project]/pkg/next-app/client/clui2/OutputContainer.module.css [client] (css) */
@layer components {
  .OutputContainer-module__E34JzG__surfcae {
    border-color: var(--outline-dimmest);
    border-style: solid;
    border-width: 1px;
  }
}

/* [project]/pkg/next-app/client/workspace/keybindings/KeyComboBlocks.module.css [client] (css) */
@layer components {
  .KeyComboBlocks-module__3yf3FW__chord {
    gap: var(--space-12);
    flex-direction: row;
    display: inline-flex;
  }

  .KeyComboBlocks-module__3yf3FW__shortcut {
    font-size: var(--KeyComboBlocks--font-size, inherit);
    flex-direction: row;
    display: inline-flex;
  }

  .KeyComboBlocks-module__3yf3FW__shortcut > div {
    margin-right: var(--KeyComboBlocks--gap, 0);
  }

  .KeyComboBlocks-module__3yf3FW__shortcut > div:last-child {
    margin-right: 0;
  }

  .KeyComboBlocks-module__3yf3FW__shortcut {
    --KeyComboBlocks--font-size: inherit;
    --KeyComboBlocks--gap: 0;
  }

  .KeyComboBlocks-module__3yf3FW__blockRoot {
    font-size: inherit;
    color: inherit;
    text-align: center;
    text-transform: capitalize;
    padding-left: var(--KeyComboBlocks--x-padding, 0);
    padding-right: var(--KeyComboBlocks--x-padding, 0);
    font-family: var(--font-family-default);
    --KeyComboBlocks--x-padding: 0;
    justify-content: center;
    position: relative;
  }

  .KeyComboBlocks-module__3yf3FW__blockBorder {
    opacity: .5;
    border: 1px solid var(--outline-strongest);
    position: absolute;
    inset: 0;
  }

  .KeyComboBlocks-module__3yf3FW__blockText {
    font-size: var(--KeyComboBlocks--font-size, inherit);
    --KeyComboBlocks--font-size: inherit;
  }
}

/* [project]/pkg/next-app/client/rui/LoadingStyle2.module.css [client] (css) */
@keyframes LoadingStyle2-module__oDa7mW__move-gradient {
  0% {
    transform: translateX(-66.667%);
  }

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

@keyframes LoadingStyle2-module__oDa7mW__move-background-position-x {
  0% {
    background-position-x: 100%;
  }

  100% {
    background-position-x: 0%;
  }
}

@layer components {
  .LoadingStyle2-module__oDa7mW__root {
    isolation: isolate;
    position: relative;
    overflow: hidden;
  }

  .LoadingStyle2-module__oDa7mW__root:before {
    z-index: -1;
    will-change: transform;
    background: linear-gradient(90deg,
    var(--low-pulse, var(--outline-dimmest)),
    var(--high-pulse, var(--interactive-background)),
    var(--low-pulse, var(--outline-dimmest)),
    var(--high-pulse, var(--interactive-background)));
    pointer-events: none;
    content: "";
    width: 300%;
    animation: 2s linear infinite LoadingStyle2-module__oDa7mW__move-gradient;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .LoadingStyle2-module__oDa7mW__foreground {
    position: relative;
    overflow: hidden;
  }

  .LoadingStyle2-module__oDa7mW__foreground:after {
    will-change: transform;
    background: linear-gradient(90deg,
    var(--low-pulse, var(--outline-default)),
    var(--high-pulse, var(--background-root)),
    var(--low-pulse, var(--outline-default)),
    var(--high-pulse, var(--background-root)));
    opacity: .5;
    pointer-events: none;
    content: "";
    width: 300%;
    height: 100%;
    animation: 2s linear infinite LoadingStyle2-module__oDa7mW__move-gradient;
    position: absolute;
    top: 0;
    left: 0;
  }

  .LoadingStyle2-module__oDa7mW__nativeInput {
    background: linear-gradient(90deg,
    var(--low-pulse, var(--outline-dimmest)),
    var(--high-pulse, var(--interactive-background)),
    var(--low-pulse, var(--outline-dimmest)),
    var(--high-pulse, var(--interactive-background)));
    background-position-x: 0%;
    background-size: 300% 100%;
    animation: 2s linear infinite LoadingStyle2-module__oDa7mW__move-background-position-x;
  }

  .LoadingStyle2-module__oDa7mW__themeSurface {
    --low-pulse: var(--background-higher);
    --high-pulse: var(--background-highest);
  }

  .LoadingStyle2-module__oDa7mW__themeOutline {
    --low-pulse: var(--outline-dimmest);
    --high-pulse: var(--outline-dimmer);
  }

  .LoadingStyle2-module__oDa7mW__themePrimary {
    --low-pulse: var(--accent-primary-dimmest);
    --high-pulse: var(--accent-primary-dimmer);
  }

  .LoadingStyle2-module__oDa7mW__themePositive {
    --low-pulse: var(--accent-positive-dimmest);
    --high-pulse: var(--accent-positive-dimmer);
  }
}

/* [project]/pkg/next-app/client/components/CommandBar/Breadcrumbs.module.css [client] (css) */
@layer components {
  .Breadcrumbs-module__xCFnRa__icon {
    width: var(--icon-size, 16px);
    height: var(--icon-size, 16px);
    position: relative;
  }

  .Breadcrumbs-module__xCFnRa__icon.Breadcrumbs-module__xCFnRa__icon svg {
    min-width: var(--icon-size, 16px);
    min-height: var(--icon-size, 16px);
    width: var(--icon-size, 16px);
    height: var(--icon-size, 16px);
  }
}

/* [project]/pkg/next-app/client/components/HighlightMatches.module.css [client] (css) */
@layer components {
  .HighlightMatches-module__rw0GaG__textMatchInline {
    max-width: 100%;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 1;
    display: inline-block;
    overflow: hidden;
  }

  .HighlightMatches-module__rw0GaG__textMatchMultiline {
    font-size: inherit;
    line-height: inherit;
    flex-shrink: 1;
  }
}

/* [project]/pkg/next-app/client/components/CommandBar/Item.module.css [client] (css) */
@layer components {
  .Item-module__EGa5sG__row {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .Item-module__EGa5sG__item {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
  }

  .Item-module__EGa5sG__item > div {
    margin-inline: var(--input-bar-padding, var(--space-8));
    border-radius: 6px;
    justify-content: center;
    height: 100%;
  }

  @container command-bar (min-width: 600px) {
    .Item-module__EGa5sG__item > div {
      border-radius: 6px;
    }
  }

  .Item-module__EGa5sG__blockItem {
    -webkit-user-select: none;
    user-select: none;
    height: 100%;
    padding-inline: var(--input-bar-padding, var(--space-8));
    min-height: var(--input-bar-height, 32px);
  }

  .Item-module__EGa5sG__iconText {
    gap: var(--space-8);
    flex-shrink: 0;
    max-width: 100%;
  }

  .Item-module__EGa5sG__description {
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-grow: 1;
    flex-shrink: 2;
    max-width: 100%;
    font-size: .9em;
    display: inline-block;
    overflow: hidden;
  }

  .Item-module__EGa5sG__right {
    gap: var(--space-4);
    justify-self: end;
    margin-left: auto;
  }

  .Item-module__EGa5sG__iconWrap {
    width: var(--icon-size, 16px);
    height: var(--icon-size, 16px);
    position: relative;
  }

  .Item-module__EGa5sG__iconWrap.Item-module__EGa5sG__iconWrap svg {
    min-width: var(--icon-size, 16px);
    min-height: var(--icon-size, 16px);
    width: var(--icon-size, 16px);
    height: var(--icon-size, 16px);
  }

  .Item-module__EGa5sG__sectionBorderHeaderWrap {
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    padding-top: var(--space-4);
    padding-inline: var(--input-bar-padding, var(--space-8));
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
  }

  .Item-module__EGa5sG__sectionBorderWrap {
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    padding-inline: var(--input-bar-padding, var(--space-8));
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
  }

  .Item-module__EGa5sG__sectionHeaderWrap {
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    padding-inline: var(--input-bar-padding, var(--space-8));
    position: absolute;
    top: 0;
    left: 0;
  }

  .Item-module__EGa5sG__sectionHeader {
    -webkit-user-select: none;
    user-select: none;
    padding-inline: var(--input-bar-padding, var(--space-8));
    padding-bottom: var(--space-2);
  }

  .Item-module__EGa5sG__sectionText {
    -webkit-user-select: none;
    user-select: none;
    color: var(--foreground-dimmest);
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-shrink: 1;
    max-width: 100%;
    font-size: .9em;
    display: inline-block;
    overflow: hidden;
  }

  .Item-module__EGa5sG__sectionBorder {
    width: 100%;
    height: 1px;
  }

  .Item-module__EGa5sG__matchScorePill {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
  }
}

/* [project]/pkg/next-app/client/components/CommandBar/Menu.module.css [client] (css) */
@layer components {
  .Menu-module__7HTZhW__root {
    overflow: hidden;
  }

  .Menu-module__7HTZhW__scrollParent {
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
    overflow-y: auto;
  }
}

/* [project]/pkg/next-app/client/components/CommandBar/index.module.css [client] (css) */
@layer base {
  .index-module__NdYTHq__visuallyHidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .index-module__NdYTHq__input {
    padding: 0 var(--space-8) 0 var(--space-8);
    flex: auto;
    height: 100%;
  }
}

@layer components {
  .index-module__NdYTHq__root {
    width: 100%;
    height: 100%;
    container-name: command-bar;
    container-type: var(--container-type, inline-size);
  }

  .index-module__NdYTHq__content {
    max-width: calc(600px - var(--space-16));
    font-size: var(--font-size, 14px);
  }

  .index-module__NdYTHq__footer {
    padding-top: var(--space-8);
  }

  .index-module__NdYTHq__keyComboBlocks {
    padding-right: var(--space-8);
  }

  .index-module__NdYTHq__running {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: center;
    align-items: center;
  }

  .index-module__NdYTHq__error {
    padding: var(--space-8);
  }

  .index-module__NdYTHq__inputBarContainer {
    padding-top: var(--input-bar-padding, var(--space-8));
    padding-inline: var(--input-bar-padding, var(--space-8));
  }

  .index-module__NdYTHq__inputBarContainer > div > button + input {
    padding-left: 0;
  }

  .index-module__NdYTHq__surface {
    height: var(--input-bar-height, 32px);
    border-radius: 6px;
    flex-direction: row;
    flex-grow: 1;
    flex-shrink: 1;
    align-items: center;
  }

  .index-module__NdYTHq__surfaceNotPulsing:after {
    display: none;
  }
}

/* [project]/pkg/next-app/client/clui2/UserCli.module.css [client] (css) */
@layer components {
  .UserCli-module__fP09pW__root {
    width: 100%;
    color: var(--foreground-default);
  }

  .UserCli-module__fP09pW__loading {
    padding: var(--space-32) 0;
    justify-content: center;
    display: flex;
  }

  .UserCli-module__fP09pW__output {
    width: 100%;
    padding: var(--space-32) 0;
    gap: var(--space-32);
    display: grid;
  }
}

/* [project]/pkg/next-app/client/components/Layout/Header/Search/ReplResult.module.css [client] (css) */
@layer components {
  .ReplResult-module__xjVmeG__root {
    --ReplResult--height: auto;
    height: var(--ReplResult--height);
  }
}

/* [project]/pkg/next-app/client/components/Layout/Sidebar/RecentReplsMenu.module.css [client] (css) */
@layer components {
  .RecentReplsMenu-module__Zg4UXW__contentBounds {
    min-width: 220px;
    max-width: 340px;
    min-height: 60px;
  }

  .RecentReplsMenu-module__Zg4UXW__defaultText {
    padding: var(--space-8);
    text-align: center;
  }

  .RecentReplsMenu-module__Zg4UXW__recentReplsLabel {
    padding-bottom: var(--space-4);
    padding-left: var(--space-8);
  }
}

/* [project]/pkg/next-app/client/components/Layout/Header/Search/index.module.css [client] (css) */
@layer components {
  .index-module__MurT_W__root {
    max-height: 70vh;
  }
}

/* [project]/pkg/next-app/client/components/Layout/Sidebar/InstallOnReplitFooter.module.css [client] (css) */
@layer components {
  .InstallOnReplitFooter-module___Z-8zG__iconLink {
    border-radius: var(--border-radius-4);
    color: var(--foreground-default);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .InstallOnReplitFooter-module___Z-8zG__iconLink:focus-visible {
    outline: 2px solid var(--outline-default);
    outline-offset: 0;
  }

  .InstallOnReplitFooter-module___Z-8zG__iconLink svg {
    color: var(--foreground-dimmest);
    transition: color .2s, filter .2s;
  }

  .InstallOnReplitFooter-module___Z-8zG__iconLink:hover svg {
    color: var(--accent-primary-default);
  }

  .InstallOnReplitFooter-module___Z-8zG__textLink {
    padding-left: var(--space-2);
    color: var(--foreground-dimmest);
    font-size: var(--font-size-small);
    text-decoration: none;
    transition: color .2s;
  }

  .InstallOnReplitFooter-module___Z-8zG__textLink:hover {
    color: var(--accent-primary-default);
  }
}

/* [project]/pkg/next-app/client/components/Layout/Sidebar/NavItem.module.css [client] (css) */
@layer components {
  .NavItem-module__obNSla__buttonLink {
    text-align: left;
    border-radius: var(--border-radius-6);
    width: 100%;
    position: relative;
  }

  .NavItem-module__obNSla__buttonLink > div {
    justify-content: start;
  }

  .NavItem-module__obNSla__buttonLink.NavItem-module__obNSla__centered > div {
    justify-content: center;
  }
}

/* [project]/pkg/next-app/client/rui/AvatarStackWithPill.module.css [client] (css) */
@layer components {
  .AvatarStackWithPill-module__oPj74q__avatarStack {
    --AvatarStackWithPill--avatar-size: 16px;
  }

  .AvatarStackWithPill-module__oPj74q__avatarStack > * {
    margin-inline-start: calc(-.4 * var(--AvatarStackWithPill--avatar-size));
  }

  .AvatarStackWithPill-module__oPj74q__avatarStack > :first-child {
    margin-inline-start: 0;
  }
}

/* [project]/pkg/next-app/client/rui/MeasureBar.module.css [client] (css) */
@keyframes MeasureBar-module__DtVmZW__fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@layer components {
  .MeasureBar-module__DtVmZW__self {
    height: var(--space-12);
    animation: .12s ease-out alternate forwards MeasureBar-module__DtVmZW__fade-in;
    position: relative;
    overflow: clip;
  }

  .MeasureBar-module__DtVmZW__progressWrapper {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .MeasureBar-module__DtVmZW__progress {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
  }
}

/* [project]/pkg/next-app/client/collaboratorLimit/CollaboratorCountV2.module.css [client] (css) */
@layer components {
  .CollaboratorCountV2-module__rHWLIa__measureBar {
    width: 60px;
    height: var(--space-6) !important;
  }

  .CollaboratorCountV2-module__rHWLIa__nonInteractive {
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
  }
}

/* [project]/pkg/next-app/client/rui/StatusBannerButton.module.css [client] (css) */
@layer components {
  .StatusBannerButton-module__Lb30Hq__root {
    --StatusBannerButton--bg: var(--interactive-background);
    --StatusBannerButton--bg-active: var(--interactive-background--active);
    --StatusBannerButton--color: var(--foreground-default);
    --StatusBannerButton--color-disabled: var(--foreground-dimmest);
    --StatusBannerButton--border: var(--outline-dimmest);
    --StatusBannerButton--border-hover: var(--outline-dimmer);
    --StatusBannerButton--border-active: var(--outline-default);
    transition-duration: var(--transition-duration-snappy);
    transition-property: border-color, box-shadow;
    transition-timing-function: var(--transition-timing-function-snappy);
    box-shadow: none;
    border-style: solid;
    border-width: 1px;
    border-color: var(--StatusBannerButton--border);
    border-radius: var(--border-radius-default);
    background-color: var(--StatusBannerButton--bg);
    min-height: var(--space-32);
    color: var(--StatusBannerButton--color);
  }

  .StatusBannerButton-module__Lb30Hq__root:disabled {
    background-color: var(--StatusBannerButton--bg);
    color: var(--StatusBannerButton--color-disabled);
  }

  .StatusBannerButton-module__Lb30Hq__root:not([disabled]):hover {
    border-color: var(--StatusBannerButton--border-hover);
    transition: none;
  }

  .StatusBannerButton-module__Lb30Hq__root:not([disabled]):focus {
    outline: 2px solid;
    outline-color: var(--StatusBannerButton--color);
    outline-offset: 2px;
  }

  .StatusBannerButton-module__Lb30Hq__root:not([disabled]):active {
    border-color: var(--StatusBannerButton--border-active);
    background-color: var(--StatusBannerButton--bg-active);
    transition: none;
  }

  .StatusBannerButton-module__Lb30Hq__control {
    justify-content: center;
    align-items: center;
    gap: var(--space-16);
    cursor: pointer;
    color: inherit;
    background-color: #0000;
    flex-direction: row;
    flex: auto;
  }

  .StatusBannerButton-module__Lb30Hq__text {
    color: inherit;
    text-align: center;
    flex: auto;
  }
}

/* [project]/pkg/next-app/client/multiplayer/JoinLinkV2.module.css [client] (css) */
@layer components {
  .JoinLinkV2-module__Bungra__linkIconContainer {
    border-radius: 50%;
    width: 32px;
    min-width: 32px;
    height: 32px;
  }

  .JoinLinkV2-module__Bungra__title {
    font-weight: var(--font-weight-medium);
  }

  .JoinLinkV2-module__Bungra__inviteUrlContainer {
    margin-left: var(--space-40);
  }

  .JoinLinkV2-module__Bungra__input {
    border-radius: var(--border-radius-8) 0 0 var(--border-radius-8);
    min-width: 0;
    color: var(--foreground-dimmer);
    --py: var(--space-2);
    font-size: var(--font-size-small);
    line-height: var(--line-height-small);
    flex: 1 1 0;
  }

  .JoinLinkV2-module__Bungra__copyToClipboard {
    border-radius: 0 var(--border-radius-8) var(--border-radius-8) 0;
    flex-shrink: 0;
  }

  .JoinLinkV2-module__Bungra__textAlignLeft {
    text-align: left;
  }
}

/* [project]/pkg/next-app/client/multiplayer/inviteChipInput.module.css [client] (css) */
@layer components {
  .inviteChipInput-module__MbDLfG__chipContainer {
    border: 1px solid var(--outline-default);
    background-color: var(--background-default);
    cursor: text;
    box-sizing: border-box;
    min-height: var(--space-32);
    flex-wrap: wrap;
    align-content: flex-start;
    max-width: 100%;
    max-height: 220px;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    list-style: none;
    overflow-y: auto;
  }

  .inviteChipInput-module__MbDLfG__chipContainer:focus-within {
    border-color: var(--accent-primary-default);
  }

  .inviteChipInput-module__MbDLfG__chip {
    background-color: var(--background-higher);
    color: var(--foreground-default);
    min-width: 0;
    max-width: 100%;
    height: 24px;
    font-size: var(--font-size-small);
    flex-shrink: 0;
    line-height: 20px;
  }

  .inviteChipInput-module__MbDLfG__chipDanger {
    background-color: var(--accent-negative-dimmest);
    color: var(--accent-negative-default);
    min-width: 0;
    max-width: 100%;
    height: 24px;
    font-size: var(--font-size-small);
    flex-shrink: 0;
    line-height: 20px;
  }

  .inviteChipInput-module__MbDLfG__chipLabel {
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;
    overflow: hidden;
  }

  .inviteChipInput-module__MbDLfG__chipRemove {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    padding: 0;
  }

  .inviteChipInput-module__MbDLfG__chipInputCell {
    flex: 1 0 120px;
    min-width: 120px;
    min-height: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .inviteChipInput-module__MbDLfG__trailingSlot {
    top: 4px;
    right: var(--space-8);
    z-index: 1;
    min-height: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
  }

  .inviteChipInput-module__MbDLfG__chipContainerWithTrailing {
    position: relative;
  }

  .inviteChipInput-module__MbDLfG__chipInput {
    width: 100%;
    min-width: 0;
    padding: 0 var(--space-2);
    color: var(--foreground-default);
    font-family: var(--font-family-default);
    font-size: var(--font-size-default);
    appearance: none;
    background: none;
    border: 0;
    outline: 0;
    margin: 0;
    line-height: 20px;
  }

  .inviteChipInput-module__MbDLfG__chipInput:focus, .inviteChipInput-module__MbDLfG__chipInput:focus-visible {
    box-shadow: none;
    outline: 0;
  }

  .inviteChipInput-module__MbDLfG__chipInput::placeholder {
    color: var(--foreground-dimmest);
  }

  .inviteChipInput-module__MbDLfG__chipInput:disabled {
    cursor: not-allowed;
    color: var(--foreground-dimmer);
  }
}

/* [project]/pkg/next-app/client/multiplayer/InviteFreeBanner.module.css [client] (css) */
@layer components {
  .InviteFreeBanner-module__bCa0QW__banner {
    width: 100%;
  }

  .InviteFreeBanner-module__bCa0QW__inviteCount {
    color: var(--accent-primary-stronger);
    font-weight: 600;
  }

  .InviteFreeBanner-module__bCa0QW__copyLine {
    display: block;
  }
}

/* [project]/pkg/next-app/client/multiplayer/MultiplayerManagerListItemV2.module.css [client] (css) */
@layer components {
  .MultiplayerManagerListItemV2-module__lOYcnG__root {
    cursor: default;
    min-height: 28px;
  }

  .MultiplayerManagerListItemV2-module__lOYcnG__avatarLink {
    flex-shrink: 0;
  }

  .MultiplayerManagerListItemV2-module__lOYcnG__userLink {
    color: var(--foreground-default);
    text-overflow: ellipsis;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .MultiplayerManagerListItemV2-module__lOYcnG__user {
    overflow: hidden;
  }

  .MultiplayerManagerListItemV2-module__lOYcnG__pendingAvatar {
    background-color: var(--background-higher);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    display: flex;
  }
}

/* [project]/pkg/next-app/client/multiplayer/MultiplayerManagerV2.module.css [client] (css) */
@layer components {
  .MultiplayerManagerV2-module__UkbNfq__root {
    color: var(--foreground-default);
  }

  .MultiplayerManagerV2-module__UkbNfq__headerMobile {
    padding-inline: 0;
  }

  .MultiplayerManagerV2-module__UkbNfq__measureBar {
    width: 60px;
    height: var(--space-6);
  }

  .MultiplayerManagerV2-module__UkbNfq__searchContainer {
    position: relative;
  }

  .MultiplayerManagerV2-module__UkbNfq__accessLabel {
    color: var(--foreground-default);
    font-weight: var(--font-weight-medium);
  }

  .MultiplayerManagerV2-module__UkbNfq__userList {
    scrollbar-color: var(--background-default) var(--background-highest);
    scrollbar-width: thin;
    flex: auto;
    max-height: 300px;
    position: relative;
    overflow-y: auto;
  }

  .MultiplayerManagerV2-module__UkbNfq__userList::-webkit-scrollbar-thumb {
    border-radius: var(--border-radius-4);
    background-color: var(--background-highest);
  }

  .MultiplayerManagerV2-module__UkbNfq__userGroupTitle {
    font-weight: var(--font-weight-medium);
  }

  .MultiplayerManagerV2-module__UkbNfq__emptyContainer {
    max-height: 220px;
    position: relative;
  }
}

/* [project]/pkg/next-app/client/components/Layout/Sidebar/PersonalInviteNavItem.module.css [client] (css) */
@keyframes PersonalInviteNavItem-module__kEJtEW__invite-entry-fade-in {
  from {
    opacity: 0;
    transform: translateY(-2px);
  }

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

@media (prefers-reduced-motion: reduce) {
  @layer components {
    .PersonalInviteNavItem-module__kEJtEW__fadeIn {
      animation: none;
    }
  }
}

@layer components {
  .PersonalInviteNavItem-module__kEJtEW__fadeIn {
    animation: .16s ease-out PersonalInviteNavItem-module__kEJtEW__invite-entry-fade-in;
  }
}

/* [project]/pkg/next-app/client/components/Layout/Sidebar/PlanUsage/PlanUsageMeter.module.css [client] (css) */
@layer components {
  .PlanUsageMeter-module__klJjbG__usageString {
    font-size: 12px;
  }

  .PlanUsageMeter-module__klJjbG__title {
    font-size: 12px;
    font-weight: 500;
  }

  .PlanUsageMeter-module__klJjbG__meterWrapper {
    min-width: 42px;
  }

  .PlanUsageMeter-module__klJjbG__icon {
    color: var(--foreground-dimmest);
  }
}

/* [project]/pkg/next-app/client/components/Layout/Sidebar/PlanUsage/AgentUsageLimit.module.css [client] (css) */
@layer components {
  .AgentUsageLimit-module__CM0P9G__measureBarHost {
    --AgentUsageLimit--meter-border-color: transparent;
    flex-grow: 1;
    display: flex;
  }

  .AgentUsageLimit-module__CM0P9G__measureBar.AgentUsageLimit-module__CM0P9G__measureBar {
    border-radius: var(--border-radius-2);
    height: 10px;
    overflow: visible;
  }

  .AgentUsageLimit-module__CM0P9G__measureBar [class~="measureBarProgress"] {
    border: 1px solid var(--AgentUsageLimit--meter-border-color);
    border-radius: var(--border-radius-2);
    box-sizing: content-box;
    margin-top: -1px;
    margin-left: -1px;
  }
}

/* [project]/pkg/next-app/client/components/Layout/Sidebar/PlanUsage/CloudUsageLimit.module.css [client] (css) */
@layer components {
  .CloudUsageLimit-module__hAJx1G__measureBarHost {
    --CloudUsageLimit--meter-border-color: transparent;
    flex-grow: 1;
    display: flex;
  }

  .CloudUsageLimit-module__hAJx1G__measureBar.CloudUsageLimit-module__hAJx1G__measureBar {
    border-radius: var(--border-radius-2);
    height: 10px;
    overflow: visible;
  }

  .CloudUsageLimit-module__hAJx1G__measureBar [class~="measureBarProgress"] {
    border: 1px solid var(--CloudUsageLimit--meter-border-color);
    border-radius: var(--border-radius-2);
    box-sizing: content-box;
    margin-top: -1px;
    margin-left: -1px;
  }
}

/* [project]/pkg/next-app/client/components/Layout/Sidebar/PlanUsage/ReplsLimit.module.css [client] (css) */
@layer components {
  .ReplsLimit-module__9sJkcG__measureBarHost {
    --ReplsLimit--meter-border-color: transparent;
    flex-grow: 1;
    display: flex;
  }

  .ReplsLimit-module__9sJkcG__measureBar.ReplsLimit-module__9sJkcG__measureBar {
    border-radius: var(--border-radius-2);
    pointer-events: none;
    height: 10px;
    overflow: visible;
  }

  .ReplsLimit-module__9sJkcG__measureBar [class~="measureBarProgress"] {
    border: 1px solid var(--ReplsLimit--meter-border-color);
    border-radius: var(--border-radius-2);
    box-sizing: content-box;
    margin-top: -1px;
    margin-left: -1px;
  }
}

/* [project]/pkg/next-app/client/components/Layout/Sidebar/PlanUsage/PlanUsageMonitor.module.css [client] (css) */
@layer components {
  .PlanUsageMonitor-module__4qxt2q__header {
    align-self: stretch;
  }

  .PlanUsageMonitor-module__4qxt2q__fontMedium {
    font-weight: 500;
  }
}

/* [project]/pkg/next-app/client/components/Layout/Sidebar/ReferralButton.module.css [client] (css) */
@layer components {
  .ReferralButton-module___rFUoa__title {
    color: var(--accent-blue-stronger);
    font-weight: 500;
  }

  .ReferralButton-module___rFUoa__subtitle {
    color: var(--foreground-dimmest);
  }
}

/* [project]/pkg/next-app/client/components/Layout/Sidebar/navItems.module.css [client] (css) */
@layer components {
  .navItems-module__vGHY-a__pill {
    margin-left: var(--space-4);
    white-space: nowrap;
    height: 20px;
  }
}

/* [project]/pkg/next-app/client/components/Layout/Sidebar/index.module.css [client] (css) */
@media (min-width: 768px) {
  @layer components {
    .index-module__SJkCTa__root {
      --index--hidden-when-collapsed-opacity: 1;
      --index--hidden-when-collapsed-pointer-events: auto;
      --index--border-color: var(--outline-dimmest);
      width: var(--index--content-width);
    }
  }
}

@layer components {
  .index-module__SJkCTa__root {
    --index--sidebar-width: auto;
    --index--content-width: auto;
    --index--sidebar-z-index: auto;
    --index--header-height: auto;
    --index--border-color: transparent;
    --index--hidden-when-collapsed-opacity: 0;
    --index--hidden-when-collapsed-pointer-events: none;
    z-index: var(--index--sidebar-z-index);
    border-right: 1px solid var(--index--border-color);
    width: var(--index--sidebar-width);
    height: 100%;
    max-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
  }

  @media (min-resolution: 2x) {
    .index-module__SJkCTa__root {
      border-right-width: .5px !important;
    }
  }

  @media not (min-width: 768px) {
    .index-module__SJkCTa__root {
      opacity: 0;
      pointer-events: none;
      transition: opacity .2s ease-out, width .2s ease-out, border-color .2s ease-out;
    }

    .index-module__SJkCTa__root.index-module__SJkCTa__isOpen {
      opacity: 1;
      pointer-events: auto;
      display: flex;
    }
  }

  .index-module__SJkCTa__isOpen {
    --index--hidden-when-collapsed-opacity: 1;
    --index--hidden-when-collapsed-pointer-events: auto;
    --index--border-color: var(--outline-dimmest);
    width: var(--index--content-width);
  }

  .index-module__SJkCTa__header {
    width: var(--index--content-width);
    height: var(--index--header-height);
  }

  .index-module__SJkCTa__content {
    width: var(--index--content-width);
    overflow-y: auto;
  }

  .index-module__SJkCTa__footer {
    width: var(--index--content-width);
    min-height: var(--index--header-height);
    transition: opacity .2s ease-out;
  }

  .index-module__SJkCTa__hideWhenCollapsed {
    opacity: var(--index--hidden-when-collapsed-opacity);
    pointer-events: var(--index--hidden-when-collapsed-pointer-events);
  }

  .index-module__SJkCTa__planUsageMonitor > div {
    padding: var(--space-8) !important;
  }
}

/* [project]/pkg/next-app/client/components/Layout/Sidebar/Overlay.module.css [client] (css) */
@layer components {
  .Overlay-module__QuHBxG__overlay {
    --Overlay--z-index: 1;
    z-index: var(--Overlay--z-index);
    pointer-events: none;
    background-color: #0000;
    transition: background-color .1s ease-in-out;
    position: absolute;
    inset: 0;
  }

  .Overlay-module__QuHBxG__overlay.Overlay-module__QuHBxG__open {
    background-color: var(--background-overlay);
    pointer-events: auto;
  }

  @media (min-width: 768px) {
    .Overlay-module__QuHBxG__overlay {
      display: none;
    }
  }
}

/* [project]/pkg/next-app/client/components/Layout/SkipNav.module.css [client] (css) */
@layer components {
  .SkipNav-module__6P6gMq__skipNav {
    opacity: 0;
    z-index: 5000;
    padding: var(--space-4);
    border-radius: 0 0 var(--border-radius-4) var(--border-radius-4);
    font-size: var(--font-size-subhead-big);
    position: fixed;
    top: 0;
    left: 4px;
    transform: translateY(-100%);
  }

  .SkipNav-module__6P6gMq__skipNav:focus {
    opacity: 1;
    transform: translateY(0);
  }
}

/* [project]/pkg/next-app/client/components/Layout/AppLayout.module.css [client] (css) */
@layer components {
  :is(html, body) {
    background-color: var(--default-surface-color-100);
  }

  .AppLayout-module___myDJG__root {
    --AppLayout--header-height: auto;
    --AppLayout--sidebar-width: 0;
    --AppLayout--sidebar-width-open: 0;
    width: 100%;
    min-height: 100vh;
    transition-property: padding-left;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
  }

  @media (min-width: 768px) {
    .AppLayout-module___myDJG__root {
      padding-left: var(--AppLayout--sidebar-width-open);
    }
  }

  .AppLayout-module___myDJG__content {
    position: relative;
  }

  @media not (min-width: 768px) {
    .AppLayout-module___myDJG__content {
      padding-top: var(--AppLayout--header-height);
      overflow-x: hidden;
    }
  }

  .AppLayout-module___myDJG__mobileLayout.AppLayout-module___myDJG__root {
    height: 100dvh;
    min-height: 100dvh;
    max-height: 100dvh;
  }

  .AppLayout-module___myDJG__mobileLayout .AppLayout-module___myDJG__content {
    flex: 1;
    padding-top: 0;
  }
}

/* [project]/pkg/next-app/client/components/Layout/ImpersonateBanner.module.css [client] (css) */
@layer components {
  .ImpersonateBanner-module__RILeyG__banner {
    z-index: 500;
    justify-content: center;
    align-items: center;
    gap: var(--space-16);
    cursor: default;
    background-color: #e5222266;
    width: 100%;
    height: auto;
    padding: 10px;
    display: flex;
    position: fixed;
    bottom: 0;
  }

  .ImpersonateBanner-module__RILeyG__banner.ImpersonateBanner-module__RILeyG__collapsed {
    cursor: pointer;
    background-color: #e52222;
    height: 10px;
    padding: 0;
  }
}

/* [project]/pkg/next-app/client/components/Layout/MarketingHeader/HoverMenu.module.css [client] (css) */
@layer components {
  .HoverMenu-module__ohCIzW__item {
    position: relative;
  }

  .HoverMenu-module__ohCIzW__item:after {
    content: "";
    width: 100%;
    height: 40px;
    display: block;
    position: absolute;
    top: 100%;
  }

  .HoverMenu-module__ohCIzW__content {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s, visibility 0s .2s;
  }

  .HoverMenu-module__ohCIzW__content[data-state="open"] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity .2s, visibility;
  }
}

/* [project]/pkg/next-app/client/rui/BrandText.module.css [client] (css) */
@layer components {
  .BrandText-module__uDxj7W__brandText {
    font-family: var(--font-family-brand), sans-serif;
    font-feature-settings: "kern";
    font-kerning: normal;
    font-optical-sizing: unset;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .BrandText-module__uDxj7W__captionSmall {
    letter-spacing: .242px;
    font-size: 12.08px;
    line-height: 16px;
  }

  .BrandText-module__uDxj7W__captionMedium {
    font-size: 14px;
    line-height: 20px;
  }
}

/* [project]/pkg/next-app/client/components/Layout/MarketingHeader/MarketingHeaderDropdownWithContent.module.css [client] (css) */
@layer components {
  .MarketingHeaderDropdownWithContent-module__bhhtra__megaDropdownInner {
    box-shadow: 0 8px 32px #0000001f, 0 2px 8px #00000014;
  }

  .MarketingHeaderDropdownWithContent-module__bhhtra__megaSection {
    min-width: 180px;
  }

  .MarketingHeaderDropdownWithContent-module__bhhtra__megaSectionTitle {
    opacity: .6;
    letter-spacing: .5px;
    font-size: 12px;
    font-weight: 500;
  }

  .MarketingHeaderDropdownWithContent-module__bhhtra__sidebarSection {
    min-width: 220px;
  }

  .MarketingHeaderDropdownWithContent-module__bhhtra__sidebarTitle {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-family-brand);
    align-items: center;
    gap: 4px;
    display: flex;
  }

  .MarketingHeaderDropdownWithContent-module__bhhtra__mobileSidebarLink {
    color: inherit;
    border-radius: 8px;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
    transition: background-color .15s;
    display: flex;
  }

  .MarketingHeaderDropdownWithContent-module__bhhtra__mobileSidebarLink:hover {
    background-color: #0000000a;
  }

  .MarketingHeaderDropdownWithContent-module__bhhtra__mobileNestedNavLink {
    display: block;
  }
}

/* [project]/pkg/next-app/client/components/Layout/MarketingHeader.module.css [client] (css) */
:root {
  --header-z-index: 1002;
}

@layer components {
  .MarketingHeader-module__S9ztCG__mobileMenuPrimaryExpandableItem {
    appearance: none;
    border: none;
    display: flex;
  }

  .MarketingHeader-module__S9ztCG__mobileMenuPrimaryExpandableItem:hover {
    cursor: pointer;
  }

  .MarketingHeader-module__S9ztCG__header {
    z-index: var(--header-z-index);
    width: 100%;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    position: sticky;
    top: 0;
  }

  .MarketingHeader-module__S9ztCG__primaryMenu {
    z-index: var(--header-z-index);
    align-items: center;
    width: 100%;
    display: none;
  }

  @media (min-width: 1100px) {
    .MarketingHeader-module__S9ztCG__primaryMenu {
      display: flex;
    }
  }

  .MarketingHeader-module__S9ztCG__logo {
    z-index: var(--header-z-index);
    height: 26px;
    display: block;
  }

  .MarketingHeader-module__S9ztCG__logo a {
    height: 26px;
    display: block;
  }

  .MarketingHeader-module__S9ztCG__logoRebrand, .MarketingHeader-module__S9ztCG__logoRebrand a {
    height: 35px;
  }

  .MarketingHeader-module__S9ztCG__mobileMenuAuthCtas {
    width: 100%;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
  }

  .MarketingHeader-module__S9ztCG__authCtas {
    display: none;
  }

  @media (min-width: 1100px) {
    .MarketingHeader-module__S9ztCG__authCtas {
      display: flex;
    }
  }

  .MarketingHeader-module__S9ztCG__mobileMenuToggle {
    z-index: var(--header-z-index);
  }

  @media (min-width: 1100px) {
    .MarketingHeader-module__S9ztCG__mobileMenuToggle {
      display: none;
    }
  }

  .MarketingHeader-module__S9ztCG__mobileAuthCtas {
    z-index: var(--header-z-index);
    margin-left: auto;
    display: none;
  }

  @media (min-width: 380px) and (not (min-width: 1100px)) {
    .MarketingHeader-module__S9ztCG__mobileAuthCtas {
      display: flex;
    }
  }

  @media (min-width: 380px) {
    .MarketingHeader-module__S9ztCG__agentIconMobileFallback {
      display: none;
    }
  }

  .MarketingHeader-module__S9ztCG__container {
    width: 100%;
    position: relative;
  }

  @media (min-width: 1200px) {
    .MarketingHeader-module__S9ztCG__container {
      grid-template-columns: repeat(14, minmax(0, 1fr));
      max-width: 1920px;
      margin: 0 auto;
      padding-left: 0;
      padding-right: 0;
      display: grid;
    }
  }

  .MarketingHeader-module__S9ztCG__content {
    justify-content: space-between;
    align-items: center;
    gap: var(--space-8);
    padding-top: var(--space-24);
    padding-bottom: var(--space-16);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  @media (max-width: 1100px) {
    .MarketingHeader-module__S9ztCG__content {
      padding-top: var(--space-16);
    }
  }

  @media (min-width: 1200px) {
    .MarketingHeader-module__S9ztCG__content {
      grid-column: 2 / span 12;
    }
  }

  .MarketingHeader-module__S9ztCG__dropdownList {
    min-width: 150px;
    box-shadow: 0 8px 32px #0000001f, 0 2px 8px #00000014;
  }

  .MarketingHeader-module__S9ztCG__dropdownLink {
    width: 100%;
    font-family: var(--font-family-brand-variable);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    border-radius: var(--border-radius-8);
    padding: var(--space-8) var(--space-12);
    display: block;
  }

  .MarketingHeader-module__S9ztCG__mobileMenuContainer {
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100vh;
    transition: opacity .2s;
    position: absolute;
    top: 0;
    left: 0;
    overflow: scroll;
  }

  .MarketingHeader-module__S9ztCG__mobileMenuContainer[data-open="true"] {
    opacity: 1;
    pointer-events: auto;
  }

  @media (min-width: 1100px) {
    .MarketingHeader-module__S9ztCG__mobileMenuContainer {
      pointer-events: none;
      display: none;
    }
  }

  .MarketingHeader-module__S9ztCG__sectionRoot {
    opacity: 0;
    grid-template-rows: 0fr;
    transition: opacity .4s, grid-template-rows .4s;
    display: grid;
  }

  .MarketingHeader-module__S9ztCG__sectionRoot[data-open="true"] {
    opacity: 1;
    grid-template-rows: 1fr;
  }

  .MarketingHeader-module__S9ztCG__sectionRoot > nav {
    min-height: 0;
    overflow: hidden;
  }

  .MarketingHeader-module__S9ztCG__vibeconLink {
    color: var(--brand-accent-default) !important;
  }

  .MarketingHeader-module__S9ztCG__signupButton {
    cursor: pointer;
    color: #ff3c00;
    letter-spacing: -.02em;
    white-space: nowrap;
    background-color: #0000;
    border: 1.5px solid #ff3c00;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color .15s, color .15s;
    display: flex;
  }

  .MarketingHeader-module__S9ztCG__signupButton:hover {
    color: #fff;
    background-color: #ff3c00;
  }

  .MarketingHeader-module__S9ztCG__signupButtonCompact {
    padding: 6px 12px;
    font-size: 13px;
  }
}

/* [project]/pkg/next-app/client/components/Layout/RouteProgress/index.module.css [client] (css) */
@layer components {
  .index-module__9dlFLG__bar {
    z-index: 400001;
    will-change: transform, opacity;
    background-color: var(--accent-primary-default);
    pointer-events: none;
    width: 100%;
    height: 2px;
    position: fixed;
    top: 0;
    left: 0;
    transform: translate3d(-100%, 0, 0);
  }

  .index-module__9dlFLG__peg {
    opacity: 1;
    box-shadow: 0 0 10px var(--accent-primary-default),
    0 0 5px var(--accent-primary-default);
    background-color: var(--accent-primary-default);
    width: 100px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    transform: rotate(3deg)translate(0, -4px);
  }
}

/* [project]/pkg/next-app/client/components/HomeBanner.module.css [client] (css) */
@layer components {
  .HomeBanner-module__viP6eW__bannerContainer {
    opacity: 0;
    padding-bottom: var(--space-8);
    width: 100%;
    min-height: 48px;
    transition: transform .25s, opacity .25s linear;
    transform: translateY(-100%);
  }

  .HomeBanner-module__viP6eW__bannerContainer:not(:empty) {
    opacity: 1;
    transform: translateY(0);
  }
}

/* [project]/pkg/next-app/client/components/ReplitStatusBanner.module.css [client] (css) */
@layer components {
  .ReplitStatusBanner-module__1Iw-_G__countdown {
    color: var(--foreground-dimmer);
    font-weight: var(--font-weight-regular);
  }
}

/* [project]/pkg/next-app/client/components/Layout/index.module.css [client] (css) */
@layer components {
  .index-module__4ViO-a__page {
    flex-direction: column;
    min-height: 100vh;
    display: flex;
  }

  .index-module__4ViO-a__content {
    flex: auto;
    padding-top: 48px;
    container: layout / inline-size;
  }

  .index-module__4ViO-a__contentNoHeader {
    flex: auto;
    container: layout / inline-size;
  }

  .index-module__4ViO-a__bonsaiOrDesktopMain {
    width: 100%;
    min-height: 100vh;
    position: relative;
  }
}

/* [project]/pkg/next-app/client/components/LoggedOutExperience/LogoBlock.module.css [client] (css) */
@media (hover: hover) {
  @layer components {
    .LogoBlock-module__Fd2UBW__scrollContainer:hover .LogoBlock-module__Fd2UBW__logosRow {
      animation-play-state: paused;
    }
  }
}

@keyframes LogoBlock-module__Fd2UBW__scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

@media screen and (max-width: 768px) {
  @layer components {
    .LogoBlock-module__Fd2UBW__logosRow {
      gap: var(--space-32);
      padding-right: var(--space-32);
    }
  }
}

@media screen and not (max-width: 768px) {
  @layer components {
    .LogoBlock-module__Fd2UBW__logoImage {
      max-width: 130px;
    }
  }
}

@layer components {
  .LogoBlock-module__Fd2UBW__logoBlock {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to right, #0000 0% max(0px, 50% - 775px), #000 max(80px, 50% - 695px) min(100% - 80px, 50% + 695px), #0000 min(100%, 50% + 775px) 100%);
    mask-image: linear-gradient(to right, #0000 0% max(0px, 50% - 775px), #000 max(80px, 50% - 695px) min(100% - 80px, 50% + 695px), #0000 min(100%, 50% + 775px) 100%);
  }

  @media screen and (max-width: 768px) {
    .LogoBlock-module__Fd2UBW__logoBlock {
      padding: var(--space-48) 0;
    }
  }

  .LogoBlock-module__Fd2UBW__scrollContainer:before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 73px 7px #faf6f1;
  }

  .LogoBlock-module__Fd2UBW__scrollContainer {
    flex-direction: row;
    align-items: center;
    width: 100%;
    display: flex;
    overflow: hidden;
  }

  .LogoBlock-module__Fd2UBW__logosRow {
    --speed: 40s;
    align-items: center;
    gap: var(--space-80);
    animation: LogoBlock-module__Fd2UBW__scroll var(--speed) linear infinite;
    padding-right: var(--space-48);
    flex-direction: row;
    flex: 1 0 auto;
    display: flex;
  }

  .LogoBlock-module__Fd2UBW__logoItem {
    --height: 48px;
    height: var(--height);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media screen and (max-width: 768px) {
    .LogoBlock-module__Fd2UBW__logoItem {
      --height: 48px;
    }
  }

  .LogoBlock-module__Fd2UBW__logoImage {
    aspect-ratio: 220 / 96;
    object-fit: contain;
    width: auto;
    height: 100%;
  }
}

/* [project]/pkg/next-app/client/bubbles/bubbleFancyS/BubbleFancyS.module.css [client] (css) */
@layer components {
  .BubbleFancyS-module__PCK70q__container {
    width: var(--BubbleFancyS--bubble-width);
    height: var(--BubbleFancyS--bubble-height);
    --BubbleFancyS--bubble-color: #989090;
    --BubbleFancyS--bubble-border-radius: 48px;
    --BubbleFancyS--bubble-inner-radius: 20px;
    --BubbleFancyS--bubble-width: 520px;
    --BubbleFancyS--bubble-height: 510px;
    position: relative;
  }

  .BubbleFancyS-module__PCK70q__svg {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .BubbleFancyS-module__PCK70q__topRight {
    border-radius: var(--BubbleFancyS--bubble-border-radius);
    background: var(--BubbleFancyS--bubble-color);
    width: calc(var(--BubbleFancyS--bubble-width) / 2);
    height: calc(var(--BubbleFancyS--bubble-height) / 2);
    justify-content: center;
    align-items: end;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
  }

  .BubbleFancyS-module__PCK70q__bottomLeft {
    border-radius: var(--BubbleFancyS--bubble-border-radius);
    background: var(--BubbleFancyS--bubble-color);
    width: calc(var(--BubbleFancyS--bubble-width) / 2);
    height: calc(var(--BubbleFancyS--bubble-height) / 2);
    justify-content: center;
    align-items: end;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
  }
}

/* [project]/pkg/next-app/client/components/LoggedOutExperience/TestimonialsSectionMobile.module.css [client] (css) */
@layer components {
  .TestimonialsSectionMobile-module__oE5GEW__root {
    gap: var(--space-16);
    padding: 0 var(--space-16);
    flex-direction: column;
    display: flex;
  }

  .TestimonialsSectionMobile-module__oE5GEW__header {
    gap: var(--space-4);
  }

  .TestimonialsSectionMobile-module__oE5GEW__headerLabel {
    color: #ff3c00;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
  }

  .TestimonialsSectionMobile-module__oE5GEW__headerTitle {
    color: #312e2e;
    letter-spacing: -.04em;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.1;
  }

  .TestimonialsSectionMobile-module__oE5GEW__card {
    padding: var(--space-24) var(--space-24) var(--space-24);
    color: #312e2e;
    -webkit-user-select: text;
    user-select: text;
    background: #fff;
    border-radius: 28px;
    flex-direction: column;
    height: 100%;
    min-height: 280px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    display: flex;
  }

  .TestimonialsSectionMobile-module__oE5GEW__authorRow {
    margin-top: var(--space-16);
    border-top: 1px solid #e7e6e4;
    flex-wrap: nowrap;
  }

  .TestimonialsSectionMobile-module__oE5GEW__photoWrapper {
    border-radius: 50%;
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    overflow: hidden;
  }

  .TestimonialsSectionMobile-module__oE5GEW__authorPhoto {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .TestimonialsSectionMobile-module__oE5GEW__authorName {
    font-weight: 500;
  }

  .TestimonialsSectionMobile-module__oE5GEW__authorInfo {
    color: #8c8c8c;
    line-height: 1.3;
  }

  .TestimonialsSectionMobile-module__oE5GEW__quoteIcon {
    color: #ffb199;
    font-size: 36px;
    font-weight: 700;
    line-height: .8;
  }

  .TestimonialsSectionMobile-module__oE5GEW__quoteText {
    color: #312e2e;
    letter-spacing: -.02em;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
  }
}

/* [project]/pkg/next-app/client/components/LoggedOutExperience/TestimonialsSection.module.css [client] (css) */
@media screen and not (max-width: 1300px) {
  @layer components {
    .TestimonialsSection-module__Qc-Laq__desktopLayout {
      display: block;
    }

    .TestimonialsSection-module__Qc-Laq__mobileLayout {
      display: none;
    }
  }
}

@media screen and (max-width: 1300px) {
  @layer components {
    .TestimonialsSection-module__Qc-Laq__desktopLayout {
      display: none;
    }

    .TestimonialsSection-module__Qc-Laq__mobileLayout {
      display: block;
    }
  }
}

@layer components {
  .TestimonialsSection-module__Qc-Laq__section {
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    position: relative;
  }

  .TestimonialsSection-module__Qc-Laq__desktopLayout {
    position: relative;
  }

  .TestimonialsSection-module__Qc-Laq__emblaSlide {
    --spacing: 10px;
    --right: 273px;
    flex: 0 0 calc(100% - calc(var(--right) - var(--spacing) * 2));
    padding-right: var(--right);
    min-width: 0;
  }

  .TestimonialsSection-module__Qc-Laq__slideGrid {
    gap: var(--space-12);
    grid-template-rows: 253px 253px;
    grid-template-columns: 253px 1fr;
    height: 518px;
    display: grid;
  }

  .TestimonialsSection-module__Qc-Laq__fixedChip {
    z-index: 1;
    pointer-events: none;
    width: 253px;
    height: 253px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .TestimonialsSection-module__Qc-Laq__headerCell {
    pointer-events: auto;
    background: #faf5f0;
    border: 1.5px solid #cbc7c3;
    border-radius: 40px;
    height: 100%;
    overflow: hidden;
  }

  .TestimonialsSection-module__Qc-Laq__headerTitle {
    color: #312e2e;
    letter-spacing: -.04em;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 31.78px;
    font-weight: 400;
    line-height: 1;
  }

  .TestimonialsSection-module__Qc-Laq__fixedNav {
    z-index: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
  }

  .TestimonialsSection-module__Qc-Laq__quoteCard {
    color: #312e2e;
    -webkit-user-select: text;
    user-select: text;
    background: #fff;
    border-radius: 60px;
    grid-area: 1 / 2 / -1;
    min-height: 0;
    font-family: ABC Diatype Plus Variable, sans-serif;
    overflow: hidden;
  }

  .TestimonialsSection-module__Qc-Laq__quoteIcon {
    color: #ffb199;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
  }

  .TestimonialsSection-module__Qc-Laq__quoteCard .TestimonialsSection-module__Qc-Laq__quoteText {
    color: #312e2e;
    letter-spacing: -.03em;
    overflow-wrap: break-word;
    -webkit-line-clamp: 8;
    line-clamp: 8;
    -webkit-box-orient: vertical;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.2;
    display: -webkit-box;
    overflow: hidden;
  }

  .TestimonialsSection-module__Qc-Laq__photoCell {
    border-radius: 56px;
    overflow: hidden;
  }

  .TestimonialsSection-module__Qc-Laq__photoCell .TestimonialsSection-module__Qc-Laq__authorPhoto {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .TestimonialsSection-module__Qc-Laq__bubbleButton {
    cursor: pointer;
    pointer-events: auto;
    color: #1a1919;
    letter-spacing: -.04em;
    text-transform: capitalize;
    background: none;
    border: none;
    width: 100%;
    height: 100%;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 105%;
  }

  .TestimonialsSection-module__Qc-Laq__bubbleButton .TestimonialsSection-module__Qc-Laq__bubbleTextLeft {
    text-align: left;
  }

  .TestimonialsSection-module__Qc-Laq__bubbleButton .TestimonialsSection-module__Qc-Laq__bubbleTextRight {
    text-align: right;
  }

  .TestimonialsSection-module__Qc-Laq__bubbleButton .TestimonialsSection-module__Qc-Laq__bubbleArrow {
    color: #ff3c00;
    width: 24px;
    height: 24px;
  }

  .TestimonialsSection-module__Qc-Laq__companyLogo svg {
    width: auto;
    height: 24px;
    color: var(--foreground-dimmer);
  }
}

/* [project]/pkg/next-app/client/components/LoggedOutExperience/StaggerView.module.css [client] (css) */
:root {
  --StaggerView--index: 0;
  --StaggerView--animation-duration: .5s;
  --StaggerView--animation-delay: .1s;
  --StaggerView--distance: 20px;
}

@keyframes StaggerView-module__x5Qtna__fade-in-up {
  from {
    transform: translateY(var(--StaggerView--distance));
    opacity: 0;
  }

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

@layer components {
  .StaggerView-module__x5Qtna__stagger {
    opacity: 0;
  }

  .StaggerView-module__x5Qtna__stagger.StaggerView-module__x5Qtna__animate {
    animation: StaggerView-module__x5Qtna__fade-in-up var(--StaggerView--animation-duration) ease-out forwards;
    animation-delay: calc(var(--StaggerView--index) * var(--StaggerView--animation-delay));
  }
}

/* [project]/pkg/next-app/client/components/Pricing/Plans/PlanPeriodToggle.module.css [client] (css) */
@layer components {
  .PlanPeriodToggle-module__1M7B1W__buttonGroupItem {
    gap: var(--space-8);
    height: 32px;
    padding: var(--space-8);
    border-radius: var(--border-radius-4);
    white-space: nowrap;
    cursor: pointer;
    flex-direction: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    transition: all .12s ease-out;
    display: flex;
  }

  .PlanPeriodToggle-module__1M7B1W__buttonGroupItem > span {
    transition: color .12s ease-out;
  }

  .PlanPeriodToggle-module__1M7B1W__buttonGroupItem > svg {
    transition: stroke .12s ease-out;
  }

  .PlanPeriodToggle-module__1M7B1W__buttonGroup {
    padding: var(--space-4);
    border-radius: var(--border-radius-8);
    background-color: var(--background-higher);
    gap: var(--space-4);
  }

  .PlanPeriodToggle-module__1M7B1W__buttonGroup .PlanPeriodToggle-module__1M7B1W__toggle {
    border: 1px solid #0000;
  }

  .PlanPeriodToggle-module__1M7B1W__checked:is(.PlanPeriodToggle-module__1M7B1W__buttonGroup .PlanPeriodToggle-module__1M7B1W__toggle) {
    background-color: var(--background-default);
  }

  :is(.PlanPeriodToggle-module__1M7B1W__buttonGroup .PlanPeriodToggle-module__1M7B1W__toggle):hover {
    background-color: var(--background-default);
    border: 1px solid var(--brand-border);
  }

  :is(.PlanPeriodToggle-module__1M7B1W__buttonGroup .PlanPeriodToggle-module__1M7B1W__toggle):hover span {
    color: var(--foreground-default);
  }

  :is(.PlanPeriodToggle-module__1M7B1W__buttonGroup .PlanPeriodToggle-module__1M7B1W__toggle):hover svg {
    fill: var(--brand-accent-default);
  }

  :is(.PlanPeriodToggle-module__1M7B1W__buttonGroup .PlanPeriodToggle-module__1M7B1W__toggle):hover .PlanPeriodToggle-module__1M7B1W__discountInfo span, .PlanPeriodToggle-module__1M7B1W__redText {
    color: var(--brand-accent-default);
  }
}

/* [project]/pkg/next-app/client/components/Pricing/Plans/PricingCtaButton.module.css [client] (css) */
@layer components {
  .PricingCtaButton-module__u3dpka__ctaButton {
    cursor: pointer;
    color: #fff;
    letter-spacing: -.02em;
    text-align: center;
    background-color: #1a1a1a;
    border: none;
    border-radius: 90px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 80px;
    padding: 10px 40px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    transition: background-color .15s;
    display: flex;
  }

  .PricingCtaButton-module__u3dpka__ctaButton:hover {
    background-color: #333;
  }
}

/* [project]/pkg/next-app/client/components/Pricing/Plans/usePlanCTAs.module.css [client] (css) */
@layer components {
  .usePlanCTAs-module__9fTi8G__priceLine {
    flex-grow: 1;
    flex-shrink: 1;
    align-items: center;
    min-height: 62px;
  }

  .usePlanCTAs-module__9fTi8G__perUserMonthText {
    color: var(--foreground-dimmest);
    padding-top: var(--space-4);
  }
}

/* [project]/pkg/next-app/client/components/Pricing/Plans/ProMembershipContent.module.css [client] (css) */
@layer components {
  .ProMembershipContent-module__5veBaW__creditTierSelect {
    padding: 0 0 var(--space-32) 0;
    width: 100%;
  }

  .ProMembershipContent-module__5veBaW__packItem {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .ProMembershipContent-module__5veBaW__strikethroughText {
    color: var(--foreground-dimmest);
    align-self: center;
    text-decoration: line-through;
  }
}

/* [project]/pkg/next-app/client/components/Pricing/Plans/Membership.module.css [client] (css) */
@layer components {
  .Membership-module__Uu_GUG__membershipGridHeader {
    width: 100%;
  }

  @media screen and (max-width: 768px) {
    .Membership-module__Uu_GUG__membershipGridHeader {
      flex-direction: column;
      justify-content: center;
    }
  }

  .Membership-module__Uu_GUG__gridTitle {
    letter-spacing: -.04em;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 100%;
  }

  @media screen and (max-width: 768px) {
    .Membership-module__Uu_GUG__gridTitle {
      text-align: center;
      text-wrap: balance;
      line-height: 110%;
    }
  }

  .Membership-module__Uu_GUG__gridSubtitle {
    color: #888;
    letter-spacing: -.01em;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 83%;
  }

  @media screen and (max-width: 768px) {
    .Membership-module__Uu_GUG__gridSubtitle {
      text-align: center;
    }
  }

  .Membership-module__Uu_GUG__membershipGrid {
    grid-template-columns: 1fr;
    gap: 16px;
    width: 100%;
    display: grid;
  }

  @media screen and (min-width: 768px) {
    .Membership-module__Uu_GUG__membershipGrid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media screen and (min-width: 1280px) {
    .Membership-module__Uu_GUG__membershipGrid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  .Membership-module__Uu_GUG__membershipGridItem {
    display: flex;
  }

  @media screen and (min-width: 768px) {
    .Membership-module__Uu_GUG__membershipGridItem {
      grid-template-rows: subgrid;
      grid-row: span 7;
      grid-template-columns: 1fr;
      display: grid;
    }
  }

  .Membership-module__Uu_GUG__card {
    background-color: #faf5f0;
    border-radius: 40px;
    flex: 1;
    grid-template-rows: auto auto auto auto auto auto auto;
    padding: 32px;
    display: grid;
  }

  @media screen and (min-width: 768px) {
    .Membership-module__Uu_GUG__card {
      grid-template-rows: subgrid;
      grid-row: span 7;
    }
  }

  .Membership-module__Uu_GUG__planName {
    color: #ff3c00;
    letter-spacing: -.04em;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 83%;
  }

  .Membership-module__Uu_GUG__planDescription {
    color: #333;
    letter-spacing: -.03em;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
  }

  .Membership-module__Uu_GUG__divider {
    background-color: #ddd5cb;
    width: 100%;
    height: 1px;
  }

  .Membership-module__Uu_GUG__priceSection {
    flex-direction: row;
    align-items: baseline;
    gap: 8px;
    padding: 24px 0;
    display: flex;
  }

  .Membership-module__Uu_GUG__benefitsList {
    flex-direction: column;
    gap: 0;
    display: flex;
  }

  .Membership-module__Uu_GUG__benefitsList .Membership-module__Uu_GUG__benefitDot {
    background-color: #ff3c00;
    border-radius: 50%;
    width: 6px;
    min-width: 6px;
    height: 6px;
    margin-top: 8px;
  }

  .Membership-module__Uu_GUG__benefitsList .Membership-module__Uu_GUG__benefitItem {
    border-bottom: 1px solid #e8e0d6;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
  }

  :is(.Membership-module__Uu_GUG__benefitsList .Membership-module__Uu_GUG__benefitItem):last-child {
    border-bottom: none;
  }

  :is(.Membership-module__Uu_GUG__benefitsList .Membership-module__Uu_GUG__benefitItem) .Membership-module__Uu_GUG__benefitText {
    color: #333;
    letter-spacing: -.03em;
    overflow-wrap: break-word;
    flex: 1;
    min-width: 0;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    overflow: hidden;
  }

  :is(:is(.Membership-module__Uu_GUG__benefitsList .Membership-module__Uu_GUG__benefitItem) .Membership-module__Uu_GUG__benefitText) * {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: inherit;
  }

  :is(.Membership-module__Uu_GUG__benefitsList .Membership-module__Uu_GUG__benefitItem) .Membership-module__Uu_GUG__benefitTextBold {
    font-weight: 600;
  }
}

/* [project]/pkg/next-app/pages/landing.page.module.css [client] (css) */
:root {
  --marketing-surface-max-width: 1390px;
  --below-the-fold-max-size: 900px;
  background-color: #faf6f1;
}

@property --sweep-pos {
  syntax: "<percentage>";
  inherits: false;
  initial-value: -30%;
}

@keyframes landing-page-module__A2EV7W__sweep-fwd {
  from {
    --sweep-pos: -30%;
  }

  to {
    --sweep-pos: 100%;
  }
}

@keyframes landing-page-module__A2EV7W__sweep-rev {
  from {
    --sweep-pos: 100%;
  }

  to {
    --sweep-pos: -30%;
  }
}

@media (prefers-reduced-motion: reduce) {
  @layer components {
    .landing-page-module__A2EV7W__taglineSweepOut, .landing-page-module__A2EV7W__taglineSweepIn, .landing-page-module__A2EV7W__taglineSweepInReverse {
      animation-duration: .001ms;
      animation-delay: 0s;
      -webkit-mask-image: none;
      mask-image: none;
    }
  }
}

@keyframes landing-page-module__A2EV7W__glow-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@layer components {
  .landing-page-module__A2EV7W__pageBg {
    overscroll-behavior-x: none;
    font-family: var(--font-family-brand);
    overflow-x: clip;
    background-color: #faf6f1 !important;
  }

  .landing-page-module__A2EV7W__pageBg header {
    background-color: #faf6f1 !important;
  }

  .landing-page-module__A2EV7W__unauthenticatedHomePage {
    min-width: 0;
    height: auto;
    overflow-x: clip;
  }

  .landing-page-module__A2EV7W__unauthenticatedHomePageHeaderPadding {
    padding-top: 12px;
  }

  .landing-page-module__A2EV7W__title {
    text-align: center;
    margin: 0 auto;
  }

  .landing-page-module__A2EV7W__titleImproved {
    letter-spacing: -.06em;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 64px;
    font-weight: 400;
    line-height: 100%;
  }

  @media screen and (max-width: 768px) {
    .landing-page-module__A2EV7W__titleImproved {
      font-size: 32px;
    }
  }

  .landing-page-module__A2EV7W__taglineWrapper {
    text-align: center;
    width: 100%;
    position: relative;
  }

  @media screen and (max-width: 768px) {
    .landing-page-module__A2EV7W__taglineWrapper {
      width: fit-content;
      max-width: 100%;
    }
  }

  .landing-page-module__A2EV7W__taglineSizer {
    visibility: hidden;
    pointer-events: none;
    white-space: nowrap;
    height: 0;
    display: block;
    overflow: hidden;
  }

  .landing-page-module__A2EV7W__taglineSweepOut {
    -webkit-mask-image: linear-gradient(to right,
    transparent var(--sweep-pos),
    black calc(var(--sweep-pos) + 30%));
    -webkit-mask-image: linear-gradient(to right,
    transparent var(--sweep-pos),
    black calc(var(--sweep-pos) + 30%));
    mask-image: linear-gradient(to right,
    transparent var(--sweep-pos),
    black calc(var(--sweep-pos) + 30%));
    animation: .9s ease-in forwards landing-page-module__A2EV7W__sweep-fwd;
  }

  .landing-page-module__A2EV7W__taglineSweepIn, .landing-page-module__A2EV7W__taglineSweepInReverse {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .landing-page-module__A2EV7W__taglineSweepIn {
    -webkit-mask-image: linear-gradient(to right,
    black var(--sweep-pos),
    transparent calc(var(--sweep-pos) + 30%));
    -webkit-mask-image: linear-gradient(to right,
    black var(--sweep-pos),
    transparent calc(var(--sweep-pos) + 30%));
    mask-image: linear-gradient(to right,
    black var(--sweep-pos),
    transparent calc(var(--sweep-pos) + 30%));
    animation: .9s ease-out .5s forwards landing-page-module__A2EV7W__sweep-fwd;
  }

  .landing-page-module__A2EV7W__taglineSweepInReverse {
    -webkit-mask-image: linear-gradient(to right,
    transparent var(--sweep-pos),
    black calc(var(--sweep-pos) + 30%));
    -webkit-mask-image: linear-gradient(to right,
    transparent var(--sweep-pos),
    black calc(var(--sweep-pos) + 30%));
    mask-image: linear-gradient(to right,
    transparent var(--sweep-pos),
    black calc(var(--sweep-pos) + 30%));
    animation: .9s ease-out .5s both landing-page-module__A2EV7W__sweep-rev;
  }

  .landing-page-module__A2EV7W__srOnly {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .landing-page-module__A2EV7W__agentPrompt {
    padding: var(--space-16);
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: min(40vh, var(--below-the-fold-max-size));
    max-height: var(--below-the-fold-max-size);
    margin: 48px -16px -16px;
  }

  @media screen and (max-width: 768px) {
    .landing-page-module__A2EV7W__agentPrompt {
      min-height: min(45vh, var(--below-the-fold-max-size));
    }
  }

  .landing-page-module__A2EV7W__requestedOutputsOptionsNegativeMargin {
    margin: -16px;
  }

  @media screen and (max-width: 768px) {
    .landing-page-module__A2EV7W__suggestedPrompts {
      display: none;
    }
  }

  .landing-page-module__A2EV7W__suggestedPromptsAboveInput {
    padding-top: var(--space-32);
  }

  .landing-page-module__A2EV7W__aboveInputCarousel {
    margin-top: -24px;
  }

  .landing-page-module__A2EV7W__agentPromptImproved {
    position: relative;
    overflow: visible;
  }

  .landing-page-module__A2EV7W__aboveTheFold {
    height: calc(100vh - 67px);
    padding-top: 36px;
  }

  @media screen and (max-width: 768px) {
    .landing-page-module__A2EV7W__aboveTheFold {
      padding-top: 0;
    }
  }

  .landing-page-module__A2EV7W__agentInput2Root {
    width: 100%;
    max-width: 800px;
  }

  .landing-page-module__A2EV7W__loggedOutInput {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
  }

  .landing-page-module__A2EV7W__loggedOutInput textarea {
    max-height: 200px;
  }

  .landing-page-module__A2EV7W__loggedOutInputImproved {
    isolation: isolate;
    position: relative;
  }

  .landing-page-module__A2EV7W__loggedOutInputImproved textarea, .landing-page-module__A2EV7W__loggedOutInputImproved input {
    box-shadow: none;
  }

  .landing-page-module__A2EV7W__loggedOutInputImproved button {
    border-radius: 100px;
  }

  .landing-page-module__A2EV7W__loggedOutInputImproved:before {
    z-index: -1;
    filter: blur(50px);
    border-radius: var(--border-radius-8);
    pointer-events: none;
    content: "";
    background: #fd540213;
    animation: .5s ease-out forwards landing-page-module__A2EV7W__glow-fade-in;
    position: absolute;
    inset: -10px;
  }

  .landing-page-module__A2EV7W__marketingSurface {
    width: 100%;
    max-width: var(--marketing-surface-max-width);
  }

  .landing-page-module__A2EV7W__pricingCard {
    padding: var(--space-32) var(--space-64);
    background-color: #fff;
    border-radius: 46px;
  }

  @media screen and (max-width: 768px) {
    .landing-page-module__A2EV7W__pricingCard {
      padding: var(--space-24) var(--space-16);
      border-radius: 24px;
    }
  }

  @media screen and not (min-width: 1024px) {
    .landing-page-module__A2EV7W__testimonialsSection {
      padding-left: 0;
      padding-right: 0;
    }
  }

  @media screen and (max-width: 768px) {
    .landing-page-module__A2EV7W__fullWidthHack {
      padding-right: var(--space-16);
      padding-left: var(--space-16);
    }
  }
}

/*# sourceMappingURL=pkg_0-974ak._.css.map*/