/* [project]/repl-it-web/pkg/rui-icons/src/Icon.module.css [client] (css) */
@layer components {
  .Icon-module__DxqLDa__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]/repl-it-web/pkg/next-app/client/rui/useView.module.css [client] (css) */
@layer base {
  .useView-module__ewzKNW__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__ewzKNW__view.useView-module__ewzKNW__isHorizontal {
    flex-direction: row;
  }
}

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

  .Tooltip-module__P4IUZa__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__P4IUZa__tooltipPopper[data-popper-reference-hidden="true"] {
    opacity: 0;
    pointer-events: var(--Tooltip--pointer-events);
  }

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

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

/* [project]/repl-it-web/pkg/next-app/client/rui/Text.module.css [client] (css) */
@layer components {
  .Text-module__tB5TyG__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__tB5TyG__multiline {
    overflow-wrap: break-word;
    display: inline;
  }

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

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

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

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

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

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

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

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

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

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

  75% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

  .FooterGlobe-module__r6NNuW__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__r6NNuW__city {
    letter-spacing: 0;
    font-size: 8px;
    font-weight: 400;
    line-height: 100%;
  }

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

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

  .FooterGlobe-module__r6NNuW__colonBlink {
    animation: 2s step-end infinite FooterGlobe-module__r6NNuW__blink;
  }
}

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

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

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

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

  @media (hover: hover) {
    .Interactive2-module__VTNNWq__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__VTNNWq__root:not([disabled], [aria-disabled]):focus {
    outline-color: #0000;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .IconButton-module__KZZVSa__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]/repl-it-web/pkg/next-app/client/rui/Modal.module.css [client] (css) */
@layer components {
  .Modal-module__7Ii6yG__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__7Ii6yG__underlay {
      padding: var(--space-32);
      padding-bottom: var(--space-64);
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .BigFooter-module__QgDULa__madeIn, .BigFooter-module__QgDULa__copyright {
    color: #76716f;
  }

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

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

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

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

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

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

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

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

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

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

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

  .DesignCanvasCard-module__NDtDfW__content {
    width: 50%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .HeroBentoGrid-module__yE95xq__heroTitleAccent {
    color: #ff3c00;
  }

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

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

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

  .HeroBentoGrid-module__yE95xq__gallery .HeroBentoGrid-module__yE95xq__galleryRow {
    flex-direction: row;
  }

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

  :is(.HeroBentoGrid-module__yE95xq__gallery .HeroBentoGrid-module__yE95xq__galleryRow) .HeroBentoGrid-module__yE95xq__galleryLarge {
    flex: 3;
    min-width: 0;
    height: 420px;
  }

  @media not (min-width: 1024px) {
    :is(.HeroBentoGrid-module__yE95xq__gallery .HeroBentoGrid-module__yE95xq__galleryRow) .HeroBentoGrid-module__yE95xq__galleryLarge {
      flex: 60vh;
    }
  }

  :is(.HeroBentoGrid-module__yE95xq__gallery .HeroBentoGrid-module__yE95xq__galleryRow) .HeroBentoGrid-module__yE95xq__gallerySmall {
    flex: 2;
    min-width: 0;
    height: 420px;
  }

  @media not (min-width: 1024px) {
    :is(.HeroBentoGrid-module__yE95xq__gallery .HeroBentoGrid-module__yE95xq__galleryRow) .HeroBentoGrid-module__yE95xq__gallerySmall {
      flex: 60vh;
    }
  }

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

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

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

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

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

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

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

  .LoggedOutMobileCarousel-module__woaeeW__dotActive {
    background: #ff3c00;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .SuggestedPrompts-module__7RmT4a__horizontalScrollRow::-webkit-scrollbar {
    display: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* [project]/repl-it-web/pkg/next-app/client/rui/Surface.module.css [client] (css) */
@layer base {
  .Surface-module__Kj4uTG__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__Kj4uTG__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__Kj4uTG__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__Kj4uTG__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]/repl-it-web/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__HcTdja__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__HcTdja__popover.Popover-module__HcTdja__subtleShadow {
    --popover-shadow: var(--shadow-raised);
  }

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

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

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

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

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

  .Popover-module__HcTdja__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__HcTdja__popover {
      transition: none;
    }

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

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

  .Popover-module__HcTdja__popover.Popover-module__HcTdja__noAnimation {
    transition: none;
  }

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

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

  .Popover-module__HcTdja__popover:not(:has(.Popover-module__HcTdja__arrow)) {
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

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

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

  .Menu-module__qFgIbW__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__qFgIbW__item[aria-disabled="true"] {
    background-color: #0000 !important;
  }

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

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

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

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

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

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

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

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

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

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

  .ThinScrollView-module__9_XpBa__axisX {
    overflow: auto hidden;
  }

  .ThinScrollView-module__9_XpBa__axisY {
    overflow: hidden auto;
  }

  .ThinScrollView-module__9_XpBa__axisBoth {
    overflow: auto;
  }
}

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

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

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

@layer components {
  .Loading-module__8X4Glq__rotate {
    animation: 1s linear infinite Loading-module__8X4Glq__rotation;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/rui/Button.module.css [client] (css) */
@layer components {
  .Button-module__Ro5RyG__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]/repl-it-web/pkg/next-app/client/workspace/components/MediaFileViewer.module.css [client] (css) */
@layer components {
  .MediaFileViewer-module__-AZpyq__downloadButton {
    bottom: var(--space-8);
    right: var(--space-8);
    padding: var(--space-16);
    position: absolute;
  }

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

  .MediaFileViewer-module__-AZpyq__video, .MediaFileViewer-module__-AZpyq__audio {
    max-width: 100%;
    max-height: 100%;
  }

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

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

/* [project]/repl-it-web/pkg/next-app/client/rui/Input.module.css [client] (css) */
@layer components {
  .Input-module__QcZzfq__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__QcZzfq__input::placeholder {
    color: var(--foreground-dimmest);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .Input-module__QcZzfq__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__QcZzfq__decoratedInputRoot[data-invalid] {
    border-color: var(--accent-negative-default);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ButtonGroup-module__KA6A0W__buttonGroupItem.ButtonGroup-module__KA6A0W__checked {
    color: var(--foreground-default);
  }

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

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

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

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

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

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

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

  .CodeViewer2-module__uKSj4q__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__uKSj4q__span::selection {
    background-color: var(--accent-primary-dimmer);
  }

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

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

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

  95% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@layer components {
  .CodeRenderer2-module__H9zwpq__inline, .CodeRenderer2-module__H9zwpq__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__H9zwpq__inlineButton {
    cursor: pointer;
    text-align: left;
  }

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

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

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

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

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

  .CodeRenderer2-module__H9zwpq__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__H9zwpq__buttonContainer {
    opacity: 1;
    transition: opacity 75ms linear;
    position: relative;
  }

  .CodeRenderer2-module__H9zwpq__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__H9zwpq__copied;
    display: block;
    position: absolute;
    right: 100%;
  }
}

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

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

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

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

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

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

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

/* [project]/repl-it-web/pkg/next-app/client/components/Markdown.module.css [client] (css) */
@layer components {
  .Markdown-module__lGkroG__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__lGkroG__markdownTheme h1, .Markdown-module__lGkroG__markdownTheme h2, .Markdown-module__lGkroG__markdownTheme h3, .Markdown-module__lGkroG__markdownTheme h4, .Markdown-module__lGkroG__markdownTheme h5, .Markdown-module__lGkroG__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__lGkroG__markdownTheme h1, .Markdown-module__lGkroG__markdownTheme h2 {
    margin-top: var(--space-32);
    border-bottom: 1px solid var(--background-higher);
    padding-bottom: var(--space-8);
  }

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

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

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

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

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

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

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

  .Markdown-module__lGkroG__markdownTheme .Markdown-module__lGkroG__anchor:focus {
    outline: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .Markdown-module__lGkroG__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__lGkroG__markdownTheme pre:last-child {
    margin-bottom: 0 !important;
  }

  .Markdown-module__lGkroG__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__lGkroG__markdownTheme blockquote > * {
    color: var(--theme-text-color-dimmer) !important;
  }

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

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

  .Markdown-module__lGkroG__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__lGkroG__markdownTheme a {
    background-color: initial;
    color: var(--theme-text-color-default);
    text-decoration: underline;
  }

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

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

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

  .Markdown-module__lGkroG__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__lGkroG__markdownTheme summary {
    cursor: pointer;
    font-weight: var(--font-weight-bold);
    -webkit-user-select: none;
    user-select: none;
    display: list-item;
  }

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

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

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

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

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

  .Markdown-module__lGkroG__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__lGkroG__markdownThemeCompact h1, .Markdown-module__lGkroG__markdownThemeCompact h2, .Markdown-module__lGkroG__markdownThemeCompact h3, .Markdown-module__lGkroG__markdownThemeCompact h4, .Markdown-module__lGkroG__markdownThemeCompact h5, .Markdown-module__lGkroG__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__lGkroG__markdownThemeCompact h1:first-child, .Markdown-module__lGkroG__markdownThemeCompact h2:first-child, .Markdown-module__lGkroG__markdownThemeCompact h3:first-child, .Markdown-module__lGkroG__markdownThemeCompact h4:first-child, .Markdown-module__lGkroG__markdownThemeCompact h5:first-child, .Markdown-module__lGkroG__markdownThemeCompact h6:first-child {
    margin-top: 0;
  }

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

  .Markdown-module__lGkroG__markdownThemeCompact .Markdown-module__lGkroG__anchor:focus {
    outline: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .Markdown-module__lGkroG__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__lGkroG__markdownThemeCompact pre:last-child {
    margin-bottom: 0 !important;
  }

  .Markdown-module__lGkroG__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__lGkroG__markdownThemeCompact blockquote > * {
    color: var(--theme-text-color-dimmer) !important;
  }

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

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

  .Markdown-module__lGkroG__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__lGkroG__markdownThemeCompact a {
    background-color: initial;
    color: var(--theme-text-color-default);
    text-decoration: underline;
  }

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

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

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

  .Markdown-module__lGkroG__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__lGkroG__markdownThemeCompact summary {
    cursor: pointer;
    font-weight: var(--font-weight-bold);
    -webkit-user-select: none;
    user-select: none;
    display: list-item;
  }

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

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

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

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

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

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

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

  @media screen and (hover: hover) and (pointer: fine) and (not (any-pointer: coarse)) {
    .FileAttachment-module__LjtMfW__wrapper .FileAttachment-module__LjtMfW__closeButton:not(.FileAttachment-module__LjtMfW__uploading) {
      opacity: 0;
    }

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

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

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

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

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

  .FileAttachment-module__LjtMfW__viewerModalContents {
    overflow: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .TopBanner-module__OFBQIq__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__OFBQIq__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__OFBQIq__body {
      align-items: center;
      gap: var(--space-4);
      padding: var(--space-2) var(--space-8);
      flex-direction: column;
    }
  }

  .TopBanner-module__OFBQIq__actions, .TopBanner-module__OFBQIq__dismiss {
    flex-shrink: 0;
  }

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

/* [project]/repl-it-web/pkg/next-app/client/components/banners/BannerWrapper.module.css [client] (css) */
@layer components {
  .BannerWrapper-module__Y1PNFW__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__Y1PNFW__bannerContainer {
      align-items: stretch;
      padding-left: 0;
      padding-right: 0;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .MultiStepDialog-module__j28wnq__startPlaceholder {
    width: 73px;
  }

  .MultiStepDialog-module__j28wnq__endPlaceholder {
    width: 98px;
  }

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

/* [project]/repl-it-web/pkg/next-app/client/billing/usage/ReachedMonthlyCreditLimit.module.css [client] (css) */
@layer components {
  .ReachedMonthlyCreditLimit-module__C5sSoa__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__C5sSoa__headerIconWrap {
    grid-area: 1 / 1;
    align-self: center;
    align-items: center;
    display: flex;
  }

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

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

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

  .ReachedMonthlyCreditLimit-module__C5sSoa__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__C5sSoa__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__C5sSoa__heroLoadingOverlay {
    z-index: 2;
    border-radius: inherit;
    background-color: var(--background-higher);
    position: absolute;
    inset: 0;
  }
}

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

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

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

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

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

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

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

/* [project]/repl-it-web/pkg/next-app/client/rui/Pill.module.css [client] (css) */
@layer components {
  .Pill-module__5q3iYa__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__5q3iYa__compact {
    border-radius: var(--border-radius-default);
    height: var(--space-16);
  }

  .Pill-module__5q3iYa__filled, .Pill-module__5q3iYa__muted {
    border-color: #0000;
  }

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

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

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

  .Select-module__UU5SUa__select .Select-module__UU5SUa__trigger {
    min-height: var(--space-32);
  }

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

  .Select-module__UU5SUa__select.Select-module__UU5SUa__selectCompact .Select-module__UU5SUa__trigger {
    padding-inline: var(--space-8);
    padding-block: var(--space-4);
    min-height: 28px;
  }

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

  .Select-module__UU5SUa__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]/repl-it-web/pkg/next-app/client/billing/usage/ReachedMonthlyCreditLimitWithCreditPacks.module.css [client] (css) */
@layer components {
  .ReachedMonthlyCreditLimitWithCreditPacks-module__5kCk8W__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__5kCk8W__headline {
    min-width: 0;
    margin: 0;
  }

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

  .ReachedMonthlyCreditLimitWithCreditPacks-module__5kCk8W__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__5kCk8W__heroLoadingOverlay {
    z-index: 2;
    border-radius: inherit;
    background-color: var(--background-higher);
    position: absolute;
    inset: 0;
  }

  .ReachedMonthlyCreditLimitWithCreditPacks-module__5kCk8W__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__5kCk8W__optionRow:hover {
    background-color: var(--option-row-blue-fill);
  }

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

  .ReachedMonthlyCreditLimitWithCreditPacks-module__5kCk8W__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__5kCk8W__optionRowButton {
    appearance: none;
    cursor: pointer;
    width: 100%;
  }

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

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

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

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

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

  .ReachedMonthlyCreditLimitWithCreditPacks-module__5kCk8W__responsiveWide {
    display: inline;
  }

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

  .ReachedMonthlyCreditLimitWithCreditPacks-module__5kCk8W__responsiveCompact {
    display: none;
  }

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

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

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

/* [project]/repl-it-web/pkg/next-app/client/account/ReferralJourney.module.css [client] (css) */
@layer components {
  .ReferralJourney-module__byQo7q__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__byQo7q__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__byQo7q__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__byQo7q__node {
    z-index: 1;
    position: relative;
  }

  .ReferralJourney-module__byQo7q__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__byQo7q__dotReached {
    border-color: var(--journey-blue);
  }

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

  .ReferralJourney-module__byQo7q__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__byQo7q__dotLocked {
    border-style: dashed;
    border-color: var(--outline-dimmest);
    background: var(--background-higher);
    color: var(--foreground-dimmer);
  }

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

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

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

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

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

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

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

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

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

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

/* [project]/repl-it-web/pkg/next-app/client/account/referralStatsShared.module.css [client] (css) */
@layer components {
  .referralStatsShared-module__Z53RqG__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__Z53RqG__countRow {
    align-items: center;
    gap: var(--space-8);
    flex-direction: row;
    display: flex;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/growth/LearnMore.module.css [client] (css) */
@layer components {
  .LearnMore-module___lLxYa__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___lLxYa__icon {
    flex-shrink: 0;
  }
}

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

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

  .ReferralUrl-module__wZahmG__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__wZahmG__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]/repl-it-web/pkg/next-app/client/components/growth/ReferralLinkField.module.css [client] (css) */
@layer components {
  .ReferralLinkField-module__HKxYbG__linkCopyRow {
    flex-direction: row;
    align-items: stretch;
    min-height: 32px;
    display: flex;
  }

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

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

  .ReferralSocialShare-module__Lqd-oq__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__Lqd-oq__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]/repl-it-web/pkg/next-app/client/components/growth/ReferralLink.module.css [client] (css) */
@layer components {
  .ReferralLink-module__EKOA0G__container {
    width: 100%;
  }

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

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

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

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

  .ReferralLink-module__EKOA0G__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__EKOA0G__referralActionsRow {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

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

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

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

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

  .UBBNotificationModals-module__YmUvuW__responsiveCompact {
    display: none;
  }

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

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

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

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

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

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

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

    .EducationModal-module__E5_ZRG__sidebar {
      display: none;
    }

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

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

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

    .EducationModal-module__E5_ZRG__root .EducationModal-module__E5_ZRG__sidebar {
      width: 260px;
    }
  }
}

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

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

  .EducationModal-module__E5_ZRG__sidebar {
    width: 300px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .EducationModal-module__E5_ZRG__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__E5_ZRG__dot:after {
    content: "";
    position: absolute;
    inset: -9px;
  }

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

  .EducationModal-module__E5_ZRG__fadeIn {
    animation: .4s ease-in-out EducationModal-module__E5_ZRG__fade-in;
  }

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

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

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

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

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

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

    .EducationModal-module__E5_ZRG__carouselRoot .EducationModal-module__E5_ZRG__imageContent {
      object-fit: contain;
      height: auto;
    }
  }

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

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

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

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

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

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

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

/* [project]/repl-it-web/pkg/next-app/client/rui/PopperArrow.module.css [client] (css) */
@layer components {
  .PopperArrow-module__I9-O0a__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__I9-O0a__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__I9-O0a__root {
    bottom: -6px;
  }

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

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

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

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

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

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

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

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

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

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

  .Tour-module__J-p1FW__closeButton {
    opacity: .5;
  }

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

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

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

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

/* [project]/repl-it-web/pkg/next-app/client/account/ReferralModalContent.module.css [client] (css) */
@layer components {
  .ReferralModalContent-module__yYHFLq__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__yYHFLq__referralModalInner {
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    display: flex;
    overflow: hidden auto;
  }

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

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

  .ReferralModalContent-module__yYHFLq__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__yYHFLq__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__yYHFLq__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__yYHFLq__referralBody {
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    width: 100%;
    display: flex;
  }

  .ReferralModalContent-module__yYHFLq__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]/repl-it-web/pkg/next-app/client/notifications/NotificationCard.module.css [client] (css) */
@layer components {
  .NotificationCard-module__oCB80a__root {
    padding: var(--space-12);
    align-items: center;
    display: flex;
  }

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

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

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

  .NotificationCard-module__oCB80a__notificationLinkWrapper {
    border-width: 0;
  }

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

  .NotificationCard-module__oCB80a__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__oCB80a__notificationLink:not([disabled], [aria-disabled]) {
      cursor: pointer;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .Avatar-module__j47ydq__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__j47ydq__initialsContainer {
    position: absolute;
    inset: 0;
  }

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

  .Avatar-module__j47ydq__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]/repl-it-web/pkg/next-app/client/rui/Timestamp.module.css [client] (css) */
@layer components {
  .Timestamp-module__Xpeb8q__timestamp {
    width: max-content;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

  .List-module__TG-wTq__buttonGroupContainer {
    width: 100%;
  }

  .List-module__TG-wTq__buttonGroupContainer.List-module__TG-wTq__compact {
    width: 160px;
    max-width: 200px;
  }

  .List-module__TG-wTq__emptyStateContainer.List-module__TG-wTq__compact {
    padding: var(--space-12);
  }

  .List-module__TG-wTq__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__TG-wTq__emptyState.List-module__TG-wTq__compact {
    background-color: initial;
  }

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

  .List-module__TG-wTq__loadMoreContainer.List-module__TG-wTq__compact {
    padding-inline: var(--space-12);
  }

  .List-module__TG-wTq__textCenter {
    text-align: center;
  }
}

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

  .ComboBox-module__-h5lca__input {
    padding-right: 25px;
  }

  .ComboBox-module__-h5lca__trigger {
    margin-left: -27px;
  }

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

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

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

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

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

  .ReplIcon-module__MNPqEW__imageWrapper {
    position: relative;
  }

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

  .ReplIcon-module__MNPqEW__loadingOverlay {
    opacity: .8;
  }

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

  .ReplIcon-module__MNPqEW__loadingContainer {
    position: relative;
  }

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

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

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

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

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

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

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

  .index-module__ZTSdfW__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__ZTSdfW__popover {
    box-shadow: var(--shadow-raised) !important;
    border: 1px solid var(--outline-dimmest) !important;
  }

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

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

/* [project]/repl-it-web/pkg/next-app/client/components/NavMenu/DesktopAppVersion.module.css [client] (css) */
@layer components {
  .DesktopAppVersion-module__uznelW__wrapper {
    border-top: 1px solid var(--background-highest);
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/Header/index.module.css [client] (css) */
@layer components {
  .index-module__qAdExq__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__qAdExq__left {
    border-bottom-right-radius: var(--border-radius-default);
    pointer-events: all;
    height: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .AvatarDropdown-module__2lv2cW__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__2lv2cW__workspaceContainerWrapper {
    position: relative;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/ContextualPlanBenefitsUpsell.module.css [client] (css) */
@layer components {
  .ContextualPlanBenefitsUpsell-module__D3oCsa__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__D3oCsa__learnMoreLink {
    gap: var(--space-8);
    color: var(--brand-accent-stronger);
    flex-direction: row;
    align-items: center;
    display: flex;
  }
}

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

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

  .PlanBadge-module__loc5Aq__container {
    width: 100%;
  }

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

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

/* [project]/repl-it-web/pkg/next-app/client/rui/deprecated/Stack.module.css [client] (css) */
@layer components {
  .Stack-module__YsZ2yW__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__YsZ2yW__stack.Stack-module__YsZ2yW__isInline {
    display: inline-flex;
  }

  .Stack-module__YsZ2yW__stack.Stack-module__YsZ2yW__constrainWidth {
    max-width: 100%;
  }
}

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

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

  .Input-module__a7BzCa__inputContainer {
    position: relative;
  }

  .Input-module__a7BzCa__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__a7BzCa__iconContainer.Input-module__a7BzCa__right {
    right: var(--space-8);
  }

  .Input-module__a7BzCa__iconContainer.Input-module__a7BzCa__right.Input-module__a7BzCa__stateError {
    color: var(--accent-negative-default);
  }

  .Input-module__a7BzCa__iconContainer.Input-module__a7BzCa__right.Input-module__a7BzCa__stateWarning {
    color: var(--foreground-dimmest);
  }

  .Input-module__a7BzCa__iconContainer.Input-module__a7BzCa__right.Input-module__a7BzCa__stateSuccess {
    color: var(--accent-positive-default);
  }

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

  .Input-module__a7BzCa__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__a7BzCa__input.Input-module__a7BzCa__large {
    font-size: var(--font-size-subhead-default);
    line-height: var(--font-size-subhead-default);
  }

  .Input-module__a7BzCa__input.Input-module__a7BzCa__monospace {
    font-family: var(--font-family-code);
  }

  .Input-module__a7BzCa__input.Input-module__a7BzCa__hasIcon {
    padding-left: var(--space-24);
  }

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

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

  .Input-module__a7BzCa__input.Input-module__a7BzCa__positive {
    border-color: var(--accent-positive-stronger);
  }

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

  .Input-module__a7BzCa__input.Input-module__a7BzCa__negative {
    border-color: var(--accent-negative-default);
  }

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

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

  .Input-module__a7BzCa__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__a7BzCa__validationRow {
    width: 100%;
    padding-bottom: var(--space-4);
    align-items: flex-start;
    display: flex;
  }

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

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

  .Checkbox-module__gbUTyG__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__gbUTyG__iconWrapper {
    pointer-events: none;
    position: absolute;
    inset: 0;
  }

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

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

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

  .Form-module__mfZDVa__selectInput {
    display: block;
  }

  .Form-module__mfZDVa__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__mfZDVa__selectInput select):hover {
    border: 1px solid var(--accent-primary-dimmer);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .DateInput-module__7_OGRa__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__7_OGRa__calendarCell[data-outside-visible-range="true"] {
    display: none;
  }

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

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

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

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

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

/* [project]/repl-it-web/pkg/next-app/client/rui/IndexTable/IndexBulkActions.module.css [client] (css) */
@layer components {
  .IndexBulkActions-module__TbWItG__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__TbWItG__checkboxContainer {
    align-items: center;
    gap: 20px;
  }
}

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

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

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

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

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

  .TableCell-module__EJ1Ugq__flush {
    padding: 0;
  }
}

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

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

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

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

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

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

/* [project]/repl-it-web/pkg/next-app/client/rui/Table/TableRow.module.css [client] (css) */
@layer components {
  .TableRow-module__6kkCKq__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__6kkCKq__row[data-href] {
    cursor: pointer;
  }

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

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

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

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

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

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

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

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

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

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

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

  .IndexTable-module__ZBV8oW__tableHeader {
    z-index: 1;
    position: sticky;
    top: 0;
  }

  .IndexTable-module__ZBV8oW__tableHeader tr th {
    height: 34px;
    font-size: 12px;
    font-weight: normal;
  }

  .IndexTable-module__ZBV8oW__table {
    border-spacing: 0 1px;
  }

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

  .IndexTable-module__ZBV8oW__table[data-last-column-sticky="true"] tr th:last-child, .IndexTable-module__ZBV8oW__table[data-last-column-sticky="true"] tr td:last-child {
    z-index: 0;
    position: sticky;
    right: 0;
  }

  .IndexTable-module__ZBV8oW__table[data-last-column-sticky="true"] tr th:last-child:before, .IndexTable-module__ZBV8oW__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__ZBV8oW__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__ZBV8oW__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__ZBV8oW__wrapper .IndexTable-module__ZBV8oW__table {
    min-width: 100%;
    max-width: 100%;
  }

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

  .IndexTable-module__ZBV8oW__tableBody {
    max-height: 100%;
  }

  .IndexTable-module__ZBV8oW__wrapper .IndexTable-module__ZBV8oW__tableBody > tr:last-child > td {
    border-bottom-width: 0;
  }

  .IndexTable-module__ZBV8oW__errorStatusBanner {
    padding: var(--space-8);
    border-radius: var(--border-radius-4);
    width: 100%;
    margin-bottom: var(--space-8);
  }

  .IndexTable-module__ZBV8oW__loadMoreContainer {
    cursor: default;
    color: var(--foreground-default);
    position: relative;
  }

  .IndexTable-module__ZBV8oW__loadingPlaceholderCell {
    min-height: 31px;
    position: relative;
    overflow: hidden;
  }

  .IndexTable-module__ZBV8oW__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__ZBV8oW__loading-placeholder-shimmer;
    position: absolute;
    top: 0;
    left: 0;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/clui2/graphql/components/UserTipsManagementTable/index.module.css [client] (css) */
@layer components {
  .index-module__IMnBQa__header {
    margin-bottom: var(--space-16);
  }

  .index-module__IMnBQa__paginationContainer {
    margin-top: var(--space-16);
  }

  .index-module__IMnBQa__tableRow[data-archived="true"] {
    opacity: .5;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/clui2/graphql/Table.module.css [client] (css) */
@layer components {
  .Table-module__MYzyra__root {
    row-gap: var(--space-24);
    display: grid;
  }

  .Table-module__MYzyra__table {
    width: 100%;
    display: block;
  }

  .Table-module__MYzyra__cell {
    text-align: left;
    padding: var(--space-8);
  }

  .Table-module__MYzyra__toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--space-16);
    flex-wrap: wrap;
    display: flex;
  }

  .Table-module__MYzyra__pagination {
    align-items: center;
    gap: var(--space-8);
    flex-grow: 1;
    display: flex;
  }

  .Table-module__MYzyra__pageIndicator {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/clui2/PromptIcon.module.css [client] (css) */
@layer components {
  .PromptIcon-module__45YBnG__icon {
    white-space: pre;
    -webkit-user-select: none;
    user-select: none;
    flex: none;
  }

  .PromptIcon-module__45YBnG__success {
    color: var(--accent-positive-default);
  }

  .PromptIcon-module__45YBnG__error {
    color: var(--accent-negative-default);
  }

  .PromptIcon-module__45YBnG__chevron svg {
    transform: rotate(270deg);
  }
}

/* [project]/repl-it-web/pkg/next-app/client/clui2/OutputContainer.module.css [client] (css) */
@layer components {
  .OutputContainer-module__KWt7YW__surfcae {
    border-color: var(--outline-dimmest);
    border-style: solid;
    border-width: 1px;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/workspace/keybindings/KeyComboBlocks.module.css [client] (css) */
@layer components {
  .KeyComboBlocks-module__p-b9oW__chord {
    gap: var(--space-12);
    flex-direction: row;
    display: inline-flex;
  }

  .KeyComboBlocks-module__p-b9oW__shortcut {
    font-size: var(--KeyComboBlocks--font-size, inherit);
    flex-direction: row;
    display: inline-flex;
  }

  .KeyComboBlocks-module__p-b9oW__shortcut > div {
    margin-right: var(--KeyComboBlocks--gap, 0);
  }

  .KeyComboBlocks-module__p-b9oW__shortcut > div:last-child {
    margin-right: 0;
  }

  .KeyComboBlocks-module__p-b9oW__shortcut {
    --KeyComboBlocks--font-size: inherit;
    --KeyComboBlocks--gap: 0;
  }

  .KeyComboBlocks-module__p-b9oW__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__p-b9oW__blockBorder {
    opacity: .5;
    border: 1px solid var(--outline-strongest);
    position: absolute;
    inset: 0;
  }

  .KeyComboBlocks-module__p-b9oW__blockText {
    font-size: var(--KeyComboBlocks--font-size, inherit);
    --KeyComboBlocks--font-size: inherit;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/rui/LoadingStyle2.module.css [client] (css) */
@keyframes LoadingStyle2-module__lhW_Ta__move-gradient {
  0% {
    transform: translateX(-66.667%);
  }

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

@keyframes LoadingStyle2-module__lhW_Ta__move-background-position-x {
  0% {
    background-position-x: 100%;
  }

  100% {
    background-position-x: 0%;
  }
}

@layer components {
  .LoadingStyle2-module__lhW_Ta__root {
    isolation: isolate;
    position: relative;
    overflow: hidden;
  }

  .LoadingStyle2-module__lhW_Ta__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__lhW_Ta__move-gradient;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .LoadingStyle2-module__lhW_Ta__foreground {
    position: relative;
    overflow: hidden;
  }

  .LoadingStyle2-module__lhW_Ta__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__lhW_Ta__move-gradient;
    position: absolute;
    top: 0;
    left: 0;
  }

  .LoadingStyle2-module__lhW_Ta__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__lhW_Ta__move-background-position-x;
  }

  .LoadingStyle2-module__lhW_Ta__themeSurface {
    --low-pulse: var(--background-higher);
    --high-pulse: var(--background-highest);
  }

  .LoadingStyle2-module__lhW_Ta__themeOutline {
    --low-pulse: var(--outline-dimmest);
    --high-pulse: var(--outline-dimmer);
  }

  .LoadingStyle2-module__lhW_Ta__themePrimary {
    --low-pulse: var(--accent-primary-dimmest);
    --high-pulse: var(--accent-primary-dimmer);
  }

  .LoadingStyle2-module__lhW_Ta__themePositive {
    --low-pulse: var(--accent-positive-dimmest);
    --high-pulse: var(--accent-positive-dimmer);
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/CommandBar/Breadcrumbs.module.css [client] (css) */
@layer components {
  .Breadcrumbs-module___dlH5W__icon {
    width: var(--icon-size, 16px);
    height: var(--icon-size, 16px);
    position: relative;
  }

  .Breadcrumbs-module___dlH5W__icon.Breadcrumbs-module___dlH5W__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]/repl-it-web/pkg/next-app/client/components/HighlightMatches.module.css [client] (css) */
@layer components {
  .HighlightMatches-module__cWA80q__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__cWA80q__textMatchMultiline {
    font-size: inherit;
    line-height: inherit;
    flex-shrink: 1;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/CommandBar/Item.module.css [client] (css) */
@layer components {
  .Item-module__xz7w5G__row {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .Item-module__xz7w5G__item {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
  }

  .Item-module__xz7w5G__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__xz7w5G__item > div {
      border-radius: 6px;
    }
  }

  .Item-module__xz7w5G__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__xz7w5G__iconText {
    gap: var(--space-8);
    flex-shrink: 0;
    max-width: 100%;
  }

  .Item-module__xz7w5G__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__xz7w5G__right {
    gap: var(--space-4);
    justify-self: end;
    margin-left: auto;
  }

  .Item-module__xz7w5G__iconWrap {
    width: var(--icon-size, 16px);
    height: var(--icon-size, 16px);
    position: relative;
  }

  .Item-module__xz7w5G__iconWrap.Item-module__xz7w5G__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__xz7w5G__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__xz7w5G__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__xz7w5G__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__xz7w5G__sectionHeader {
    -webkit-user-select: none;
    user-select: none;
    padding-inline: var(--input-bar-padding, var(--space-8));
    padding-bottom: var(--space-2);
  }

  .Item-module__xz7w5G__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__xz7w5G__sectionBorder {
    width: 100%;
    height: 1px;
  }

  .Item-module__xz7w5G__matchScorePill {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/CommandBar/Menu.module.css [client] (css) */
@layer components {
  .Menu-module__00vdoW__root {
    overflow: hidden;
  }

  .Menu-module__00vdoW__scrollParent {
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
    overflow-y: auto;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/CommandBar/index.module.css [client] (css) */
@layer base {
  .index-module__mqbhfq__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__mqbhfq__input {
    padding: 0 var(--space-8) 0 var(--space-8);
    flex: auto;
    height: 100%;
  }
}

@layer components {
  .index-module__mqbhfq__root {
    width: 100%;
    height: 100%;
    container-name: command-bar;
    container-type: var(--container-type, inline-size);
  }

  .index-module__mqbhfq__content {
    max-width: calc(600px - var(--space-16));
    font-size: var(--font-size, 14px);
  }

  .index-module__mqbhfq__footer {
    padding-top: var(--space-8);
  }

  .index-module__mqbhfq__keyComboBlocks {
    padding-right: var(--space-8);
  }

  .index-module__mqbhfq__running {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: center;
    align-items: center;
  }

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

  .index-module__mqbhfq__inputBarContainer {
    padding-top: var(--input-bar-padding, var(--space-8));
    padding-inline: var(--input-bar-padding, var(--space-8));
  }

  .index-module__mqbhfq__inputBarContainer > div > button + input {
    padding-left: 0;
  }

  .index-module__mqbhfq__surface {
    height: var(--input-bar-height, 32px);
    border-radius: 6px;
    flex-direction: row;
    flex-grow: 1;
    flex-shrink: 1;
    align-items: center;
  }

  .index-module__mqbhfq__surfaceNotPulsing:after {
    display: none;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/clui2/UserCli.module.css [client] (css) */
@layer components {
  .UserCli-module__8ib7pa__root {
    width: 100%;
    color: var(--foreground-default);
  }

  .UserCli-module__8ib7pa__loading {
    padding: var(--space-32) 0;
    justify-content: center;
    display: flex;
  }

  .UserCli-module__8ib7pa__output {
    width: 100%;
    padding: var(--space-32) 0;
    gap: var(--space-32);
    display: grid;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/Header/Search/ReplResult.module.css [client] (css) */
@layer components {
  .ReplResult-module__vZ0B1a__root {
    --ReplResult--height: auto;
    height: var(--ReplResult--height);
  }
}

/* [project]/repl-it-web/pkg/next-app/client/rui/HoverCard.module.css [client] (css) */
@layer components {
  .HoverCard-module__ELKobG__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]/repl-it-web/pkg/next-app/client/components/Layout/Sidebar/RecentReplsMenu.module.css [client] (css) */
@layer components {
  .RecentReplsMenu-module__pZUGHq__contentBounds {
    min-width: 220px;
    max-width: 340px;
    min-height: 60px;
  }

  .RecentReplsMenu-module__pZUGHq__defaultText {
    padding: var(--space-8);
    text-align: center;
  }

  .RecentReplsMenu-module__pZUGHq__recentReplsLabel {
    padding-bottom: var(--space-4);
    padding-left: var(--space-8);
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/Header/Search/index.module.css [client] (css) */
@layer components {
  .index-module__vYhZca__root {
    max-height: 70vh;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/Sidebar/InstallOnReplitFooter.module.css [client] (css) */
@layer components {
  .InstallOnReplitFooter-module__bG1RyG__iconLink {
    border-radius: var(--border-radius-4);
    color: var(--foreground-default);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .InstallOnReplitFooter-module__bG1RyG__iconLink:focus-visible {
    outline: 2px solid var(--outline-default);
    outline-offset: 0;
  }

  .InstallOnReplitFooter-module__bG1RyG__iconLink svg {
    color: var(--foreground-dimmest);
    transition: color .2s, filter .2s;
  }

  .InstallOnReplitFooter-module__bG1RyG__iconLink:hover svg {
    color: var(--accent-primary-default);
  }

  .InstallOnReplitFooter-module__bG1RyG__textLink {
    padding-left: var(--space-2);
    color: var(--foreground-dimmest);
    font-size: var(--font-size-small);
    text-decoration: none;
    transition: color .2s;
  }

  .InstallOnReplitFooter-module__bG1RyG__textLink:hover {
    color: var(--accent-primary-default);
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/Sidebar/NavItem.module.css [client] (css) */
@layer components {
  .NavItem-module__-F6aIW__buttonLink {
    text-align: left;
    border-radius: var(--border-radius-6);
    width: 100%;
    position: relative;
  }

  .NavItem-module__-F6aIW__buttonLink > div {
    justify-content: start;
  }

  .NavItem-module__-F6aIW__buttonLink.NavItem-module__-F6aIW__centered > div {
    justify-content: center;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/rui/AvatarStackWithPill.module.css [client] (css) */
@layer components {
  .AvatarStackWithPill-module__8qehIW__avatarStack {
    --AvatarStackWithPill--avatar-size: 16px;
  }

  .AvatarStackWithPill-module__8qehIW__avatarStack > * {
    margin-inline-start: calc(-.4 * var(--AvatarStackWithPill--avatar-size));
  }

  .AvatarStackWithPill-module__8qehIW__avatarStack > :first-child {
    margin-inline-start: 0;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/rui/MeasureBar.module.css [client] (css) */
@keyframes MeasureBar-module__hTWU1a__fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@layer components {
  .MeasureBar-module__hTWU1a__self {
    height: var(--space-12);
    animation: .12s ease-out alternate forwards MeasureBar-module__hTWU1a__fade-in;
    position: relative;
    overflow: clip;
  }

  .MeasureBar-module__hTWU1a__progressWrapper {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .MeasureBar-module__hTWU1a__progress {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/collaboratorLimit/CollaboratorCountV2.module.css [client] (css) */
@layer components {
  .CollaboratorCountV2-module__wxhJYa__measureBar {
    width: 60px;
    height: var(--space-6) !important;
  }

  .CollaboratorCountV2-module__wxhJYa__nonInteractive {
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/rui/StatusBannerButton.module.css [client] (css) */
@layer components {
  .StatusBannerButton-module__znC_ma__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__znC_ma__root:disabled {
    background-color: var(--StatusBannerButton--bg);
    color: var(--StatusBannerButton--color-disabled);
  }

  .StatusBannerButton-module__znC_ma__root:not([disabled]):hover {
    border-color: var(--StatusBannerButton--border-hover);
    transition: none;
  }

  .StatusBannerButton-module__znC_ma__root:not([disabled]):focus {
    outline: 2px solid;
    outline-color: var(--StatusBannerButton--color);
    outline-offset: 2px;
  }

  .StatusBannerButton-module__znC_ma__root:not([disabled]):active {
    border-color: var(--StatusBannerButton--border-active);
    background-color: var(--StatusBannerButton--bg-active);
    transition: none;
  }

  .StatusBannerButton-module__znC_ma__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__znC_ma__text {
    color: inherit;
    text-align: center;
    flex: auto;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/multiplayer/JoinLinkV2.module.css [client] (css) */
@layer components {
  .JoinLinkV2-module__oxTPvW__linkIconContainer {
    border-radius: 50%;
    width: 32px;
    min-width: 32px;
    height: 32px;
  }

  .JoinLinkV2-module__oxTPvW__title {
    font-weight: var(--font-weight-medium);
  }

  .JoinLinkV2-module__oxTPvW__inviteUrlContainer {
    margin-left: var(--space-40);
  }

  .JoinLinkV2-module__oxTPvW__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__oxTPvW__copyToClipboard {
    border-radius: 0 var(--border-radius-8) var(--border-radius-8) 0;
    flex-shrink: 0;
  }

  .JoinLinkV2-module__oxTPvW__textAlignLeft {
    text-align: left;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/multiplayer/inviteChipInput.module.css [client] (css) */
@layer components {
  .inviteChipInput-module__7nddxq__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__7nddxq__chipContainer:focus-within {
    border-color: var(--accent-primary-default);
  }

  .inviteChipInput-module__7nddxq__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__7nddxq__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__7nddxq__chipLabel {
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;
    overflow: hidden;
  }

  .inviteChipInput-module__7nddxq__chipRemove {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    padding: 0;
  }

  .inviteChipInput-module__7nddxq__chipInputCell {
    flex: 1 0 120px;
    min-width: 120px;
    min-height: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .inviteChipInput-module__7nddxq__trailingSlot {
    top: 4px;
    right: var(--space-8);
    z-index: 1;
    min-height: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
  }

  .inviteChipInput-module__7nddxq__chipContainerWithTrailing {
    position: relative;
  }

  .inviteChipInput-module__7nddxq__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__7nddxq__chipInput:focus, .inviteChipInput-module__7nddxq__chipInput:focus-visible {
    box-shadow: none;
    outline: 0;
  }

  .inviteChipInput-module__7nddxq__chipInput::placeholder {
    color: var(--foreground-dimmest);
  }

  .inviteChipInput-module__7nddxq__chipInput:disabled {
    cursor: not-allowed;
    color: var(--foreground-dimmer);
  }
}

/* [project]/repl-it-web/pkg/next-app/client/multiplayer/InviteFreeBanner.module.css [client] (css) */
@layer components {
  .InviteFreeBanner-module__ZOtuha__banner {
    width: 100%;
  }

  .InviteFreeBanner-module__ZOtuha__inviteCount {
    color: var(--accent-primary-stronger);
    font-weight: 600;
  }

  .InviteFreeBanner-module__ZOtuha__copyLine {
    display: block;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/multiplayer/MultiplayerManagerListItemV2.module.css [client] (css) */
@layer components {
  .MultiplayerManagerListItemV2-module__ARnLta__root {
    cursor: default;
    min-height: 28px;
  }

  .MultiplayerManagerListItemV2-module__ARnLta__avatarLink {
    flex-shrink: 0;
  }

  .MultiplayerManagerListItemV2-module__ARnLta__userLink {
    color: var(--foreground-default);
    text-overflow: ellipsis;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .MultiplayerManagerListItemV2-module__ARnLta__user {
    overflow: hidden;
  }

  .MultiplayerManagerListItemV2-module__ARnLta__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]/repl-it-web/pkg/next-app/client/multiplayer/MultiplayerManagerV2.module.css [client] (css) */
@layer components {
  .MultiplayerManagerV2-module__g6ZdOa__root {
    color: var(--foreground-default);
  }

  .MultiplayerManagerV2-module__g6ZdOa__headerMobile {
    padding-inline: 0;
  }

  .MultiplayerManagerV2-module__g6ZdOa__measureBar {
    width: 60px;
    height: var(--space-6);
  }

  .MultiplayerManagerV2-module__g6ZdOa__searchContainer {
    position: relative;
  }

  .MultiplayerManagerV2-module__g6ZdOa__accessLabel {
    color: var(--foreground-default);
    font-weight: var(--font-weight-medium);
  }

  .MultiplayerManagerV2-module__g6ZdOa__userList {
    scrollbar-color: var(--background-default) var(--background-highest);
    scrollbar-width: thin;
    flex: auto;
    max-height: 300px;
    position: relative;
    overflow-y: auto;
  }

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

  .MultiplayerManagerV2-module__g6ZdOa__userGroupTitle {
    font-weight: var(--font-weight-medium);
  }

  .MultiplayerManagerV2-module__g6ZdOa__emptyContainer {
    max-height: 220px;
    position: relative;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/Sidebar/PersonalInviteNavItem.module.css [client] (css) */
@keyframes PersonalInviteNavItem-module__sPcgpW__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__sPcgpW__fadeIn {
      animation: none;
    }
  }
}

@layer components {
  .PersonalInviteNavItem-module__sPcgpW__fadeIn {
    animation: .16s ease-out PersonalInviteNavItem-module__sPcgpW__invite-entry-fade-in;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/Sidebar/PlanUsage/PlanUsageMeter.module.css [client] (css) */
@layer components {
  .PlanUsageMeter-module__6XqUkq__usageString {
    font-size: 12px;
  }

  .PlanUsageMeter-module__6XqUkq__title {
    font-size: 12px;
    font-weight: 500;
  }

  .PlanUsageMeter-module__6XqUkq__meterWrapper {
    min-width: 42px;
  }

  .PlanUsageMeter-module__6XqUkq__icon {
    color: var(--foreground-dimmest);
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/Sidebar/PlanUsage/AgentUsageLimit.module.css [client] (css) */
@layer components {
  .AgentUsageLimit-module__x0nBtW__measureBarHost {
    --AgentUsageLimit--meter-border-color: transparent;
    flex-grow: 1;
    display: flex;
  }

  .AgentUsageLimit-module__x0nBtW__measureBar.AgentUsageLimit-module__x0nBtW__measureBar {
    border-radius: var(--border-radius-2);
    height: 10px;
    overflow: visible;
  }

  .AgentUsageLimit-module__x0nBtW__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]/repl-it-web/pkg/next-app/client/components/Layout/Sidebar/PlanUsage/CloudUsageLimit.module.css [client] (css) */
@layer components {
  .CloudUsageLimit-module__x16sUa__measureBarHost {
    --CloudUsageLimit--meter-border-color: transparent;
    flex-grow: 1;
    display: flex;
  }

  .CloudUsageLimit-module__x16sUa__measureBar.CloudUsageLimit-module__x16sUa__measureBar {
    border-radius: var(--border-radius-2);
    height: 10px;
    overflow: visible;
  }

  .CloudUsageLimit-module__x16sUa__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]/repl-it-web/pkg/next-app/client/components/Layout/Sidebar/PlanUsage/ReplsLimit.module.css [client] (css) */
@layer components {
  .ReplsLimit-module__BjYf3G__measureBarHost {
    --ReplsLimit--meter-border-color: transparent;
    flex-grow: 1;
    display: flex;
  }

  .ReplsLimit-module__BjYf3G__measureBar.ReplsLimit-module__BjYf3G__measureBar {
    border-radius: var(--border-radius-2);
    pointer-events: none;
    height: 10px;
    overflow: visible;
  }

  .ReplsLimit-module__BjYf3G__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]/repl-it-web/pkg/next-app/client/components/Layout/Sidebar/PlanUsage/PlanUsageMonitor.module.css [client] (css) */
@layer components {
  .PlanUsageMonitor-module__glRKCq__header {
    align-self: stretch;
  }

  .PlanUsageMonitor-module__glRKCq__fontMedium {
    font-weight: 500;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/Sidebar/ReferralButton.module.css [client] (css) */
@layer components {
  .ReferralButton-module__6j1ibG__title {
    color: var(--accent-blue-stronger);
    font-weight: 500;
  }

  .ReferralButton-module__6j1ibG__subtitle {
    color: var(--foreground-dimmest);
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/Sidebar/navItems.module.css [client] (css) */
@layer components {
  .navItems-module__yR7C4a__pill {
    margin-left: var(--space-4);
    white-space: nowrap;
    height: 20px;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/Sidebar/index.module.css [client] (css) */
@media (min-width: 768px) {
  @layer components {
    .index-module__eMoiOq__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__eMoiOq__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__eMoiOq__root {
      border-right-width: .5px !important;
    }
  }

  @media not (min-width: 768px) {
    .index-module__eMoiOq__root {
      opacity: 0;
      pointer-events: none;
      transition: opacity .2s ease-out, width .2s ease-out, border-color .2s ease-out;
    }

    .index-module__eMoiOq__root.index-module__eMoiOq__isOpen {
      opacity: 1;
      pointer-events: auto;
      display: flex;
    }
  }

  .index-module__eMoiOq__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__eMoiOq__header {
    width: var(--index--content-width);
    height: var(--index--header-height);
  }

  .index-module__eMoiOq__content {
    width: var(--index--content-width);
    overflow-y: auto;
  }

  .index-module__eMoiOq__footer {
    width: var(--index--content-width);
    min-height: var(--index--header-height);
    transition: opacity .2s ease-out;
  }

  .index-module__eMoiOq__hideWhenCollapsed {
    opacity: var(--index--hidden-when-collapsed-opacity);
    pointer-events: var(--index--hidden-when-collapsed-pointer-events);
  }

  .index-module__eMoiOq__planUsageMonitor > div {
    padding: var(--space-8) !important;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/Sidebar/Overlay.module.css [client] (css) */
@layer components {
  .Overlay-module__mY2nMG__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__mY2nMG__overlay.Overlay-module__mY2nMG__open {
    background-color: var(--background-overlay);
    pointer-events: auto;
  }

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

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/SkipNav.module.css [client] (css) */
@layer components {
  .SkipNav-module__yYzWwa__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__yYzWwa__skipNav:focus {
    opacity: 1;
    transform: translateY(0);
  }
}

/* [project]/repl-it-web/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__kSlklG__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__kSlklG__root {
      padding-left: var(--AppLayout--sidebar-width-open);
    }
  }

  .AppLayout-module__kSlklG__content {
    position: relative;
  }

  @media not (min-width: 768px) {
    .AppLayout-module__kSlklG__content {
      padding-top: var(--AppLayout--header-height);
      overflow-x: hidden;
    }
  }

  .AppLayout-module__kSlklG__mobileLayout.AppLayout-module__kSlklG__root {
    height: 100dvh;
    min-height: 100dvh;
    max-height: 100dvh;
  }

  .AppLayout-module__kSlklG__mobileLayout .AppLayout-module__kSlklG__content {
    flex: 1;
    padding-top: 0;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/ImpersonateBanner.module.css [client] (css) */
@layer components {
  .ImpersonateBanner-module__6uEKSW__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__6uEKSW__banner.ImpersonateBanner-module__6uEKSW__collapsed {
    cursor: pointer;
    background-color: #e52222;
    height: 10px;
    padding: 0;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/MarketingHeader/HoverMenu.module.css [client] (css) */
@layer components {
  .HoverMenu-module__MeEe0q__item {
    position: relative;
  }

  .HoverMenu-module__MeEe0q__item:after {
    content: "";
    width: 100%;
    height: 40px;
    display: block;
    position: absolute;
    top: 100%;
  }

  .HoverMenu-module__MeEe0q__content {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s, visibility 0s .2s;
  }

  .HoverMenu-module__MeEe0q__content[data-state="open"] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity .2s, visibility;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/rui/BrandText.module.css [client] (css) */
@layer components {
  .BrandText-module__y-S4rG__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__y-S4rG__captionSmall {
    letter-spacing: .242px;
    font-size: 12.08px;
    line-height: 16px;
  }

  .BrandText-module__y-S4rG__captionMedium {
    font-size: 14px;
    line-height: 20px;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/MarketingHeader/MarketingHeaderDropdownWithContent.module.css [client] (css) */
@layer components {
  .MarketingHeaderDropdownWithContent-module__CEdrUq__megaDropdownInner {
    box-shadow: 0 8px 32px #0000001f, 0 2px 8px #00000014;
  }

  .MarketingHeaderDropdownWithContent-module__CEdrUq__megaSection {
    min-width: 180px;
  }

  .MarketingHeaderDropdownWithContent-module__CEdrUq__megaSectionTitle {
    opacity: .6;
    letter-spacing: .5px;
    font-size: 12px;
    font-weight: 500;
  }

  .MarketingHeaderDropdownWithContent-module__CEdrUq__sidebarSection {
    min-width: 220px;
  }

  .MarketingHeaderDropdownWithContent-module__CEdrUq__sidebarTitle {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-family-brand);
    align-items: center;
    gap: 4px;
    display: flex;
  }

  .MarketingHeaderDropdownWithContent-module__CEdrUq__mobileSidebarLink {
    color: inherit;
    border-radius: 8px;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
    transition: background-color .15s;
    display: flex;
  }

  .MarketingHeaderDropdownWithContent-module__CEdrUq__mobileSidebarLink:hover {
    background-color: #0000000a;
  }

  .MarketingHeaderDropdownWithContent-module__CEdrUq__mobileNestedNavLink {
    display: block;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/MarketingHeader.module.css [client] (css) */
:root {
  --header-z-index: 1002;
}

@layer components {
  .MarketingHeader-module__Yqvsaa__mobileMenuPrimaryExpandableItem {
    appearance: none;
    border: none;
    display: flex;
  }

  .MarketingHeader-module__Yqvsaa__mobileMenuPrimaryExpandableItem:hover {
    cursor: pointer;
  }

  .MarketingHeader-module__Yqvsaa__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__Yqvsaa__primaryMenu {
    z-index: var(--header-z-index);
    align-items: center;
    width: 100%;
    display: none;
  }

  @media (min-width: 1100px) {
    .MarketingHeader-module__Yqvsaa__primaryMenu {
      display: flex;
    }
  }

  .MarketingHeader-module__Yqvsaa__logo {
    z-index: var(--header-z-index);
    height: 26px;
    display: block;
  }

  .MarketingHeader-module__Yqvsaa__logo a {
    height: 26px;
    display: block;
  }

  .MarketingHeader-module__Yqvsaa__logoRebrand, .MarketingHeader-module__Yqvsaa__logoRebrand a {
    height: 35px;
  }

  .MarketingHeader-module__Yqvsaa__mobileMenuAuthCtas {
    width: 100%;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
  }

  .MarketingHeader-module__Yqvsaa__authCtas {
    display: none;
  }

  @media (min-width: 1100px) {
    .MarketingHeader-module__Yqvsaa__authCtas {
      display: flex;
    }
  }

  .MarketingHeader-module__Yqvsaa__mobileMenuToggle {
    z-index: var(--header-z-index);
  }

  @media (min-width: 1100px) {
    .MarketingHeader-module__Yqvsaa__mobileMenuToggle {
      display: none;
    }
  }

  .MarketingHeader-module__Yqvsaa__mobileAuthCtas {
    z-index: var(--header-z-index);
    margin-left: auto;
    display: none;
  }

  @media (min-width: 380px) and (not (min-width: 1100px)) {
    .MarketingHeader-module__Yqvsaa__mobileAuthCtas {
      display: flex;
    }
  }

  @media (min-width: 380px) {
    .MarketingHeader-module__Yqvsaa__agentIconMobileFallback {
      display: none;
    }
  }

  .MarketingHeader-module__Yqvsaa__container {
    width: 100%;
    position: relative;
  }

  @media (min-width: 1200px) {
    .MarketingHeader-module__Yqvsaa__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__Yqvsaa__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__Yqvsaa__content {
      padding-top: var(--space-16);
    }
  }

  @media (min-width: 1200px) {
    .MarketingHeader-module__Yqvsaa__content {
      grid-column: 2 / span 12;
    }
  }

  .MarketingHeader-module__Yqvsaa__dropdownList {
    min-width: 150px;
    box-shadow: 0 8px 32px #0000001f, 0 2px 8px #00000014;
  }

  .MarketingHeader-module__Yqvsaa__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__Yqvsaa__mobileMenuContainer {
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100vh;
    transition: opacity .2s;
    position: absolute;
    top: 0;
    left: 0;
    overflow: scroll;
  }

  .MarketingHeader-module__Yqvsaa__mobileMenuContainer[data-open="true"] {
    opacity: 1;
    pointer-events: auto;
  }

  @media (min-width: 1100px) {
    .MarketingHeader-module__Yqvsaa__mobileMenuContainer {
      pointer-events: none;
      display: none;
    }
  }

  .MarketingHeader-module__Yqvsaa__sectionRoot {
    opacity: 0;
    grid-template-rows: 0fr;
    transition: opacity .4s, grid-template-rows .4s;
    display: grid;
  }

  .MarketingHeader-module__Yqvsaa__sectionRoot[data-open="true"] {
    opacity: 1;
    grid-template-rows: 1fr;
  }

  .MarketingHeader-module__Yqvsaa__sectionRoot > nav {
    min-height: 0;
    overflow: hidden;
  }

  .MarketingHeader-module__Yqvsaa__vibeconLink {
    color: var(--brand-accent-default) !important;
  }

  .MarketingHeader-module__Yqvsaa__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__Yqvsaa__signupButton:hover {
    color: #fff;
    background-color: #ff3c00;
  }

  .MarketingHeader-module__Yqvsaa__signupButtonCompact {
    padding: 6px 12px;
    font-size: 13px;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/RouteProgress/index.module.css [client] (css) */
@layer components {
  .index-module__wIhkga__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__wIhkga__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]/repl-it-web/pkg/next-app/client/components/HomeBanner.module.css [client] (css) */
@layer components {
  .HomeBanner-module__E40Hxa__bannerContainer {
    opacity: 0;
    padding-bottom: var(--space-8);
    width: 100%;
    min-height: 48px;
    transition: transform .25s, opacity .25s linear;
    transform: translateY(-100%);
  }

  .HomeBanner-module__E40Hxa__bannerContainer:not(:empty) {
    opacity: 1;
    transform: translateY(0);
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/ReplitStatusBanner.module.css [client] (css) */
@layer components {
  .ReplitStatusBanner-module__Y03WzW__countdown {
    color: var(--foreground-dimmer);
    font-weight: var(--font-weight-regular);
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Layout/index.module.css [client] (css) */
@layer components {
  .index-module__W7nPqa__page {
    flex-direction: column;
    min-height: 100vh;
    display: flex;
  }

  .index-module__W7nPqa__content {
    flex: auto;
    padding-top: 48px;
    container: layout / inline-size;
  }

  .index-module__W7nPqa__contentNoHeader {
    flex: auto;
    container: layout / inline-size;
  }

  .index-module__W7nPqa__bonsaiOrDesktopMain {
    width: 100%;
    min-height: 100vh;
    position: relative;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/LoggedOutExperience/LogoBlock.module.css [client] (css) */
@media (hover: hover) {
  @layer components {
    .LogoBlock-module__aXAJqG__scrollContainer:hover .LogoBlock-module__aXAJqG__logosRow {
      animation-play-state: paused;
    }
  }
}

@keyframes LogoBlock-module__aXAJqG__scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

@media screen and (max-width: 768px) {
  @layer components {
    .LogoBlock-module__aXAJqG__logosRow {
      gap: var(--space-32);
      padding-right: var(--space-32);
    }
  }
}

@media screen and not (max-width: 768px) {
  @layer components {
    .LogoBlock-module__aXAJqG__logoImage {
      max-width: 130px;
    }
  }
}

@layer components {
  .LogoBlock-module__aXAJqG__logoBlock {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to right, #0000 0% max(0px, 50% - 775px), #000 max(80px, 50% - 695px) min(100% - 80px, 50% + 695px), #0000 min(100%, 50% + 775px) 100%);
    mask-image: linear-gradient(to right, #0000 0% max(0px, 50% - 775px), #000 max(80px, 50% - 695px) min(100% - 80px, 50% + 695px), #0000 min(100%, 50% + 775px) 100%);
  }

  @media screen and (max-width: 768px) {
    .LogoBlock-module__aXAJqG__logoBlock {
      padding: var(--space-48) 0;
    }
  }

  .LogoBlock-module__aXAJqG__scrollContainer:before {
    pointer-events: none;
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 73px 7px #faf6f1;
  }

  .LogoBlock-module__aXAJqG__scrollContainer {
    flex-direction: row;
    align-items: center;
    width: 100%;
    display: flex;
    overflow: hidden;
  }

  .LogoBlock-module__aXAJqG__logosRow {
    --speed: 40s;
    align-items: center;
    gap: var(--space-80);
    animation: LogoBlock-module__aXAJqG__scroll var(--speed) linear infinite;
    padding-right: var(--space-48);
    flex-direction: row;
    flex: 1 0 auto;
    display: flex;
  }

  .LogoBlock-module__aXAJqG__logoItem {
    --height: 48px;
    height: var(--height);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media screen and (max-width: 768px) {
    .LogoBlock-module__aXAJqG__logoItem {
      --height: 48px;
    }
  }

  .LogoBlock-module__aXAJqG__logoImage {
    aspect-ratio: 220 / 96;
    object-fit: contain;
    width: auto;
    height: 100%;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/bubbles/bubbleFancyS/BubbleFancyS.module.css [client] (css) */
@layer components {
  .BubbleFancyS-module__uceUwq__container {
    width: var(--BubbleFancyS--bubble-width);
    height: var(--BubbleFancyS--bubble-height);
    --BubbleFancyS--bubble-color: #989090;
    --BubbleFancyS--bubble-border-radius: 48px;
    --BubbleFancyS--bubble-inner-radius: 20px;
    --BubbleFancyS--bubble-width: 520px;
    --BubbleFancyS--bubble-height: 510px;
    position: relative;
  }

  .BubbleFancyS-module__uceUwq__svg {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .BubbleFancyS-module__uceUwq__topRight {
    border-radius: var(--BubbleFancyS--bubble-border-radius);
    background: var(--BubbleFancyS--bubble-color);
    width: calc(var(--BubbleFancyS--bubble-width) / 2);
    height: calc(var(--BubbleFancyS--bubble-height) / 2);
    justify-content: center;
    align-items: end;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
  }

  .BubbleFancyS-module__uceUwq__bottomLeft {
    border-radius: var(--BubbleFancyS--bubble-border-radius);
    background: var(--BubbleFancyS--bubble-color);
    width: calc(var(--BubbleFancyS--bubble-width) / 2);
    height: calc(var(--BubbleFancyS--bubble-height) / 2);
    justify-content: center;
    align-items: end;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/LoggedOutExperience/TestimonialsSectionMobile.module.css [client] (css) */
@layer components {
  .TestimonialsSectionMobile-module__Sz612W__root {
    gap: var(--space-16);
    padding: 0 var(--space-16);
    flex-direction: column;
    display: flex;
  }

  .TestimonialsSectionMobile-module__Sz612W__header {
    gap: var(--space-4);
  }

  .TestimonialsSectionMobile-module__Sz612W__headerLabel {
    color: #ff3c00;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
  }

  .TestimonialsSectionMobile-module__Sz612W__headerTitle {
    color: #312e2e;
    letter-spacing: -.04em;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.1;
  }

  .TestimonialsSectionMobile-module__Sz612W__card {
    padding: var(--space-24) var(--space-24) var(--space-24);
    color: #312e2e;
    -webkit-user-select: text;
    user-select: text;
    background: #fff;
    border-radius: 28px;
    flex-direction: column;
    height: 100%;
    min-height: 280px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    display: flex;
  }

  .TestimonialsSectionMobile-module__Sz612W__authorRow {
    margin-top: var(--space-16);
    border-top: 1px solid #e7e6e4;
    flex-wrap: nowrap;
  }

  .TestimonialsSectionMobile-module__Sz612W__photoWrapper {
    border-radius: 50%;
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    overflow: hidden;
  }

  .TestimonialsSectionMobile-module__Sz612W__authorPhoto {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .TestimonialsSectionMobile-module__Sz612W__authorName {
    font-weight: 500;
  }

  .TestimonialsSectionMobile-module__Sz612W__authorInfo {
    color: #8c8c8c;
    line-height: 1.3;
  }

  .TestimonialsSectionMobile-module__Sz612W__quoteIcon {
    color: #ffb199;
    font-size: 36px;
    font-weight: 700;
    line-height: .8;
  }

  .TestimonialsSectionMobile-module__Sz612W__quoteText {
    color: #312e2e;
    letter-spacing: -.02em;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/LoggedOutExperience/TestimonialsSection.module.css [client] (css) */
@media screen and not (max-width: 1300px) {
  @layer components {
    .TestimonialsSection-module__cEQUPa__desktopLayout {
      display: block;
    }

    .TestimonialsSection-module__cEQUPa__mobileLayout {
      display: none;
    }
  }
}

@media screen and (max-width: 1300px) {
  @layer components {
    .TestimonialsSection-module__cEQUPa__desktopLayout {
      display: none;
    }

    .TestimonialsSection-module__cEQUPa__mobileLayout {
      display: block;
    }
  }
}

@layer components {
  .TestimonialsSection-module__cEQUPa__section {
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    position: relative;
  }

  .TestimonialsSection-module__cEQUPa__desktopLayout {
    position: relative;
  }

  .TestimonialsSection-module__cEQUPa__emblaSlide {
    --spacing: 10px;
    --right: 273px;
    flex: 0 0 calc(100% - calc(var(--right) - var(--spacing) * 2));
    padding-right: var(--right);
    min-width: 0;
  }

  .TestimonialsSection-module__cEQUPa__slideGrid {
    gap: var(--space-12);
    grid-template-rows: 253px 253px;
    grid-template-columns: 253px 1fr;
    height: 518px;
    display: grid;
  }

  .TestimonialsSection-module__cEQUPa__fixedChip {
    z-index: 1;
    pointer-events: none;
    width: 253px;
    height: 253px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .TestimonialsSection-module__cEQUPa__headerCell {
    pointer-events: auto;
    background: #faf5f0;
    border: 1.5px solid #cbc7c3;
    border-radius: 40px;
    height: 100%;
    overflow: hidden;
  }

  .TestimonialsSection-module__cEQUPa__headerTitle {
    color: #312e2e;
    letter-spacing: -.04em;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 31.78px;
    font-weight: 400;
    line-height: 1;
  }

  .TestimonialsSection-module__cEQUPa__fixedNav {
    z-index: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
  }

  .TestimonialsSection-module__cEQUPa__quoteCard {
    color: #312e2e;
    -webkit-user-select: text;
    user-select: text;
    background: #fff;
    border-radius: 60px;
    grid-area: 1 / 2 / -1;
    min-height: 0;
    font-family: ABC Diatype Plus Variable, sans-serif;
    overflow: hidden;
  }

  .TestimonialsSection-module__cEQUPa__quoteIcon {
    color: #ffb199;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
  }

  .TestimonialsSection-module__cEQUPa__quoteCard .TestimonialsSection-module__cEQUPa__quoteText {
    color: #312e2e;
    letter-spacing: -.03em;
    overflow-wrap: break-word;
    -webkit-line-clamp: 8;
    line-clamp: 8;
    -webkit-box-orient: vertical;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.2;
    display: -webkit-box;
    overflow: hidden;
  }

  .TestimonialsSection-module__cEQUPa__photoCell {
    border-radius: 56px;
    overflow: hidden;
  }

  .TestimonialsSection-module__cEQUPa__photoCell .TestimonialsSection-module__cEQUPa__authorPhoto {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .TestimonialsSection-module__cEQUPa__bubbleButton {
    cursor: pointer;
    pointer-events: auto;
    color: #1a1919;
    letter-spacing: -.04em;
    text-transform: capitalize;
    background: none;
    border: none;
    width: 100%;
    height: 100%;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 105%;
  }

  .TestimonialsSection-module__cEQUPa__bubbleButton .TestimonialsSection-module__cEQUPa__bubbleTextLeft {
    text-align: left;
  }

  .TestimonialsSection-module__cEQUPa__bubbleButton .TestimonialsSection-module__cEQUPa__bubbleTextRight {
    text-align: right;
  }

  .TestimonialsSection-module__cEQUPa__bubbleButton .TestimonialsSection-module__cEQUPa__bubbleArrow {
    color: #ff3c00;
    width: 24px;
    height: 24px;
  }

  .TestimonialsSection-module__cEQUPa__companyLogo svg {
    width: auto;
    height: 24px;
    color: var(--foreground-dimmer);
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/LoggedOutExperience/StaggerView.module.css [client] (css) */
:root {
  --StaggerView--index: 0;
  --StaggerView--animation-duration: .5s;
  --StaggerView--animation-delay: .1s;
  --StaggerView--distance: 20px;
}

@keyframes StaggerView-module__5dw_oG__fade-in-up {
  from {
    transform: translateY(var(--StaggerView--distance));
    opacity: 0;
  }

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

@layer components {
  .StaggerView-module__5dw_oG__stagger {
    opacity: 0;
  }

  .StaggerView-module__5dw_oG__stagger.StaggerView-module__5dw_oG__animate {
    animation: StaggerView-module__5dw_oG__fade-in-up var(--StaggerView--animation-duration) ease-out forwards;
    animation-delay: calc(var(--StaggerView--index) * var(--StaggerView--animation-delay));
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Pricing/Plans/PlanPeriodToggle.module.css [client] (css) */
@layer components {
  .PlanPeriodToggle-module__zYblKq__buttonGroupItem {
    gap: var(--space-8);
    height: 32px;
    padding: var(--space-8);
    border-radius: var(--border-radius-4);
    white-space: nowrap;
    cursor: pointer;
    flex-direction: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    transition: all .12s ease-out;
    display: flex;
  }

  .PlanPeriodToggle-module__zYblKq__buttonGroupItem > span {
    transition: color .12s ease-out;
  }

  .PlanPeriodToggle-module__zYblKq__buttonGroupItem > svg {
    transition: stroke .12s ease-out;
  }

  .PlanPeriodToggle-module__zYblKq__buttonGroup {
    padding: var(--space-4);
    border-radius: var(--border-radius-8);
    background-color: var(--background-higher);
    gap: var(--space-4);
  }

  .PlanPeriodToggle-module__zYblKq__buttonGroup .PlanPeriodToggle-module__zYblKq__toggle {
    border: 1px solid #0000;
  }

  .PlanPeriodToggle-module__zYblKq__checked:is(.PlanPeriodToggle-module__zYblKq__buttonGroup .PlanPeriodToggle-module__zYblKq__toggle) {
    background-color: var(--background-default);
  }

  :is(.PlanPeriodToggle-module__zYblKq__buttonGroup .PlanPeriodToggle-module__zYblKq__toggle):hover {
    background-color: var(--background-default);
    border: 1px solid var(--brand-border);
  }

  :is(.PlanPeriodToggle-module__zYblKq__buttonGroup .PlanPeriodToggle-module__zYblKq__toggle):hover span {
    color: var(--foreground-default);
  }

  :is(.PlanPeriodToggle-module__zYblKq__buttonGroup .PlanPeriodToggle-module__zYblKq__toggle):hover svg {
    fill: var(--brand-accent-default);
  }

  :is(.PlanPeriodToggle-module__zYblKq__buttonGroup .PlanPeriodToggle-module__zYblKq__toggle):hover .PlanPeriodToggle-module__zYblKq__discountInfo span, .PlanPeriodToggle-module__zYblKq__redText {
    color: var(--brand-accent-default);
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Pricing/Plans/PricingCtaButton.module.css [client] (css) */
@layer components {
  .PricingCtaButton-module__i4JwWW__ctaButton {
    cursor: pointer;
    color: #fff;
    letter-spacing: -.02em;
    text-align: center;
    background-color: #1a1a1a;
    border: none;
    border-radius: 90px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 80px;
    padding: 10px 40px;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    transition: background-color .15s;
    display: flex;
  }

  .PricingCtaButton-module__i4JwWW__ctaButton:hover {
    background-color: #333;
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Pricing/Plans/usePlanCTAs.module.css [client] (css) */
@layer components {
  .usePlanCTAs-module__8iF64q__priceLine {
    flex-grow: 1;
    flex-shrink: 1;
    align-items: center;
    min-height: 62px;
  }

  .usePlanCTAs-module__8iF64q__perUserMonthText {
    color: var(--foreground-dimmest);
    padding-top: var(--space-4);
  }
}

/* [project]/repl-it-web/pkg/next-app/client/components/Pricing/Plans/ProMembershipContent.module.css [client] (css) */
@layer components {
  .ProMembershipContent-module__G5IaXq__creditTierSelect {
    padding: 0 0 var(--space-32) 0;
    width: 100%;
  }

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

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

/* [project]/repl-it-web/pkg/next-app/client/components/Pricing/Plans/Membership.module.css [client] (css) */
@layer components {
  .Membership-module__y4Sx8a__membershipGridHeader {
    width: 100%;
  }

  @media screen and (max-width: 768px) {
    .Membership-module__y4Sx8a__membershipGridHeader {
      flex-direction: column;
      justify-content: center;
    }
  }

  .Membership-module__y4Sx8a__gridTitle {
    letter-spacing: -.04em;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 100%;
  }

  @media screen and (max-width: 768px) {
    .Membership-module__y4Sx8a__gridTitle {
      text-align: center;
      text-wrap: balance;
      line-height: 110%;
    }
  }

  .Membership-module__y4Sx8a__gridSubtitle {
    color: #888;
    letter-spacing: -.01em;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 83%;
  }

  @media screen and (max-width: 768px) {
    .Membership-module__y4Sx8a__gridSubtitle {
      text-align: center;
    }
  }

  .Membership-module__y4Sx8a__membershipGrid {
    grid-template-columns: 1fr;
    gap: 16px;
    width: 100%;
    display: grid;
  }

  @media screen and (min-width: 768px) {
    .Membership-module__y4Sx8a__membershipGrid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media screen and (min-width: 1280px) {
    .Membership-module__y4Sx8a__membershipGrid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  .Membership-module__y4Sx8a__membershipGridItem {
    display: flex;
  }

  @media screen and (min-width: 768px) {
    .Membership-module__y4Sx8a__membershipGridItem {
      grid-template-rows: subgrid;
      grid-row: span 7;
      grid-template-columns: 1fr;
      display: grid;
    }
  }

  .Membership-module__y4Sx8a__card {
    background-color: #faf5f0;
    border-radius: 40px;
    flex: 1;
    grid-template-rows: auto auto auto auto auto auto auto;
    padding: 32px;
    display: grid;
  }

  @media screen and (min-width: 768px) {
    .Membership-module__y4Sx8a__card {
      grid-template-rows: subgrid;
      grid-row: span 7;
    }
  }

  .Membership-module__y4Sx8a__planName {
    color: #ff3c00;
    letter-spacing: -.04em;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 83%;
  }

  .Membership-module__y4Sx8a__planDescription {
    color: #333;
    letter-spacing: -.03em;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
  }

  .Membership-module__y4Sx8a__divider {
    background-color: #ddd5cb;
    width: 100%;
    height: 1px;
  }

  .Membership-module__y4Sx8a__priceSection {
    flex-direction: row;
    align-items: baseline;
    gap: 8px;
    padding: 24px 0;
    display: flex;
  }

  .Membership-module__y4Sx8a__benefitsList {
    flex-direction: column;
    gap: 0;
    display: flex;
  }

  .Membership-module__y4Sx8a__benefitsList .Membership-module__y4Sx8a__benefitDot {
    background-color: #ff3c00;
    border-radius: 50%;
    width: 6px;
    min-width: 6px;
    height: 6px;
    margin-top: 8px;
  }

  .Membership-module__y4Sx8a__benefitsList .Membership-module__y4Sx8a__benefitItem {
    border-bottom: 1px solid #e8e0d6;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
  }

  :is(.Membership-module__y4Sx8a__benefitsList .Membership-module__y4Sx8a__benefitItem):last-child {
    border-bottom: none;
  }

  :is(.Membership-module__y4Sx8a__benefitsList .Membership-module__y4Sx8a__benefitItem) .Membership-module__y4Sx8a__benefitText {
    color: #333;
    letter-spacing: -.03em;
    overflow-wrap: break-word;
    flex: 1;
    min-width: 0;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    overflow: hidden;
  }

  :is(:is(.Membership-module__y4Sx8a__benefitsList .Membership-module__y4Sx8a__benefitItem) .Membership-module__y4Sx8a__benefitText) * {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: inherit;
  }

  :is(.Membership-module__y4Sx8a__benefitsList .Membership-module__y4Sx8a__benefitItem) .Membership-module__y4Sx8a__benefitTextBold {
    font-weight: 600;
  }
}

/* [project]/repl-it-web/pkg/next-app/pages/landing.page.module.css [client] (css) */
:root {
  --marketing-surface-max-width: 1390px;
  --below-the-fold-max-size: 900px;
  background-color: #faf6f1;
}

@property --sweep-pos {
  syntax: "<percentage>";
  inherits: false;
  initial-value: -30%;
}

@keyframes landing-page-module__533oJq__sweep-fwd {
  from {
    --sweep-pos: -30%;
  }

  to {
    --sweep-pos: 100%;
  }
}

@keyframes landing-page-module__533oJq__sweep-rev {
  from {
    --sweep-pos: 100%;
  }

  to {
    --sweep-pos: -30%;
  }
}

@media (prefers-reduced-motion: reduce) {
  @layer components {
    .landing-page-module__533oJq__taglineSweepOut, .landing-page-module__533oJq__taglineSweepIn, .landing-page-module__533oJq__taglineSweepInReverse {
      animation-duration: .001ms;
      animation-delay: 0s;
      -webkit-mask-image: none;
      mask-image: none;
    }
  }
}

@keyframes landing-page-module__533oJq__glow-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@layer components {
  .landing-page-module__533oJq__pageBg {
    overscroll-behavior-x: none;
    font-family: var(--font-family-brand);
    overflow-x: clip;
    background-color: #faf6f1 !important;
  }

  .landing-page-module__533oJq__pageBg header {
    background-color: #faf6f1 !important;
  }

  .landing-page-module__533oJq__unauthenticatedHomePage {
    min-width: 0;
    height: auto;
    overflow-x: clip;
  }

  .landing-page-module__533oJq__unauthenticatedHomePageHeaderPadding {
    padding-top: 12px;
  }

  .landing-page-module__533oJq__title {
    text-align: center;
    margin: 0 auto;
  }

  .landing-page-module__533oJq__titleImproved {
    letter-spacing: -.06em;
    font-family: ABC Diatype Plus Variable, sans-serif;
    font-size: 64px;
    font-weight: 400;
    line-height: 100%;
  }

  @media screen and (max-width: 768px) {
    .landing-page-module__533oJq__titleImproved {
      font-size: 32px;
    }
  }

  .landing-page-module__533oJq__taglineWrapper {
    text-align: center;
    width: 100%;
    position: relative;
  }

  @media screen and (max-width: 768px) {
    .landing-page-module__533oJq__taglineWrapper {
      width: fit-content;
      max-width: 100%;
    }
  }

  .landing-page-module__533oJq__taglineSizer {
    visibility: hidden;
    pointer-events: none;
    white-space: nowrap;
    height: 0;
    display: block;
    overflow: hidden;
  }

  .landing-page-module__533oJq__taglineSweepOut {
    -webkit-mask-image: linear-gradient(to right,
    transparent var(--sweep-pos),
    black calc(var(--sweep-pos) + 30%));
    -webkit-mask-image: linear-gradient(to right,
    transparent var(--sweep-pos),
    black calc(var(--sweep-pos) + 30%));
    mask-image: linear-gradient(to right,
    transparent var(--sweep-pos),
    black calc(var(--sweep-pos) + 30%));
    animation: .9s ease-in forwards landing-page-module__533oJq__sweep-fwd;
  }

  .landing-page-module__533oJq__taglineSweepIn, .landing-page-module__533oJq__taglineSweepInReverse {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .landing-page-module__533oJq__taglineSweepIn {
    -webkit-mask-image: linear-gradient(to right,
    black var(--sweep-pos),
    transparent calc(var(--sweep-pos) + 30%));
    -webkit-mask-image: linear-gradient(to right,
    black var(--sweep-pos),
    transparent calc(var(--sweep-pos) + 30%));
    mask-image: linear-gradient(to right,
    black var(--sweep-pos),
    transparent calc(var(--sweep-pos) + 30%));
    animation: .9s ease-out .5s forwards landing-page-module__533oJq__sweep-fwd;
  }

  .landing-page-module__533oJq__taglineSweepInReverse {
    -webkit-mask-image: linear-gradient(to right,
    transparent var(--sweep-pos),
    black calc(var(--sweep-pos) + 30%));
    -webkit-mask-image: linear-gradient(to right,
    transparent var(--sweep-pos),
    black calc(var(--sweep-pos) + 30%));
    mask-image: linear-gradient(to right,
    transparent var(--sweep-pos),
    black calc(var(--sweep-pos) + 30%));
    animation: .9s ease-out .5s both landing-page-module__533oJq__sweep-rev;
  }

  .landing-page-module__533oJq__srOnly {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .landing-page-module__533oJq__agentPrompt {
    padding: var(--space-16);
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: min(40vh, var(--below-the-fold-max-size));
    max-height: var(--below-the-fold-max-size);
    margin: 48px -16px -16px;
  }

  @media screen and (max-width: 768px) {
    .landing-page-module__533oJq__agentPrompt {
      min-height: min(45vh, var(--below-the-fold-max-size));
    }
  }

  .landing-page-module__533oJq__requestedOutputsOptionsNegativeMargin {
    margin: -16px;
  }

  @media screen and (max-width: 768px) {
    .landing-page-module__533oJq__suggestedPrompts {
      display: none;
    }
  }

  .landing-page-module__533oJq__suggestedPromptsAboveInput {
    padding-top: var(--space-32);
  }

  .landing-page-module__533oJq__aboveInputCarousel {
    margin-top: -24px;
  }

  .landing-page-module__533oJq__agentPromptImproved {
    position: relative;
    overflow: visible;
  }

  .landing-page-module__533oJq__aboveTheFold {
    height: calc(100vh - 67px);
    padding-top: 36px;
  }

  @media screen and (max-width: 768px) {
    .landing-page-module__533oJq__aboveTheFold {
      padding-top: 0;
    }
  }

  .landing-page-module__533oJq__agentInput2Root {
    width: 100%;
    max-width: 800px;
  }

  .landing-page-module__533oJq__loggedOutInput {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
  }

  .landing-page-module__533oJq__loggedOutInput textarea {
    max-height: 200px;
  }

  .landing-page-module__533oJq__loggedOutInputImproved {
    isolation: isolate;
    position: relative;
  }

  .landing-page-module__533oJq__loggedOutInputImproved textarea, .landing-page-module__533oJq__loggedOutInputImproved input {
    box-shadow: none;
  }

  .landing-page-module__533oJq__loggedOutInputImproved button {
    border-radius: 100px;
  }

  .landing-page-module__533oJq__loggedOutInputImproved:before {
    z-index: -1;
    filter: blur(50px);
    border-radius: var(--border-radius-8);
    pointer-events: none;
    content: "";
    background: #fd540213;
    animation: .5s ease-out forwards landing-page-module__533oJq__glow-fade-in;
    position: absolute;
    inset: -10px;
  }

  .landing-page-module__533oJq__marketingSurface {
    width: 100%;
    max-width: var(--marketing-surface-max-width);
  }

  .landing-page-module__533oJq__pricingCard {
    padding: var(--space-32) var(--space-64);
    background-color: #fff;
    border-radius: 46px;
  }

  @media screen and (max-width: 768px) {
    .landing-page-module__533oJq__pricingCard {
      padding: var(--space-24) var(--space-16);
      border-radius: 24px;
    }
  }

  @media screen and not (min-width: 1024px) {
    .landing-page-module__533oJq__testimonialsSection {
      padding-left: 0;
      padding-right: 0;
    }
  }

  @media screen and (max-width: 768px) {
    .landing-page-module__533oJq__fullWidthHack {
      padding-right: var(--space-16);
      padding-left: var(--space-16);
    }
  }
}

/*# sourceMappingURL=repl-it-web_pkg_0d5drr7._.css.map*/