*,:after,:before {
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
  border-color:rgb(var(--gray-200))}
:after,:before {
  --tw-content:""}
:host,html {
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  tab-size:4;
  font-family:var(--font-inter),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-feature-settings:normal;
  font-variation-settings:normal;
  -webkit-tap-highlight-color:transparent}
body {
  margin:0;
  line-height:inherit}
h2,h5 {
  font-size:inherit}
a {
  color:inherit;
  text-decoration:inherit}
code,pre {
  font-family:var(--font-jetbrains-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-size:1em}
table {
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse}
button,textarea {
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  margin:0;
  padding:0}
button {
  text-transform:none}
button {
  -webkit-appearance:button;
  background-color:initial;
  background-image:none}
:-moz-focusring {
  outline:auto}
:-moz-ui-invalid {
  box-shadow:none}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {
  height:auto}
::-webkit-search-decoration {
  -webkit-appearance:none}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit}
h2,h5,p,pre {
  margin:0}
ol,ul {
  list-style:none;
  margin:0;
  padding:0}
textarea {
  resize:vertical}
input::placeholder,textarea::placeholder {
  opacity:1;
  color:rgb(var(--gray-400))}
button {
  cursor:pointer}
:disabled {
  cursor:default}
img,svg {
  display:block;
  vertical-align:middle}
img {
  max-width:100%}
@supports (-moz-appearance:none) {
  * {
  scrollbar-color:auto;
  scrollbar-width:auto}
}
.latex-style a:visited {
  color:#a00}
.latex-style a:focus {
  outline-offset:2px;
  outline:2px solid hsl(220,90%,52%)}
.latex-style caption:before {
  content:"Table "counter(caption)". ";
  font-weight:700}
.latex-style nav li:before {
  content:counters(item,".")" ";
  counter-increment:item;
  padding-right:.85rem}
.latex-style ol>li:before {
  left:0;
  content:counter(list-item)".";
  position:absolute;
  font-weight:400;
  color:#000}
.latex-style ul>li:before {
  width:.375em;
  height:.375em;
  top:calc(.875em - .1875em);
  left:.25em;
  content:"";
  position:absolute;
  background-color:#000;
  border-radius:50%}
h2,h5 {
  font-family:var(--font-family-headings-custom,var(--font-inter)),-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  font-weight:var(--font-weight-headings-custom)}
body {
  font-weight:var(--font-weight-body-custom)}
*,::backdrop,:after,:before {
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(147 197 253/0.5);
  --tw-ring-offset-shadow:0 0#0000;
  --tw-ring-shadow:0 0#0000;
  --tw-shadow:0 0#0000;
  --tw-shadow-colored:0 0#0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: }
:root {
  --spacing-16-14:1.142857142857143em;
  --spacing-8-14:0.571428571428571em}
html {
  height:100%;
  font-feature-settings:"cv02","cv03","cv04","cv11";
  overflow-y:overlay;
  --scroll-mt:9.5rem}
@media (min-width:1024px) {
  html {
  --scroll-mt:6.3rem}
}
html {
  overscroll-behavior-y:none}
body {
  min-height:100%}
select::-ms-expand {
  display:none}
@-moz-document url-prefix() {
  select {
  text-indent:0}
}
.stable-scrollbar-gutter {
  scrollbar-gutter:"stable"}
#content-area div.mdx-content .prose>span[data-as=p],#content-area div.mdx-content.prose>span[data-as=p] {
  display:block;
  margin-top:1.25em;
  margin-bottom:1.25em}
#content-area div.mdx-content .prose>span[data-as=p]:first-child,#content-area div.mdx-content.prose>:is(h2,h3,h4)+span[data-as=p] {
  margin-top:0}
#content-area div.mdx-content .prose>span[data-as=p]:last-child {
  margin-bottom:0}
#content-area div.mdx-content .prose ul>li[data-no-bullet]:before,#content-area div.mdx-content .prose-sm ul>li[data-no-bullet]:before,#content-area div.mdx-content.prose ul>li[data-no-bullet]:before,#content-area div.mdx-content.prose-sm ul>li[data-no-bullet]:before {
  display:none!important}
.tab-container {
  scroll-margin-top:calc(var(--scroll-mt) - 1.25rem)}
@media (prefers-reduced-motion:reduce) {
  * {
  transition:none!important;
  animation:none!important}
}
:focus {
  outline-color:rgb(var(--primary)/1)}
html.dark :focus {
  outline-color:rgb(var(--primary-light)/1)}
/*! purgecss start ignore */:root {
  --twoslash-border-color:#dbdfde;
  --twoslash-underline-color:currentColor;
  --twoslash-popup-bg:#f3f7f6;
  --twoslash-popup-color:inherit;
  --twoslash-popup-shadow:rgba(0,0,0,0.08) 0px 1px 4px;
  --twoslash-code-font:inherit;
  --twoslash-code-font-size:1em;
  --twoslash-matched-color:inherit;
  --twoslash-highlighted-border:#c37d0d50;
  --twoslash-highlighted-bg:#c37d0d20;
  --twoslash-unmatched-color:#888;
  --twoslash-cursor-color:#8888;
  --twoslash-error-color:#d45656;
  --twoslash-error-bg:#d4565620;
  --twoslash-warn-color:#c37d0d;
  --twoslash-warn-bg:#c37d0d20;
  --twoslash-tag-color:#3772cf;
  --twoslash-tag-bg:#3772cf20;
  --twoslash-tag-warn-color:var(--twoslash-warn-color);
  --twoslash-tag-warn-bg:var(--twoslash-warn-bg);
  --twoslash-tag-annotate-color:#1ba673;
  --twoslash-tag-annotate-bg:#1ba67320;
  --twoslash-text-size:0.8rem;
  --twoslash-docs-tag-style:italic}
:root.twoslash-dark,html.dark div.dark\:twoslash-dark {
  --twoslash-border-color:#222526;
  --twoslash-popup-bg:#151819;
  --twoslash-highlighted-border:#ffa50080;
  --twoslash-highlighted-bg:#ffa50030;
  --twoslash-unmatched-color:#aaa;
  --twoslash-cursor-color:#bbbb;
  --twoslash-error-color:#ff6b6b;
  --twoslash-error-bg:#ff6b6b30;
  --twoslash-warn-color:#ffa500;
  --twoslash-warn-bg:#ffa50030;
  --twoslash-tag-color:#6bb6ff;
  --twoslash-tag-bg:#6bb6ff30;
  --twoslash-tag-warn-color:var(--twoslash-warn-color);
  --twoslash-tag-warn-bg:var(--twoslash-warn-bg);
  --twoslash-tag-annotate-color:#4ade80;
  --twoslash-tag-annotate-bg:#4ade8030}
.twoslash:hover .twoslash-hover {
  border-color:var(--twoslash-underline-color)}
.twoslash a span.twoslash-hover:hover {
  opacity:.75}
.mint-twoslash-popover:hover {
  -webkit-user-select:auto;
  user-select:auto}
.twoslash-completion-list:hover {
  -webkit-user-select:auto;
  user-select:auto}
.twoslash-completion-list:before {
  background-color:var(--twoslash-cursor-color);
  width:2px;
  position:absolute;
  top:-1.6em;
  height:1.4em;
  left:-1px;
  content:" "}
.code-block {
  --fade-width:0px}
.code-block {
  --code-padding-right:48px}
.code-block:has([data-floating-buttons]) {
  --fade-width:80px;
  --code-padding-right:80px}
.code-block:has([data-floating-buttons]>:nth-child(3):last-child) {
  --fade-width:163px;
  --code-padding-right:163px}
:not(pre)>code:after,:not(pre)>code:before {
  content:none!important}
.has-focused pre.shiki:hover>code .line,.has-focused pre.shiki>code .line:hover {
  filter:blur(0)}
[data-component-part=code-block-root]:not(.has-line-numbers) .line-highlight:after,[data-component-part=code-block-root]:not(.has-line-numbers) .line-highlight:before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:1rem;
  background:rgb(var(--primary-light)/.2)!important}
[data-component-part=code-block-root]:not(.has-line-numbers) .line-highlight:before {
  left:-1rem;
  border-left:1px solid rgb(var(--primary-light)/1)}
[data-component-part=code-block-root]:not(.has-line-numbers) .line-highlight:after {
  right:-1rem}
[data-component-part=code-block-root]:not(.has-line-numbers) .line-diff:before {
  position:absolute;
  top:0;
  bottom:0;
  left:-1rem;
  width:1rem;
  display:flex;
  align-items:center;
  justify-content:center}
[data-component-part=code-block-root]:not(.has-line-numbers) .line-diff:after {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  right:-1rem;
  width:1rem}
[data-component-part=code-block-root]:not(.has-line-numbers) .line-diff.line-add:before {
  content:"+";
  background:rgb(34 197 94/.15)!important;
  border-left:1px solid rgb(34 197 94/.8);
  color:rgb(34 197 94)}
[data-component-part=code-block-root]:not(.has-line-numbers) .line-diff.line-add:after {
  background:rgb(34 197 94/.15)!important}
[data-component-part=code-block-root]:not(.has-line-numbers) .line-diff.line-remove:before {
  content:"-";
  background:rgb(239 68 68/.15)!important;
  border-left:1px solid rgb(239 68 68/.8);
  color:rgb(239 68 68)}
[data-component-part=code-block-root]:not(.has-line-numbers) .line-diff.line-remove:after {
  background:rgb(239 68 68/.15)!important}
.has-line-numbers pre.shiki>code>.line:before {
  content:counter(step);
  counter-increment:step;
  width:.6rem;
  margin-right:1.1rem;
  display:inline-block;
  text-align:right;
  -webkit-user-select:none;
  user-select:none}
.dark .has-line-numbers pre.shiki>code>.line:before {
  color:var(--shiki-dark)!important}
:not(.dark) .has-line-numbers pre.shiki>code>.line:before {
  color:var(--shiki-light)!important;
  opacity:.4!important}
.has-line-numbers .line-highlight:before {
  display:none}
.has-line-numbers .line-highlight:after {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-1rem;
  right:-1rem;
  background:rgb(var(--primary-light)/.2)!important;
  border-left:1px solid rgb(var(--primary-light)/1);
  z-index:-1}
.has-line-numbers .line-diff.line-add:before {
  content:"+"!important}
.has-line-numbers .line-diff.line-remove:before {
  content:"-"!important}
.has-line-numbers .line-diff.line-add:after {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-1rem;
  right:-1rem;
  background:rgb(34 197 94/.15)!important;
  border-left:1px solid rgb(34 197 94/.8);
  z-index:-1}
.has-line-numbers .line-diff.line-remove:after {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-1rem;
  right:-1rem;
  background:rgb(239 68 68/.15)!important;
  border-left:1px solid rgb(239 68 68/.8);
  z-index:-1}
.bar-of-progress:after {
  content:"";
  display:block;
  position:absolute;
  right:0;
  width:100px;
  height:100%;
  box-shadow:0 0 10px currentColor,0 0 5px currentColor;
  transform:rotate(3deg) translateY(-4px)}
/*! purgecss end ignore */.prose {
  max-width:none}
.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)) {
  text-decoration:none;
  font-weight:600;
  border-bottom:1px solid rgb(var(--primary));
  word-wrap:break-word}
.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
  font-weight:600}
.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
  margin-top:1.25em;
  margin-bottom:1.25em;
  list-style-type:decimal;
  padding-inline-start:2.125em}
.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
  list-style-type:none;
  margin-top:1.25em;
  margin-bottom:1.25em;
  padding-inline-start:1.625em;
  padding-left:0}
.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {
  font-weight:400;
  color:var(--tw-prose-counters)}
.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {
  color:var(--tw-prose-bullets)}
.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before {
  content:open-quote}
.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after {
  content:close-quote}
.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
  color:var(--tw-prose-headings);
  font-size:1.5em;
  margin-top:2em;
  margin-bottom:.6666666666666666em;
  line-height:1.3333333}
.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
  font-weight:500;
  font-size:.875em;
  font-variant-ligatures:none}
.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before {
  content:"`"}
.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after {
  content:"`"}
.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before {
  content:none}
.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after {
  content:none}
.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
  table-layout:auto;
  text-align:start;
  margin-top:2em;
  margin-bottom:2em;
  font-size:.875rem;
  line-height:1.25rem;
  overflow:auto}
.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)) {
  border-bottom-width:1px;
  border-bottom-color:rgb(var(--gray-200));
  color:rgb(var(--gray-700))}
.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
  color:var(--tw-prose-headings);
  font-weight:600;
  vertical-align:bottom;
  padding-inline-end:.5714286em;
  padding-bottom:.5714286em;
  padding-inline-start:.5714286em;
  padding-top:0}
.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)) {
  border-bottom-width:1px;
  border-bottom-color:rgb(var(--gray-100))}
.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
  border-bottom-width:1px}
.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)) {
  vertical-align:initial}
.prose {
  --tw-prose-body:#374151;
  --tw-prose-headings:#111827;
  --tw-prose-lead:#4b5563;
  --tw-prose-links:#111827;
  --tw-prose-bold:#111827;
  --tw-prose-counters:#6b7280;
  --tw-prose-bullets:#d1d5db;
  --tw-prose-hr:#e5e7eb;
  --tw-prose-quotes:#111827;
  --tw-prose-quote-borders:#e5e7eb;
  --tw-prose-captions:#6b7280;
  --tw-prose-kbd:#111827;
  --tw-prose-kbd-shadows:17 24 39;
  --tw-prose-code:#111827;
  --tw-prose-pre-code:#e5e7eb;
  --tw-prose-pre-bg:#1f2937;
  --tw-prose-th-borders:#d1d5db;
  --tw-prose-td-borders:#e5e7eb;
  --tw-prose-invert-body:#d1d5db;
  --tw-prose-invert-headings:#fff;
  --tw-prose-invert-lead:#9ca3af;
  --tw-prose-invert-links:#fff;
  --tw-prose-invert-bold:#fff;
  --tw-prose-invert-counters:#9ca3af;
  --tw-prose-invert-bullets:#4b5563;
  --tw-prose-invert-hr:#374151;
  --tw-prose-invert-quotes:#f3f4f6;
  --tw-prose-invert-quote-borders:#374151;
  --tw-prose-invert-captions:#9ca3af;
  --tw-prose-invert-kbd:#fff;
  --tw-prose-invert-kbd-shadows:255 255 255;
  --tw-prose-invert-code:#fff;
  --tw-prose-invert-pre-code:#d1d5db;
  --tw-prose-invert-pre-bg:rgb(0 0 0/50%);
  --tw-prose-invert-th-borders:#4b5563;
  --tw-prose-invert-td-borders:#374151;
  font-size:1rem;
  line-height:1.75}
.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
  margin-top:.5em;
  margin-bottom:.5em}
.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
  padding-inline-start:.375em}
.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
  padding-inline-start:.375em;
  position:relative;
  padding-left:2em!important}
.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
  margin-top:0}
.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
  padding-inline-start:0}
.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
  padding-inline-end:0}
.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
  padding-top:.5714286em;
  padding-inline-end:.5714286em;
  padding-bottom:.5714286em;
  padding-inline-start:.5714286em}
.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
  padding-inline-start:0}
.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
  padding-inline-end:0}
.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
  margin-top:0}
.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
  margin-bottom:0}
.prose :where(h1,h2,h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
  letter-spacing:-.025em}
.prose :where(h1,h2,h3,h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
  scroll-margin-top:var(--scroll-mt)}
.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)):before {
  content:"";
  width:.375em;
  height:.375em;
  position:absolute;
  top:calc(.875em - .1875em);
  left:.5em;
  border-radius:50%;
  background-color:rgb(var(--gray-400))}
.prose :where(a:hover):not(:where([class~=not-prose],[class~=not-prose] *)) {
  border-bottom-width:2px}
.prose :where(a:hover code):not(:where([class~=not-prose],[class~=not-prose] *)) {
  text-decoration-thickness:2px}
.prose :where(tbody code):not(:where([class~=not-prose],[class~=not-prose] *)) {
  font-size:.75rem}
.prose-gray {
  --tw-prose-body:#374151;
  --tw-prose-headings:#111827;
  --tw-prose-lead:#4b5563;
  --tw-prose-links:#111827;
  --tw-prose-bold:#111827;
  --tw-prose-counters:#6b7280;
  --tw-prose-bullets:#d1d5db;
  --tw-prose-hr:#e5e7eb;
  --tw-prose-quotes:#111827;
  --tw-prose-quote-borders:#e5e7eb;
  --tw-prose-captions:#6b7280;
  --tw-prose-kbd:#111827;
  --tw-prose-kbd-shadows:17 24 39;
  --tw-prose-code:#111827;
  --tw-prose-pre-code:#e5e7eb;
  --tw-prose-pre-bg:#1f2937;
  --tw-prose-th-borders:#d1d5db;
  --tw-prose-td-borders:#e5e7eb;
  --tw-prose-invert-body:#d1d5db;
  --tw-prose-invert-headings:#fff;
  --tw-prose-invert-lead:#9ca3af;
  --tw-prose-invert-links:#fff;
  --tw-prose-invert-bold:#fff;
  --tw-prose-invert-counters:#9ca3af;
  --tw-prose-invert-bullets:#4b5563;
  --tw-prose-invert-hr:#374151;
  --tw-prose-invert-quotes:#f3f4f6;
  --tw-prose-invert-quote-borders:#374151;
  --tw-prose-invert-captions:#9ca3af;
  --tw-prose-invert-kbd:#fff;
  --tw-prose-invert-kbd-shadows:255 255 255;
  --tw-prose-invert-code:#fff;
  --tw-prose-invert-pre-code:#d1d5db;
  --tw-prose-invert-pre-bg:rgb(0 0 0/50%);
  --tw-prose-invert-th-borders:#4b5563;
  --tw-prose-invert-td-borders:#374151}
.latex-style .theorem:before {
  content:"Theorem "counter(theorem)". ";
  font-weight:700;
  font-style:normal}
.latex-style .lemma:before {
  content:"Lemma "counter(lemma)". ";
  font-weight:700;
  font-style:normal}
.latex-style .proof:before {
  content:"Proof. "attr(title);
  font-style:italic}
.latex-style .proof:after {
  content:◾️;
  position:absolute;
  right:-12px;
  bottom:-2px}
.latex-style .definition:before {
  content:"Definition "counter(definition)". ";
  font-weight:700;
  font-style:normal}
.prose:is(.dark *) {
  color:inherit}
.prose thead:is(.dark *) {
  border-color:rgb(var(--gray-700)/.5)}
.prose tr:is(.dark *) {
  border-color:rgb(var(--gray-800)/.5)}
.prose a:is(.dark *),.prose strong:is(.dark *) {
  color:rgb(var(--gray-50))}
.prose ul>li:before {
  background-color:rgb(var(--gray-600))}
.prose ul>li:is(.dark *):before {
  background-color:rgb(var(--gray-400))}
[data-rmiz-btn-zoom]:not(:focus):not(:active) {
  position:absolute;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  height:1px;
  overflow:hidden;
  pointer-events:none;
  white-space:nowrap;
  width:1px}
[data-rmiz-modal]::backdrop {
  display:none}
.link {
  z-index:10}
.link {
  position:relative}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border-width:0}
.pointer-events-none {
  pointer-events:none}
.pointer-events-auto {
  pointer-events:auto}
.fixed {
  position:fixed}
.absolute {
  position:absolute}
.sticky {
  position:sticky}
.inset-0 {
  inset:0}
.-top-\[8rem\] {
  top:-8rem}
.bottom-0 {
  bottom:0}
.bottom-2 {
  bottom:.5rem}
.left-0 {
  left:0}
.left-1\/2 {
  left:50%}
.right-0 {
  right:0}
.right-2\.5 {
  right:.625rem}
.right-4 {
  right:1rem}
.right-5 {
  right:1.25rem}
.right-auto {
  right:auto}
.top-0 {
  top:0}
.top-11 {
  top:2.75rem}
.top-3 {
  top:.75rem}
.top-5 {
  top:1.25rem}
.top-\[calc\(9\.5rem-var\(--sidenav-move-up\2c 0px\)\)\] {
  top:calc(9.5rem - var(--sidenav-move-up,0px))}
.isolate {
  isolation:isolate}
.-z-10 {
  z-index:-10}
.z-10 {
  z-index:10}
.z-20 {
  z-index:20}
.z-30 {
  z-index:30}
.z-\[21\] {
  z-index:21}
.z-\[22\] {
  z-index:22}
.\!m-0 {
  margin:0!important}
.m-0 {
  margin:0}
.-mx-\[var\(--page-padding\)\] {
  margin-left:calc(var(--page-padding)*-1);
  margin-right:calc(var(--page-padding)*-1)}
.mx-4 {
  margin-left:1rem;
  margin-right:1rem}
.mx-6 {
  margin-left:1.5rem;
  margin-right:1.5rem}
.mx-8 {
  margin-left:2rem;
  margin-right:2rem}
.mx-auto {
  margin-left:auto;
  margin-right:auto}
.my-2 {
  margin-top:.5rem;
  margin-bottom:.5rem}
.my-4 {
  margin-top:1rem;
  margin-bottom:1rem}
.my-\[1em\] {
  margin-top:1em;
  margin-bottom:1em}
.-ml-10 {
  margin-left:-2.5rem}
.-mt-10 {
  margin-top:-2.5rem}
.mb-1 {
  margin-bottom:.25rem}
.mb-14 {
  margin-bottom:3.5rem}
.mb-3 {
  margin-bottom:.75rem}
.mb-3\.5 {
  margin-bottom:.875rem}
.mb-4 {
  margin-bottom:1rem}
.mb-8 {
  margin-bottom:2rem}
.ml-auto {
  margin-left:auto}
.mr-0\.5 {
  margin-right:.125rem}
.mt-0 {
  margin-top:0}
.mt-0\.5 {
  margin-top:.125rem}
.mt-1 {
  margin-top:.25rem}
.mt-2 {
  margin-top:.5rem}
.mt-4 {
  margin-top:1rem}
.mt-5 {
  margin-top:1.25rem}
.mt-6 {
  margin-top:1.5rem}
.mt-8 {
  margin-top:2rem}
.box-border {
  box-sizing:border-box}
.block {
  display:block}
.inline-block {
  display:inline-block}
.flex {
  display:flex}
.inline-flex {
  display:inline-flex}
.table {
  display:table}
.grid {
  display:grid}
.hidden {
  display:none}
.size-3\.5 {
  width:.875rem;
  height:.875rem}
.size-4 {
  width:1rem;
  height:1rem}
.size-5 {
  width:1.25rem;
  height:1.25rem}
.size-6 {
  width:1.5rem;
  height:1.5rem}
.size-\[20px\] {
  width:20px;
  height:20px}
.h-1\.5 {
  height:.375rem}
.h-12 {
  height:3rem}
.h-14 {
  height:3.5rem}
.h-16 {
  height:4rem}
.h-2\.5 {
  height:.625rem}
.h-3 {
  height:.75rem}
.h-4 {
  height:1rem}
.h-5 {
  height:1.25rem}
.h-6 {
  height:1.5rem}
.h-7 {
  height:1.75rem}
.h-8 {
  height:2rem}
.h-9 {
  height:2.25rem}
.h-\[1\.5px\] {
  height:1.5px}
.h-\[26px\] {
  height:26px}
.h-\[calc\(100vh-9\.5rem\)\] {
  height:calc(100vh - 9.5rem)}
.h-auto {
  height:auto}
.h-fit {
  height:fit-content}
.h-full {
  height:100%}
.h-px {
  height:1px}
.h-screen {
  height:100vh}
.max-h-full {
  max-height:100%}
.min-h-0 {
  min-height:0}
.min-h-\[76px\] {
  min-height:76px}
.w-0 {
  width:0}
.w-3 {
  width:.75rem}
.w-3\.5 {
  width:.875rem}
.w-4 {
  width:1rem}
.w-5 {
  width:1.25rem}
.w-6 {
  width:1.5rem}
.w-\[16\.5rem\] {
  width:16.5rem}
.w-\[18rem\] {
  width:18rem}
.w-\[19rem\] {
  width:19rem}
.w-\[26px\] {
  width:26px}
.w-\[calc\(100\%\+\(var\(--page-padding\)\*2\)\)\] {
  width:calc(100% + (var(--page-padding)*2))}
.w-auto {
  width:auto}
.w-full {
  width:100%}
.w-px {
  width:1px}
.min-w-0 {
  min-width:0}
.min-w-16 {
  min-width:4rem}
.min-w-4 {
  min-width:1rem}
.min-w-\[140px\] {
  min-width:140px}
.min-w-\[42px\] {
  min-width:42px}
.min-w-\[43px\] {
  min-width:43px}
.min-w-full {
  min-width:100%}
.max-w-36 {
  max-width:9rem}
.max-w-48 {
  max-width:12rem}
.max-w-8xl {
  max-width:92rem}
.max-w-\[12\.5rem\] {
  max-width:12.5rem}
.max-w-\[28rem\] {
  max-width:28rem}
.max-w-\[492px\] {
  max-width:492px}
.max-w-\[984px\] {
  max-width:984px}
.max-w-full {
  max-width:100%}
.max-w-none {
  max-width:none}
.flex-none {
  flex:none}
.flex-shrink-0 {
  flex-shrink:0}
.shrink-0 {
  flex-shrink:0}
.flex-grow {
  flex-grow:1}
.grow {
  flex-grow:1}
.-translate-x-1\/2 {
  --tw-translate-x:-50%}
.-translate-y-1\/2 {
  --tw-translate-y:-50%}
.rotate-0 {
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.rotate-0 {
  --tw-rotate:0deg}
.rotate-180 {
  --tw-rotate:180deg}
.rotate-180,.rotate-90 {
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.rotate-90 {
  --tw-rotate:90deg}
.transform {
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@keyframes slide-up {
  0% {
  transform:translateY(100%)}
to {
  transform:translateY(0)}
}
@keyframes fadeIn {
  0% {
  opacity:0}
to {
  opacity:1}
}
@keyframes pulse {
  50% {
  opacity:.5}
}
@keyframes shimmer {
  0% {
  background-position:200%0}
to {
  background-position:-200%0}
}
@keyframes spin {
  to {
  transform:rotate(1turn)}
}
.cursor-col-resize {
  cursor:col-resize}
.cursor-default {
  cursor:default}
.cursor-pointer {
  cursor:pointer}
.select-none {
  -webkit-user-select:none;
  user-select:none}
.scroll-m-4 {
  scroll-margin:1rem}
.scroll-mt-\[var\(--scroll-mt\)\] {
  scroll-margin-top:var(--scroll-mt)}
.list-none {
  list-style-type:none}
.flex-row {
  flex-direction:row}
.flex-row-reverse {
  flex-direction:row-reverse}
.flex-col {
  flex-direction:column}
.flex-col-reverse {
  flex-direction:column-reverse}
.flex-wrap {
  flex-wrap:wrap}
.content-center {
  align-content:center}
.items-end {
  align-items:flex-end}
.items-center {
  align-items:center}
.justify-end {
  justify-content:flex-end}
.justify-center {
  justify-content:center}
.justify-between {
  justify-content:space-between}
.gap-1 {
  gap:.25rem}
.gap-1\.5 {
  gap:.375rem}
.gap-12 {
  gap:3rem}
.gap-2 {
  gap:.5rem}
.gap-2\.5 {
  gap:.625rem}
.gap-3 {
  gap:.75rem}
.gap-4 {
  gap:1rem}
.gap-8 {
  gap:2rem}
.gap-x-2 {
  column-gap:.5rem}
.gap-x-3 {
  column-gap:.75rem}
.gap-x-4 {
  column-gap:1rem}
.gap-x-6 {
  column-gap:1.5rem}
.gap-y-8 {
  row-gap:2rem}
.space-x-2>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse:0;
  margin-right:calc(.5rem*var(--tw-space-x-reverse));
  margin-left:calc(.5rem*calc(1 - var(--tw-space-x-reverse)))}
.space-x-2\.5>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse:0;
  margin-right:calc(.625rem*var(--tw-space-x-reverse));
  margin-left:calc(.625rem*calc(1 - var(--tw-space-x-reverse)))}
.space-x-3>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse:0;
  margin-right:calc(.75rem*var(--tw-space-x-reverse));
  margin-left:calc(.75rem*calc(1 - var(--tw-space-x-reverse)))}
.space-x-4>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse:0;
  margin-right:calc(1rem*var(--tw-space-x-reverse));
  margin-left:calc(1rem*calc(1 - var(--tw-space-x-reverse)))}
.space-x-6>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse:0;
  margin-right:calc(1.5rem*var(--tw-space-x-reverse));
  margin-left:calc(1.5rem*calc(1 - var(--tw-space-x-reverse)))}
.space-y-2>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(.5rem*calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}
.space-y-px>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top:calc(1px*calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1px*var(--tw-space-y-reverse))}
.divide-y>:not([hidden])~:not([hidden]) {
  --tw-divide-y-reverse:0;
  border-top-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}
.divide-inherit>:not([hidden])~:not([hidden]) {
  border-color:inherit}
.self-start {
  align-self:flex-start}
.overflow-auto {
  overflow:auto}
.overflow-hidden {
  overflow:hidden}
.overflow-visible {
  overflow:visible}
.overflow-x-auto {
  overflow-x:auto}
.overflow-y-auto {
  overflow-y:auto}
.truncate {
  overflow:hidden;
  white-space:nowrap}
.truncate {
  text-overflow:ellipsis}
.hyphens-auto {
  hyphens:auto}
.whitespace-normal {
  white-space:normal}
.whitespace-nowrap {
  white-space:nowrap}
.whitespace-pre {
  white-space:pre}
.whitespace-pre-wrap {
  white-space:pre-wrap}
.break-words {
  overflow-wrap:break-word}
.rounded-2xl {
  border-radius:var(--rounded-2xl,1rem)}
.rounded-full {
  border-radius:var(--rounded-full,9999px)}
.rounded-lg {
  border-radius:var(--rounded-lg,.5rem)}
.rounded-md {
  border-radius:var(--rounded-md,.375rem)}
.rounded-xl {
  border-radius:var(--rounded-xl,.75rem)}
.rounded-t-xl {
  border-top-left-radius:var(--rounded-xl,.75rem);
  border-top-right-radius:var(--rounded-xl,.75rem)}
.border {
  border-width:1px}
.border-0 {
  border-width:0}
.border-b {
  border-bottom-width:1px}
.border-t {
  border-top-width:1px}
.border-blue-200 {
  --tw-border-opacity:1}
.border-green-200 {
  --tw-border-opacity:1}
.border-neutral-200 {
  --tw-border-opacity:1}
.bg-background-light {
  --tw-bg-opacity:1}
.bg-blue-50 {
  --tw-bg-opacity:1}
.bg-green-50 {
  --tw-bg-opacity:1}
.bg-neutral-50 {
  --tw-bg-opacity:1}
.bg-primary {
  --tw-bg-opacity:1}
.bg-primary-dark {
  --tw-bg-opacity:1;
  background-color:rgb(var(--primary-dark)/var(--tw-bg-opacity))}
.bg-transparent {
  background-color:initial}
.bg-white {
  --tw-bg-opacity:1}
.bg-gradient-to-b {
  background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}
.from-background-light {
  --tw-gradient-from:rgb(var(--background-light)/1) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(var(--background-light)/0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.fill-current {
  fill:currentColor}
.stroke-gray-400 {
  stroke:rgb(var(--gray-400))}
.object-contain {
  object-fit:contain}
.p-1 {
  padding:.25rem}
.p-1\.5 {
  padding:.375rem}
.p-2 {
  padding:.5rem}
.px-0\.5 {
  padding-left:.125rem;
  padding-right:.125rem}
.px-1 {
  padding-left:.25rem;
  padding-right:.25rem}
.px-1\.5 {
  padding-left:.375rem;
  padding-right:.375rem}
.px-12 {
  padding-left:3rem;
  padding-right:3rem}
.px-2\.5 {
  padding-left:.625rem;
  padding-right:.625rem}
.px-3\.5 {
  padding-left:.875rem;
  padding-right:.875rem}
.px-4 {
  padding-left:1rem;
  padding-right:1rem}
.px-5 {
  padding-left:1.25rem;
  padding-right:1.25rem}
.px-6 {
  padding-left:1.5rem;
  padding-right:1.5rem}
.px-8 {
  padding-left:2rem;
  padding-right:2rem}
.px-\[var\(--page-padding\)\] {
  padding-left:var(--page-padding);
  padding-right:var(--page-padding)}
.py-0\.5 {
  padding-top:.125rem;
  padding-bottom:.125rem}
.py-1 {
  padding-top:.25rem;
  padding-bottom:.25rem}
.py-1\.5 {
  padding-top:.375rem;
  padding-bottom:.375rem}
.py-16 {
  padding-top:4rem;
  padding-bottom:4rem}
.py-2 {
  padding-top:.5rem;
  padding-bottom:.5rem}
.py-2\.5 {
  padding-top:.625rem;
  padding-bottom:.625rem}
.py-3\.5 {
  padding-top:.875rem;
  padding-bottom:.875rem}
.py-4 {
  padding-top:1rem;
  padding-bottom:1rem}
.py-5 {
  padding-top:1.25rem;
  padding-bottom:1.25rem}
.py-\[1em\] {
  padding-top:1em;
  padding-bottom:1em}
.pb-10 {
  padding-bottom:2.5rem}
.pb-16 {
  padding-bottom:4rem}
.pb-3 {
  padding-bottom:.75rem}
.pb-4 {
  padding-bottom:1rem}
.pl-10 {
  padding-left:2.5rem}
.pl-3 {
  padding-left:.75rem}
.pl-3\.5 {
  padding-left:.875rem}
.pl-4 {
  padding-left:1rem}
.pr-10 {
  padding-right:2.5rem}
.pr-3 {
  padding-right:.75rem}
.pr-3\.5 {
  padding-right:.875rem}
.pr-8 {
  padding-right:2rem}
.pt-1 {
  padding-top:.25rem}
.pt-10 {
  padding-top:2.5rem}
.pt-40 {
  padding-top:10rem}
.text-left {
  text-align:left}
.text-center {
  text-align:center}
.font-mono {
  font-family:var(--font-jetbrains-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.text-base {
  font-size:1rem;
  line-height:1.5rem}
.text-sm {
  font-size:.875rem;
  line-height:1.25rem}
.text-xs {
  font-size:.75rem;
  line-height:1rem}
.font-bodyWeight {
  font-weight:var(--font-weight-body-custom)}
.font-medium {
  font-weight:500}
.font-normal {
  font-weight:400}
.font-semibold {
  font-weight:600}
.leading-4 {
  line-height:1rem}
.leading-6 {
  line-height:1.5rem}
.leading-none {
  line-height:1}
.leading-tight {
  line-height:1.25}
.text-blue-800 {
  --tw-text-opacity:1}
.text-gray-400 {
  color:rgb(var(--gray-400))}
.text-gray-500 {
  color:rgb(var(--gray-500))}
.text-gray-600 {
  color:rgb(var(--gray-600))}
.text-green-800 {
  --tw-text-opacity:1}
.text-neutral-800 {
  --tw-text-opacity:1}
.text-primary {
  --tw-text-opacity:1}
.text-tooltip-foreground {
  --tw-text-opacity:1;
  color:rgb(var(--tooltip-foreground)/var(--tw-text-opacity))}
.text-white {
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))}
.text-white\/90 {
  color:rgb(255 255 255/.9)}
.antialiased {
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale}
.placeholder-gray-300::placeholder {
  color:rgb(var(--gray-300))}
.placeholder-gray-400::placeholder {
  color:rgb(var(--gray-400))}
.placeholder-gray-500::placeholder {
  color:rgb(var(--gray-500))}
.opacity-0 {
  opacity:0}
.shadow-sm {
  --tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}
.\!outline-none {
  outline:2px solid transparent!important;
  outline-offset:2px!important}
.outline-offset-\[-1px\] {
  outline-offset:-1px}
.ring-1 {
  --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}
.ring-1,.ring-2 {
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0#0000)}
.ring-2 {
  --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}
.ring-gray-400\/20 {
  --tw-ring-color:rgb(var(--gray-400)/0.2)}
.ring-gray-400\/30 {
  --tw-ring-color:rgb(var(--gray-400)/0.3)}
.ring-transparent {
  --tw-ring-color:transparent}
.backdrop-blur {
  --tw-backdrop-blur:blur(8px)}
.backdrop-blur {
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.backdrop-blur-xl {
  --tw-backdrop-blur:blur(24px);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.transition {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1)}
.transition-\[height\] {
  transition-property:height}
.transition-colors {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s}
.transition-transform {
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s}
.duration-300 {
  transition-duration:.3s}
.duration-500 {
  transition-duration:.5s}
.duration-75 {
  transition-duration:75ms}
.ease-in-out {
  transition-timing-function:cubic-bezier(.4,0,.2,1)}
.scrollbar-thin::-webkit-scrollbar-track {
  background-color:var(--scrollbar-track);
  border-radius:var(--scrollbar-track-radius)}
.scrollbar-thin::-webkit-scrollbar-track:hover {
  background-color:var(--scrollbar-track-hover,var(--scrollbar-track))}
.scrollbar-thin::-webkit-scrollbar-track:active {
  background-color:var(--scrollbar-track-active,var(--scrollbar-track-hover,var(--scrollbar-track)))}
.scrollbar-thin::-webkit-scrollbar-thumb {
  background-color:var(--scrollbar-thumb);
  border-radius:var(--scrollbar-thumb-radius)}
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background-color:var(--scrollbar-thumb-hover,var(--scrollbar-thumb))}
.scrollbar-thin::-webkit-scrollbar-thumb:active {
  background-color:var(--scrollbar-thumb-active,var(--scrollbar-thumb-hover,var(--scrollbar-thumb)))}
.scrollbar-thin::-webkit-scrollbar-corner {
  background-color:var(--scrollbar-corner);
  border-radius:var(--scrollbar-corner-radius)}
.scrollbar-thin::-webkit-scrollbar-corner:hover {
  background-color:var(--scrollbar-corner-hover,var(--scrollbar-corner))}
.scrollbar-thin::-webkit-scrollbar-corner:active {
  background-color:var(--scrollbar-corner-active,var(--scrollbar-corner-hover,var(--scrollbar-corner)))}
@supports (-moz-appearance:none) {
  .scrollbar-thin {
  scrollbar-width:thin;
  scrollbar-color:var(--scrollbar-thumb,initial) var(--scrollbar-track,initial)}
}
.scrollbar-thin::-webkit-scrollbar {
  display:block;
  width:8px;
  height:8px}
.scrollbar-thumb-black\/15 {
  --scrollbar-thumb:rgb(0 0 0/0.15)!important}
.scrollbar-thumb-rounded {
  --scrollbar-thumb-radius:var(--rounded,0.25rem)}
@keyframes enter {
  0% {
  opacity:var(--tw-enter-opacity,1);
  transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}
}
@keyframes exit {
  to {
  opacity:var(--tw-exit-opacity,1);
  transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}
}
.duration-300 {
  animation-duration:.3s}
.duration-500 {
  animation-duration:.5s}
.duration-75 {
  animation-duration:75ms}
.ease-in-out {
  animation-timing-function:cubic-bezier(.4,0,.2,1)}
.\[--page-padding\:20px\] {
  --page-padding:20px}
.\[contain\:inline-size\] {
  contain:inline-size}
.\[text-shadow\:-0\.2px_0_0_currentColor\2c 0\.2px_0_0_currentColor\] {
  text-shadow:-.2px 0 0 currentColor,.2px 0 0 currentColor}
.font-mono {
  font-variant-ligatures:none}
.scrollbar-none::-webkit-scrollbar {
  display:none!important}
.border-standard {
  border-width:1px}
.border-standard:is(.dark *) {
  border-color:rgb(255 255 255/.1)}
.text-playground-input::placeholder {
  color:rgb(var(--gray-400))}
.text-playground-input:focus {
  border-color:rgb(var(--gray-300))}
.text-playground-input:is(.dark *)::placeholder {
  color:rgb(255 255 255/.2)}
.text-playground-input:focus:is(.dark *) {
  border-color:rgb(255 255 255/.2)}
.no-scrollbar::-webkit-scrollbar {
  display:none}
.dark\:prose-invert:is(.dark *) {
  --tw-prose-body:var(--tw-prose-invert-body);
  --tw-prose-headings:var(--tw-prose-invert-headings);
  --tw-prose-lead:var(--tw-prose-invert-lead);
  --tw-prose-links:var(--tw-prose-invert-links);
  --tw-prose-bold:var(--tw-prose-invert-bold);
  --tw-prose-counters:var(--tw-prose-invert-counters);
  --tw-prose-bullets:var(--tw-prose-invert-bullets);
  --tw-prose-hr:var(--tw-prose-invert-hr);
  --tw-prose-quotes:var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);
  --tw-prose-captions:var(--tw-prose-invert-captions);
  --tw-prose-kbd:var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code:var(--tw-prose-invert-code);
  --tw-prose-pre-code:var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders:var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders:var(--tw-prose-invert-td-borders)}
.dark\:prose-dark:is(.dark *) {
  color:rgb(var(--gray-400))}
.dark\:prose-dark:is(.dark *) :where(a):not(:where([class~=not-prose],[class~=not-prose] *)) {
  border-bottom-color:rgb(var(--primary-light))}
.placeholder\:text-gray-400::placeholder {
  color:rgb(var(--gray-400))}
.placeholder\:text-gray-600\/70::placeholder {
  color:rgb(var(--gray-600)/.7)}
.before\:absolute:before {
  content:var(--tw-content);
  position:absolute}
.before\:right-0:before {
  content:var(--tw-content);
  right:0}
.before\:h-full:before {
  content:var(--tw-content);
  height:100%}
.before\:w-\[7px\]:before {
  content:var(--tw-content);
  width:7px}
.before\:bg-gray-50:before {
  content:var(--tw-content);
  background-color:rgb(var(--gray-50))}
.before\:content-\[\'\'\]:before {
  --tw-content:"";
  content:var(--tw-content)}
.after\:absolute:after {
  content:var(--tw-content);
  position:absolute}
.after\:-inset-x-2:after {
  content:var(--tw-content);
  left:-.5rem;
  right:-.5rem}
.after\:inset-y-0:after {
  content:var(--tw-content);
  top:0;
  bottom:0}
.after\:left-0:after {
  content:var(--tw-content);
  left:0}
.after\:h-full:after {
  content:var(--tw-content);
  height:100%}
.after\:w-\[7px\]:after {
  content:var(--tw-content);
  width:7px}
.after\:select-none:after {
  content:var(--tw-content);
  -webkit-user-select:none;
  user-select:none}
.after\:bg-gray-50:after {
  content:var(--tw-content);
  background-color:rgb(var(--gray-50))}
.after\:content-\[\"\"\]:after,.after\:content-\[\'\'\]:after {
  --tw-content:"";
  content:var(--tw-content)}
.first\:scroll-m-20:first-child {
  scroll-margin:5rem}
.focus-within\:w-full:focus-within {
  width:100%}
.focus-within\:border-primary:focus-within {
  --tw-border-opacity:1;
  border-color:rgb(var(--primary)/var(--tw-border-opacity))}
.focus-within\:bg-gray-950\/5:focus-within {
  background-color:rgb(var(--gray-950)/.05)}
.focus-within\:outline-0:focus-within {
  outline-width:0}
.group:hover .group-hover\:block {
  display:block}
.group:hover .group-hover\:flex {
  display:flex}
.group:hover .group-hover\:hidden {
  display:none}
.group:hover .group-hover\:bg-gray-200 {
  background-color:rgb(var(--gray-200))}
.group:hover .group-hover\:bg-gray-200\/50 {
  background-color:rgb(var(--gray-200)/.5)}
.group:hover .group-hover\:bg-gray-500 {
  background-color:rgb(var(--gray-500))}
.group:hover .group-hover\:bg-gray-600 {
  background-color:rgb(var(--gray-600))}
.group:hover .group-hover\:bg-gray-700\/70 {
  background-color:rgb(var(--gray-700)/.7)}
.group:hover .group-hover\:bg-gray-800 {
  background-color:rgb(var(--gray-800))}
.group:hover .group-hover\:bg-gray-900 {
  background-color:rgb(var(--gray-900))}
.group:hover .group-hover\:bg-primary {
  --tw-bg-opacity:1;
  background-color:rgb(var(--primary)/var(--tw-bg-opacity))}
.group:hover .group-hover\:bg-white {
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity))}
.group:hover .group-hover\:bg-white\/60 {
  background-color:rgb(255 255 255/.6)}
.group:hover .group-hover\:fill-gray-700 {
  fill:rgb(var(--gray-700))}
.group:hover .group-hover\:fill-primary-dark {
  fill:rgb(var(--primary-dark)/1)}
.group:hover .group-hover\:stroke-gray-600 {
  stroke:rgb(var(--gray-600))}
.group\/ask-ai-button:hover .group-hover\/ask-ai-button\:text-gray-500 {
  color:rgb(var(--gray-500))}
.group\/ask-ai-button:hover .group-hover\/ask-ai-button\:text-white\/60 {
  color:rgb(255 255 255/.6)}
.group\/code-snippet-feedback-button:hover .group-hover\/code-snippet-feedback-button\:text-gray-500 {
  color:rgb(var(--gray-500))}
.group\/code-snippet-feedback-button:hover .group-hover\/code-snippet-feedback-button\:text-white\/60 {
  color:rgb(255 255 255/.6)}
.group\/copy-button:hover .group-hover\/copy-button\:text-gray-500 {
  color:rgb(var(--gray-500))}
.group\/copy-button:hover .group-hover\/copy-button\:text-white\/60 {
  color:rgb(255 255 255/.6)}
.group:hover .group-hover\:text-gray-500 {
  color:rgb(var(--gray-500))}
.group:hover .group-hover\:text-gray-600 {
  color:rgb(var(--gray-600))}
.group:hover .group-hover\:text-gray-700 {
  color:rgb(var(--gray-700))}
.group:hover .group-hover\:text-gray-800 {
  color:rgb(var(--gray-800))}
.group:hover .group-hover\:text-gray-900 {
  color:rgb(var(--gray-900))}
.group:hover .group-hover\:text-gray-950 {
  color:rgb(var(--gray-950))}
.group:hover .group-hover\:text-gray-950\/70 {
  color:rgb(var(--gray-950)/.7)}
.group:hover .group-hover\:text-primary {
  --tw-text-opacity:1;
  color:rgb(var(--primary)/var(--tw-text-opacity))}
.group:hover .group-hover\:text-primary-light {
  --tw-text-opacity:1;
  color:rgb(var(--primary-light)/var(--tw-text-opacity))}
.group:hover .group-hover\:opacity-100,.group\/param-head:hover .group-hover\/param-head\:opacity-100 {
  opacity:1}
.group:hover .group-hover\:opacity-\[0\.9\] {
  opacity:.9}
.group:hover .group-hover\:ring-0 {
  --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0#0000)}
.group:hover .group-hover\:brightness-100 {
  --tw-brightness:brightness(1);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.group\/link:focus .group-focus\/link\:border-2 {
  border-width:2px}
.group\/link:focus .group-focus\/link\:border-primary {
  --tw-border-opacity:1;
  border-color:rgb(var(--primary)/var(--tw-border-opacity))}
.peer:hover~.peer-hover\:opacity-100 {
  opacity:1}
.peer\/input:focus~.peer-focus\/input\:hidden {
  display:none}
.peer:focus~.peer-focus\:opacity-100 {
  opacity:1}
.peer:disabled~.peer-disabled\:cursor-not-allowed {
  cursor:not-allowed}
.peer:disabled~.peer-disabled\:opacity-30 {
  opacity:.3}
.peer:disabled~.peer-disabled\:opacity-70 {
  opacity:.7}
.peer.is-not-custom~.peer-\[\.is-not-custom\]\:mx-auto {
  margin-left:auto;
  margin-right:auto}
.peer.is-not-custom.is-not-center~.peer-\[\.is-not-custom\]\:peer-\[\.is-not-center\]\:max-w-8xl {
  max-width:92rem}
.peer.is-not-custom~.peer-\[\.is-not-custom\]\:px-4 {
  padding-left:1rem;
  padding-right:1rem}
.hover\:scale-100:hover {
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:scale-100:hover {
  --tw-scale-x:1;
  --tw-scale-y:1}
.hover\:scale-105:hover {
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:border-b-\[2px\]:hover {
  border-bottom-width:2px}
.hover\:\!border-primary:hover {
  --tw-border-opacity:1!important;
  border-color:rgb(var(--primary)/var(--tw-border-opacity))!important}
.hover\:border-gray-200:hover {
  border-color:rgb(var(--gray-200))}
.hover\:border-gray-300:hover {
  border-color:rgb(var(--gray-300))}
.hover\:border-gray-500:hover {
  border-color:rgb(var(--gray-500))}
.hover\:border-gray-950\/20:hover {
  border-color:rgb(var(--gray-950)/.2)}
.hover\:border-primary:hover {
  --tw-border-opacity:1;
  border-color:rgb(var(--primary)/var(--tw-border-opacity))}
.hover\:\!bg-gray-600\/5:hover {
  background-color:rgb(var(--gray-600)/.05)!important}
.hover\:\!bg-transparent:hover {
  background-color:initial!important}
.hover\:bg-\[\#F9F9F9\]:hover {
  --tw-bg-opacity:1;
  background-color:rgb(249 249 249/var(--tw-bg-opacity))}
.hover\:bg-background-dark\/\[0\.03\]:hover {
  background-color:rgb(var(--background-dark)/.03)}
.hover\:bg-gray-100:hover {
  background-color:rgb(var(--gray-100))}
.hover\:bg-gray-200:hover {
  background-color:rgb(var(--gray-200))}
.hover\:bg-gray-200\/10:hover {
  background-color:rgb(var(--gray-200)/.1)}
.hover\:bg-gray-200\/50:hover {
  background-color:rgb(var(--gray-200)/.5)}
.hover\:bg-gray-50:hover {
  background-color:rgb(var(--gray-50))}
.hover\:bg-gray-50\/50:hover {
  background-color:rgb(var(--gray-50)/.5)}
.hover\:bg-gray-500:hover {
  background-color:rgb(var(--gray-500))}
.hover\:bg-gray-600:hover {
  background-color:rgb(var(--gray-600))}
.hover\:bg-gray-600\/5:hover {
  background-color:rgb(var(--gray-600)/.05)}
.hover\:bg-gray-700:hover {
  background-color:rgb(var(--gray-700))}
.hover\:bg-gray-700\/70:hover {
  background-color:rgb(var(--gray-700)/.7)}
.hover\:bg-gray-800:hover {
  background-color:rgb(var(--gray-800))}
.hover\:bg-gray-800\/50:hover {
  background-color:rgb(var(--gray-800)/.5)}
.hover\:bg-gray-900\/5:hover {
  background-color:rgb(var(--gray-900)/.05)}
.hover\:bg-gray-950\/10:hover {
  background-color:rgb(var(--gray-950)/.1)}
.hover\:bg-gray-950\/5:hover {
  background-color:rgb(var(--gray-950)/.05)}
.hover\:bg-green-700:hover {
  --tw-bg-opacity:1;
  background-color:rgb(21 128 61/var(--tw-bg-opacity))}
.hover\:bg-neutral-100:hover {
  --tw-bg-opacity:1;
  background-color:rgb(245 245 245/var(--tw-bg-opacity))}
.hover\:bg-neutral-900:hover {
  --tw-bg-opacity:1;
  background-color:rgb(23 23 23/var(--tw-bg-opacity))}
.hover\:bg-neutral-950\/5:hover {
  background-color:rgb(10 10 10/.05)}
.hover\:bg-primary-light\/10:hover {
  background-color:rgb(var(--primary-light)/.1)}
.hover\:bg-primary\/10:hover {
  background-color:rgb(var(--primary)/.1)}
.hover\:bg-transparent:hover {
  background-color:initial}
.hover\:bg-zinc-950\/5:hover {
  background-color:rgb(9 9 11/.05)}
.hover\:bg-zinc-950\/80:hover {
  background-color:rgb(9 9 11/.8)}
.hover\:fill-gray-600:hover {
  fill:rgb(var(--gray-600))}
.hover\:text-gray-200:hover {
  color:rgb(var(--gray-200))}
.hover\:text-gray-600:hover {
  color:rgb(var(--gray-600))}
.hover\:text-gray-700:hover {
  color:rgb(var(--gray-700))}
.hover\:text-gray-800:hover {
  color:rgb(var(--gray-800))}
.hover\:text-gray-900:hover {
  color:rgb(var(--gray-900))}
.hover\:text-gray-950:hover {
  color:rgb(var(--gray-950))}
.hover\:text-gray-950\/70:hover {
  color:rgb(var(--gray-950)/.7)}
.hover\:text-gray-950\/75:hover {
  color:rgb(var(--gray-950)/.75)}
.hover\:text-primary:hover {
  --tw-text-opacity:1;
  color:rgb(var(--primary)/var(--tw-text-opacity))}
.hover\:text-primary-dark:hover {
  --tw-text-opacity:1;
  color:rgb(var(--primary-dark)/var(--tw-text-opacity))}
.hover\:text-primary-light:hover {
  --tw-text-opacity:1;
  color:rgb(var(--primary-light)/var(--tw-text-opacity))}
.hover\:text-zinc-950:hover {
  --tw-text-opacity:1;
  color:rgb(9 9 11/var(--tw-text-opacity))}
.hover\:opacity-50:hover {
  opacity:.5}
.hover\:opacity-70:hover {
  opacity:.7}
.hover\:opacity-80:hover {
  opacity:.8}
.hover\:opacity-90:hover,.hover\:opacity-\[0\.9\]:hover {
  opacity:.9}
.hover\:shadow-xl:hover {
  --tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0#0000),var(--tw-ring-shadow,0 0#0000),var(--tw-shadow)}
.hover\:ring-1:hover {
  --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0#0000)}
.hover\:ring-gray-200:hover {
  --tw-ring-color:rgb(var(--gray-200))}
.hover\:ring-gray-400\/60:hover {
  --tw-ring-color:rgb(var(--gray-400)/0.6)}
.hover\:ring-gray-600\/25:hover {
  --tw-ring-color:rgb(var(--gray-600)/0.25)}
.hover\:ring-gray-600\/30:hover {
  --tw-ring-color:rgb(var(--gray-600)/0.3)}
.hover\:brightness-\[0\.75\]:hover {
  --tw-brightness:brightness(0.75);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.hover\:scrollbar-thumb-black\/20 {
  --scrollbar-thumb-hover:rgb(0 0 0/0.2)!important}
.focus-within\:hover\:scale-100:hover:focus-within {
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group:hover .group-hover\:hover\:bg-primary-light\/10:hover {
  background-color:rgb(var(--primary-light)/.1)}
.focus\:not-sr-only:focus {
  position:static;
  width:auto;
  height:auto;
  padding:0;
  margin:0;
  overflow:visible;
  clip:auto;
  white-space:normal}
.focus\:fixed:focus {
  position:fixed}
.focus\:left-2:focus {
  left:.5rem}
.focus\:top-2:focus {
  top:.5rem}
.focus\:z-50:focus {
  z-index:50}
.focus\:rounded-md:focus {
  border-radius:var(--rounded-md,.375rem)}
.focus\:border-gray-300:focus {
  border-color:rgb(var(--gray-300))}
.focus\:border-slate-950:focus {
  --tw-border-opacity:1;
  border-color:rgb(2 6 23/var(--tw-border-opacity))}
.focus\:bg-background-dark\/5:focus {
  background-color:rgb(var(--background-dark)/.05)}
.focus\:bg-background-light:focus {
  --tw-bg-opacity:1;
  background-color:rgb(var(--background-light)/var(--tw-bg-opacity))}
.focus\:bg-gray-600\/5:focus {
  background-color:rgb(var(--gray-600)/.05)}
.focus\:p-2:focus {
  padding:.5rem}
.focus\:text-sm:focus {
  font-size:.875rem;
  line-height:1.25rem}
.focus\:text-gray-950\/75:focus {
  color:rgb(var(--gray-950)/.75)}
.focus\:opacity-100:focus {
  opacity:1}
.focus\:\!outline-none:focus {
  outline:2px solid transparent!important;
  outline-offset:2px!important}
.focus\:outline-0:focus {
  outline-width:0}
.focus\:outline-2:focus {
  outline-width:2px}
.focus\:outline-primary:focus {
  outline-color:rgb(var(--primary)/1)}
.focus\:ring-0:focus {
  --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0#0000)}
.focus-visible\:outline-none:focus-visible {
  outline:2px solid transparent;
  outline-offset:2px}
.focus-visible\:\!outline-primary:focus-visible {
  outline-color:rgb(var(--primary)/1)!important}
.focus-visible\:outline-primary:focus-visible {
  outline-color:rgb(var(--primary)/1)}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0#0000)}
.focus-visible\:ring-primary:focus-visible {
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(var(--primary)/var(--tw-ring-opacity))}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width:2px}
.active\:scale-95:active {
  --tw-scale-x:.95;
  --tw-scale-y:.95}
.active\:scale-95:active,.active\:scale-\[93\%\]:active {
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.active\:scale-\[93\%\]:active {
  --tw-scale-x:93%;
  --tw-scale-y:93%}
.active\:cursor-grabbing:active {
  cursor:grabbing}
.active\:scrollbar-thumb-black\/20 {
  --scrollbar-thumb-active:rgb(0 0 0/0.2)!important}
.disabled\:pointer-events-none:disabled {
  pointer-events:none}
.disabled\:cursor-not-allowed:disabled {
  cursor:not-allowed}
.disabled\:opacity-50:disabled {
  opacity:.5}
.disabled\:opacity-70:disabled {
  opacity:.7}
.children\:\!my-0>* {
  margin-top:0!important;
  margin-bottom:0!important}
.children\:\!bg-transparent>* {
  background-color:initial!important}
.children\:\!shadow-none>* {
  --tw-shadow:0 0#0000!important;
  --tw-shadow-colored:0 0#0000!important;
  box-shadow:var(--tw-ring-offset-shadow,0 0#0000),var(--tw-ring-shadow,0 0#0000),var(--tw-shadow)!important}
.dark\:block:is(.dark *) {
  display:block}
.dark\:hidden:is(.dark *) {
  display:none}
.dark\:border-blue-900:is(.dark *) {
  --tw-border-opacity:1;
  border-color:rgb(30 58 138/var(--tw-border-opacity))}
.dark\:border-gray-300\/\[0\.06\]:is(.dark *) {
  border-color:rgb(var(--gray-300)/.06)}
.dark\:border-gray-800\/50:is(.dark *) {
  border-color:rgb(var(--gray-800)/.5)}
.dark\:border-green-900:is(.dark *) {
  --tw-border-opacity:1;
  border-color:rgb(20 83 45/var(--tw-border-opacity))}
.dark\:border-neutral-700:is(.dark *) {
  --tw-border-opacity:1;
  border-color:rgb(64 64 64/var(--tw-border-opacity))}
.dark\:border-white\/10:is(.dark *) {
  border-color:rgb(255 255 255/.1)}
.dark\:border-white\/30:is(.dark *) {
  border-color:rgb(255 255 255/.3)}
.dark\:bg-background-dark:is(.dark *) {
  --tw-bg-opacity:1;
  background-color:rgb(var(--background-dark)/var(--tw-bg-opacity))}
.dark\:bg-background-dark\/90:is(.dark *) {
  background-color:rgb(var(--background-dark)/.9)}
.dark\:bg-blue-600\/20:is(.dark *) {
  background-color:rgb(37 99 235/.2)}
.dark\:bg-codeblock:is(.dark *) {
  --tw-bg-opacity:1;
  background-color:rgba(11,12,14,var(--tw-bg-opacity))}
.dark\:bg-codeblock\/50:is(.dark *) {
  background-color:rgba(11,12,14,.5)}
.dark\:bg-gray-400:is(.dark *) {
  background-color:rgb(var(--gray-400))}
.dark\:bg-gray-600:is(.dark *) {
  background-color:rgb(var(--gray-600))}
.dark\:bg-gray-800:is(.dark *) {
  background-color:rgb(var(--gray-800))}
.dark\:bg-green-600\/20:is(.dark *) {
  background-color:rgb(22 163 74/.2)}
.dark\:bg-primary-dark\/30:is(.dark *) {
  background-color:rgb(var(--primary-dark)/.3)}
.dark\:bg-primary-light:is(.dark *) {
  --tw-bg-opacity:1;
  background-color:rgb(var(--primary-light)/var(--tw-bg-opacity))}
.dark\:bg-primary-light\/10:is(.dark *) {
  background-color:rgb(var(--primary-light)/.1)}
.dark\:bg-transparent:is(.dark *) {
  background-color:initial}
.dark\:bg-white\/10:is(.dark *) {
  background-color:rgb(255 255 255/.1)}
.dark\:from-background-dark:is(.dark *) {
  --tw-gradient-from:rgb(var(--background-dark)/1) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(var(--background-dark)/0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.dark\:fill-gray-100:is(.dark *) {
  fill:rgb(var(--gray-100))}
.dark\:text-blue-300:is(.dark *) {
  --tw-text-opacity:1;
  color:rgb(147 197 253/var(--tw-text-opacity))}
.dark\:text-gray-100:is(.dark *) {
  color:rgb(var(--gray-100))}
.dark\:text-gray-200:is(.dark *) {
  color:rgb(var(--gray-200))}
.dark\:text-gray-300:is(.dark *) {
  color:rgb(var(--gray-300))}
.dark\:text-gray-400:is(.dark *) {
  color:rgb(var(--gray-400))}
.dark\:text-gray-50:is(.dark *) {
  color:rgb(var(--gray-50))}
.dark\:text-gray-500:is(.dark *) {
  color:rgb(var(--gray-500))}
.dark\:text-gray-600:is(.dark *) {
  color:rgb(var(--gray-600))}
.dark\:text-green-300:is(.dark *) {
  --tw-text-opacity:1;
  color:rgb(134 239 172/var(--tw-text-opacity))}
.dark\:text-neutral-300:is(.dark *) {
  --tw-text-opacity:1;
  color:rgb(212 212 212/var(--tw-text-opacity))}
.dark\:text-primary-light:is(.dark *) {
  --tw-text-opacity:1;
  color:rgb(var(--primary-light)/var(--tw-text-opacity))}
.dark\:text-white:is(.dark *) {
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))}
.dark\:text-white\/40:is(.dark *) {
  color:rgb(255 255 255/.4)}
.dark\:text-white\/50:is(.dark *) {
  color:rgb(255 255 255/.5)}
.dark\:placeholder-gray-400:is(.dark *)::placeholder {
  color:rgb(var(--gray-400))}
.dark\:placeholder-gray-600:is(.dark *)::placeholder {
  color:rgb(var(--gray-600))}
.dark\:placeholder-white\/30:is(.dark *)::placeholder {
  color:rgb(255 255 255/.3)}
.dark\:ring-1:is(.dark *) {
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0#0000)}
.dark\:ring-1:is(.dark *) {
  --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}
.dark\:ring-gray-600\/30:is(.dark *) {
  --tw-ring-color:rgb(var(--gray-600)/0.3)}
.dark\:ring-gray-700\/25:is(.dark *) {
  --tw-ring-color:rgb(var(--gray-700)/0.25)}
.dark\:brightness-\[1\.1\]:is(.dark *) {
  --tw-brightness:brightness(1.1)}
.dark\:brightness-\[1\.1\]:is(.dark *),.dark\:brightness-\[1\.35\]:is(.dark *) {
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.dark\:brightness-\[1\.35\]:is(.dark *) {
  --tw-brightness:brightness(1.35)}
.dark\:scrollbar-thumb-white\/20:is(.dark *) {
  --scrollbar-thumb:rgb(255 255 255/0.2)!important}
.dark\:placeholder\:text-gray-400\/70:is(.dark *)::placeholder {
  color:rgb(var(--gray-400)/.7)}
.dark\:placeholder\:text-gray-500:is(.dark *)::placeholder {
  color:rgb(var(--gray-500))}
.placeholder\:dark\:text-white\/50:is(.dark *)::placeholder {
  color:rgb(255 255 255/.5)}
.dark\:after\:bg-gray-900:is(.dark *):after,.dark\:before\:bg-gray-900:is(.dark *):before {
  content:var(--tw-content);
  background-color:rgb(var(--gray-900))}
.dark\:focus-within\:border-primary-light:focus-within:is(.dark *) {
  --tw-border-opacity:1;
  border-color:rgb(var(--primary-light)/var(--tw-border-opacity))}
.dark\:focus-within\:bg-white\/5:focus-within:is(.dark *) {
  background-color:rgb(255 255 255/.05)}
.group:hover .dark\:group-hover\:bg-gray-100:is(.dark *) {
  background-color:rgb(var(--gray-100))}
.group:hover .dark\:group-hover\:bg-gray-300:is(.dark *) {
  background-color:rgb(var(--gray-300))}
.group:hover .dark\:group-hover\:bg-gray-700:is(.dark *) {
  background-color:rgb(var(--gray-700))}
.group:hover .dark\:group-hover\:bg-gray-700\/70:is(.dark *) {
  background-color:rgb(var(--gray-700)/.7)}
.group:hover .dark\:group-hover\:bg-primary-light:is(.dark *) {
  --tw-bg-opacity:1;
  background-color:rgb(var(--primary-light)/var(--tw-bg-opacity))}
.group:hover .dark\:group-hover\:bg-white\/60:is(.dark *) {
  background-color:rgb(255 255 255/.6)}
.group:hover .dark\:group-hover\:fill-gray-200:is(.dark *) {
  fill:rgb(var(--gray-200))}
.group:hover .dark\:group-hover\:stroke-gray-300:is(.dark *) {
  stroke:rgb(var(--gray-300))}
.group\/ask-ai-button:hover .dark\:group-hover\/ask-ai-button\:text-white\/60:is(.dark *),.group\/code-snippet-feedback-button:hover .dark\:group-hover\/code-snippet-feedback-button\:text-white\/60:is(.dark *),.group\/copy-button:hover .dark\:group-hover\/copy-button\:text-white\/60:is(.dark *) {
  color:rgb(255 255 255/.6)}
.group:hover .dark\:group-hover\:text-gray-100:is(.dark *) {
  color:rgb(var(--gray-100))}
.group:hover .dark\:group-hover\:text-gray-200:is(.dark *) {
  color:rgb(var(--gray-200))}
.group:hover .dark\:group-hover\:text-gray-300:is(.dark *) {
  color:rgb(var(--gray-300))}
.group:hover .dark\:group-hover\:text-gray-400:is(.dark *) {
  color:rgb(var(--gray-400))}
.group:hover .dark\:group-hover\:text-gray-500:is(.dark *) {
  color:rgb(var(--gray-500))}
.group:hover .dark\:group-hover\:text-primary-light:is(.dark *) {
  --tw-text-opacity:1;
  color:rgb(var(--primary-light)/var(--tw-text-opacity))}
.group:hover .dark\:group-hover\:text-white:is(.dark *) {
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))}
.group:hover .dark\:group-hover\:text-white\/70:is(.dark *) {
  color:rgb(255 255 255/.7)}
.group:hover .group-hover\:dark\:text-primary-light:is(.dark *) {
  --tw-text-opacity:1;
  color:rgb(var(--primary-light)/var(--tw-text-opacity))}
.group\/link:focus .dark\:group-focus\/link\:border-primary-light:is(.dark *) {
  --tw-border-opacity:1;
  border-color:rgb(var(--primary-light)/var(--tw-border-opacity))}
.data-\[is-opaque\=false\]\:dark\:bg-transparent:is(.dark *)[data-is-opaque=false] {
  background-color:initial}
.dark\:hover\:\!border-primary-light:hover:is(.dark *) {
  --tw-border-opacity:1!important;
  border-color:rgb(var(--primary-light)/var(--tw-border-opacity))!important}
.dark\:hover\:border-gray-600:hover:is(.dark *) {
  border-color:rgb(var(--gray-600))}
.dark\:hover\:border-gray-700:hover:is(.dark *) {
  border-color:rgb(var(--gray-700))}
.dark\:hover\:border-primary-light:hover:is(.dark *) {
  --tw-border-opacity:1;
  border-color:rgb(var(--primary-light)/var(--tw-border-opacity))}
.dark\:hover\:border-white\/10:hover:is(.dark *) {
  border-color:rgb(255 255 255/.1)}
.dark\:hover\:border-white\/20:hover:is(.dark *) {
  border-color:rgb(255 255 255/.2)}
.hover\:dark\:border-gray-500:is(.dark *):hover {
  border-color:rgb(var(--gray-500))}
.dark\:hover\:\!bg-gray-200\/5:hover:is(.dark *) {
  background-color:rgb(var(--gray-200)/.05)!important}
.dark\:hover\:bg-\[\#191A1B\]:hover:is(.dark *) {
  --tw-bg-opacity:1;
  background-color:rgb(25 26 27/var(--tw-bg-opacity))}
.dark\:hover\:bg-background-light\/\[0\.03\]:hover:is(.dark *) {
  background-color:rgb(var(--background-light)/.03)}
.dark\:hover\:bg-gray-200\/5:hover:is(.dark *) {
  background-color:rgb(var(--gray-200)/.05)}
.dark\:hover\:bg-gray-300:hover:is(.dark *) {
  background-color:rgb(var(--gray-300))}
.dark\:hover\:bg-gray-400:hover:is(.dark *) {
  background-color:rgb(var(--gray-400))}
.dark\:hover\:bg-gray-500:hover:is(.dark *) {
  background-color:rgb(var(--gray-500))}
.dark\:hover\:bg-gray-700:hover:is(.dark *) {
  background-color:rgb(var(--gray-700))}
.dark\:hover\:bg-gray-700\/70:hover:is(.dark *) {
  background-color:rgb(var(--gray-700)/.7)}
.dark\:hover\:bg-gray-800:hover:is(.dark *) {
  background-color:rgb(var(--gray-800))}
.dark\:hover\:bg-gray-900:hover:is(.dark *) {
  background-color:rgb(var(--gray-900))}
.dark\:hover\:bg-neutral-100:hover:is(.dark *) {
  --tw-bg-opacity:1;
  background-color:rgb(245 245 245/var(--tw-bg-opacity))}
.dark\:hover\:bg-neutral-900:hover:is(.dark *) {
  --tw-bg-opacity:1;
  background-color:rgb(23 23 23/var(--tw-bg-opacity))}
.dark\:hover\:bg-primary-light\/10:hover:is(.dark *) {
  background-color:rgb(var(--primary-light)/.1)}
.dark\:hover\:bg-white\/10:hover:is(.dark *) {
  background-color:rgb(255 255 255/.1)}
.dark\:hover\:bg-white\/5:hover:is(.dark *) {
  background-color:rgb(255 255 255/.05)}
.dark\:hover\:bg-white\/\[0\.03\]:hover:is(.dark *) {
  background-color:rgb(255 255 255/.03)}
.hover\:dark\:bg-gray-800:is(.dark *):hover {
  background-color:rgb(var(--gray-800))}
.dark\:hover\:fill-gray-300:hover:is(.dark *) {
  fill:rgb(var(--gray-300))}
.dark\:hover\:text-gray-100:hover:is(.dark *) {
  color:rgb(var(--gray-100))}
.dark\:hover\:text-gray-200:hover:is(.dark *) {
  color:rgb(var(--gray-200))}
.dark\:hover\:text-gray-300:hover:is(.dark *) {
  color:rgb(var(--gray-300))}
.dark\:hover\:text-gray-400:hover:is(.dark *) {
  color:rgb(var(--gray-400))}
.dark\:hover\:text-primary:hover:is(.dark *) {
  --tw-text-opacity:1;
  color:rgb(var(--primary)/var(--tw-text-opacity))}
.dark\:hover\:text-primary-light:hover:is(.dark *) {
  --tw-text-opacity:1;
  color:rgb(var(--primary-light)/var(--tw-text-opacity))}
.dark\:hover\:text-white:hover:is(.dark *) {
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))}
.dark\:hover\:text-white\/70:hover:is(.dark *) {
  color:rgb(255 255 255/.7)}
.dark\:hover\:text-white\/75:hover:is(.dark *) {
  color:rgb(255 255 255/.75)}
.hover\:dark\:text-gray-200:is(.dark *):hover {
  color:rgb(var(--gray-200))}
.hover\:dark\:text-primary-light:is(.dark *):hover {
  --tw-text-opacity:1;
  color:rgb(var(--primary-light)/var(--tw-text-opacity))}
.dark\:hover\:ring-gray-500\/30:hover:is(.dark *) {
  --tw-ring-color:rgb(var(--gray-500)/0.3)}
.dark\:hover\:ring-gray-800:hover:is(.dark *) {
  --tw-ring-color:rgb(var(--gray-800))}
.dark\:hover\:ring-white\/20:hover:is(.dark *) {
  --tw-ring-color:rgb(255 255 255/0.2)}
.dark\:hover\:brightness-150:hover:is(.dark *) {
  --tw-brightness:brightness(1.5)}
.dark\:hover\:brightness-150:hover:is(.dark *),.dark\:hover\:brightness-\[1\.25\]:hover:is(.dark *) {
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.dark\:hover\:brightness-\[1\.25\]:hover:is(.dark *) {
  --tw-brightness:brightness(1.25)}
.dark\:hover\:brightness-\[1\.35\]:hover:is(.dark *) {
  --tw-brightness:brightness(1.35);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.dark\:hover\:scrollbar-thumb-white\/25:is(.dark *) {
  --scrollbar-thumb-hover:rgb(255 255 255/0.25)!important}
.dark\:focus\:border-gray-700:focus:is(.dark *) {
  border-color:rgb(var(--gray-700))}
.dark\:focus\:border-white:focus:is(.dark *) {
  --tw-border-opacity:1;
  border-color:rgb(255 255 255/var(--tw-border-opacity))}
.dark\:focus\:bg-background-dark:focus:is(.dark *) {
  --tw-bg-opacity:1;
  background-color:rgb(var(--background-dark)/var(--tw-bg-opacity))}
.dark\:focus\:bg-background-light\/5:focus:is(.dark *) {
  background-color:rgb(var(--background-light)/.05)}
.dark\:focus\:bg-gray-200\/5:focus:is(.dark *) {
  background-color:rgb(var(--gray-200)/.05)}
.dark\:focus\:text-white\/75:focus:is(.dark *) {
  color:rgb(255 255 255/.75)}
.dark\:focus\:outline-primary-light:focus:is(.dark *) {
  outline-color:rgb(var(--primary-light)/1)}
.dark\:active\:scrollbar-thumb-white\/25:is(.dark *) {
  --scrollbar-thumb-active:rgb(255 255 255/0.25)!important}
@media not all and (min-width:1024px) {
  .max-lg\:contents {
  display:contents}
}
@media not all and (min-width:768px) {
  .max-md\:\!grid-cols-2 {
  grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (min-width:640px) {
  .sm\:grid {
  display:grid}
.sm\:hidden {
  display:none}
.sm\:size-3\.5 {
  width:.875rem;
  height:.875rem}
.sm\:size-4 {
  width:1rem;
  height:1rem}
.sm\:grid-cols-2 {
  grid-template-columns:repeat(2,minmax(0,1fr))}
.sm\:px-4 {
  padding-left:1rem;
  padding-right:1rem}
.sm\:pb-6 {
  padding-bottom:1.5rem}
.sm\:focus-within\:w-\[30rem\]:focus-within {
  width:30rem}
.sm\:hover\:scale-105:hover {
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
}
@media (min-width:768px) {
  .md\:min-w-20 {
  min-width:5rem}
.md\:flex-row {
  flex-direction:row}
.md\:flex-col {
  flex-direction:column}
.md\:items-start {
  align-items:flex-start}
.md\:items-center {
  align-items:center}
.md\:justify-start {
  justify-content:flex-start}
.md\:gap-y-24 {
  row-gap:6rem}
.md\:truncate {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap}
.md\:py-20 {
  padding-top:5rem;
  padding-bottom:5rem}
}
@media (min-width:1024px) {
  .lg\:sticky {
  position:sticky}
.lg\:mx-0 {
  margin-left:0;
  margin-right:0}
.lg\:-ml-12 {
  margin-left:-3rem}
.lg\:mb-2\.5 {
  margin-bottom:.625rem}
.lg\:mt-8 {
  margin-top:2rem}
.lg\:block {
  display:block}
.lg\:flex {
  display:flex}
.lg\:hidden {
  display:none}
.lg\:w-full {
  width:100%}
.lg\:min-w-0 {
  min-width:0}
.lg\:min-w-48 {
  min-width:12rem}
.lg\:flex-1 {
  flex:1 1 0%}
.lg\:overflow-x-clip {
  overflow-x:clip}
.lg\:px-12 {
  padding-left:3rem;
  padding-right:3rem}
.lg\:py-28 {
  padding-top:7rem;
  padding-bottom:7rem}
.lg\:pl-\[23\.7rem\] {
  padding-left:23.7rem}
.lg\:pt-10 {
  padding-top:2.5rem}
.lg\:pt-3 {
  padding-top:.75rem}
.lg\:text-sm {
  font-size:.875rem}
.lg\:leading-6 {
  line-height:1.5rem}
.lg\:\[--scroll-mt\:9\.5rem\] {
  --scroll-mt:9.5rem}
.peer.is-not-custom~.peer-\[\.is-not-custom\]\:lg\:px-8 {
  padding-left:2rem;
  padding-right:2rem}
}
@media (min-width:1280px) {
  .xl\:flex {
  display:flex}
.xl\:w-\[calc\(100\%-28rem\)\] {
  width:calc(100% - 28rem)}
.xl\:flex-col {
  flex-direction:column}
}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker,.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display:none}
.\[\&\>details\>summary\]\:rounded-none>details>summary {
  border-radius:0}
.\[\&\>details\]\:mb-0>details {
  margin-bottom:0}
.\[\&\>details\]\:rounded-none>details {
  border-radius:0}
.\[\&\>details\]\:border-0>details {
  border-width:0}
.\[\&\>span\]\:line-clamp-1>span {
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1}
.\[\&_\*\]\:outline-0 * {
  outline-width:0}
.\[\&_\*\]\:ring-0 * {
  --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0#0000)}
.\[\&_\*\]\:focus\:outline-0:focus * {
  outline-width:0}
.\[\&_\*\]\:focus\:ring-0:focus * {
  --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0#0000)}
.\[\&_\[data-component-part\=\'callout-icon\'\]\]\:mt-px [data-component-part=callout-icon] {
  margin-top:1px}
.\[\&_a\:hover\]\:border-b-2 a:hover {
  border-bottom-width:2px}
.\[\&_a\:hover\]\:decoration-primary-light a:hover {
  text-decoration-color:rgb(var(--primary-light)/1)}
.\[\&_a\]\:border-current a {
  border-color:currentColor}
.\[\&_a\]\:\!text-current a {
  color:currentColor!important}
.\[\&_strong\]\:\!text-current strong {
  color:currentColor!important}
.\[\&_td\]\:min-w-\[150px\] td {
  min-width:150px}
.\[\&_th\]\:text-left th {
  text-align:left}