@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
/* [project]/apps/terminal/styles/base.scss.css [app-client] (css) */
@keyframes placeholderAnimation {
  0% {
    background-position: -500px 0;
  }

  100% {
    background-position: 500px 0;
  }
}

:root {
  --kodo-gutter: 3rem;
  --kodo-size-large: 5rem;
  --kodo-size-normal: 4rem;
  --kodo-size-small: 3.5rem;
  --kodo-size-xsmall: 3.3rem;
  --kodo-size-checkbox-large: 2.5rem;
  --kodo-size-checkbox-normal: 2rem;
  --kodo-size-checkbox-small: 1.7rem;
  --kodo-color-primary: #e36057;
  --kodo-color-secondary: #3e3e3e;
  --kodo-color-font: #3e3e3e;
  --kodo-color-font-75: #3e3e3ebf;
  --kodo-color-font-50: #3e3e3e80;
  --kodo-color-font-25: #3e3e3e40;
  --kodo-color-font-10: #3e3e3e1a;
  --kodo-color-font-5: #3e3e3e0d;
  --kodo-color-border: #e4e4e4;
  --kodo-color-border-75: #e4e4e4bf;
  --kodo-color-border-50: #e4e4e480;
  --kodo-color-border-25: #e4e4e440;
  --kodo-color-background: #fff;
  --kodo-color-background-75: #ffffffbf;
  --kodo-color-background-50: #ffffff80;
  --kodo-color-background-25: #ffffff40;
  --kodo-color-background-10: #ffffff1a;
  --kodo-color-background-alt: #eee;
  --kodo-color-shade: #f3f3f3;
  --kodo-color-placeholder: #777;
  --kodo-color-shadow: #0000000d;
  --kodo-color-overlay: #ffffffbf;
  --kodo-color-error: #b00020;
  --kodo-color-warning: #f9a825;
  --kodo-color-success: #4caf50;
  --kodo-layout-sidebar-link-color: $ color-font;
  --kodo-layout-sidebar-link-radius: 0;
  --kodo-layout-sidebar-link-background-active: #ccc;
  --kodo-color-form-border: var(--kodo-color-border);
  --kodo-form-border-bottom: 2px solid var(--kodo-color-form-border);
  --kodo-form-background: #f9fbfc;
  --kodo-form-locked-background: #f9fbfc;
  --kodo-button-primary-color: #fff;
  --kodo-button-primary-background: var(--kodo-color-primary);
  --kodo-button-primary-outline-color: var(--kodo-color-primary);
  --kodo-button-primary-outline-background: var(--kodo-color-primary);
  --kodo-button-secondary-color: #fff;
  --kodo-button-secondary-background: var(--kodo-color-secondary);
  --kodo-button-secondary-outline-color: var(--kodo-color-secondary);
  --kodo-button-secondary-outline-background: var(--kodo-color-secondary);
  --kodo-tabs-color-font-active: #fff;
  --kodo-grid-overlay-page-width: var(--kodo-page-width, 96rem);
  --kodo-grid-overlay-gutter: var(--kodo-container-gutter, clamp(2.5rem, calc(2.5rem + 4.5 * (100vw - 48rem) / 80), 7rem));
}

:root.dark {
  --kodo-color-font: #fff;
  --kodo-color-font-75: #ffffffbf;
  --kodo-color-font-50: #ffffff80;
  --kodo-color-font-25: #ffffff40;
  --kodo-color-font-10: #ffffff1a;
  --kodo-color-font-5: #ffffff0d;
  --kodo-color-border: #444;
  --kodo-color-border-75: #444444bf;
  --kodo-color-border-50: #44444480;
  --kodo-color-border-25: #44444440;
  --kodo-color-background: #222;
  --kodo-color-background-75: #222222bf;
  --kodo-color-background-50: #22222280;
  --kodo-color-background-25: #22222240;
  --kodo-color-background-10: #2222221a;
  --kodo-color-background-alt: #333;
  --kodo-color-shade: #292929;
  --kodo-color-shadow: #0000004d;
  --kodo-color-overlay: #000000bf;
  --kodo-color-error: #cf6679;
  --kodo-color-warning: #f7b750;
  --kodo-color-success: #719d55;
  --kodo-layout-sidebar-link-background-active: #191919;
  --kodo-color-placeholder: #777;
  --kodo-form-background: #343434;
  --kodo-form-border-bottom: 2px solid var(--kodo-color-form-border);
  --kodo-button-primary-outline-color: #fff;
  --kodo-button-secondary-color: #343434;
  --kodo-button-secondary-background: #fff;
  --kodo-button-secondary-outline-color: #fff;
  --kodo-button-secondary-outline-background: #fff;
  --kodo-progress-marker-background: #2a2a2a;
}

@layer kodo-ui {
  :root {
    font-size: 62.5%;
  }

  @media (min-aspect-ratio: 3 / 2) {
    :root {
      font-size: clamp(50%, 28.125% + .6vh, 62.5%);
    }
  }

  html {
    display: block;
  }

  html, body {
    background-color: var(--kodo-color-background);
    width: 100%;
    min-height: 100vh;
  }

  html {
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    overflow: hidden scroll;
  }

  #__next {
    min-height: 100vh;
  }

  *, :before, :after {
    box-sizing: border-box;
  }

  body {
    font-size: var(--kodo-font-size, clamp(1.2rem, calc(1.2rem + .3 * (100vw - 48rem) / 80), 1.5rem));
    font-family: var(--kodo-font-family, "Inter", sans-serif);
    line-height: var(--kodo-line-height, 1.5);
    color: var(--kodo-color-font);
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    margin: 0;
    position: relative;
  }

  img {
    max-width: 100%;
    height: auto;
    display: block;
  }

  input::-webkit-input-placeholder {
    color: var(--kodo-color-placeholder, var(--kodo-color-placeholder, #777));
  }

  textarea::-webkit-input-placeholder {
    color: var(--kodo-color-placeholder, var(--kodo-color-placeholder, #777));
  }

  select::-webkit-input-placeholder {
    color: var(--kodo-color-placeholder, var(--kodo-color-placeholder, #777));
  }

  input::-moz-placeholder {
    opacity: 1;
    color: var(--kodo-color-placeholder, var(--kodo-color-placeholder, #777));
  }

  textarea::-moz-placeholder {
    opacity: 1;
    color: var(--kodo-color-placeholder, var(--kodo-color-placeholder, #777));
  }

  select::-moz-placeholder {
    opacity: 1;
    color: var(--kodo-color-placeholder, var(--kodo-color-placeholder, #777));
  }

  :is(input:-ms-placeholder-shown, textarea:-ms-placeholder-shown, select:-ms-placeholder-shown) {
    color: var(--kodo-color-placeholder, var(--kodo-color-placeholder, #777));
  }

  :is(input:placeholder-shown, textarea:placeholder-shown, select:placeholder-shown) {
    color: var(--kodo-color-placeholder, var(--kodo-color-placeholder, #777));
  }

  ::selection {
    color: #fff;
    background: var(--kodo-color-primary);
  }

  .segment {
    padding-top: var(--kodo-segment-padding, clamp(4.5rem, calc(4.5rem + 5.5 * (100vw - 48rem) / 80), 10rem));
    padding-bottom: var(--kodo-segment-padding, clamp(4.5rem, calc(4.5rem + 5.5 * (100vw - 48rem) / 80), 10rem));
  }

  .container {
    padding-left: var(--kodo-container-gutter, clamp(2.5rem, calc(2.5rem + 4.5 * (100vw - 48rem) / 80), 7rem));
    padding-right: var(--kodo-container-gutter, clamp(2.5rem, calc(2.5rem + 4.5 * (100vw - 48rem) / 80), 7rem));
    max-width: var(--kodo-page-width, 96rem);
    box-sizing: content-box;
    margin: 0 auto;
  }

  * {
    accent-color: var(--kodo-color-primary);
  }
}

html.no-scroll, html.no-scroll body {
  position: fixed;
  overflow: hidden;
}

html.no-scroll #__next {
  height: 100svh;
  min-height: 0;
}

:root {
  --corsa-gradient-color-primary: #3953a4;
  --corsa-gradient-color-secondary: #c24599;
  --kodo-color-primary: #1d4bd9;
  --kodo-color-primary-dark: #293c77;
  --kodo-color-primary-light: #4668ce;
  --kodo-color-secondary: #d3ddfd;
  --kodo-color-secondary-light: #e9eeff;
  --kodo-color-light: #d2dcfd;
  --kodo-color-border: #ecedf8;
  --kodo-color-background-alt: #f5f6f8;
  --kodo-button-radius: .4rem;
  --kodo-button-primary-color: #fff;
  --kodo-button-primary-background: var(--kodo-color-primary);
  --kodo-button-primary-outline-color: var(--kodo-color-primary);
  --kodo-button-primary-outline-background: var(--kodo-color-primary);
  --kodo-button-secondary-color: var(--kodo-color-primary);
  --kodo-button-secondary-background: var(--kodo-color-secondary);
  --kodo-button-secondary-outline-color: var(--kodo-color-primary);
  --kodo-button-secondary-outline-background: var(--kodo-color-secondary);
  --kodo-form-background: #f1f4f6;
  --kodo-form-radius: .4rem;
  --kodo-form-border-bottom: 2px solid var(--kodo-color-light);
  --kodo-form-border-color-focus: var(--kodo-color-primary);
  --kodo-fieldset-radius: .4rem;
  --kodo-checkbox-radius: .4rem;
  --kodo-checkbox-hover-border-color: var(--kodo-color-primary);
  --kodo-checkbox-hover-shadow: 0 0 0 .5rem var(--kodo-color-light);
  --kodo-checkbox-border: 2px solid var(--kodo-color-light);
  --kodo-editor-toolbar-background: #ebf0ff;
  --kodo-editor-toolbar-radius: .4rem;
  --kodo-editor-toolbar-group-gap: .3rem;
  --kodo-editor-toolbar-gap: 1.2rem;
  --kodo-editor-button-radius: .4rem;
  --kodo-editor-button-color: var(--kodo-color-primary);
  --kodo-editor-button-background: var(--kodo-color-light);
  --kodo-editor-button-color-hover: #fff;
  --kodo-editor-button-background-hover: var(--kodo-color-primary-dark);
  --kodo-editor-button-background-hover-after: transparent;
  --kodo-editor-button-color-active: #fff;
  --kodo-editor-button-background-active: var(--kodo-color-primary);
  --kodo-table-radius: .4rem;
  --kodo-table-header-cell-border: none;
  --kodo-table-border: 1px solid var(--kodo-color-border);
  --kodo-table-header-radius: .4rem;
  --kodo-table-header-cell-color: #9298ac;
  --kodo-table-header-background: var(--kodo-color-shade);
  --kodo-table-header-border-bottom: 1px solid #d2dcfd;
  --kodo-table-cell-border: none;
  --kodo-table-last-row-border-bottom: none;
  --corsa-sidebar-link-color: var(--kodo-color-primary-dark);
  --corsa-sidebar-link-background-active: var(--kodo-color-secondary-light);
  --kodo-box-border-radius: .4rem;
  --kodo-progress-marker-radius: .4rem;
  --kodo-modal-border-width: 1px;
  --kodo-modal-border-radius: .4rem;
  --kodo-card-border-width: 1px;
  --kodo-card-border-radius: .4rem;
  --kodo-media-border-width: 1px;
  --kodo-media-border-radius: .4rem;
  --kodo-description-title-color: var(--kodo-color-primary-dark);
  --kodo-description-value-color: var(--kodo-color-font);
  --kodo-meta-label-radius: .4rem;
  --kodo-menu-border: 1px solid var(--kodo-color-border);
}

:root.dark {
  --kodo-color-primary: #c34699;
  --kodo-color-primary-light: #da5cb0;
  --kodo-color-primary-dark: #4b1337;
  --kodo-color-secondary: #fdd3ef;
  --kodo-color-secondary-light: #fef0f9;
  --kodo-color-light: #6f2857;
  --kodo-color-shadow: #0000004d;
  --kodo-color-background-alt: #181818;
  --kodo-button-secondary-color: #343434;
  --kodo-form-background: #343434;
  --kodo-form-border-bottom: 2px solid var(--kodo-color-light);
  --kodo-checkbox-hover-shadow: 0 0 0 .5rem var(--kodo-color-shadow);
  --kodo-editor-toolbar-background: #2a2a2a;
  --kodo-editor-button-color: var(--kodo-color-secondary);
  --kodo-editor-button-color-hover: #fff;
  --kodo-editor-button-background-hover: var(--kodo-color-primary-light);
  --kodo-table-header-radius: .4rem;
  --kodo-table-header-cell-border: none;
  --kodo-table-header-cell-color: #fff;
  --kodo-table-header-background: var(--kodo-color-shade);
  --kodo-table-header-border-bottom: 1px solid var(--kodo-color-border);
  --kodo-table-cell-border: none;
  --corsa-sidebar-link-color: #fff;
  --corsa-sidebar-link-background-active: #00000040;
  --kodo-description-title-color: var(--kodo-color-primary);
  --kodo-description-value-color: #ddd;
}

/*# sourceMappingURL=apps_terminal_styles_base_scss_3fad124b.css.map*/