/* [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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/account/ReferralJourney.module.css [client] (css) */
@layer components {
  .ReferralJourney-module__6LzNbq__journey {
    --journey-blue: var(--accent-primary-default);
    --journey-green: var(--accent-positive-default);
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    position: relative;
  }

  .ReferralJourney-module__6LzNbq__track {
    border-radius: var(--border-radius-2);
    background: var(--outline-dimmest);
    height: 3px;
    position: absolute;
    top: 38px;
    left: 12.5%;
    right: 12.5%;
  }

  .ReferralJourney-module__6LzNbq__trackFill {
    border-radius: var(--border-radius-2);
    background: linear-gradient(90deg, var(--journey-blue), var(--journey-green));
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .ReferralJourney-module__6LzNbq__node {
    z-index: 1;
    position: relative;
  }

  .ReferralJourney-module__6LzNbq__dot {
    box-sizing: border-box;
    border: 2px solid var(--outline-dimmest);
    background: var(--background-higher);
    width: 60px;
    height: 60px;
    color: var(--foreground-default);
    border-radius: 50%;
  }

  .ReferralJourney-module__6LzNbq__dotReached {
    border-color: var(--journey-blue);
  }

  .ReferralJourney-module__6LzNbq__dotUpcoming {
    background: var(--background-default);
    color: var(--foreground-dimmer);
    border-style: dashed;
  }

  .ReferralJourney-module__6LzNbq__dotPayoff {
    border-color: var(--journey-green);
    background: color-mix(in srgb,
    var(--journey-green) 16%,
    var(--background-higher));
    color: var(--journey-green);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--journey-green) 13%, transparent),
    0 0 24px color-mix(in srgb, var(--journey-green) 42%, transparent);
  }

  .ReferralJourney-module__6LzNbq__dotLocked {
    border-style: dashed;
    border-color: var(--outline-dimmest);
    background: var(--background-higher);
    color: var(--foreground-dimmer);
  }

  .ReferralJourney-module__6LzNbq__dotAction {
    background: var(--journey-blue);
    color: var(--white);
    cursor: pointer;
    border: none;
    transition: filter .14s, transform 80ms;
  }

  .ReferralJourney-module__6LzNbq__dotAction:focus-visible {
    outline: 2px solid var(--accent-primary-default);
    outline-offset: 2px;
  }

  .ReferralJourney-module__6LzNbq__dotAction:hover {
    filter: brightness(1.08);
  }

  .ReferralJourney-module__6LzNbq__dotAction:active {
    transform: translateY(1px);
  }

  .ReferralJourney-module__6LzNbq__dotAction:disabled {
    cursor: default;
    opacity: .5;
  }

  .ReferralJourney-module__6LzNbq__dotAction:disabled:hover {
    filter: none;
  }

  .ReferralJourney-module__6LzNbq__dotActionCopied {
    background: var(--journey-green);
  }

  .ReferralJourney-module__6LzNbq__actionLabel {
    color: var(--journey-blue);
    font-weight: var(--font-weight-medium);
  }

  .ReferralJourney-module__6LzNbq__amountEarned {
    color: var(--journey-green);
  }

  .ReferralJourney-module__6LzNbq__amountLocked {
    color: var(--foreground-dimmer);
  }
}

/* [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/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/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/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/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/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/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/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(--background-highest);
  }
}

/* [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/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/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/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/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/rui/HoverCard.module.css [client] (css) */
@layer components {
  .HoverCard-module__k7KuFa__safeArea {
    z-index: 99998;
    clip-path: var(--HoverCard--safe-area-clip-path);
    --HoverCard--safe-area-clip-path: polygon(0 0, 0 0, 0 0);
    position: fixed;
    inset: 0;
  }
}

/* [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/rui/DividerV.module.css [client] (css) */
@layer components {
  .DividerV-module__SrEOlq__divider {
    background-color: var(--outline-dimmest);
    width: 1px;
  }
}

/* [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/Pricing/Plans/PlanComparison.module.css [client] (css) */
@layer components {
  .PlanComparison-module__gl5QQW__outerWrapper {
    position: relative;
  }

  .PlanComparison-module__gl5QQW__innerWrapper {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    display: grid;
    overflow: auto visible;
  }

  .PlanComparison-module__gl5QQW__table {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
  }

  .PlanComparison-module__gl5QQW__table tr:first-child, .PlanComparison-module__gl5QQW__table th:first-child {
    width: 140px;
  }

  @media (min-width: 1024px) {
    .PlanComparison-module__gl5QQW__table tr:first-child, .PlanComparison-module__gl5QQW__table th:first-child {
      width: 240px;
    }
  }

  .PlanComparison-module__gl5QQW__table tr:not(:first-child), .PlanComparison-module__gl5QQW__table th:not(:first-child) {
    width: 160px;
  }

  @media (min-width: 1024px) {
    .PlanComparison-module__gl5QQW__table tr:not(:first-child), .PlanComparison-module__gl5QQW__table th:not(:first-child) {
      width: 200px;
    }
  }

  .PlanComparison-module__gl5QQW__table tr td:first-child {
    z-index: 1;
    position: sticky;
    left: 0;
  }

  .PlanComparison-module__gl5QQW__table tr td:first-child:before {
    background-color: var(--outline-dimmer);
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 2px 0 8px 2px #0202030d;
  }

  .PlanComparison-module__gl5QQW__table tr th:first-child {
    z-index: 1;
    box-shadow: inset -1px 0 0 var(--outline-default);
    background-color: var(--background-default);
    position: sticky;
    left: 0;
  }

  .PlanComparison-module__gl5QQW__table tr th:first-child:before {
    background-color: var(--outline-dimmer);
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 2px 0 8px 2px #0202030d;
  }

  .PlanComparison-module__gl5QQW__table tr td:first-child:not(.PlanComparison-module__gl5QQW__subheadTitleCell) {
    box-shadow: inset -1px 0 0 var(--outline-dimmer);
    background-color: var(--background-default);
  }

  .PlanComparison-module__gl5QQW__tableHeader {
    border-bottom: 1px solid #cfc9c3;
  }

  .PlanComparison-module__gl5QQW__headerColumnContent {
    text-align: left;
    align-items: flex-start;
    width: fit-content;
  }

  .PlanComparison-module__gl5QQW__headerHighlightColumn {
    border-top-style: solid;
    border-top-width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    border-color: color-mix(in srgb,
    var(--brand-accent-default) 15%,
    transparent);
    background-color: color-mix(in srgb,
    var(--brand-accent-default) 5%,
    transparent);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
  }

  .PlanComparison-module__gl5QQW__cellText {
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    overflow: hidden;
  }

  .PlanComparison-module__gl5QQW__rowCell {
    border-bottom: 1px solid var(--brand-border);
    padding: var(--space-4) var(--space-12);
  }

  .PlanComparison-module__gl5QQW__rowCellHighlight {
    border-right: 1px solid
    color-mix(in srgb, var(--brand-accent-default) 15%, transparent);
    border-bottom: 1px solid var(--brand-border);
    border-left: 1px solid
    color-mix(in srgb, var(--brand-accent-default) 15%, transparent);
    background-color: color-mix(in srgb,
    var(--brand-accent-default) 5%,
    transparent);
    padding: var(--space-4) var(--space-8);
  }

  .PlanComparison-module__gl5QQW__subheadHighlightCell {
    border-right: 1px solid
    color-mix(in srgb, var(--brand-accent-default) 15%, transparent);
    border-bottom: 1px solid var(--brand-border);
    border-left: 1px solid
    color-mix(in srgb, var(--brand-accent-default) 15%, transparent);
    background-color: color-mix(in srgb,
    var(--brand-accent-default) 5%,
    transparent);
  }

  .PlanComparison-module__gl5QQW__subheadRow {
    background-color: var(--background-higher);
  }

  .PlanComparison-module__gl5QQW__subheadTitleCell {
    border-bottom: 1px solid var(--brand-border);
    background-color: var(--background-higher);
    padding: var(--space-4) var(--space-12);
  }

  .PlanComparison-module__gl5QQW__subheadTitle {
    font-weight: bold;
  }

  .PlanComparison-module__gl5QQW__subheadFillerCell {
    border-bottom: 1px solid var(--brand-border);
  }

  .PlanComparison-module__gl5QQW__benifitPerks {
    position: relative;
  }

  @media screen and (min-width: 1200px) {
    .PlanComparison-module__gl5QQW__wrapper {
      max-width: 1920px;
      margin: 0 auto;
    }
  }
}

/* [project]/pkg/next-app/client/rui/AccordionItem.module.css [client] (css) */
@media (hover: hover) {
  @layer components {
    .AccordionItem-module__OZnGtW__chevronOnHover {
      display: none;
    }

    .AccordionItem-module__OZnGtW__accordionToggle:hover .AccordionItem-module__OZnGtW__chevronOnHover {
      display: flex;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  @layer components {
    .AccordionItem-module__OZnGtW__chevron, .AccordionItem-module__OZnGtW__animatedContainer, .AccordionItem-module__OZnGtW__animatedInner {
      transition: none;
    }
  }
}

@layer components {
  .AccordionItem-module__OZnGtW__accordionToggle {
    padding: var(--space-4);
    -webkit-user-select: none;
    user-select: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .AccordionItem-module__OZnGtW__compact {
    padding: 0;
  }

  .AccordionItem-module__OZnGtW__large {
    padding: var(--space-16) var(--space-24);
  }

  @media (max-width: 480px) {
    .AccordionItem-module__OZnGtW__large {
      padding: var(--space-16);
    }
  }

  .AccordionItem-module__OZnGtW__round {
    border-radius: var(--border-radius-default);
  }

  .AccordionItem-module__OZnGtW__body {
    width: 100%;
  }

  .AccordionItem-module__OZnGtW__chevronContainer {
    padding-right: var(--space-4);
    padding-left: var(--space-4);
    align-self: center;
    align-items: center;
    display: flex;
  }

  .AccordionItem-module__OZnGtW__chevron {
    transition: transform var(--transition-duration-snappy)
    var(--transition-timing-function-snappy);
  }

  .AccordionItem-module__OZnGtW__animatedContainer {
    transition: grid-template-rows var(--transition-duration-snappy)
    var(--transition-timing-function-snappy);
    grid-template-rows: 0fr;
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .AccordionItem-module__OZnGtW__animatedExpanded {
    grid-template-rows: 1fr;
  }

  .AccordionItem-module__OZnGtW__animatedInner {
    opacity: 0;
    width: 100%;
    min-height: 0;
    transition: opacity .2s ease-in-out;
    overflow: hidden;
  }

  .AccordionItem-module__OZnGtW__animatedExpanded > .AccordionItem-module__OZnGtW__animatedInner {
    opacity: 1;
    transition: opacity 50ms ease-in-out 75ms;
  }
}

/* [project]/pkg/next-app/client/components/Pricing/Plans/PricingFAQ.module.css [client] (css) */
@layer components {
  .PricingFAQ-module__0OYpkW__container {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .PricingFAQ-module__0OYpkW__faqItem {
    width: 100%;
    min-width: 0;
    overflow: hidden;
  }

  .PricingFAQ-module__0OYpkW__questionText {
    word-wrap: break-word;
    overflow-wrap: break-word;
    flex-shrink: 1;
    max-width: 100%;
  }

  .PricingFAQ-module__0OYpkW__link {
    color: var(--accent-primary-default);
    text-decoration: underline;
  }

  .PricingFAQ-module__0OYpkW__link:hover {
    color: var(--accent-primary-stronger);
  }

  .PricingFAQ-module__0OYpkW__divider {
    border-bottom: 1px solid var(--outline-dimmest);
  }
}

/* [project]/pkg/next-app/client/components/Stripe/PlanCard.module.css [client] (css) */
@layer components {
  .PlanCard-module__rFC7BG__cardSurface {
    min-width: 0;
    min-height: 430px;
  }

  .PlanCard-module__rFC7BG__cardSurface[data-highlighted] {
    box-shadow: 0 0 12px 0
      color-mix(in srgb, var(--accent-primary-default) 25%, transparent);
    border-color: var(--accent-primary-default) !important;
  }

  .PlanCard-module__rFC7BG__cardSurface[data-highlighted][data-color-scheme="brand"] {
    box-shadow: 0 0 12px 0
      color-mix(in srgb, var(--brand-accent-default) 25%, transparent);
    border-color: var(--brand-accent-default) !important;
  }

  .PlanCard-module__rFC7BG__compactHeader {
    min-width: 0;
  }

  .PlanCard-module__rFC7BG__compactHeader [data-compact-description] {
    display: none;
  }

  .PlanCard-module__rFC7BG__featureContainer {
    min-width: 0;
  }

  .PlanCard-module__rFC7BG__featureText {
    word-break: break-word;
    overflow-wrap: break-word;
    flex: 1;
    min-width: 0;
  }

  .PlanCard-module__rFC7BG__creditTierSelect {
    width: 100%;
    min-height: var(--space-32);
  }

  .PlanCard-module__rFC7BG__creditTierSelect button {
    width: 100%;
  }

  .PlanCard-module__rFC7BG__packItem {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .PlanCard-module__rFC7BG__pricePeriod {
    overflow-wrap: break-word;
    min-width: min-content;
    line-height: 1;
  }

  .PlanCard-module__rFC7BG__strikethroughPrice {
    color: var(--foreground-dimmest);
    align-self: center;
    text-decoration: line-through;
  }

  .PlanCard-module__rFC7BG__strikethroughText {
    color: var(--foreground-dimmest);
    text-decoration: line-through;
  }

  .PlanCard-module__rFC7BG__spacerPill {
    height: var(--space-24);
  }

  .PlanCard-module__rFC7BG__button {
    width: 100%;
  }

  .PlanCard-module__rFC7BG__buttonSkeleton {
    width: 100%;
    height: var(--space-32);
  }
}

/* [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/Stripe/CouponOffer.module.css [client] (css) */
@layer components {
  .CouponOffer-module__s9JPrW__title {
    font-weight: bold;
  }
}

/* [project]/pkg/next-app/client/components/Stripe/PlanToggle.module.css [client] (css) */
@layer components {
  .PlanToggle-module__Y5PFPG__blueText {
    color: var(--accent-primary-stronger) !important;
  }

  .PlanToggle-module__Y5PFPG__brandText {
    color: var(--brand-accent-default) !important;
  }
}

/* [project]/pkg/next-app/client/components/Stripe/PlanGrid.module.css [client] (css) */
@layer components {
  .PlanGrid-module__jEKEDG__root {
    width: 100%;
    container-type: inline-size;
  }

  .PlanGrid-module__jEKEDG__grid {
    gap: var(--space-16);
    grid-template-columns: 1fr;
    width: 100%;
    display: grid;
  }

  @container (min-width: 768px) {
    .PlanGrid-module__jEKEDG__grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .PlanGrid-module__jEKEDG__grid > :nth-child(4) {
      align-items: center;
      gap: var(--space-16);
      padding: var(--space-12) var(--space-16);
      flex-direction: row;
      grid-column: 1 / -1;
      min-height: auto;
    }

    :is(.PlanGrid-module__jEKEDG__grid > :nth-child(4)) [data-compact-details] {
      display: none;
    }

    :is(.PlanGrid-module__jEKEDG__grid > :nth-child(4)) [data-compact-description] {
      display: flex;
    }

    :is(.PlanGrid-module__jEKEDG__grid > :nth-child(4)) [data-full-description] {
      display: none;
    }
  }

  @container (min-width: 1100px) {
    .PlanGrid-module__jEKEDG__grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .PlanGrid-module__jEKEDG__grid > :nth-child(4) {
      align-items: stretch;
      gap: var(--space-12);
      padding: var(--space-24);
      flex-direction: column;
      grid-column: auto;
      min-height: 430px;
    }

    :is(.PlanGrid-module__jEKEDG__grid > :nth-child(4)) [data-compact-details] {
      display: block;
    }

    :is(.PlanGrid-module__jEKEDG__grid > :nth-child(4)) [data-compact-description] {
      display: none;
    }

    :is(.PlanGrid-module__jEKEDG__grid > :nth-child(4)) [data-full-description] {
      display: block;
    }
  }

  .PlanGrid-module__jEKEDG__taxText {
    text-align: center;
    max-width: 640px;
    margin: 0 auto;
  }

  .PlanGrid-module__jEKEDG__priceStrikethrough {
    color: var(--foreground-dimmer);
    text-decoration: line-through;
  }

  .PlanGrid-module__jEKEDG__outlinedNoFill {
    background-color: #0000;
  }
}

/* [project]/pkg/next-app/pages/pricing.page.module.css [client] (css) */
@layer components {
  .pricing-page-module__7a0YCq__headline {
    letter-spacing: -.06em;
    text-align: center;
    margin: 0 auto;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 64px;
    font-weight: 400;
    line-height: 100%;
  }

  @media screen and (max-width: 768px) {
    .pricing-page-module__7a0YCq__headline {
      font-size: 60px;
    }
  }

  .pricing-page-module__7a0YCq__sectionFull {
    width: 100%;
    max-width: 1300px;
    overflow: hidden;
  }
}

/*# sourceMappingURL=pkg_113q8yk._.css.map*/