/* src/styles/global.scss */
:where(*:not(markdown *)) {
  box-sizing: border-box;
  margin: 0;
}
html,
body {
  height: 100%;
}
html:focus-within {
  scroll-behavior: smooth;
}
body {
  text-rendering: optimizespeed;
  line-height: 1.7;
}
:where(ul[role=list], ol[role=list]):not(markdown *) {
  list-style: none;
}
:where(img, picture):not(markdown *) {
  max-width: 100%;
  display: block;
}
:where(input, button, textarea, select):not(markdown *) {
  font: inherit;
}
a:not([class], markdown *) {
  text-decoration-skip-ink: auto;
}
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
:root {
  --base-font-size: 16px;
}
html {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;
  font-size: var(--base-font-size);
  font-weight: 300;
}
input,
textarea,
select {
  background-color: var(--lp-input-background-color);
  color: var(--lp-text-color);
  font-weight: 400;
}
button[lp-button] {
  min-height: 2.5rem;
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 0.625rem;
  color: var(--lp-text-color);
  font-weight: 500;
  padding-inline: 1rem;
  transition: 0.2s;
}
button[lp-button].primary {
  background-color: var(--lp-button-primary-background-color);
  color: var(--lp-button-primary-active-text-color);
}
button[lp-button].primary:not([disabled]):active {
  background-color: var(--lp-button-primary-border-color);
}
button[lp-button].primary:not([disabled]):not([outlined=true]):hover {
  border-color: var(--lp-button-primary-border-color);
}
button[lp-button].secondary {
  background-color: var(--lp-button-secondary-background-color);
  color: var(--color-white);
}
button[lp-button].secondary:not([disabled]):active {
  background-color: var(--lp-button-secondary-border-color);
}
button[lp-button].secondary:not([disabled]):not([outlined=true]):hover {
  border-color: var(--lp-button-secondary-border-color);
}
button[lp-button][outlined=true] {
  background-color: transparent;
}
button[lp-button][outlined=true].primary {
  border-color: var(--lp-button-primary-background-color);
  color: var(--lp-button-primary-text-color);
}
button[lp-button][outlined=true].primary:not([disabled]):hover {
  background-color: var(--lp-button-primary-hover-color);
}
button[lp-button][outlined=true].primary:not([disabled]):active {
  background-color: var(--lp-button-primary-background-color);
  color: var(--lp-button-primary-active-text-color);
}
button[lp-button][outlined=true].secondary {
  border-color: var(--lp-button-secondary-background-color);
  color: var(--lp-button-secondary-text-color);
}
button[lp-button][outlined=true].secondary:not([disabled]):hover {
  background-color: var(--lp-button-secondary-hover-color);
}
button[lp-button][outlined=true].secondary:not([disabled]):active {
  background-color: var(--lp-button-secondary-background-color);
  color: var(--lp-button-secondary-active-text-color);
}
button[lp-button][disabled] {
  opacity: 0.4;
}
button[lp-button]:not([disabled]) {
  cursor: pointer;
}
@supports (scrollbar-width: auto) {
  * {
    scrollbar-color: var(--lp-scrollbar-thumb-color) var(--lp-scrollbar-track-color);
    scrollbar-width: thin;
  }
}
@supports selector(::-webkit-scrollbar) {
  *::-webkit-scrollbar {
    width: 12px;
  }
  *::-webkit-scrollbar-track {
    background: var(--lp-scrollbar-track-color);
  }
  *::-webkit-scrollbar-thumb {
    background: var(--lp-scrollbar-thumb-color);
  }
}
.skeleton {
  background:
    linear-gradient(
      90deg,
      var(--lp-skeleton-background-color) 40%,
      var(--lp-skeleton-flash-color),
      var(--lp-skeleton-background-color) 60%) right/300% 100%;
  animation: skeleton-loading 1.5s linear infinite;
  box-shadow: inset 0 0 1px 1px rgba(155, 155, 155, 0.0705882353);
  border-radius: 1rem;
}
@keyframes skeleton-loading {
  to {
    background-position: left;
  }
}
a {
  color: var(--lp-anchor-color);
}
a:hover {
  color: var(--lp-anchor-hover-color);
}
markdown {
  font-weight: 400;
}
markdown .footnote-ref,
markdown .footnote-marker {
  color: var(--color-orange-300);
}
@media (width <= 768px) {
  markdown pre {
    max-width: 85vw;
    width: 100%;
  }
}
:root {
  --color-black: #000;
  --color-white: #fff;
  --color-blue-100: #a8c0ff;
  --color-blue-200: #6495ed;
  --color-blue-300: #4748c9;
  --color-blue-400: #2a2a7e;
  --color-blue-500: #1a1a4f;
  --color-orange-100: #ffd7b3;
  --color-orange-200: #f88036;
  --color-orange-300: #f23d1b;
  --color-orange-400: #b32d00;
  --color-orange-500: #7a1e00;
  --color-teal-100: #c6e2b5;
  --color-teal-200: #90a393;
  --color-teal-300: #5a7d6f;
  --color-teal-400: #3a5c4e;
  --color-teal-500: #2a3d3a;
  --color-purple-100: #d3b3ff;
  --color-purple-200: #b57fff;
  --color-purple-300: #1e0a6e;
  --color-purple-400: #0a0040;
  --color-purple-500: #05002a;
  --color-gray-100: #f5f5f5;
  --color-gray-110: #e6e6e6;
  --color-gray-200: #9b9b9b;
  --color-gray-300: #343a40;
  --color-gray-380: #292929;
  --color-gray-390: #1d1f1f;
  --color-gray-400: #191a1a;
  --color-gray-420: #141414;
  --color-gray-450: #0c0d0d;
  --color-gray-500: #0a0a0a;
  --color-red-100: #ffc9c9;
  --color-red-200: #ff6b6b;
  --color-red-300: #d2414f;
  --color-red-400: #8b0000;
  --color-red-500: #5a0000;
  --color-cyan-100: #add8e6;
  --color-cyan-200: #87ceeb;
  --color-cyan-300: #0366d6;
  --color-cyan-400: #036;
  --color-cyan-500: #002a4d;
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property:
    transform,
    visibility,
    opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
:root {
  --lp-padding-main-content: 1rem;
  --lp-chat-max-width: 48rem;
  --lp-sidebar-width: 300px;
  --lp-loading-spinner: var(--color-blue-300);
  --lp-scrollbar-thumb-color: var(--color-gray-200);
  --lp-scrollbar-track-color: var(--lp-surface-color);
}
body {
  background-color: var(--lp-surface-color);
  color: var(--lp-text-color);
}
.material-symbols-outlined {
  -webkit-user-select: none;
  user-select: none;
}
:focus-visible {
  outline: 2px dashed var(--color-orange-300);
  border-radius: 4px;
  outline-offset: -2px;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */