/* src/styles.css */
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
:root,
:host {
--font-sans: "IBM Plex Sans", sans-serif;
--font-mono: "JetBrains Mono", monospace;
--color-red-100: oklch(93.6% 0.032 17.717);
--color-red-300: oklch(80.8% 0.114 19.571);
--color-red-400: oklch(70.4% 0.191 22.216);
--color-red-500: oklch(63.7% 0.237 25.331);
--color-red-600: oklch(57.7% 0.245 27.325);
--color-red-700: oklch(50.5% 0.213 27.518);
--color-red-900: oklch(39.6% 0.141 25.723);
--color-red-950: oklch(25.8% 0.092 26.042);
--color-orange-300: oklch(83.7% 0.128 66.29);
--color-orange-400: oklch(75% 0.183 55.934);
--color-orange-500: oklch(70.5% 0.213 47.604);
--color-amber-100: oklch(96.2% 0.059 95.617);
--color-amber-200: oklch(92.4% 0.12 95.746);
--color-amber-300: oklch(87.9% 0.169 91.605);
--color-amber-400: oklch(82.8% 0.189 84.429);
--color-amber-500: oklch(76.9% 0.188 70.08);
--color-amber-600: oklch(66.6% 0.179 58.318);
--color-amber-700: oklch(55.5% 0.163 48.998);
--color-amber-900: oklch(41.4% 0.112 45.904);
--color-yellow-400: oklch(85.2% 0.199 91.936);
--color-yellow-500: oklch(79.5% 0.184 86.047);
--color-green-100: oklch(96.2% 0.044 156.743);
--color-green-500: oklch(72.3% 0.219 149.579);
--color-green-700: oklch(52.7% 0.154 150.069);
--color-emerald-100: oklch(95% 0.052 163.051);
--color-emerald-300: oklch(84.5% 0.143 164.978);
--color-emerald-400: oklch(76.5% 0.177 163.223);
--color-emerald-500: oklch(69.6% 0.17 162.48);
--color-emerald-600: oklch(59.6% 0.145 163.225);
--color-emerald-900: oklch(37.8% 0.077 168.94);
--color-blue-100: oklch(93.2% 0.032 255.585);
--color-blue-200: oklch(88.2% 0.059 254.128);
--color-blue-300: oklch(80.9% 0.105 251.813);
--color-blue-400: oklch(70.7% 0.165 254.624);
--color-blue-500: oklch(62.3% 0.214 259.815);
--color-blue-600: oklch(54.6% 0.245 262.881);
--color-blue-700: oklch(48.8% 0.243 264.376);
--color-blue-900: oklch(37.9% 0.146 265.522);
--color-indigo-200: oklch(87% 0.065 274.039);
--color-indigo-300: oklch(78.5% 0.115 274.713);
--color-indigo-400: oklch(67.3% 0.182 276.935);
--color-indigo-500: oklch(58.5% 0.233 277.117);
--color-indigo-600: oklch(51.1% 0.262 276.966);
--color-violet-300: oklch(81.1% 0.111 293.571);
--color-violet-400: oklch(70.2% 0.183 293.541);
--color-violet-500: oklch(60.6% 0.25 292.717);
--color-purple-300: oklch(82.7% 0.119 306.383);
--color-purple-400: oklch(71.4% 0.203 305.504);
--color-purple-500: oklch(62.7% 0.265 303.9);
--color-rose-400: oklch(71.2% 0.194 13.428);
--color-rose-500: oklch(64.5% 0.246 16.439);
--color-slate-100: oklch(96.8% 0.007 247.896);
--color-slate-200: oklch(92.9% 0.013 255.508);
--color-slate-300: oklch(86.9% 0.022 252.894);
--color-slate-400: oklch(70.4% 0.04 256.788);
--color-slate-500: oklch(55.4% 0.046 257.417);
--color-slate-600: oklch(44.6% 0.043 257.281);
--color-slate-700: oklch(37.2% 0.044 257.287);
--color-slate-800: oklch(27.9% 0.041 260.031);
--color-slate-900: oklch(20.8% 0.042 265.755);
--color-slate-950: oklch(12.9% 0.042 264.695);
--color-gray-200: oklch(92.8% 0.006 264.531);
--color-gray-300: oklch(87.2% 0.01 258.338);
--color-gray-400: oklch(70.7% 0.022 261.325);
--color-gray-600: oklch(44.6% 0.03 256.802);
--color-gray-700: oklch(37.3% 0.034 259.733);
--color-gray-900: oklch(21% 0.034 264.665);
--color-zinc-100: oklch(96.7% 0.001 286.375);
--color-zinc-200: oklch(92% 0.004 286.32);
--color-zinc-300: oklch(87.1% 0.006 286.286);
--color-zinc-400: oklch(70.5% 0.015 286.067);
--color-zinc-500: oklch(55.2% 0.016 285.938);
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-lg: 32rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-4xl: 56rem;
--container-5xl: 64rem;
--container-7xl: 80rem;
--text-xs: 0.75rem;
--text-xs--line-height: calc(1 / 0.75);
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
--text-base: 1rem;
--text-base--line-height: calc(1.5 / 1);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: calc(2.25 / 1.875);
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--text-7xl: 4.5rem;
--text-7xl--line-height: 1;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--font-weight-black: 900;
--tracking-tighter: -0.05em;
--tracking-tight: -0.025em;
--tracking-wide: 0.025em;
--tracking-wider: 0.05em;
--tracking-widest: 0.1em;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-normal: 1.5;
--leading-relaxed: 1.625;
--radius-md: 0.375rem;
--radius-lg: 0.5rem;
--radius-xl: 0.75rem;
--radius-2xl: 1rem;
--radius-3xl: 1.5rem;
--ease-in: cubic-bezier(0.4, 0, 1, 1);
--ease-out: cubic-bezier(0, 0, 0.2, 1);
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--animate-spin: spin 1s linear infinite;
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
--blur-sm: 8px;
--blur-md: 12px;
--blur-xl: 24px;
--blur-3xl: 64px;
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--font-body:
"Inter",
ui-sans-serif,
system-ui,
sans-serif;
--font-label:
"Space Grotesk",
ui-sans-serif,
system-ui,
sans-serif;
--color-primary: #f7941d;
--color-primary-container: #fcae51;
--color-on-primary: #462600;
--color-on-primary-container: #1d0e00;
--color-primary-orange: #ea580c;
--color-tertiary: #7c3aed;
--color-tertiary-container: #4c1d95;
--color-tertiary-violet: #7c3aed;
--color-background: #0a0a0c;
--color-background-dark: #0a0a0c;
--color-surface-container: #1c1c24;
--color-surface-container-high: #282833;
--color-surface-container-highest: #333341;
--color-surface-container-low: #16161d;
--color-surface-container-lowest: #08080a;
--color-on-surface-variant: #a1a1aa;
--color-outline-variant: #3f3f46;
--color-error: #ef4444;
}
}
@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}
html,
:host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp,
pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol,
ul,
menu {
list-style: none;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
}
img,
video {
max-width: 100%;
height: auto;
}
button,
input,
select,
optgroup,
textarea,
::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentcolor;
}
@supports (color: color-mix(in lab, red, red)) {
::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button,
input:where([type=button], [type=reset], [type=submit]),
::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden=until-found])) {
display: none !important;
}
}
@layer utilities {
.pointer-events-none {
pointer-events: none;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: calc(var(--spacing) * 0);
}
.-top-4 {
top: calc(var(--spacing) * -4);
}
.top-0 {
top: calc(var(--spacing) * 0);
}
.top-1 {
top: calc(var(--spacing) * 1);
}
.top-1\/2 {
top: calc(1 / 2 * 100%);
}
.top-\[76px\] {
top: 76px;
}
.-right-10 {
right: calc(var(--spacing) * -10);
}
.right-0 {
right: calc(var(--spacing) * 0);
}
.right-3 {
right: calc(var(--spacing) * 3);
}
.right-8 {
right: calc(var(--spacing) * 8);
}
.-bottom-10 {
bottom: calc(var(--spacing) * -10);
}
.bottom-0 {
bottom: calc(var(--spacing) * 0);
}
.bottom-4 {
bottom: calc(var(--spacing) * 4);
}
.bottom-8 {
bottom: calc(var(--spacing) * 8);
}
.-left-\[41px\] {
left: calc(41px * -1);
}
.left-0 {
left: calc(var(--spacing) * 0);
}
.left-1\/2 {
left: calc(1 / 2 * 100%);
}
.left-4 {
left: calc(var(--spacing) * 4);
}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-50 {
z-index: 50;
}
.z-\[100\] {
z-index: 100;
}
.col-span-1 {
grid-column: span 1 / span 1;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-12 {
grid-column: span 12 / span 12;
}
.container {
width: 100%;
}
@media (width >= 40rem) {
.container {
max-width: 40rem;
}
}
@media (width >= 48rem) {
.container {
max-width: 48rem;
}
}
@media (width >= 64rem) {
.container {
max-width: 64rem;
}
}
@media (width >= 80rem) {
.container {
max-width: 80rem;
}
}
@media (width >= 96rem) {
.container {
max-width: 96rem;
}
}
.mx-auto {
margin-inline: auto;
}
.mt-0\.5 {
margin-top: calc(var(--spacing) * 0.5);
}
.mt-1 {
margin-top: calc(var(--spacing) * 1);
}
.mt-2 {
margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
margin-top: calc(var(--spacing) * 4);
}
.mt-6 {
margin-top: calc(var(--spacing) * 6);
}
.mt-8 {
margin-top: calc(var(--spacing) * 8);
}
.mt-12 {
margin-top: calc(var(--spacing) * 12);
}
.mb-0 {
margin-bottom: calc(var(--spacing) * 0);
}
.mb-1 {
margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.mb-6 {
margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
margin-bottom: calc(var(--spacing) * 8);
}
.mb-10 {
margin-bottom: calc(var(--spacing) * 10);
}
.mb-12 {
margin-bottom: calc(var(--spacing) * 12);
}
.mb-16 {
margin-bottom: calc(var(--spacing) * 16);
}
.mb-20 {
margin-bottom: calc(var(--spacing) * 20);
}
.mb-24 {
margin-bottom: calc(var(--spacing) * 24);
}
.ml-1 {
margin-left: calc(var(--spacing) * 1);
}
.ml-2 {
margin-left: calc(var(--spacing) * 2);
}
.ml-3 {
margin-left: calc(var(--spacing) * 3);
}
.ml-4 {
margin-left: calc(var(--spacing) * 4);
}
.block {
display: block;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.h-1 {
height: calc(var(--spacing) * 1);
}
.h-2 {
height: calc(var(--spacing) * 2);
}
.h-2\.5 {
height: calc(var(--spacing) * 2.5);
}
.h-3 {
height: calc(var(--spacing) * 3);
}
.h-3\.5 {
height: calc(var(--spacing) * 3.5);
}
.h-4 {
height: calc(var(--spacing) * 4);
}
.h-5 {
height: calc(var(--spacing) * 5);
}
.h-6 {
height: calc(var(--spacing) * 6);
}
.h-8 {
height: calc(var(--spacing) * 8);
}
.h-10 {
height: calc(var(--spacing) * 10);
}
.h-12 {
height: calc(var(--spacing) * 12);
}
.h-16 {
height: calc(var(--spacing) * 16);
}
.h-20 {
height: calc(var(--spacing) * 20);
}
.h-36 {
height: calc(var(--spacing) * 36);
}
.h-64 {
height: calc(var(--spacing) * 64);
}
.h-96 {
height: calc(var(--spacing) * 96);
}
.h-\[250px\] {
height: 250px;
}
.h-full {
height: 100%;
}
.h-px {
height: 1px;
}
.h-screen {
height: 100vh;
}
.max-h-60 {
max-height: calc(var(--spacing) * 60);
}
.max-h-\[85vh\] {
max-height: 85vh;
}
.max-h-full {
max-height: 100%;
}
.min-h-0 {
min-height: calc(var(--spacing) * 0);
}
.min-h-\[500px\] {
min-height: 500px;
}
.min-h-\[819px\] {
min-height: 819px;
}
.min-h-screen {
min-height: 100vh;
}
.w-1\/2 {
width: calc(1 / 2 * 100%);
}
.w-2 {
width: calc(var(--spacing) * 2);
}
.w-2\.5 {
width: calc(var(--spacing) * 2.5);
}
.w-3 {
width: calc(var(--spacing) * 3);
}
.w-3\.5 {
width: calc(var(--spacing) * 3.5);
}
.w-3\/4 {
width: calc(3 / 4 * 100%);
}
.w-4 {
width: calc(var(--spacing) * 4);
}
.w-5 {
width: calc(var(--spacing) * 5);
}
.w-6 {
width: calc(var(--spacing) * 6);
}
.w-8 {
width: calc(var(--spacing) * 8);
}
.w-10 {
width: calc(var(--spacing) * 10);
}
.w-12 {
width: calc(var(--spacing) * 12);
}
.w-16 {
width: calc(var(--spacing) * 16);
}
.w-20 {
width: calc(var(--spacing) * 20);
}
.w-56 {
width: calc(var(--spacing) * 56);
}
.w-64 {
width: calc(var(--spacing) * 64);
}
.w-96 {
width: calc(var(--spacing) * 96);
}
.w-auto {
width: auto;
}
.w-full {
width: 100%;
}
.max-w-2xl {
max-width: var(--container-2xl);
}
.max-w-3xl {
max-width: var(--container-3xl);
}
.max-w-4xl {
max-width: var(--container-4xl);
}
.max-w-5xl {
max-width: var(--container-5xl);
}
.max-w-7xl {
max-width: var(--container-7xl);
}
.max-w-\[75vw\] {
max-width: 75vw;
}
.max-w-\[200px\] {
max-width: 200px;
}
.max-w-\[1800px\] {
max-width: 1800px;
}
.max-w-full {
max-width: 100%;
}
.max-w-lg {
max-width: var(--container-lg);
}
.max-w-md {
max-width: var(--container-md);
}
.max-w-sm {
max-width: var(--container-sm);
}
.max-w-xl {
max-width: var(--container-xl);
}
.min-w-\[60px\] {
min-width: 60px;
}
.min-w-\[110px\] {
min-width: 110px;
}
.min-w-\[140px\] {
min-width: 140px;
}
.flex-1 {
flex: 1;
}
.flex-none {
flex: none;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.shrink-0 {
flex-shrink: 0;
}
.border-collapse {
border-collapse: collapse;
}
.border-separate {
border-collapse: separate;
}
.border-spacing-y-2 {
--tw-border-spacing-y: calc(var(--spacing) * 2);
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.-translate-x-1\/2 {
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-1\/2 {
--tw-translate-x: calc(1 / 2 * 100%);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-1\/2 {
--tw-translate-y: calc(1 / 2 * 100%);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-2 {
--tw-translate-y: calc(var(--spacing) * 2);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.rotate-180 {
rotate: 180deg;
}
.transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.animate-pulse {
animation: var(--animate-pulse);
}
.animate-spin {
animation: var(--animate-spin);
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-pointer {
cursor: pointer;
}
.list-inside {
list-style-position: inside;
}
.list-disc {
list-style-type: disc;
}
.appearance-none {
appearance: none;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-baseline {
align-items: baseline;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.items-start {
align-items: flex-start;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.gap-1 {
gap: calc(var(--spacing) * 1);
}
.gap-1\.5 {
gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
gap: calc(var(--spacing) * 3);
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.gap-5 {
gap: calc(var(--spacing) * 5);
}
.gap-6 {
gap: calc(var(--spacing) * 6);
}
.gap-8 {
gap: calc(var(--spacing) * 8);
}
.gap-12 {
gap: calc(var(--spacing) * 12);
}
.gap-16 {
gap: calc(var(--spacing) * 16);
}
:where(.space-y-0\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-1 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-3 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-4 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-6 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-8 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-12 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
}
.gap-x-6 {
column-gap: calc(var(--spacing) * 6);
}
.gap-x-8 {
column-gap: calc(var(--spacing) * 8);
}
.gap-x-12 {
column-gap: calc(var(--spacing) * 12);
}
:where(.space-x-3 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
}
.gap-y-0 {
row-gap: calc(var(--spacing) * 0);
}
.gap-y-5 {
row-gap: calc(var(--spacing) * 5);
}
.gap-y-8 {
row-gap: calc(var(--spacing) * 8);
}
.gap-y-10 {
row-gap: calc(var(--spacing) * 10);
}
:where(.divide-y > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(1px * var(--tw-divide-y-reverse));
border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.divide-slate-700\/50 > :not(:last-child)) {
border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
:where(.divide-slate-700\/50 > :not(:last-child)) {
border-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
}
}
:where(.divide-white\/\[0\.05\] > :not(:last-child)) {
border-color: color-mix(in srgb, #fff 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
:where(.divide-white\/\[0\.05\] > :not(:last-child)) {
border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
:where(.divide-white\/\[0\.06\] > :not(:last-child)) {
border-color: color-mix(in srgb, #fff 6%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
:where(.divide-white\/\[0\.06\] > :not(:last-child)) {
border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}
.overflow-hidden {
overflow: hidden;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-auto {
overflow-y: auto;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-2xl {
border-radius: var(--radius-2xl);
}
.rounded-3xl {
border-radius: var(--radius-3xl);
}
.rounded-full {
border-radius: calc(infinity * 1px);
}
.rounded-lg {
border-radius: var(--radius-lg);
}
.rounded-md {
border-radius: var(--radius-md);
}
.rounded-xl {
border-radius: var(--radius-xl);
}
.rounded-l {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-l-xl {
border-top-left-radius: var(--radius-xl);
border-bottom-left-radius: var(--radius-xl);
}
.rounded-r {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.rounded-r-xl {
border-top-right-radius: var(--radius-xl);
border-bottom-right-radius: var(--radius-xl);
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-2 {
border-style: var(--tw-border-style);
border-width: 2px;
}
.border-4 {
border-style: var(--tw-border-style);
border-width: 4px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-t-2 {
border-top-style: var(--tw-border-style);
border-top-width: 2px;
}
.border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.border-r-0 {
border-right-style: var(--tw-border-style);
border-right-width: 0px;
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-b-2 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px;
}
.border-l-2 {
border-left-style: var(--tw-border-style);
border-left-width: 2px;
}
.border-dashed {
--tw-border-style: dashed;
border-style: dashed;
}
.border-none {
--tw-border-style: none;
border-style: none;
}
.border-amber-500\/20 {
border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-500\/20 {
border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
}
}
.border-amber-500\/25 {
border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 25%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-500\/25 {
border-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
}
}
.border-amber-500\/50 {
border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-500\/50 {
border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
}
}
.border-background-dark {
border-color: var(--color-background-dark);
}
.border-blue-500 {
border-color: var(--color-blue-500);
}
.border-blue-500\/10 {
border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-blue-500\/10 {
border-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
}
}
.border-blue-500\/20 {
border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-blue-500\/20 {
border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
}
}
.border-blue-500\/40 {
border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-blue-500\/40 {
border-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
}
}
.border-blue-500\/50 {
border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-blue-500\/50 {
border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
}
}
.border-emerald-500\/20 {
border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-500\/20 {
border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
}
}
.border-emerald-500\/30 {
border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-500\/30 {
border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
}
}
.border-emerald-500\/50 {
border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-emerald-500\/50 {
border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
}
}
.border-gray-300 {
border-color: var(--color-gray-300);
}
.border-green-500\/50 {
border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-green-500\/50 {
border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);
}
}
.border-indigo-500 {
border-color: var(--color-indigo-500);
}
.border-indigo-500\/20 {
border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-indigo-500\/20 {
border-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
}
}
.border-orange-500\/50 {
border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-orange-500\/50 {
border-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent);
}
}
.border-outline-variant {
border-color: var(--color-outline-variant);
}
.border-outline-variant\/10 {
border-color: color-mix(in srgb, #3f3f46 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-outline-variant\/10 {
border-color: color-mix(in oklab, var(--color-outline-variant) 10%, transparent);
}
}
.border-outline-variant\/20 {
border-color: color-mix(in srgb, #3f3f46 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-outline-variant\/20 {
border-color: color-mix(in oklab, var(--color-outline-variant) 20%, transparent);
}
}
.border-outline-variant\/30 {
border-color: color-mix(in srgb, #3f3f46 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-outline-variant\/30 {
border-color: color-mix(in oklab, var(--color-outline-variant) 30%, transparent);
}
}
.border-primary {
border-color: var(--color-primary);
}
.border-primary-container {
border-color: var(--color-primary-container);
}
.border-primary\/20 {
border-color: color-mix(in srgb, #f7941d 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary\/20 {
border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
}
}
.border-primary\/30 {
border-color: color-mix(in srgb, #f7941d 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary\/30 {
border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
}
}
.border-purple-500\/50 {
border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-purple-500\/50 {
border-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent);
}
}
.border-red-400\/50 {
border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-400\/50 {
border-color: color-mix(in oklab, var(--color-red-400) 50%, transparent);
}
}
.border-red-500 {
border-color: var(--color-red-500);
}
.border-red-500\/20 {
border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-500\/20 {
border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
}
}
.border-red-500\/30 {
border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-500\/30 {
border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
}
}
.border-red-500\/50 {
border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-500\/50 {
border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
}
}
.border-rose-500\/20 {
border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-rose-500\/20 {
border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
}
}
.border-slate-200 {
border-color: var(--color-slate-200);
}
.border-slate-600 {
border-color: var(--color-slate-600);
}
.border-slate-600\/50 {
border-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-slate-600\/50 {
border-color: color-mix(in oklab, var(--color-slate-600) 50%, transparent);
}
}
.border-slate-700 {
border-color: var(--color-slate-700);
}
.border-slate-700\/30 {
border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-slate-700\/30 {
border-color: color-mix(in oklab, var(--color-slate-700) 30%, transparent);
}
}
.border-slate-700\/50 {
border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-slate-700\/50 {
border-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
}
}
.border-slate-800 {
border-color: var(--color-slate-800);
}
.border-slate-800\/50 {
border-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-slate-800\/50 {
border-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
}
}
.border-transparent {
border-color: transparent;
}
.border-violet-500\/20 {
border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-violet-500\/20 {
border-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
}
}
.border-white {
border-color: var(--color-white);
}
.border-white\/5 {
border-color: color-mix(in srgb, #fff 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/5 {
border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.border-white\/10 {
border-color: color-mix(in srgb, #fff 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/10 {
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.border-white\/20 {
border-color: color-mix(in srgb, #fff 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/20 {
border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.border-white\/30 {
border-color: color-mix(in srgb, #fff 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/30 {
border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
.border-white\/\[0\.05\] {
border-color: color-mix(in srgb, #fff 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/\[0\.05\] {
border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.border-white\/\[0\.06\] {
border-color: color-mix(in srgb, #fff 6%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/\[0\.06\] {
border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}
.border-white\/\[0\.08\] {
border-color: color-mix(in srgb, #fff 8%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/\[0\.08\] {
border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}
.border-yellow-500\/20 {
border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-yellow-500\/20 {
border-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
}
}
.border-t-blue-500 {
border-top-color: var(--color-blue-500);
}
.border-t-blue-600 {
border-top-color: var(--color-blue-600);
}
.border-t-indigo-500 {
border-top-color: var(--color-indigo-500);
}
.border-t-indigo-600 {
border-top-color: var(--color-indigo-600);
}
.border-t-transparent {
border-top-color: transparent;
}
.border-t-violet-500 {
border-top-color: var(--color-violet-500);
}
.border-t-white {
border-top-color: var(--color-white);
}
.bg-\[\#0a0a0c\]\/50 {
background-color: color-mix(in oklab, #0a0a0c 50%, transparent);
}
.bg-\[\#0b1120\] {
background-color: #0b1120;
}
.bg-\[\#0b1120\]\/90 {
background-color: color-mix(in oklab, #0b1120 90%, transparent);
}
.bg-\[\#0b1222\] {
background-color: #0b1222;
}
.bg-\[\#10192e\] {
background-color: #10192e;
}
.bg-\[\#111827\] {
background-color: #111827;
}
.bg-amber-100 {
background-color: var(--color-amber-100);
}
.bg-amber-500 {
background-color: var(--color-amber-500);
}
.bg-amber-500\/10 {
background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/10 {
background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
}
}
.bg-amber-500\/20 {
background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/20 {
background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
}
}
.bg-amber-700 {
background-color: var(--color-amber-700);
}
.bg-background {
background-color: var(--color-background);
}
.bg-background\/20 {
background-color: color-mix(in srgb, #0a0a0c 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-background\/20 {
background-color: color-mix(in oklab, var(--color-background) 20%, transparent);
}
}
.bg-background\/50 {
background-color: color-mix(in srgb, #0a0a0c 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-background\/50 {
background-color: color-mix(in oklab, var(--color-background) 50%, transparent);
}
}
.bg-black\/10 {
background-color: color-mix(in srgb, #000 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/10 {
background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
}
}
.bg-black\/20 {
background-color: color-mix(in srgb, #000 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/20 {
background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
}
}
.bg-black\/40 {
background-color: color-mix(in srgb, #000 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/40 {
background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
}
}
.bg-black\/70 {
background-color: color-mix(in srgb, #000 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/70 {
background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
}
}
.bg-blue-100 {
background-color: var(--color-blue-100);
}
.bg-blue-500 {
background-color: var(--color-blue-500);
}
.bg-blue-500\/5 {
background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-blue-500\/5 {
background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);
}
}
.bg-blue-500\/10 {
background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-blue-500\/10 {
background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
}
}
.bg-blue-500\/20 {
background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-blue-500\/20 {
background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
}
}
.bg-blue-600 {
background-color: var(--color-blue-600);
}
.bg-blue-700 {
background-color: var(--color-blue-700);
}
.bg-emerald-100 {
background-color: var(--color-emerald-100);
}
.bg-emerald-500 {
background-color: var(--color-emerald-500);
}
.bg-emerald-500\/10 {
background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-500\/10 {
background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
}
}
.bg-emerald-600\/20 {
background-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-600\/20 {
background-color: color-mix(in oklab, var(--color-emerald-600) 20%, transparent);
}
}
.bg-error\/40 {
background-color: color-mix(in srgb, #ef4444 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-error\/40 {
background-color: color-mix(in oklab, var(--color-error) 40%, transparent);
}
}
.bg-gray-400 {
background-color: var(--color-gray-400);
}
.bg-green-100 {
background-color: var(--color-green-100);
}
.bg-green-500\/20 {
background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-green-500\/20 {
background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
}
}
.bg-indigo-500\/10 {
background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-indigo-500\/10 {
background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
}
}
.bg-indigo-500\/20 {
background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-indigo-500\/20 {
background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
}
}
.bg-indigo-600 {
background-color: var(--color-indigo-600);
}
.bg-orange-500 {
background-color: var(--color-orange-500);
}
.bg-primary {
background-color: var(--color-primary);
}
.bg-primary\/10 {
background-color: color-mix(in srgb, #f7941d 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/10 {
background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
}
}
.bg-primary\/30 {
background-color: color-mix(in srgb, #f7941d 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/30 {
background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
}
}
.bg-primary\/40 {
background-color: color-mix(in srgb, #f7941d 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/40 {
background-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
}
.bg-primary\/60 {
background-color: color-mix(in srgb, #f7941d 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/60 {
background-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
}
}
.bg-purple-500 {
background-color: var(--color-purple-500);
}
.bg-red-100 {
background-color: var(--color-red-100);
}
.bg-red-500 {
background-color: var(--color-red-500);
}
.bg-red-500\/10 {
background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-500\/10 {
background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
}
}
.bg-red-500\/20 {
background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-500\/20 {
background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
}
}
.bg-red-600 {
background-color: var(--color-red-600);
}
.bg-red-600\/20 {
background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-600\/20 {
background-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
}
}
.bg-rose-500\/10 {
background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-rose-500\/10 {
background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
}
}
.bg-slate-700\/50 {
background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-slate-700\/50 {
background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
}
}
.bg-slate-800 {
background-color: var(--color-slate-800);
}
.bg-slate-800\/20 {
background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-slate-800\/20 {
background-color: color-mix(in oklab, var(--color-slate-800) 20%, transparent);
}
}
.bg-slate-800\/40 {
background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-slate-800\/40 {
background-color: color-mix(in oklab, var(--color-slate-800) 40%, transparent);
}
}
.bg-slate-800\/80 {
background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-slate-800\/80 {
background-color: color-mix(in oklab, var(--color-slate-800) 80%, transparent);
}
}
.bg-slate-900 {
background-color: var(--color-slate-900);
}
.bg-slate-900\/50 {
background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-slate-900\/50 {
background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
}
}
.bg-slate-900\/60 {
background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-slate-900\/60 {
background-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent);
}
}
.bg-slate-950 {
background-color: var(--color-slate-950);
}
.bg-slate-950\/50 {
background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-slate-950\/50 {
background-color: color-mix(in oklab, var(--color-slate-950) 50%, transparent);
}
}
.bg-slate-950\/80 {
background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-slate-950\/80 {
background-color: color-mix(in oklab, var(--color-slate-950) 80%, transparent);
}
}
.bg-surface-container {
background-color: var(--color-surface-container);
}
.bg-surface-container-high {
background-color: var(--color-surface-container-high);
}
.bg-surface-container-low {
background-color: var(--color-surface-container-low);
}
.bg-surface-container-lowest {
background-color: var(--color-surface-container-lowest);
}
.bg-tertiary\/10 {
background-color: color-mix(in srgb, #7c3aed 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-tertiary\/10 {
background-color: color-mix(in oklab, var(--color-tertiary) 10%, transparent);
}
}
.bg-tertiary\/20 {
background-color: color-mix(in srgb, #7c3aed 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-tertiary\/20 {
background-color: color-mix(in oklab, var(--color-tertiary) 20%, transparent);
}
}
.bg-tertiary\/30 {
background-color: color-mix(in srgb, #7c3aed 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-tertiary\/30 {
background-color: color-mix(in oklab, var(--color-tertiary) 30%, transparent);
}
}
.bg-tertiary\/40 {
background-color: color-mix(in srgb, #7c3aed 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-tertiary\/40 {
background-color: color-mix(in oklab, var(--color-tertiary) 40%, transparent);
}
}
.bg-tertiary\/60 {
background-color: color-mix(in srgb, #7c3aed 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-tertiary\/60 {
background-color: color-mix(in oklab, var(--color-tertiary) 60%, transparent);
}
}
.bg-violet-500\/10 {
background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-violet-500\/10 {
background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
}
}
.bg-white {
background-color: var(--color-white);
}
.bg-white\/5 {
background-color: color-mix(in srgb, #fff 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/5 {
background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.bg-white\/\[0\.01\] {
background-color: color-mix(in srgb, #fff 1%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.01\] {
background-color: color-mix(in oklab, var(--color-white) 1%, transparent);
}
}
.bg-white\/\[0\.02\] {
background-color: color-mix(in srgb, #fff 2%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.02\] {
background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
}
}
.bg-white\/\[0\.06\] {
background-color: color-mix(in srgb, #fff 6%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.06\] {
background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}
.bg-white\/\[0\.07\] {
background-color: color-mix(in srgb, #fff 7.000000000000001%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/\[0\.07\] {
background-color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent);
}
}
.bg-yellow-500\/10 {
background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-yellow-500\/10 {
background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
}
}
.bg-gradient-to-br {
--tw-gradient-position: to bottom right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-r {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.\[background-image\:url\(\'data\:image\/svg\+xml\;charset\=UTF-8\,\%3csvg\%20xmlns\=\%22http\:\/\/www\.w3\.org\/2000\/svg\%22\%20viewBox\=\%220\%200\%2020\%2020\%22\%20fill\=\%22white\%22\%3e\%3cpath\%20fill-rule\=\%22evenodd\%22\%20d\=\%22M5\.293\%207\.293a1\%201\%200\%20011\.414\%200L10\%2010\.586l3\.293-3\.293a1\%201\%200\%20111\.414\%201\.414l-4\%204a1\%201\%200\%2001-1\.414\%200l-4-4a1\%201\%200\%20010-1\.414z\%22\%20clip-rule\=\%22evenodd\%22\/\%3e\%3c\/svg\%3e\'\)\] {
background-image: url(data:image/svg+xml;charset=UTF-8,%3csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%20fill=%22white%22%3e%3cpath%20fill-rule=%22evenodd%22%20d=%22M5.293%207.293a1%201%200%20011.414%200L10%2010.586l3.293-3.293a1%201%200%20111.414%201.414l-4%204a1%201%200%2001-1.414%200l-4-4a1%201%200%20010-1.414z%22%20clip-rule=%22evenodd%22/%3e%3c/svg%3e);
}
.from-\[\#0f172a\] {
--tw-gradient-from: #0f172a;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary {
--tw-gradient-from: var(--color-primary);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-tertiary-container {
--tw-gradient-from: var(--color-tertiary-container);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-transparent {
--tw-gradient-from: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.via-\[\#1e293b\] {
--tw-gradient-via: #1e293b;
--tw-gradient-via-stops:
var(--tw-gradient-position),
var(--tw-gradient-from) var(--tw-gradient-from-position),
var(--tw-gradient-via) var(--tw-gradient-via-position),
var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-tertiary\/20 {
--tw-gradient-via: color-mix(in srgb, #7c3aed 20%, transparent);
--tw-gradient-via-stops:
var(--tw-gradient-position),
var(--tw-gradient-from) var(--tw-gradient-from-position),
var(--tw-gradient-via) var(--tw-gradient-via-position),
var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
@supports (color: color-mix(in lab, red, red)) {
.via-tertiary\/20 {
--tw-gradient-via: color-mix(in oklab, var(--color-tertiary) 20%, transparent);
}
}
.to-\[\#0f172a\] {
--tw-gradient-to: #0f172a;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-container {
--tw-gradient-to: var(--color-primary-container);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-surface-container-highest {
--tw-gradient-to: var(--color-surface-container-highest);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-transparent {
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.bg-\[length\:1\.5em_1\.5em\] {
background-size: 1.5em 1.5em;
}
.bg-\[right_0\.5rem_center\] {
background-position: right 0.5rem center;
}
.bg-\[right_0\.25rem_center\] {
background-position: right 0.25rem center;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.p-1 {
padding: calc(var(--spacing) * 1);
}
.p-1\.5 {
padding: calc(var(--spacing) * 1.5);
}
.p-2 {
padding: calc(var(--spacing) * 2);
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.p-6 {
padding: calc(var(--spacing) * 6);
}
.p-8 {
padding: calc(var(--spacing) * 8);
}
.p-10 {
padding: calc(var(--spacing) * 10);
}
.p-12 {
padding: calc(var(--spacing) * 12);
}
.px-1 {
padding-inline: calc(var(--spacing) * 1);
}
.px-2 {
padding-inline: calc(var(--spacing) * 2);
}
.px-2\.5 {
padding-inline: calc(var(--spacing) * 2.5);
}
.px-3 {
padding-inline: calc(var(--spacing) * 3);
}
.px-3\.5 {
padding-inline: calc(var(--spacing) * 3.5);
}
.px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.px-8 {
padding-inline: calc(var(--spacing) * 8);
}
.px-10 {
padding-inline: calc(var(--spacing) * 10);
}
.py-0\.5 {
padding-block: calc(var(--spacing) * 0.5);
}
.py-1 {
padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
padding-block: calc(var(--spacing) * 3);
}
.py-3\.5 {
padding-block: calc(var(--spacing) * 3.5);
}
.py-4 {
padding-block: calc(var(--spacing) * 4);
}
.py-5 {
padding-block: calc(var(--spacing) * 5);
}
.py-6 {
padding-block: calc(var(--spacing) * 6);
}
.py-8 {
padding-block: calc(var(--spacing) * 8);
}
.py-12 {
padding-block: calc(var(--spacing) * 12);
}
.py-14 {
padding-block: calc(var(--spacing) * 14);
}
.py-16 {
padding-block: calc(var(--spacing) * 16);
}
.py-20 {
padding-block: calc(var(--spacing) * 20);
}
.py-24 {
padding-block: calc(var(--spacing) * 24);
}
.pt-2 {
padding-top: calc(var(--spacing) * 2);
}
.pt-4 {
padding-top: calc(var(--spacing) * 4);
}
.pt-6 {
padding-top: calc(var(--spacing) * 6);
}
.pt-8 {
padding-top: calc(var(--spacing) * 8);
}
.pr-8 {
padding-right: calc(var(--spacing) * 8);
}
.pr-10 {
padding-right: calc(var(--spacing) * 10);
}
.pr-12 {
padding-right: calc(var(--spacing) * 12);
}
.pb-2 {
padding-bottom: calc(var(--spacing) * 2);
}
.pb-4 {
padding-bottom: calc(var(--spacing) * 4);
}
.pb-6 {
padding-bottom: calc(var(--spacing) * 6);
}
.pl-2 {
padding-left: calc(var(--spacing) * 2);
}
.pl-3 {
padding-left: calc(var(--spacing) * 3);
}
.pl-8 {
padding-left: calc(var(--spacing) * 8);
}
.pl-12 {
padding-left: calc(var(--spacing) * 12);
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.font-body {
font-family: var(--font-body);
}
.font-label {
font-family: var(--font-label);
}
.font-mono {
font-family: var(--font-mono);
}
.font-sans {
font-family: var(--font-sans);
}
.text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[4rem\] {
font-size: 4rem;
}
.text-\[9px\] {
font-size: 9px;
}
.text-\[10px\] {
font-size: 10px;
}
.text-\[11px\] {
font-size: 11px;
}
.text-\[12px\] {
font-size: 12px;
}
.text-\[13px\] {
font-size: 13px;
}
.leading-\[1\.1\] {
--tw-leading: 1.1;
line-height: 1.1;
}
.leading-none {
--tw-leading: 1;
line-height: 1;
}
.leading-relaxed {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.leading-snug {
--tw-leading: var(--leading-snug);
line-height: var(--leading-snug);
}
.leading-tight {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}
.font-black {
--tw-font-weight: var(--font-weight-black);
font-weight: var(--font-weight-black);
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-extrabold {
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.tracking-\[0\.2em\] {
--tw-tracking: 0.2em;
letter-spacing: 0.2em;
}
.tracking-\[0\.25em\] {
--tw-tracking: 0.25em;
letter-spacing: 0.25em;
}
.tracking-tight {
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight);
}
.tracking-tighter {
--tw-tracking: var(--tracking-tighter);
letter-spacing: var(--tracking-tighter);
}
.tracking-wide {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
}
.tracking-wider {
--tw-tracking: var(--tracking-wider);
letter-spacing: var(--tracking-wider);
}
.tracking-widest {
--tw-tracking: var(--tracking-widest);
letter-spacing: var(--tracking-widest);
}
.break-all {
word-break: break-all;
}
.whitespace-nowrap {
white-space: nowrap;
}
.text-amber-100\/90 {
color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 90%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-amber-100\/90 {
color: color-mix(in oklab, var(--color-amber-100) 90%, transparent);
}
}
.text-amber-200\/60 {
color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-amber-200\/60 {
color: color-mix(in oklab, var(--color-amber-200) 60%, transparent);
}
}
.text-amber-300 {
color: var(--color-amber-300);
}
.text-amber-400 {
color: var(--color-amber-400);
}
.text-amber-500 {
color: var(--color-amber-500);
}
.text-amber-500\/90 {
color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 90%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-amber-500\/90 {
color: color-mix(in oklab, var(--color-amber-500) 90%, transparent);
}
}
.text-amber-600 {
color: var(--color-amber-600);
}
.text-blue-100 {
color: var(--color-blue-100);
}
.text-blue-100\/60 {
color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-blue-100\/60 {
color: color-mix(in oklab, var(--color-blue-100) 60%, transparent);
}
}
.text-blue-200 {
color: var(--color-blue-200);
}
.text-blue-200\/70 {
color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-blue-200\/70 {
color: color-mix(in oklab, var(--color-blue-200) 70%, transparent);
}
}
.text-blue-300 {
color: var(--color-blue-300);
}
.text-blue-300\/80 {
color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-blue-300\/80 {
color: color-mix(in oklab, var(--color-blue-300) 80%, transparent);
}
}
.text-blue-400 {
color: var(--color-blue-400);
}
.text-blue-400\/80 {
color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-blue-400\/80 {
color: color-mix(in oklab, var(--color-blue-400) 80%, transparent);
}
}
.text-blue-500 {
color: var(--color-blue-500);
}
.text-blue-500\/90 {
color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 90%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-blue-500\/90 {
color: color-mix(in oklab, var(--color-blue-500) 90%, transparent);
}
}
.text-blue-600 {
color: var(--color-blue-600);
}
.text-emerald-300 {
color: var(--color-emerald-300);
}
.text-emerald-400 {
color: var(--color-emerald-400);
}
.text-emerald-500 {
color: var(--color-emerald-500);
}
.text-emerald-600 {
color: var(--color-emerald-600);
}
.text-gray-400 {
color: var(--color-gray-400);
}
.text-gray-600 {
color: var(--color-gray-600);
}
.text-gray-700 {
color: var(--color-gray-700);
}
.text-gray-900 {
color: var(--color-gray-900);
}
.text-green-500 {
color: var(--color-green-500);
}
.text-green-700 {
color: var(--color-green-700);
}
.text-indigo-200 {
color: var(--color-indigo-200);
}
.text-indigo-300 {
color: var(--color-indigo-300);
}
.text-indigo-400 {
color: var(--color-indigo-400);
}
.text-indigo-600 {
color: var(--color-indigo-600);
}
.text-on-primary {
color: var(--color-on-primary);
}
.text-on-primary-container {
color: var(--color-on-primary-container);
}
.text-on-surface-variant {
color: var(--color-on-surface-variant);
}
.text-orange-300 {
color: var(--color-orange-300);
}
.text-primary {
color: var(--color-primary);
}
.text-primary-orange {
color: var(--color-primary-orange);
}
.text-purple-300 {
color: var(--color-purple-300);
}
.text-red-100\/40 {
color: color-mix(in srgb, oklch(93.6% 0.032 17.717) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-red-100\/40 {
color: color-mix(in oklab, var(--color-red-100) 40%, transparent);
}
}
.text-red-300 {
color: var(--color-red-300);
}
.text-red-400 {
color: var(--color-red-400);
}
.text-red-400\/90 {
color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 90%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-red-400\/90 {
color: color-mix(in oklab, var(--color-red-400) 90%, transparent);
}
}
.text-red-500 {
color: var(--color-red-500);
}
.text-red-500\/80 {
color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-red-500\/80 {
color: color-mix(in oklab, var(--color-red-500) 80%, transparent);
}
}
.text-red-600 {
color: var(--color-red-600);
}
.text-red-700 {
color: var(--color-red-700);
}
.text-rose-400 {
color: var(--color-rose-400);
}
.text-rose-500 {
color: var(--color-rose-500);
}
.text-slate-100 {
color: var(--color-slate-100);
}
.text-slate-200 {
color: var(--color-slate-200);
}
.text-slate-300 {
color: var(--color-slate-300);
}
.text-slate-400 {
color: var(--color-slate-400);
}
.text-slate-500 {
color: var(--color-slate-500);
}
.text-slate-600 {
color: var(--color-slate-600);
}
.text-slate-900 {
color: var(--color-slate-900);
}
.text-tertiary {
color: var(--color-tertiary);
}
.text-tertiary-violet {
color: var(--color-tertiary-violet);
}
.text-tertiary-violet\/5 {
color: color-mix(in srgb, #7c3aed 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-tertiary-violet\/5 {
color: color-mix(in oklab, var(--color-tertiary-violet) 5%, transparent);
}
}
.text-violet-400 {
color: var(--color-violet-400);
}
.text-white {
color: var(--color-white);
}
.text-yellow-400 {
color: var(--color-yellow-400);
}
.text-zinc-100 {
color: var(--color-zinc-100);
}
.text-zinc-200 {
color: var(--color-zinc-200);
}
.text-zinc-300 {
color: var(--color-zinc-300);
}
.text-zinc-400 {
color: var(--color-zinc-400);
}
.text-zinc-500 {
color: var(--color-zinc-500);
}
.uppercase {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.placeholder-slate-600::placeholder {
color: var(--color-slate-600);
}
.opacity-0 {
opacity: 0%;
}
.opacity-10 {
opacity: 10%;
}
.opacity-20 {
opacity: 20%;
}
.opacity-25 {
opacity: 25%;
}
.opacity-30 {
opacity: 30%;
}
.opacity-40 {
opacity: 40%;
}
.opacity-75 {
opacity: 75%;
}
.opacity-80 {
opacity: 80%;
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(16\,185\,129\,0\.8\)\] {
--tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(16,185,129,0.8));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(59\,130\,246\,0\.8\)\] {
--tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(59,130,246,0.8));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(168\,85\,247\,0\.8\)\] {
--tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(168,85,247,0.8));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(239\,68\,68\,0\.8\)\] {
--tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(239,68,68,0.8));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(245\,158\,11\,0\.8\)\] {
--tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(245,158,11,0.8));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(249\,115\,22\,0\.8\)\] {
--tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(249,115,22,0.8));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-\[0_0_50px_rgba\(247\,148\,29\,0\.4\)\] {
--tw-shadow: 0 0 50px var(--tw-shadow-color, rgba(247,148,29,0.4));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-\[0_0_50px_rgba\(247\,148\,29\,0\.15\)\] {
--tw-shadow: 0 0 50px var(--tw-shadow-color, rgba(247,148,29,0.15));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.5\)\] {
--tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(0,0,0,0.5));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-inner {
--tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-sm {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.ring-1 {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-amber-500\/0 {
--tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 0%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-amber-500\/0 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 0%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-amber-900\/20 {
--tw-shadow-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-amber-900\/20 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-black\/20 {
--tw-shadow-color: color-mix(in srgb, #000 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-black\/20 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-black\/50 {
--tw-shadow-color: color-mix(in srgb, #000 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-black\/50 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-black\/70 {
--tw-shadow-color: color-mix(in srgb, #000 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-black\/70 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 70%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-blue-500\/0 {
--tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 0%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-blue-500\/0 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 0%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-blue-500\/20 {
--tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-blue-500\/20 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-blue-900\/20 {
--tw-shadow-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-blue-900\/20 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-primary\/20 {
--tw-shadow-color: color-mix(in srgb, #f7941d 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-primary\/20 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 20%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-red-900\/20 {
--tw-shadow-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-red-900\/20 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-red-900\/40 {
--tw-shadow-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-red-900\/40 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-900) 40%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-red-950\/20 {
--tw-shadow-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-red-950\/20 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-950) 20%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-slate-900\/10 {
--tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-slate-900\/10 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 10%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.ring-indigo-500 {
--tw-ring-color: var(--color-indigo-500);
}
.blur-3xl {
--tw-blur: blur(var(--blur-3xl));
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,);
}
.blur-\[80px\] {
--tw-blur: blur(80px);
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,);
}
.blur-\[100px\] {
--tw-blur: blur(100px);
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,);
}
.grayscale-\[0\.5\] {
--tw-grayscale: grayscale(0.5);
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,);
}
.backdrop-blur-\[7px\] {
--tw-backdrop-blur: blur(7px);
-webkit-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-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-md {
--tw-backdrop-blur: blur(var(--blur-md));
-webkit-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-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-sm {
--tw-backdrop-blur: blur(var(--blur-sm));
-webkit-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-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(var(--blur-xl));
-webkit-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-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-all {
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
transition-property:
color,
background-color,
border-color,
outline-color,
text-decoration-color,
fill,
stroke,
--tw-gradient-from,
--tw-gradient-via,
--tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
transition-property:
transform,
translate,
scale,
rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-200 {
--tw-duration: 200ms;
transition-duration: 200ms;
}
.duration-300 {
--tw-duration: 300ms;
transition-duration: 300ms;
}
.duration-500 {
--tw-duration: 500ms;
transition-duration: 500ms;
}
.duration-700 {
--tw-duration: 700ms;
transition-duration: 700ms;
}
.ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
}
.outline-none {
--tw-outline-style: none;
outline-style: none;
}
.select-all {
-webkit-user-select: all;
user-select: all;
}
.select-none {
-webkit-user-select: none;
user-select: none;
}
@media (hover: hover) {
.group-hover\:visible:is(:where(.group):hover *) {
visibility: visible;
}
}
@media (hover: hover) {
.group-hover\:translate-y-0:is(:where(.group):hover *) {
--tw-translate-y: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (hover: hover) {
.group-hover\:rotate-180:is(:where(.group):hover *) {
rotate: 180deg;
}
}
@media (hover: hover) {
.group-hover\:bg-blue-500\/20:is(:where(.group):hover *) {
background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:bg-blue-500\/20:is(:where(.group):hover *) {
background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
}
}
}
@media (hover: hover) {
.group-hover\:bg-primary:is(:where(.group):hover *) {
background-color: var(--color-primary);
}
}
@media (hover: hover) {
.group-hover\:bg-tertiary:is(:where(.group):hover *) {
background-color: var(--color-tertiary);
}
}
@media (hover: hover) {
.group-hover\:bg-white\/\[0\.06\]:is(:where(.group):hover *) {
background-color: color-mix(in srgb, #fff 6%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:bg-white\/\[0\.06\]:is(:where(.group):hover *) {
background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}
}
@media (hover: hover) {
.group-hover\:text-blue-300:is(:where(.group):hover *) {
color: var(--color-blue-300);
}
}
@media (hover: hover) {
.group-hover\:text-on-primary:is(:where(.group):hover *) {
color: var(--color-on-primary);
}
}
@media (hover: hover) {
.group-hover\:text-primary:is(:where(.group):hover *) {
color: var(--color-primary);
}
}
@media (hover: hover) {
.group-hover\:text-red-400\/80:is(:where(.group):hover *) {
color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:text-red-400\/80:is(:where(.group):hover *) {
color: color-mix(in oklab, var(--color-red-400) 80%, transparent);
}
}
}
@media (hover: hover) {
.group-hover\:text-tertiary:is(:where(.group):hover *) {
color: var(--color-tertiary);
}
}
@media (hover: hover) {
.group-hover\:text-white:is(:where(.group):hover *) {
color: var(--color-white);
}
}
@media (hover: hover) {
.group-hover\:opacity-20:is(:where(.group):hover *) {
opacity: 20%;
}
}
@media (hover: hover) {
.group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 100%;
}
}
.peer-checked\:opacity-100:is(:where(.peer):checked ~ *) {
opacity: 100%;
}
.selection\:bg-primary\/30 *::selection {
background-color: color-mix(in srgb, #f7941d 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.selection\:bg-primary\/30 *::selection {
background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
}
}
.selection\:bg-primary\/30::selection {
background-color: color-mix(in srgb, #f7941d 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.selection\:bg-primary\/30::selection {
background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
}
}
.selection\:text-white *::selection {
color: var(--color-white);
}
.selection\:text-white::selection {
color: var(--color-white);
}
.placeholder\:text-slate-600::placeholder {
color: var(--color-slate-600);
}
.placeholder\:text-white\/20::placeholder {
color: color-mix(in srgb, #fff 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.placeholder\:text-white\/20::placeholder {
color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.checked\:border-blue-600:checked {
border-color: var(--color-blue-600);
}
.checked\:bg-blue-600:checked {
background-color: var(--color-blue-600);
}
@media (hover: hover) {
.hover\:-translate-y-0\.5:hover {
--tw-translate-y: calc(var(--spacing) * -0.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (hover: hover) {
.hover\:-translate-y-1:hover {
--tw-translate-y: calc(var(--spacing) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (hover: hover) {
.hover\:scale-105:hover {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
@media (hover: hover) {
.hover\:scale-\[1\.01\]:hover {
scale: 1.01;
}
}
@media (hover: hover) {
.hover\:scale-\[1\.02\]:hover {
scale: 1.02;
}
}
@media (hover: hover) {
.hover\:border-amber-400:hover {
border-color: var(--color-amber-400);
}
}
@media (hover: hover) {
.hover\:border-amber-500:hover {
border-color: var(--color-amber-500);
}
}
@media (hover: hover) {
.hover\:border-blue-400:hover {
border-color: var(--color-blue-400);
}
}
@media (hover: hover) {
.hover\:border-blue-500:hover {
border-color: var(--color-blue-500);
}
}
@media (hover: hover) {
.hover\:border-emerald-400:hover {
border-color: var(--color-emerald-400);
}
}
@media (hover: hover) {
.hover\:border-emerald-500\/50:hover {
border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-emerald-500\/50:hover {
border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-indigo-500:hover {
border-color: var(--color-indigo-500);
}
}
@media (hover: hover) {
.hover\:border-orange-400:hover {
border-color: var(--color-orange-400);
}
}
@media (hover: hover) {
.hover\:border-primary\/20:hover {
border-color: color-mix(in srgb, #f7941d 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-primary\/20:hover {
border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-primary\/40:hover {
border-color: color-mix(in srgb, #f7941d 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-primary\/40:hover {
border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-purple-400:hover {
border-color: var(--color-purple-400);
}
}
@media (hover: hover) {
.hover\:border-red-400:hover {
border-color: var(--color-red-400);
}
}
@media (hover: hover) {
.hover\:border-red-500\/50:hover {
border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-red-500\/50:hover {
border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-red-600:hover {
border-color: var(--color-red-600);
}
}
@media (hover: hover) {
.hover\:border-slate-500:hover {
border-color: var(--color-slate-500);
}
}
@media (hover: hover) {
.hover\:border-slate-700:hover {
border-color: var(--color-slate-700);
}
}
@media (hover: hover) {
.hover\:border-tertiary\/20:hover {
border-color: color-mix(in srgb, #7c3aed 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-tertiary\/20:hover {
border-color: color-mix(in oklab, var(--color-tertiary) 20%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-tertiary\/40:hover {
border-color: color-mix(in srgb, #7c3aed 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-tertiary\/40:hover {
border-color: color-mix(in oklab, var(--color-tertiary) 40%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-white\/40:hover {
border-color: color-mix(in srgb, #fff 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-white\/40:hover {
border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-\[\#1e293b\]:hover {
background-color: #1e293b;
}
}
@media (hover: hover) {
.hover\:bg-amber-600:hover {
background-color: var(--color-amber-600);
}
}
@media (hover: hover) {
.hover\:bg-blue-500:hover {
background-color: var(--color-blue-500);
}
}
@media (hover: hover) {
.hover\:bg-blue-600:hover {
background-color: var(--color-blue-600);
}
}
@media (hover: hover) {
.hover\:bg-blue-700:hover {
background-color: var(--color-blue-700);
}
}
@media (hover: hover) {
.hover\:bg-emerald-600\/30:hover {
background-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-emerald-600\/30:hover {
background-color: color-mix(in oklab, var(--color-emerald-600) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-indigo-500:hover {
background-color: var(--color-indigo-500);
}
}
@media (hover: hover) {
.hover\:bg-indigo-500\/20:hover {
background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-indigo-500\/20:hover {
background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-red-500:hover {
background-color: var(--color-red-500);
}
}
@media (hover: hover) {
.hover\:bg-red-500\/10:hover {
background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-red-500\/10:hover {
background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-red-500\/20:hover {
background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-red-500\/20:hover {
background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-red-600\/30:hover {
background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-red-600\/30:hover {
background-color: color-mix(in oklab, var(--color-red-600) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-red-700:hover {
background-color: var(--color-red-700);
}
}
@media (hover: hover) {
.hover\:bg-slate-200:hover {
background-color: var(--color-slate-200);
}
}
@media (hover: hover) {
.hover\:bg-slate-700:hover {
background-color: var(--color-slate-700);
}
}
@media (hover: hover) {
.hover\:bg-slate-800:hover {
background-color: var(--color-slate-800);
}
}
@media (hover: hover) {
.hover\:bg-slate-800\/30:hover {
background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-slate-800\/30:hover {
background-color: color-mix(in oklab, var(--color-slate-800) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-surface-container-highest:hover {
background-color: var(--color-surface-container-highest);
}
}
@media (hover: hover) {
.hover\:bg-white\/10:hover {
background-color: color-mix(in srgb, #fff 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/10:hover {
background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/\[0\.1\]:hover {
background-color: color-mix(in srgb, #fff 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.1\]:hover {
background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/\[0\.02\]:hover {
background-color: color-mix(in srgb, #fff 2%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.02\]:hover {
background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/\[0\.03\]:hover {
background-color: color-mix(in srgb, #fff 3%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.03\]:hover {
background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
}
}
}
@media (hover: hover) {
.hover\:bg-white\/\[0\.06\]:hover {
background-color: color-mix(in srgb, #fff 6%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/\[0\.06\]:hover {
background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}
}
@media (hover: hover) {
.hover\:text-amber-300:hover {
color: var(--color-amber-300);
}
}
@media (hover: hover) {
.hover\:text-blue-300:hover {
color: var(--color-blue-300);
}
}
@media (hover: hover) {
.hover\:text-blue-500:hover {
color: var(--color-blue-500);
}
}
@media (hover: hover) {
.hover\:text-emerald-300:hover {
color: var(--color-emerald-300);
}
}
@media (hover: hover) {
.hover\:text-gray-200:hover {
color: var(--color-gray-200);
}
}
@media (hover: hover) {
.hover\:text-indigo-300:hover {
color: var(--color-indigo-300);
}
}
@media (hover: hover) {
.hover\:text-primary:hover {
color: var(--color-primary);
}
}
@media (hover: hover) {
.hover\:text-red-300:hover {
color: var(--color-red-300);
}
}
@media (hover: hover) {
.hover\:text-red-400:hover {
color: var(--color-red-400);
}
}
@media (hover: hover) {
.hover\:text-violet-300:hover {
color: var(--color-violet-300);
}
}
@media (hover: hover) {
.hover\:text-white:hover {
color: var(--color-white);
}
}
@media (hover: hover) {
.hover\:text-zinc-300:hover {
color: var(--color-zinc-300);
}
}
@media (hover: hover) {
.hover\:underline:hover {
text-decoration-line: underline;
}
}
@media (hover: hover) {
.hover\:shadow-\[0_0_30px_-10px_rgba\(59\,130\,246\,0\.3\)\]:hover {
--tw-shadow: 0 0 30px -10px var(--tw-shadow-color, rgba(59,130,246,0.3));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
}
@media (hover: hover) {
.hover\:shadow-\[0_0_30px_-10px_rgba\(245\,158\,11\,0\.3\)\]:hover {
--tw-shadow: 0 0 30px -10px var(--tw-shadow-color, rgba(245,158,11,0.3));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
}
@media (hover: hover) {
.hover\:shadow-blue-500\/25:hover {
--tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 25%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:shadow-blue-500\/25:hover {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
}
}
}
@media (hover: hover) {
.hover\:shadow-emerald-500\/15:hover {
--tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:shadow-emerald-500\/15:hover {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
}
}
}
@media (hover: hover) {
.hover\:shadow-primary\/20:hover {
--tw-shadow-color: color-mix(in srgb, #f7941d 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:shadow-primary\/20:hover {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 20%, transparent) var(--tw-shadow-alpha), transparent);
}
}
}
@media (hover: hover) {
.hover\:shadow-primary\/25:hover {
--tw-shadow-color: color-mix(in srgb, #f7941d 25%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:shadow-primary\/25:hover {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 25%, transparent) var(--tw-shadow-alpha), transparent);
}
}
}
@media (hover: hover) {
.hover\:shadow-red-500\/15:hover {
--tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:shadow-red-500\/15:hover {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
}
}
}
.focus\:border-blue-400:focus {
border-color: var(--color-blue-400);
}
.focus\:border-blue-500:focus {
border-color: var(--color-blue-500);
}
.focus\:border-blue-500\/50:focus {
border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:border-blue-500\/50:focus {
border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
}
}
.focus\:border-indigo-500:focus {
border-color: var(--color-indigo-500);
}
.focus\:bg-black\/60:focus {
background-color: color-mix(in srgb, #000 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:bg-black\/60:focus {
background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
}
}
.focus\:ring-0:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.focus\:ring-1:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.focus\:ring-2:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.focus\:ring-4:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.focus\:ring-blue-500:focus {
--tw-ring-color: var(--color-blue-500);
}
.focus\:ring-blue-500\/5:focus {
--tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:ring-blue-500\/5:focus {
--tw-ring-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);
}
}
.focus\:ring-blue-500\/20:focus {
--tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:ring-blue-500\/20:focus {
--tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
}
}
.focus\:ring-blue-500\/40:focus {
--tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:ring-blue-500\/40:focus {
--tw-ring-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
}
}
.focus\:ring-indigo-500:focus {
--tw-ring-color: var(--color-indigo-500);
}
.focus\:ring-offset-2:focus {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus\:ring-offset-\[\#0f172a\]:focus {
--tw-ring-offset-color: #0f172a;
}
.focus\:ring-offset-slate-900:focus {
--tw-ring-offset-color: var(--color-slate-900);
}
.focus\:outline-none:focus {
--tw-outline-style: none;
outline-style: none;
}
.active\:translate-y-0:active {
--tw-translate-y: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.active\:scale-95:active {
--tw-scale-x: 95%;
--tw-scale-y: 95%;
--tw-scale-z: 95%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.active\:scale-\[0\.98\]:active {
scale: 0.98;
}
.active\:scale-\[0\.99\]:active {
scale: 0.99;
}
.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed;
}
.disabled\:opacity-20:disabled {
opacity: 20%;
}
.disabled\:opacity-30:disabled {
opacity: 30%;
}
.disabled\:opacity-40:disabled {
opacity: 40%;
}
.disabled\:opacity-50:disabled {
opacity: 50%;
}
@media (hover: hover) {
.disabled\:hover\:translate-y-0:disabled:hover {
--tw-translate-y: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (hover: hover) {
.disabled\:hover\:scale-100:disabled:hover {
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
@media (width >= 40rem) {
.sm\:col-span-2 {
grid-column: span 2 / span 2;
}
}
@media (width >= 40rem) {
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (width >= 40rem) {
.sm\:flex-row {
flex-direction: row;
}
}
@media (width >= 40rem) {
.sm\:text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
}
@media (width >= 40rem) {
.sm\:text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
@media (width >= 48rem) {
.md\:col-span-1 {
grid-column: span 1 / span 1;
}
}
@media (width >= 48rem) {
.md\:col-span-2 {
grid-column: span 2 / span 2;
}
}
@media (width >= 48rem) {
.md\:col-span-3 {
grid-column: span 3 / span 3;
}
}
@media (width >= 48rem) {
.md\:col-span-6 {
grid-column: span 6 / span 6;
}
}
@media (width >= 48rem) {
.md\:block {
display: block;
}
}
@media (width >= 48rem) {
.md\:flex {
display: flex;
}
}
@media (width >= 48rem) {
.md\:h-12 {
height: calc(var(--spacing) * 12);
}
}
@media (width >= 48rem) {
.md\:h-15 {
height: calc(var(--spacing) * 15);
}
}
@media (width >= 48rem) {
.md\:-translate-y-4 {
--tw-translate-y: calc(var(--spacing) * -4);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (width >= 48rem) {
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (width >= 48rem) {
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (width >= 48rem) {
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (width >= 48rem) {
.md\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media (width >= 48rem) {
.md\:flex-row {
flex-direction: row;
}
}
@media (width >= 48rem) {
.md\:border-l {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
}
@media (width >= 48rem) {
.md\:border-white\/\[0\.06\] {
border-color: color-mix(in srgb, #fff 6%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.md\:border-white\/\[0\.06\] {
border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}
}
@media (width >= 48rem) {
.md\:p-20 {
padding: calc(var(--spacing) * 20);
}
}
@media (width >= 48rem) {
.md\:pl-12 {
padding-left: calc(var(--spacing) * 12);
}
}
@media (width >= 48rem) {
.md\:text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
@media (width >= 48rem) {
.md\:text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
@media (width >= 48rem) {
.md\:text-7xl {
font-size: var(--text-7xl);
line-height: var(--tw-leading, var(--text-7xl--line-height));
}
}
@media (width >= 48rem) {
.md\:text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
@media (width >= 48rem) {
.md\:text-\[10rem\] {
font-size: 10rem;
}
}
@media (width >= 64rem) {
.lg\:col-span-2 {
grid-column: span 2 / span 2;
}
}
@media (width >= 64rem) {
.lg\:col-span-3 {
grid-column: span 3 / span 3;
}
}
@media (width >= 64rem) {
.lg\:col-span-5 {
grid-column: span 5 / span 5;
}
}
@media (width >= 64rem) {
.lg\:col-span-6 {
grid-column: span 6 / span 6;
}
}
@media (width >= 64rem) {
.lg\:col-span-7 {
grid-column: span 7 / span 7;
}
}
@media (width >= 64rem) {
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (width >= 64rem) {
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (width >= 64rem) {
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (width >= 64rem) {
.lg\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (width >= 64rem) {
.lg\:grid-cols-\[3fr_7fr\] {
grid-template-columns: 3fr 7fr;
}
}
@media (width >= 64rem) {
.lg\:flex-row {
flex-direction: row;
}
}
@media (width >= 64rem) {
.lg\:items-center {
align-items: center;
}
}
@media (width >= 64rem) {
.lg\:border-l {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
}
@media (width >= 64rem) {
.lg\:border-slate-800\/50 {
border-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.lg\:border-slate-800\/50 {
border-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
}
}
}
@media (width >= 64rem) {
.lg\:pl-12 {
padding-left: calc(var(--spacing) * 12);
}
}
@media (width >= 80rem) {
.xl\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (prefers-color-scheme: dark) {
.dark\:border-slate-800 {
border-color: var(--color-slate-800);
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-amber-900\/30 {
background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-amber-900\/30 {
background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
}
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-blue-900\/30 {
background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-blue-900\/30 {
background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
}
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-emerald-900\/30 {
background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-emerald-900\/30 {
background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
}
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-red-900\/30 {
background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-red-900\/30 {
background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
}
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-slate-900 {
background-color: var(--color-slate-900);
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-white {
background-color: var(--color-white);
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-amber-400 {
color: var(--color-amber-400);
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-blue-400 {
color: var(--color-blue-400);
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-emerald-400 {
color: var(--color-emerald-400);
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-red-400 {
color: var(--color-red-400);
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-slate-400 {
color: var(--color-slate-400);
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-slate-900 {
color: var(--color-slate-900);
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-white {
color: var(--color-white);
}
}
@media (prefers-color-scheme: dark) {
.dark\:shadow-none {
--tw-shadow: 0 0 #0000;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
}
@media (prefers-color-scheme: dark) {
@media (hover: hover) {
.dark\:hover\:bg-slate-100:hover {
background-color: var(--color-slate-100);
}
}
}
.\[\&\:\:-webkit-calendar-picker-indicator\]\:cursor-pointer::-webkit-calendar-picker-indicator {
cursor: pointer;
}
.\[\&\:\:-webkit-calendar-picker-indicator\]\:invert::-webkit-calendar-picker-indicator {
--tw-invert: invert(100%);
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,);
}
}
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties {
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
*,
:before,
:after,
::backdrop {
--tw-font-weight: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-x-reverse: 0;
--tw-divide-y-reverse: 0;
--tw-border-style: solid;
--tw-gradient-position: initial;
--tw-gradient-from: #0000;
--tw-gradient-via: #0000;
--tw-gradient-to: #0000;
--tw-gradient-stops: initial;
--tw-gradient-via-stops: initial;
--tw-gradient-from-position: 0%;
--tw-gradient-via-position: 50%;
--tw-gradient-to-position: 100%;
--tw-mask-linear: linear-gradient(#fff, #fff);
--tw-mask-radial: linear-gradient(#fff, #fff);
--tw-mask-conic: linear-gradient(#fff, #fff);
--tw-mask-left: linear-gradient(#fff, #fff);
--tw-mask-right: linear-gradient(#fff, #fff);
--tw-mask-bottom: linear-gradient(#fff, #fff);
--tw-mask-top: linear-gradient(#fff, #fff);
--tw-mask-top-from-position: 0%;
--tw-mask-top-to-position: 100%;
--tw-mask-top-from-color: black;
--tw-mask-top-to-color: transparent;
--tw-mask-bottom-from-position: 0%;
--tw-mask-bottom-to-position: 100%;
--tw-mask-bottom-from-color: black;
--tw-mask-bottom-to-color: transparent;
--tw-leading: initial;
--tw-ordinal: initial;
--tw-slashed-zero: initial;
--tw-numeric-figure: initial;
--tw-numeric-spacing: initial;
--tw-numeric-fraction: initial;
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-duration: initial;
--tw-ease: initial;
--tw-content: "";
}
}
}
@layer scalar-base {
body {
line-height: inherit;
margin: 0;
}
:root {
--scalar-border-width: .5px;
--scalar-radius: 3px;
--scalar-radius-lg: 6px;
--scalar-radius-xl: 8px;
--scalar-font:
"Inter",
ui-sans-serif,
system-ui,
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
--scalar-font-code:
"JetBrains Mono",
ui-monospace,
SFMono-Regular,
Menlo,
Monaco,
Consolas,
"Liberation Mono",
"Courier New",
monospace;
--scalar-heading-1: 24px;
--scalar-page-description: 16px;
--scalar-heading-2: 20px;
--scalar-heading-3: 16px;
--scalar-heading-4: 16px;
--scalar-heading-5: 16px;
--scalar-heading-6: 16px;
--scalar-paragraph: 16px;
--scalar-small: 14px;
--scalar-mini: 13px;
--scalar-micro: 12px;
--scalar-bold: 600;
--scalar-semibold: 500;
--scalar-regular: 400;
--scalar-font-size-1: 21px;
--scalar-font-size-2: 16px;
--scalar-font-size-3: 14px;
--scalar-font-size-4: 13px;
--scalar-font-size-5: 12px;
--scalar-font-size-6: 12px;
--scalar-font-size-7: 10px;
--scalar-line-height-1: 32px;
--scalar-line-height-2: 24px;
--scalar-line-height-3: 20px;
--scalar-line-height-4: 18px;
--scalar-line-height-5: 16px;
--scalar-font-normal: 400;
--scalar-font-medium: 500;
--scalar-font-bold: 700;
--scalar-text-decoration: none;
--scalar-text-decoration-hover: underline;
--scalar-link-font-weight: inherit;
--scalar-sidebar-indent: 20px;
--scalar-sidebar-padding: 12px;
}
.dark-mode {
color-scheme: dark;
--scalar-scrollbar-color: #ffffff2e;
--scalar-scrollbar-color-active: #ffffff5c;
--scalar-button-1: #fff;
--scalar-button-1-hover: #ffffffe6;
--scalar-button-1-color: black;
--scalar-shadow-1: 0 1px 3px 0 #0000001a;
--scalar-shadow-2:
0 0 0 .5px var(--scalar-border-color),
#0f0f0f33 0px 3px 6px,
#0f0f0f66 0px 9px 24px;
--scalar-lifted-brightness: 1.45;
--scalar-backdrop-brightness: .5;
--scalar-text-decoration-color: currentColor;
--scalar-text-decoration-color-hover: currentColor;
}
.light-mode {
color-scheme: light;
--scalar-scrollbar-color-active: #0000005c;
--scalar-scrollbar-color: #0000002e;
--scalar-button-1: #000;
--scalar-button-1-hover: #000c;
--scalar-button-1-color: #fff;
--scalar-shadow-1: 0 1px 3px 0 #0000001c;
--scalar-shadow-2:
#00000014 0px 13px 20px 0px,
#00000014 0px 3px 8px 0px,
#eeeeed 0px 0 0 .5px;
--scalar-lifted-brightness: 1;
--scalar-backdrop-brightness: 1;
--scalar-text-decoration-color: currentColor;
--scalar-text-decoration-color-hover: currentColor;
}
.light-mode .dark-mode {
color-scheme: dark !important;
}
@media (max-width: 460px) {
:root {
--scalar-font-size-1: 22px;
--scalar-font-size-2: 14px;
--scalar-font-size-3: 12px;
}
}
@media (max-width: 720px) {
:root {
--scalar-heading-1: 24px;
--scalar-page-description: 20px;
}
}
:root {
--scalar-text-decoration: underline;
--scalar-text-decoration-hover: underline;
}
.light-mode {
--scalar-background-1: #fff;
--scalar-background-2: #f6f6f6;
--scalar-background-3: #e7e7e7;
--scalar-background-accent: #8ab4f81f;
--scalar-color-1: #1b1b1b;
--scalar-color-2: #757575;
--scalar-color-3: #8e8e8e;
--scalar-color-accent: #09f;
--scalar-border-color: #dfdfdf;
}
.dark-mode {
--scalar-background-1: #0f0f0f;
--scalar-background-2: #1a1a1a;
--scalar-background-3: #272727;
--scalar-color-1: #e7e7e7;
--scalar-color-2: #a4a4a4;
--scalar-color-3: #797979;
--scalar-color-accent: #00aeff;
--scalar-background-accent: #3ea6ff1f;
--scalar-border-color: #2d2d2d;
}
.light-mode,
.dark-mode {
--scalar-sidebar-background-1: var(--scalar-background-1);
--scalar-sidebar-color-1: var(--scalar-color-1);
--scalar-sidebar-color-2: var(--scalar-color-2);
--scalar-sidebar-border-color: var(--scalar-border-color);
--scalar-sidebar-item-hover-background: var(--scalar-background-2);
--scalar-sidebar-item-hover-color: var(--scalar-sidebar-color-2);
--scalar-sidebar-item-active-background: var(--scalar-background-2);
--scalar-sidebar-color-active: var(--scalar-sidebar-color-1);
--scalar-sidebar-indent-border: var(--scalar-sidebar-border-color);
--scalar-sidebar-indent-border-hover: var(--scalar-sidebar-border-color);
--scalar-sidebar-indent-border-active: var(--scalar-sidebar-border-color);
--scalar-sidebar-search-background: var(--scalar-background-2);
}
@supports (color: color-mix(in lab, red, red)) {
.light-mode,
.dark-mode {
--scalar-sidebar-search-background: color-mix(in srgb, var(--scalar-background-2), var(--scalar-background-1));
}
}
.light-mode,
.dark-mode {
--scalar-sidebar-search-color: var(--scalar-color-3);
--scalar-sidebar-search-border-color: var(--scalar-border-color);
}
.light-mode {
--scalar-color-green: #069061;
--scalar-color-red: #ef0006;
--scalar-color-yellow: #edbe20;
--scalar-color-blue: #0082d0;
--scalar-color-orange: #ff5800;
--scalar-color-purple: #5203d1;
--scalar-link-color: var(--scalar-color-1);
--scalar-link-color-hover: var(--scalar-link-color);
--scalar-button-1: #000;
--scalar-button-1-hover: #000c;
--scalar-button-1-color: #fff;
--scalar-tooltip-background: #1a1a1ae6;
--scalar-tooltip-color: #ffffffd9;
--scalar-color-alert: var(--scalar-color-orange);
}
@supports (color: color-mix(in lab, red, red)) {
.light-mode {
--scalar-color-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-color-1) 20%);
}
}
.light-mode {
--scalar-color-danger: var(--scalar-color-red);
}
@supports (color: color-mix(in lab, red, red)) {
.light-mode {
--scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-color-1) 20%);
}
}
.light-mode {
--scalar-background-alert: var(--scalar-color-orange);
}
@supports (color: color-mix(in lab, red, red)) {
.light-mode {
--scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%);
}
}
.light-mode {
--scalar-background-danger: var(--scalar-color-red);
}
@supports (color: color-mix(in lab, red, red)) {
.light-mode {
--scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%);
}
}
.dark-mode {
--scalar-color-green: #00b648;
--scalar-color-red: #dc1b19;
--scalar-color-yellow: #ffc90d;
--scalar-color-blue: #4eb3ec;
--scalar-color-orange: #ff8d4d;
--scalar-color-purple: #b191f9;
--scalar-link-color: var(--scalar-color-1);
--scalar-link-color-hover: var(--scalar-link-color);
--scalar-button-1: #fff;
--scalar-button-1-hover: #ffffffe6;
--scalar-button-1-color: black;
--scalar-tooltip-background: var(--scalar-background-1);
}
@supports (color: color-mix(in lab, red, red)) {
.dark-mode {
--scalar-tooltip-background: color-mix(in srgb, var(--scalar-background-1), #fff 10%);
}
}
.dark-mode {
--scalar-tooltip-color: #fffffff2;
--scalar-color-danger: var(--scalar-color-red);
}
@supports (color: color-mix(in lab, red, red)) {
.dark-mode {
--scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 20%);
}
}
.dark-mode {
--scalar-background-alert: var(--scalar-color-orange);
}
@supports (color: color-mix(in lab, red, red)) {
.dark-mode {
--scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%);
}
}
.dark-mode {
--scalar-background-danger: var(--scalar-color-red);
}
@supports (color: color-mix(in lab, red, red)) {
.dark-mode {
--scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%);
}
}
@supports (color: color(display-p3 1 1 1)) {
.light-mode {
--scalar-color-accent: color(display-p3 0 .6 1);
--scalar-color-green: color(display-p3 .023529 .564706 .380392);
--scalar-color-red: color(display-p3 .937255 0 .023529);
--scalar-color-yellow: color(display-p3 .929412 .745098 .12549);
--scalar-color-blue: color(display-p3 0 .509804 .815686);
--scalar-color-orange: color(display-p3 1 .4 .02);
--scalar-color-purple: color(display-p3 .321569 .011765 .819608);
}
.dark-mode {
--scalar-color-accent: color(display-p3 .07 .67 1);
--scalar-color-green: color(display-p3 0 .713725 .282353);
--scalar-color-red: color(display-p3 .862745 .105882 .098039);
--scalar-color-yellow: color(display-p3 1 .788235 .05098);
--scalar-color-blue: color(display-p3 .305882 .701961 .92549);
--scalar-color-orange: color(display-p3 1 .552941 .301961);
--scalar-color-purple: color(display-p3 .694118 .568627 .976471);
}
}
:root,
:host {
--leading-snug: 1.375;
--leading-normal: 1.5;
--leading-relaxed: 1.625;
--ease-in: cubic-bezier(.4, 0, 1, 1);
--ease-out: cubic-bezier(0, 0, .2, 1);
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
}
@layer scalar-theme;
:where(.scalar-app) {
font-family: var(--scalar-font);
color: var(--scalar-color-1);
-webkit-text-size-adjust: 100%;
tab-size: 4;
line-height: 1.15;
}
:where(.scalar-app) *,
:where(.scalar-app) :before,
:where(.scalar-app) :after {
box-sizing: border-box;
border-style: solid;
border-width: 0;
border-color: var(--scalar-border-color);
outline-width: 1px;
outline-style: none;
outline-color: var(--scalar-color-accent);
font-feature-settings: inherit;
font-variation-settings: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
text-align: inherit;
line-height: inherit;
color: inherit;
margin: unset;
padding: unset;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
:where(.scalar-app) :before,
:where(.scalar-app) :after {
--tw-content: "";
}
:where(.scalar-app) button,
:where(.scalar-app) input,
:where(.scalar-app) optgroup,
:where(.scalar-app) select,
:where(.scalar-app) textarea {
background: none;
}
:where(.scalar-app) ::file-selector-button {
background: none;
}
:where(.scalar-app) ol,
:where(.scalar-app) ul,
:where(.scalar-app) menu {
list-style: none;
}
:where(.scalar-app) input:where(:not([type=button], [type=reset], [type=submit])),
:where(.scalar-app) select,
:where(.scalar-app) textarea {
border-radius: var(--scalar-radius);
border-width: 1px;
}
:where(.scalar-app) input::placeholder {
color: var(--scalar-color-3);
font-family: var(--scalar-font);
}
:where(.scalar-app) input[type=search]::-webkit-search-cancel-button {
appearance: none;
}
:where(.scalar-app) input[type=search]::-webkit-search-decoration {
appearance: none;
}
:where(.scalar-app) summary::-webkit-details-marker {
display: none;
}
:where(.scalar-app) input:-webkit-autofill {
-webkit-background-clip: text !important;
background-clip: text !important;
}
:where(.scalar-app) :focus-visible {
border-radius: var(--scalar-radius);
outline-style: solid;
}
:where(.scalar-app) button:focus-visible,
:where(.scalar-app) [role=button]:focus-visible {
outline-offset: -1px;
}
:where(.scalar-app) button,
:where(.scalar-app) [role=button] {
cursor: pointer;
}
:where(.scalar-app) :disabled {
cursor: default;
}
:where(.scalar-app) img,
:where(.scalar-app) svg,
:where(.scalar-app) video,
:where(.scalar-app) canvas,
:where(.scalar-app) audio,
:where(.scalar-app) iframe,
:where(.scalar-app) embed,
:where(.scalar-app) object {
vertical-align: middle;
display: block;
}
:where(.scalar-app) [hidden] {
display: none;
}
.scalar-app .cm-scroller,
.scalar-app .custom-scroll {
scrollbar-color: transparent transparent;
scrollbar-width: thin;
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.scalar-app .custom-scroll-self-contain-overflow {
overscroll-behavior: contain;
}
.scalar-app .cm-scroller:hover,
.scalar-app .custom-scroll:hover,
.scalar-app.scalar-scrollbars-obtrusive .cm-scroller,
.scalar-app.scalar-scrollbars-obtrusive .custom-scroll {
scrollbar-color: var(--scalar-scrollbar-color, transparent) transparent;
}
.scalar-app .cm-scroller:hover::-webkit-scrollbar-thumb {
background: var(--scalar-scrollbar-color);
background-clip: content-box;
border: 3px solid #0000;
}
.scalar-app .custom-scroll:hover::-webkit-scrollbar-thumb {
background: var(--scalar-scrollbar-color);
background-clip: content-box;
border: 3px solid #0000;
}
.scalar-app .cm-scroller::-webkit-scrollbar-thumb:active {
background: var(--scalar-scrollbar-color-active);
background-clip: content-box;
border: 3px solid #0000;
}
.scalar-app .custom-scroll::-webkit-scrollbar-thumb:active {
background: var(--scalar-scrollbar-color-active);
background-clip: content-box;
border: 3px solid #0000;
}
.scalar-app .cm-scroller::-webkit-scrollbar-corner {
background: none;
}
.scalar-app .custom-scroll::-webkit-scrollbar-corner {
background: none;
}
.scalar-app .cm-scroller::-webkit-scrollbar {
width: 12px;
height: 12px;
}
.scalar-app .custom-scroll::-webkit-scrollbar {
width: 12px;
height: 12px;
}
.scalar-app .cm-scroller::-webkit-scrollbar-track {
background: none;
}
.scalar-app .custom-scroll::-webkit-scrollbar-track {
background: none;
}
.scalar-app .cm-scroller::-webkit-scrollbar-thumb {
background: padding-box content-box;
border: 3px solid #0000;
border-radius: 20px;
}
.scalar-app .custom-scroll::-webkit-scrollbar-thumb {
background: padding-box content-box;
border: 3px solid #0000;
border-radius: 20px;
}
@media (pointer: coarse) {
.scalar-app .cm-scroller,
.scalar-app .custom-scroll {
padding-right: 12px;
}
}
:where(.scalar-app) [class*=rotate-],
:where(.scalar-app) [class*=translate-],
:where(.scalar-app) [class*=scale-] {
transform: none;
}
.loader-wrapper[data-v-27df5cd8] {
--loader-size: 50%;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.svg-loader[data-v-27df5cd8] {
width: var(--loader-size);
height: var(--loader-size);
fill: none;
stroke: currentColor;
background-color: #0000;
top: 1rem;
right: .9rem;
overflow: visible;
}
.svg-path[data-v-27df5cd8] {
stroke-width: 12px;
fill: none;
transition: all .3s;
}
.svg-x-mark[data-v-27df5cd8] {
stroke-dasharray: 57;
stroke-dashoffset: 57px;
transition-delay: 0s;
}
.svg-check-mark[data-v-27df5cd8] {
stroke-dasharray: 149;
stroke-dashoffset: 149px;
transition-delay: 0s;
}
.icon-is-invalid .svg-x-mark[data-v-27df5cd8],
.icon-is-valid .svg-check-mark[data-v-27df5cd8] {
stroke-dashoffset: 0;
transition-delay: .3s;
}
.circular-loader[data-v-27df5cd8] {
transform-origin: center;
background: none;
animation: .7s linear infinite rotate-27df5cd8, .4s fade-in-27df5cd8;
transform: scale(3.5);
}
.loader-path[data-v-27df5cd8] {
stroke-dasharray: 50 200;
stroke-dashoffset: -100px;
stroke-linecap: round;
}
.loader-path-off[data-v-27df5cd8] {
stroke-dasharray: 50 200;
stroke-dashoffset: -100px;
opacity: 0;
transition: opacity .3s;
}
@keyframes fade-in-27df5cd8 {
0% {
opacity: 0;
}
70% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes rotate-27df5cd8 {
from {
transform: scale(3.5) rotate(0);
}
to {
transform: scale(3.5) rotate(360deg);
}
}
.scalar-code-block pre {
font-variant-ligatures: none;
}
.scalar-code-block.bg-b-1 .scalar-code-copy-backdrop {
background-color: var(--scalar-background-1);
}
.scalar-code-block.bg-b-2 .scalar-code-copy-backdrop {
background-color: var(--scalar-background-2);
}
.scalar-code-block.bg-b-2 .scalar-code-copy {
background-color: var(--scalar-background-3);
}
.toggle-icon-ellipse[data-v-60be8692] {
background: var(--scalar-background-1);
border-radius: 50%;
width: 7px;
height: 7px;
transition: width .3s ease-in-out, height .3s ease-in-out;
display: inline-block;
position: relative;
overflow: hidden;
box-shadow: inset 0 0 0 1px;
}
.toggle-icon-moon-mask[data-v-60be8692] {
background: var(--scalar-background-1);
border: 1px solid;
border-radius: 50%;
width: 100%;
height: 100%;
transition: transform .3s ease-in-out;
display: block;
position: absolute;
bottom: 2.5px;
left: 2.5px;
transform: translate3d(4px, -4px, 0);
}
.toggle-icon-sun-ray[data-v-60be8692] {
background: currentColor;
border-radius: 8px;
width: 12px;
height: 1px;
transition: transform .3s ease-in-out;
position: absolute;
}
.toggle-icon-sun-ray[data-v-60be8692]:nth-of-type(2) {
transform: rotate(90deg);
}
.toggle-icon-sun-ray[data-v-60be8692]:nth-of-type(3) {
transform: rotate(45deg);
}
.toggle-icon-sun-ray[data-v-60be8692]:nth-of-type(4) {
transform: rotate(-45deg);
}
.toggle-icon-dark .toggle-icon-ellipse[data-v-60be8692] {
width: 10px;
height: 10px;
-webkit-mask-image:
radial-gradient(
circle at 0 100%,
pink 10px,
#0000 12px);
mask-image:
radial-gradient(
circle at 0 100%,
pink 10px,
#0000 12px);
}
.toggle-icon-dark .toggle-icon-sun-ray[data-v-60be8692] {
transform: scale(0);
}
.toggle-icon-dark .toggle-icon-moon-mask[data-v-60be8692] {
transform: translate3d(0, 0, 0);
}
.dark-mode .scalar-dropdown-item[data-v-f5e0d3d8]:hover,
.dark-mode .scalar-dropdown-item[data-highlighted][data-v-f5e0d3d8],
.dark-mode .scalar-dropdown-item[data-v-3402682d]:hover {
filter: brightness(1.1);
}
.scalar-icon[data-v-b651bb23],
.scalar-icon[data-v-b651bb23] * {
stroke-width: var(--c07589c2);
}
.scalar-app :where(code.hljs) * {
font-size: inherit;
font-family: var(--scalar-font-code);
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
tab-size: 4;
line-height: 1.4;
}
.scalar-app code.hljs {
all: unset;
font-size: inherit;
color: var(--scalar-color-2);
font-family: var(--scalar-font-code);
counter-reset: linenumber;
}
.scalar-app .hljs {
color: var(--scalar-color-2);
background: none;
}
.scalar-app .hljs .line:before {
color: var(--scalar-color-3);
counter-increment: linenumber;
content: counter(linenumber);
min-width: calc(var(--line-digits) * 1ch);
text-align: right;
margin-right: .875rem;
display: inline-block;
}
.scalar-app .hljs-comment,
.scalar-app .hljs-quote {
color: var(--scalar-color-3);
font-style: italic;
}
.scalar-app .hljs-number {
color: var(--scalar-color-orange);
}
.scalar-app .hljs-regexp,
.scalar-app .hljs-string,
.scalar-app .hljs-built_in {
color: var(--scalar-color-blue);
}
.scalar-app .hljs-title.class_ {
color: var(--scalar-color-1);
}
.scalar-app .hljs-keyword {
color: var(--scalar-color-purple);
}
.scalar-app .hljs-title.function_ {
color: var(--scalar-color-orange);
}
.scalar-app .hljs-subst,
.scalar-app .hljs-name {
color: var(--scalar-color-blue);
}
.scalar-app .hljs-attr,
.scalar-app .hljs-attribute {
color: var(--scalar-color-1);
}
.scalar-app .hljs-addition,
.scalar-app .hljs-literal,
.scalar-app .hljs-selector-tag,
.scalar-app .hljs-type {
color: var(--scalar-color-green);
}
.scalar-app .hljs-selector-attr,
.scalar-app .hljs-selector-pseudo {
color: var(--scalar-color-orange);
}
.scalar-app .hljs-doctag,
.scalar-app .hljs-section,
.scalar-app .hljs-title {
color: var(--scalar-color-blue);
}
.scalar-app .hljs-selector-id,
.scalar-app .hljs-template-variable,
.scalar-app .hljs-variable {
color: var(--scalar-color-1);
}
.scalar-app .hljs-name,
.scalar-app .hljs-section,
.scalar-app .hljs-strong {
font-weight: var(--scalar-semibold);
}
.scalar-app .hljs-bullet,
.scalar-app .hljs-link,
.scalar-app .hljs-meta,
.scalar-app .hljs-symbol {
color: var(--scalar-color-blue);
}
.scalar-app .hljs-deletion {
color: var(--scalar-color-red);
}
.scalar-app .hljs-formula {
background: var(--scalar-color-1);
}
.scalar-app .hljs-emphasis {
font-style: italic;
}
.scalar-app .credential .credential-value {
color: #0000;
font-size: 0;
}
.scalar-app .credential:after {
content: "\b7\b7\b7\b7\b7";
color: var(--scalar-color-3);
-webkit-user-select: none;
user-select: none;
}
.hljs.language-html {
color: var(--scalar-color-1);
}
.hljs.language-html .hljs-attr {
color: var(--scalar-color-2);
}
.hljs.language-curl .hljs-string {
color: var(--scalar-color-blue);
}
.hljs.language-curl .hljs-literal {
color: var(--scalar-color-1);
}
.hljs.language-php .hljs-variable {
color: var(--scalar-color-blue);
}
.hljs.language-objectivec .hljs-meta {
color: var(--scalar-color-1);
}
.hljs.language-objectivec .hljs-built_in,
.hljs-built_in {
color: var(--scalar-color-orange);
}
.scalar-app .markdown {
--scalar-refs-heading-spacing: 24px;
--markdown-border: var(--scalar-border-width) solid var(--scalar-border-color);
--markdown-spacing-sm: 12px;
--markdown-spacing-md: 16px;
--markdown-line-height: 1.625;
--markdown-heading-line-height: 1.15;
font-family: var(--scalar-font);
word-break: break-word;
line-height: var(--markdown-line-height);
}
.scalar-app .markdown > * {
margin-bottom: var(--markdown-spacing-md);
}
.scalar-app .markdown > :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):last-child {
margin-bottom: 0;
}
.scalar-app .markdown h1,
.scalar-app .markdown h2,
.scalar-app .markdown h3,
.scalar-app .markdown h4,
.scalar-app .markdown h5,
.scalar-app .markdown h6 {
font-weight: var(--scalar-bold);
margin-top: var(--scalar-refs-heading-spacing);
margin-bottom: var(--markdown-spacing-sm);
line-height: var(--markdown-heading-line-height, 1.15);
scroll-margin-top: 1rem;
display: block;
}
.scalar-app .markdown h1 {
font-size: 1.5rem;
}
.scalar-app .markdown h2,
.scalar-app .markdown h3 {
font-size: 1.25rem;
}
.scalar-app .markdown h4,
.scalar-app .markdown h5,
.scalar-app .markdown h6 {
font-size: 1rem;
}
.scalar-app .markdown b,
.scalar-app .markdown strong {
font-weight: var(--scalar-bold);
}
.scalar-app .markdown p {
color: inherit;
line-height: var(--markdown-line-height);
display: block;
}
.scalar-app .markdown img {
border-radius: var(--scalar-radius);
max-width: 100%;
display: inline-block;
overflow: hidden;
}
.scalar-app .markdown ul,
.scalar-app .markdown ol {
line-height: var(--markdown-line-height);
flex-direction: column;
gap: 2px;
padding-left: 1.6em;
display: flex;
}
.scalar-app .markdown li {
margin-top: 2px;
padding-left: 7px;
}
.scalar-app ol > li::marker {
font: var(--scalar-font);
font-variant-numeric: tabular-nums;
font-weight: var(--scalar-semibold);
white-space: nowrap;
}
.scalar-app ol > * > li::marker {
font: var(--scalar-font);
font-variant-numeric: tabular-nums;
font-weight: var(--scalar-semibold);
white-space: nowrap;
}
.scalar-app .markdown ol {
list-style-type: decimal;
}
.scalar-app .markdown ol ol {
list-style-type: lower-alpha;
}
.scalar-app .markdown ol ol ol ol,
.scalar-app .markdown ol ol ol ol ol ol ol {
list-style-type: decimal;
}
.scalar-app .markdown ol ol ol ol ol,
.scalar-app .markdown ol ol ol ol ol ol ol ol {
list-style-type: lower-alpha;
}
.scalar-app .markdown ol ol ol,
.scalar-app .markdown ol ol ol ol ol ol,
.scalar-app .markdown ol ol ol ol ol ol ol ol ol {
list-style-type: lower-roman;
}
.scalar-app .markdown ul > li,
.scalar-app .markdown ul > * > li {
list-style-type: disc;
}
.scalar-app .markdown table {
table-layout: fixed;
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: var(--scalar-radius);
border-spacing: 0;
width: max-content;
max-width: 100%;
margin: 1em 0;
display: table;
position: relative;
overflow-x: auto;
}
.scalar-app .markdown tbody,
.scalar-app .markdown thead {
vertical-align: middle;
}
.scalar-app .markdown tbody {
display: table-row-group;
}
.scalar-app .markdown thead {
display: table-header-group;
}
.scalar-app .markdown tr {
border-color: inherit;
vertical-align: inherit;
display: table-row;
}
.scalar-app .markdown td,
.scalar-app .markdown th {
vertical-align: top;
min-width: 1em;
line-height: var(--markdown-line-height);
word-break: break-word;
font-size: var(--scalar-small);
color: var(--scalar-color-1);
border-right: var(--markdown-border);
border-bottom: var(--markdown-border);
padding: 8.5px 16px;
display: table-cell;
position: relative;
}
.scalar-app .markdown td > *,
.scalar-app .markdown th > * {
margin-bottom: 0;
}
.scalar-app .markdown th:empty {
display: none;
}
.scalar-app .markdown td:first-of-type,
.scalar-app .markdown th:first-of-type {
border-left: none;
}
.scalar-app .markdown td:last-of-type,
.scalar-app .markdown th:last-of-type {
border-right: none;
}
.scalar-app .markdown tr:last-of-type td {
border-bottom: none;
}
.scalar-app .markdown th {
font-weight: var(--scalar-bold);
text-align: left;
background: var(--scalar-background-2);
border-left-color: #0000;
}
.scalar-app .markdown th:first-of-type {
border-top-left-radius: var(--scalar-radius);
}
.scalar-app .markdown th:last-of-type {
border-top-right-radius: var(--scalar-radius);
}
.scalar-app .markdown tr > [align=left] {
text-align: left;
}
.scalar-app .markdown tr > [align=right] {
text-align: right;
}
.scalar-app .markdown tr > [align=center] {
text-align: center;
}
.scalar-app .markdown details {
border: var(--markdown-border);
border-radius: var(--scalar-radius-xl);
color: var(--scalar-color-1);
}
.scalar-app .markdown details > :not(summary) {
margin: var(--markdown-spacing-md);
margin-bottom: 0;
}
.scalar-app .markdown details > p:has(> strong):not(:has(:not(strong))) {
margin-bottom: 8px;
}
.scalar-app .markdown details > p:has(> strong):not(:has(:not(strong))) + * {
margin-top: 0;
}
.scalar-app .markdown details > table {
width: calc(100% - calc(var(--markdown-spacing-md) * 2));
}
.scalar-app .markdown summary {
min-height: 40px;
font-weight: var(--scalar-semibold);
line-height: var(--markdown-line-height);
cursor: pointer;
-webkit-user-select: none;
user-select: none;
border-radius: 2.5px;
align-items: flex-start;
gap: 8px;
padding: 7px 14px;
display: flex;
position: relative;
}
.scalar-app .markdown summary:hover {
background-color: var(--scalar-background-2);
}
.scalar-app .markdown details[open] {
padding-bottom: var(--markdown-spacing-md);
}
.scalar-app .markdown details[open] > summary {
border-bottom: var(--markdown-border);
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.scalar-app .markdown summary:before {
content: "";
width: var(--markdown-spacing-md);
height: var(--markdown-spacing-md);
background-color: var(--scalar-color-3);
flex-shrink: 0;
margin-top: 5px;
display: block;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.scalar-app .markdown summary:hover:before {
background-color: var(--scalar-color-1);
}
.scalar-app .markdown details[open] > summary:before {
transition: transform .1s ease-in-out;
transform: rotate(90deg);
}
.scalar-app .markdown details:has(+ details) {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
margin-bottom: 0;
}
.scalar-app .markdown details:has(+ details) + details,
.scalar-app .markdown details:has(+ details) + details > summary {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.scalar-app .markdown a {
--font-color: var(--scalar-link-color, var(--scalar-color-accent));
--font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));
-webkit-text-decoration: var(--scalar-text-decoration);
text-decoration: var(--scalar-text-decoration);
color: var(--font-color);
font-weight: var(--scalar-link-font-weight, var(--scalar-semibold));
text-underline-offset: .25rem;
text-decoration-thickness: 1px;
-webkit-text-decoration-color: var(--font-color);
text-decoration-color: var(--font-color);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .markdown a {
-webkit-text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);
text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);
}
}
.scalar-app .markdown a:hover {
-webkit-text-decoration-color: var(--scalar-color-1, currentColor);
text-decoration-color: var(--scalar-color-1, currentColor);
color: var(--scalar-link-color-hover, var(--scalar-color-accent));
-webkit-text-decoration: var(--scalar-text-decoration-hover);
text-decoration: var(--scalar-text-decoration-hover);
}
.scalar-app .markdown a:visited {
color: var(--font-visited);
}
.scalar-app .markdown em {
font-style: italic;
}
.scalar-app .markdown sup,
.scalar-app .markdown sub {
font-size: var(--scalar-micro);
font-weight: 450;
}
.scalar-app .markdown sup {
vertical-align: super;
}
.scalar-app .markdown sub {
vertical-align: sub;
}
.scalar-app .markdown del {
text-decoration: line-through;
}
.scalar-app .markdown code {
font-family: var(--scalar-font-code);
background-color: var(--scalar-background-2);
box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
font-size: var(--scalar-micro);
border-radius: 2px;
padding: 0 3px;
}
.scalar-app .markdown .hljs {
font-size: var(--scalar-small);
}
.scalar-app .markdown pre code {
white-space: pre;
padding: var(--markdown-spacing-sm);
margin: var(--markdown-spacing-sm) 0;
-webkit-overflow-scrolling: touch;
min-width: 100px;
max-width: 100%;
line-height: 1.5;
display: block;
overflow-x: auto;
}
.scalar-app .markdown hr {
border: none;
border-bottom: var(--markdown-border);
}
.scalar-app .markdown blockquote {
border-left: 2px solid var(--scalar-border-color);
padding-left: var(--markdown-spacing-sm);
}
.scalar-app .markdown blockquote > * {
margin-bottom: var(--markdown-spacing-sm);
}
.scalar-app .markdown li.task-list-item {
list-style: none;
position: relative;
}
.scalar-app .markdown li.task-list-item > input {
appearance: none;
width: var(--markdown-spacing-md);
height: var(--markdown-spacing-md);
border: 1px solid var(--scalar-color-3);
border-radius: var(--scalar-radius);
display: inline;
position: absolute;
top: .225em;
left: -1.4em;
}
.scalar-app .markdown li.task-list-item > input[type=checkbox]:checked {
background-color: var(--scalar-color-1);
border-color: var(--scalar-color-1);
}
.scalar-app .markdown li.task-list-item > input[type=checkbox]:before {
content: "";
border: solid var(--scalar-background-1);
opacity: 0;
border-width: 0 1.5px 1.5px 0;
width: 5px;
height: 10px;
position: absolute;
top: 1px;
left: 5px;
transform: rotate(45deg);
}
.scalar-app .markdown li.task-list-item > input[type=checkbox]:checked:before {
opacity: 1;
}
.scalar-app .markdown .markdown-alert {
border-radius: var(--scalar-radius);
background-color: var(--scalar-background-2);
align-items: stretch;
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .markdown .markdown-alert {
background-color: color-mix(in srgb, var(--scalar-background-2), transparent);
}
}
.scalar-app .markdown .markdown-alert {
border: var(--markdown-border);
gap: var(--markdown-spacing-sm);
padding: 10px 14px;
display: flex;
position: relative;
}
.scalar-app .markdown .markdown-alert .markdown-alert-icon:before {
content: "";
background-color: currentColor;
flex-shrink: 0;
width: 18px;
height: 18px;
margin-top: 3px;
display: block;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.scalar-app .markdown .markdown-alert.markdown-alert-note {
background-color: var(--scalar-color-blue);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .markdown .markdown-alert.markdown-alert-note {
background-color: color-mix(in srgb, var(--scalar-color-blue), transparent 97%);
}
}
.scalar-app .markdown .markdown-alert.markdown-alert-note {
border: var(--scalar-border-width) solid var(--scalar-color-blue);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .markdown .markdown-alert.markdown-alert-note {
border: var(--scalar-border-width) solid color-mix(in srgb, var(--scalar-color-blue), transparent 50%);
}
}
.scalar-app .markdown .markdown-alert.markdown-alert-tip {
background-color: var(--scalar-color-2);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .markdown .markdown-alert.markdown-alert-tip {
background-color: color-mix(in srgb, var(--scalar-color-2), transparent 97%);
}
}
.scalar-app .markdown .markdown-alert.markdown-alert-tip {
border: var(--scalar-border-width) solid var(--scalar-color-2);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .markdown .markdown-alert.markdown-alert-tip {
border: var(--scalar-border-width) solid color-mix(in srgb, var(--scalar-color-2), transparent 50%);
}
}
.scalar-app .markdown .markdown-alert.markdown-alert-note .markdown-alert-icon:before,
.scalar-app .markdown .markdown-alert.markdown-alert-tip .markdown-alert-icon:before {
color: var(--scalar-color-blue);
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.scalar-app .markdown .markdown-alert.markdown-alert-important,
.scalar-app .markdown .markdown-alert.markdown-alert-warning {
background-color: var(--scalar-color-orange);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .markdown .markdown-alert.markdown-alert-important,
.scalar-app .markdown .markdown-alert.markdown-alert-warning {
background-color: color-mix(in srgb, var(--scalar-color-orange), transparent 97%);
}
}
.scalar-app .markdown .markdown-alert.markdown-alert-important,
.scalar-app .markdown .markdown-alert.markdown-alert-warning {
border: var(--scalar-border-width) solid var(--scalar-color-orange);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .markdown .markdown-alert.markdown-alert-important,
.scalar-app .markdown .markdown-alert.markdown-alert-warning {
border: var(--scalar-border-width) solid color-mix(in srgb, var(--scalar-color-orange), transparent 50%);
}
}
.scalar-app .markdown .markdown-alert.markdown-alert-important .markdown-alert-icon:before,
.scalar-app .markdown .markdown-alert.markdown-alert-warning .markdown-alert-icon:before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.scalar-app .markdown .markdown-alert.markdown-alert-caution {
background-color: var(--scalar-color-red);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .markdown .markdown-alert.markdown-alert-caution {
background-color: color-mix(in srgb, var(--scalar-color-red), transparent 97%);
}
}
.scalar-app .markdown .markdown-alert.markdown-alert-caution {
border: var(--scalar-border-width) solid var(--scalar-color-red);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .markdown .markdown-alert.markdown-alert-caution {
border: var(--scalar-border-width) solid color-mix(in srgb, var(--scalar-color-red), transparent 50%);
}
}
.scalar-app .markdown .markdown-alert.markdown-alert-caution .markdown-alert-icon:before {
color: var(--scalar-color-red);
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.scalar-app .markdown .markdown-alert.markdown-alert-success {
background-color: var(--scalar-color-green);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .markdown .markdown-alert.markdown-alert-success {
background-color: color-mix(in srgb, var(--scalar-color-green), transparent 97%);
}
}
.scalar-app .markdown .markdown-alert.markdown-alert-success {
border: var(--scalar-border-width) solid var(--scalar-color-green);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .markdown .markdown-alert.markdown-alert-success {
border: var(--scalar-border-width) solid color-mix(in srgb, var(--scalar-color-green), transparent 50%);
}
}
.scalar-app .markdown .markdown-alert.markdown-alert-success .markdown-alert-icon:before {
color: var(--scalar-color-green);
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.scalar-app .markdown .markdown-alert.markdown-alert-note .markdown-alert-icon:before {
color: var(--scalar-color-blue);
}
.scalar-app .markdown .markdown-alert.markdown-alert-tip .markdown-alert-icon:before {
color: var(--scalar-color-2);
}
.scalar-app .markdown .markdown-alert.markdown-alert-important .markdown-alert-icon:before {
color: var(--scalar-color-purple);
}
.scalar-app .markdown .markdown-alert.markdown-alert-warning .markdown-alert-icon:before {
color: var(--scalar-color-orange);
}
.scalar-app .markdown .markdown-alert .markdown-alert-content {
line-height: var(--markdown-line-height);
margin: 0;
}
.scalar-app .markdown.markdown-summary.markdown-summary :before,
.scalar-app .markdown.markdown-summary.markdown-summary :after {
content: none;
}
.scalar-app .markdown.markdown-summary.markdown-summary :not(strong, em, a) {
font-size: inherit;
font-weight: inherit;
line-height: var(--markdown-line-height);
display: contents;
}
.scalar-app .markdown.markdown-summary.markdown-summary img,
.scalar-app .markdown.markdown-summary.markdown-summary svg,
.scalar-app .markdown.markdown-summary.markdown-summary hr,
.scalar-app .markdown.markdown-summary.markdown-summary pre {
display: none;
}
.scalar-modal-layout[data-v-5bb1dcc2] {
animation: .3s ease-in-out forwards fadein-layout-5bb1dcc2;
}
.scalar-modal[data-v-5bb1dcc2] {
box-shadow: var(--scalar-shadow-2);
animation: .3s ease-in-out .1s forwards fadein-modal-5bb1dcc2;
transform: translate3d(0, 10px, 0);
}
.scalar-modal-layout-full[data-v-5bb1dcc2] {
opacity: 1 !important;
background: none !important;
}
.modal-content-search .modal-body[data-v-5bb1dcc2] {
flex-direction: column;
max-height: 440px;
padding: 0;
display: flex;
overflow: hidden;
}
@media (max-width: 720px) and (max-height: 480px) {
.scalar-modal-layout .scalar-modal[data-v-5bb1dcc2] {
max-height: 90svh;
margin-top: 5svh;
}
}
@keyframes fadein-layout-5bb1dcc2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadein-modal-5bb1dcc2 {
0% {
opacity: 0;
transform: translate3d(0, 10px, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.full-size-styles[data-v-5bb1dcc2] {
margin: initial;
border-right: var(--scalar-border-width) solid var(--scalar-border-color);
animation: .3s ease-in-out forwards fadein-layout-5bb1dcc2;
left: 0;
transform: translate3d(0, 0, 0);
background-color: var(--scalar-background-1) !important;
max-height: 100% !important;
box-shadow: none !important;
border-radius: 0 !important;
position: absolute !important;
top: 0 !important;
}
@media (min-width: 800px) {
.full-size-styles[data-v-5bb1dcc2] {
width: 50dvw !important;
}
}
.full-size-styles[data-v-5bb1dcc2]:after {
content: "";
width: 50dvw;
height: 100dvh;
position: absolute;
top: 0;
right: -50dvw;
}
.group\/item > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-3e080c68] {
inset-block: -1px;
}
.group\/item:first-child > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-3e080c68] {
top: 0;
}
.group\/item:last-child > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-3e080c68] {
bottom: 0;
}
.group\/item:last-of-type > .group\/button > .group\/button-label > .group\/button-loading {
width: 66.6667%;
}
.group\/items.-translate-x-full .group\/button {
transition-behavior: allow-discrete;
max-height: 0;
transition-property: display, max-height;
transition-duration: 0s;
transition-delay: .3s;
display: none;
}
.group\/item.group\/nested-items-open > * > .group\/items.translate-x-0 .group\/button {
max-height: 3.40282e38px;
display: flex;
}
.animate-sidebar-border-bottom {
animation: forwards border-bottom;
animation-timeline: scroll();
animation-range-end: 1px;
}
@keyframes border-bottom {
from {
border-bottom-width: 0;
}
to {
border-bottom-width: var(--scalar-border-width);
}
}
.group\/sidebar-section:first-of-type > .group\/spacer-before,
.group\/sidebar-section:last-of-type > .group\/spacer-after {
height: 0;
}
.group\/sidebar-section:has(+ .group\/sidebar-section) > .group\/spacer-after {
height: 0;
margin-bottom: -1px;
}
:where(body) > .scalar-tooltip {
--scalar-tooltip-padding: 8px;
padding: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
z-index: 99999;
max-width: 320px;
font-size: var(--scalar-font-size-5);
--tw-font-weight: var(--scalar-semibold);
line-height: 16px;
font-weight: var(--scalar-semibold);
overflow-wrap: break-word;
color: var(--scalar-tooltip-color);
}
:where(body) > .scalar-tooltip:before {
content: "";
inset: var(--scalar-tooltip-offset);
z-index: calc(1 * -1);
border-radius: var(--scalar-radius);
background-color: var(--scalar-tooltip-background);
--tw-backdrop-blur: blur(8px);
-webkit-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-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, );
position: absolute;
}
:where(body.dark-mode) > .scalar-tooltip:before {
--tw-shadow: inset 0 0 0 var(--tw-shadow-color, var(--scalar-border-width)) var(--scalar-border-color);
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.scalar-virtual-text-search-input[data-v-95edadbb]::-webkit-search-cancel-button {
display: none;
}
.scalar-virtual-text[data-v-b50a85e1]:focus {
outline: none;
}
.scalar-virtual-text-highlight[data-v-b50a85e1] {
background: var(--scalar-background-accent);
color: inherit;
border-radius: 2px;
padding: 1px 0;
}
.scalar-virtual-text-highlight-active[data-v-b50a85e1] {
background: var(--scalar-color-accent);
color: var(--scalar-background-1);
border-radius: 2px;
}
.sidebar-heading-type[data-v-1857170e] {
text-transform: uppercase;
color: var(--method-color, var(--scalar-color-1));
font-size: 10px;
line-height: 14px;
font-weight: var(--scalar-bold);
font-family: var(--scalar-font-code);
white-space: nowrap;
flex-shrink: 0;
align-items: center;
gap: 4px;
display: inline-flex;
overflow: hidden;
}
.http-bg-gradient[data-v-86e2b3ea] {
background: linear-gradient(#ffffffbf, #00000009);
}
.http-bg-gradient[data-v-86e2b3ea]:hover {
background: linear-gradient(#00000009, #ffffffbf);
}
.dark-mode .http-bg-gradient[data-v-86e2b3ea] {
background: linear-gradient(#ffffff09, #00000026);
}
.dark-mode .http-bg-gradient[data-v-86e2b3ea]:hover {
background: linear-gradient(#00000026, #ffffff09);
}
.ascii-art-animate .ascii-art-line[data-v-9a695e58] {
border-right: 1ch solid #0000;
animation: 4s step-end 1s both typewriter-9a695e58, .5s step-end infinite blinkTextCursor-9a695e58;
}
@keyframes typewriter-9a695e58 {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes blinkTextCursor-9a695e58 {
0% {
border-right-color: currentColor;
}
50% {
border-right-color: #0000;
}
}
.open-api-client-button[data-v-cd067f84] {
cursor: pointer;
text-align: center;
white-space: nowrap;
width: 100%;
height: 31px;
font-size: var(--scalar-small);
border-radius: var(--scalar-radius);
box-shadow: 0 0 0 .5px var(--scalar-border-color);
color: var(--scalar-sidebar-color-1);
justify-content: center;
align-items: center;
gap: 6px;
padding: 9px 12px;
line-height: 1.385;
text-decoration: none;
display: flex;
}
.open-api-client-button[data-v-cd067f84]:hover {
background: var(--scalar-sidebar-item-hover-background, var(--scalar-background-2));
}
.address-bar-history-button[data-v-12140f4f]:hover {
background: var(--scalar-background-3);
}
.address-bar-history-button[data-v-12140f4f]:focus-within {
background: var(--scalar-background-2);
}
[data-v-3118bf46] .cm-editor {
background: none;
outline: none;
height: 100%;
padding: 0;
}
[data-v-3118bf46] .cm-placeholder {
color: var(--scalar-color-3);
}
[data-v-3118bf46] .cm-content {
font-family: var(--scalar-font-code);
font-size: var(--scalar-small);
max-height: 20px;
padding: 8px 0;
}
[data-v-3118bf46] .cm-tooltip {
filter: brightness(var(--scalar-lifted-brightness));
border-radius: var(--scalar-radius);
box-shadow: var(--scalar-shadow-2);
background: none !important;
border: none !important;
outline: none !important;
overflow: hidden !important;
}
[data-v-3118bf46] .cm-tooltip-autocomplete ul li {
padding: 3px 6px !important;
}
[data-v-3118bf46] .cm-completionIcon-type:after {
color: var(--scalar-color-3) !important;
}
[data-v-3118bf46] .cm-tooltip-autocomplete ul li[aria-selected] {
background: var(--scalar-background-2) !important;
color: var(--scalar-color-1) !important;
}
[data-v-3118bf46] .cm-tooltip-autocomplete ul {
position: relative;
padding: 6px !important;
}
[data-v-3118bf46] .cm-tooltip-autocomplete ul li:hover {
border-radius: 3px;
color: var(--scalar-color-1) !important;
background: var(--scalar-background-3) !important;
}
[data-v-3118bf46] .cm-activeLine,
[data-v-3118bf46] .cm-activeLineGutter {
background-color: #0000;
}
[data-v-3118bf46] .cm-selectionMatch,
[data-v-3118bf46] .cm-matchingBracket {
border-radius: var(--scalar-radius);
background: var(--scalar-background-4) !important;
}
[data-v-3118bf46] .cm-css-color-picker-wrapper {
outline: 1px solid var(--scalar-background-3);
border-radius: 3px;
display: inline-flex;
overflow: hidden;
}
[data-v-3118bf46] .cm-gutters {
color: var(--scalar-color-3);
font-size: var(--scalar-small);
background-color: #0000;
border-right: none;
border-radius: 0 0 0 3px;
line-height: 22px;
}
[data-v-3118bf46] .cm-gutters:before {
content: "";
border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
background-color: var(--scalar-background-1);
width: calc(100% - 2px);
height: calc(100% - 4px);
position: absolute;
top: 2px;
left: 2px;
}
[data-v-3118bf46] .cm-gutterElement {
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
font-family: var(--scalar-font-code) !important;
padding-left: 0 !important;
padding-right: 6px !important;
}
[data-v-3118bf46] .cm-lineNumbers .cm-gutterElement {
min-width: fit-content;
}
[data-v-3118bf46] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
padding-left: 0 !important;
}
[data-v-3118bf46] .cm-scroller {
overflow: auto;
}
.line-wrapping[data-v-3118bf46]:focus-within .cm-content {
white-space: break-spaces;
word-break: break-all;
min-height: fit-content;
padding: 3px 6px;
display: inline-table;
}
.cm-pill {
font-size: var(--scalar-small);
border-radius: 30px;
padding: 0 9px;
display: inline-block;
color: var(--scalar-color-1) !important;
}
.light-mode .cm-pill {
background: var(--scalar-background-3) !important;
}
.dark-mode .cm-pill {
background: var(--tw-bg-base) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.dark-mode .cm-pill {
background: color-mix(in srgb, var(--tw-bg-base), transparent 90%) !important;
}
}
.cm-pill--context-fn {
border: 1px dashed var(--scalar-color-3);
}
@supports (color: color-mix(in lab, red, red)) {
.cm-pill--context-fn {
border: 1px dashed color-mix(in srgb, var(--scalar-color-3), transparent 35%);
}
}
.cm-pill--context-fn {
padding: 0 8px;
}
.light-mode .cm-pill--context-fn {
background: var(--scalar-background-3) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.light-mode .cm-pill--context-fn {
background: color-mix(in srgb, var(--scalar-background-3), transparent 40%) !important;
}
}
.dark-mode .cm-pill--context-fn {
background: var(--scalar-background-3) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.dark-mode .cm-pill--context-fn {
background: color-mix(in srgb, var(--scalar-background-3), transparent 55%) !important;
}
}
.cm-pill:first-of-type {
margin-left: 0;
}
.cm-editor .cm-widgetBuffer {
display: none;
}
.cm-foldPlaceholder:hover {
color: var(--scalar-color-1);
}
.cm-foldGutter .cm-gutterElement {
font-size: var(--scalar-heading-4);
padding: 2px !important;
}
.cm-foldGutter .cm-gutterElement:first-of-type {
display: none;
}
.cm-foldGutter .cm-gutterElement .cm-foldMarker {
padding: 2px;
}
.cm-foldGutter .cm-gutterElement:hover .cm-foldMarker {
background: var(--scalar-background-2);
border-radius: var(--scalar-radius);
color: var(--scalar-color-1);
}
.description[data-v-649f9a0d] .markdown {
font-weight: var(--scalar-semibold);
color: var(--scalar-color--1);
padding: 0;
display: block;
}
.description[data-v-649f9a0d] .markdown > :first-child {
margin-top: 0;
}
[data-v-372238a6] .cm-editor {
outline: none;
width: 100%;
height: 100%;
}
[data-v-372238a6] .cm-line {
padding: 0;
}
[data-v-372238a6] .cm-content {
font-size: var(--scalar-small);
align-items: center;
padding: 0;
display: flex;
}
.scroll-timeline-x[data-v-372238a6] {
-ms-overflow-style: none;
-webkit-mask-image:
linear-gradient(
to right,
#0000 0,
#000 6px calc(100% - 24px),
#0000 100%);
mask-image:
linear-gradient(
to right,
#0000 0,
#000 6px calc(100% - 24px),
#0000 100%);
}
.scroll-timeline-x-hidden[data-v-372238a6] {
overflow-x: auto;
}
.scroll-timeline-x-hidden[data-v-372238a6] .cm-scroller {
scrollbar-width: none;
-ms-overflow-style: none;
padding-right: 20px;
overflow: auto;
}
.scroll-timeline-x-hidden[data-v-372238a6]::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
.scroll-timeline-x-hidden[data-v-372238a6] .cm-scroller::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
.scroll-timeline-x-address[data-v-372238a6] {
scrollbar-width: none;
line-height: 27px;
}
.scroll-timeline-x-address[data-v-372238a6]:after {
content: "";
cursor: text;
width: 24px;
height: 100%;
position: absolute;
right: 0;
}
.scroll-timeline-x-address[data-v-372238a6]:empty:before {
content: "Enter URL or cURL request";
color: var(--scalar-color-3);
pointer-events: none;
}
.address-bar-bg-states[data-v-372238a6] {
--scalar-address-bar-bg: var(--scalar-background-1);
}
@supports (color: color-mix(in lab, red, red)) {
.address-bar-bg-states[data-v-372238a6] {
--scalar-address-bar-bg: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
}
}
.address-bar-bg-states[data-v-372238a6] {
background: var(--scalar-address-bar-bg);
}
.address-bar-bg-states[data-v-372238a6]:has(.cm-focused) {
--scalar-address-bar-bg: var(--scalar-background-1);
border-color: var(--scalar-border-color);
outline-width: 1px;
outline-style: solid;
}
.app-exit-button[data-v-42c563b3] {
color: #fff;
background: #0000001a;
}
.app-exit-button[data-v-42c563b3]:hover {
background: #ffffff1a;
}
.fade-request-section-content[data-v-07ff8fc3] {
background:
linear-gradient(
to left,
var(--scalar-background-1) 64%,
transparent);
}
.filter-hover[data-v-07ff8fc3] {
height: 100%;
padding-left: 24px;
padding-right: 39px;
transition: width 0s ease-in-out .2s;
position: absolute;
right: 0;
overflow: hidden;
}
.filter-hover[data-v-07ff8fc3]:hover,
.filter-hover[data-v-07ff8fc3]:has(:focus-visible) {
z-index: 10;
width: 100%;
}
.filter-hover[data-v-07ff8fc3]:before {
content: "";
background-color: var(--scalar-background-1);
opacity: 0;
pointer-events: none;
width: 100%;
height: fit-content;
transition: all .3s ease-in-out;
position: absolute;
top: 0;
left: 0;
}
.filter-hover-item[data-v-07ff8fc3] {
opacity: 0;
}
.filter-hover-item[data-v-07ff8fc3]:not(:last-of-type) {
transform: translate3d(0, 3px, 0);
}
.filter-hover:hover .filter-hover-item[data-v-07ff8fc3] {
transition: opacity .2s ease-in-out, transform .2s ease-in-out;
}
.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:last-of-type {
transition-delay: 50ms;
}
.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(2) {
transition-delay: .1s;
}
.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(3) {
transition-delay: .15s;
}
.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(4) {
transition-delay: .2s;
}
.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(5) {
transition-delay: .25s;
}
.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(6) {
transition-delay: .3s;
}
.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(7) {
transition-delay: .35s;
}
.filter-hover:hover .filter-hover-item[data-v-07ff8fc3],
.filter-hover:has(:focus-visible) .filter-hover-item[data-v-07ff8fc3] {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.filter-hover[data-v-07ff8fc3]:hover:before,
.filter-hover[data-v-07ff8fc3]:has(:focus-visible):before {
opacity: .9;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.filter-button[data-v-07ff8fc3] {
top: 50%;
transform: translateY(-50%);
}
.context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-07ff8fc3],
.context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-07ff8fc3] {
--tw-text-opacity: 1;
color: rgb(var(--scalar-color-1) / var(--tw-text-opacity));
}
.context-bar-group:hover .context-bar-group-hover\:hidden[data-v-07ff8fc3],
.context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-07ff8fc3] {
display: none;
}
[data-v-36811e28] .cm-editor {
padding: 0;
}
[data-v-36811e28] .cm-content {
font-family: var(--scalar-font);
font-size: var(--scalar-small);
background-color: #0000;
align-items: center;
width: 100%;
padding: 5px 8px;
display: flex;
}
[data-v-36811e28] .cm-content:has(.cm-pill) {
padding: 5px 8px;
}
[data-v-36811e28] .cm-content .cm-pill:not(:last-of-type) {
margin-right: .5px;
}
[data-v-36811e28] .cm-content .cm-pill:not(:first-of-type) {
margin-left: .5px;
}
[data-v-36811e28] .cm-line {
text-overflow: ellipsis;
padding: 0;
overflow: hidden;
}
.filemask[data-v-36811e28] {
-webkit-mask-image:
linear-gradient(
to right,
transparent 0,
var(--scalar-background-2) 20px);
mask-image:
linear-gradient(
to right,
transparent 0,
var(--scalar-background-2) 20px);
}
[data-v-aff33ea6] .cm-content {
font-size: var(--scalar-small);
}
.oauth-scope-row-action-rail {
--oauth-scope-row-rail-bg: var(--scalar-background-1);
}
@supports (color: color-mix(in lab, red, red)) {
.oauth-scope-row-action-rail {
--oauth-scope-row-rail-bg: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
}
}
.oauth-scope-row-action-rail {
background:
linear-gradient(
90deg,
var(--oauth-scope-row-rail-bg) 0%,
var(--oauth-scope-row-rail-bg) 30%,
var(--oauth-scope-row-rail-bg) 100%);
}
@supports (color: color-mix(in lab, red, red)) {
.oauth-scope-row-action-rail {
background:
linear-gradient(
90deg,
color-mix(in srgb, var(--oauth-scope-row-rail-bg), transparent 100%) 0%,
color-mix(in srgb, var(--oauth-scope-row-rail-bg), transparent 20%) 30%,
var(--oauth-scope-row-rail-bg) 100%);
}
}
.no-scrollbar::-webkit-scrollbar {
display: none;
}
.no-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
[data-v-1ee3c31d] .cm-editor {
padding: 0;
}
[data-v-1ee3c31d] .cm-content {
font-family: var(--scalar-font);
font-size: var(--scalar-small);
background-color: #0000;
align-items: center;
width: 100%;
padding: 5px 8px;
display: flex;
}
[data-v-1ee3c31d] .cm-content:has(.cm-pill) {
padding: 5px 8px;
}
[data-v-1ee3c31d] .cm-content .cm-pill:not(:last-of-type) {
margin-right: .5px;
}
[data-v-1ee3c31d] .cm-content .cm-pill:not(:first-of-type) {
margin-left: .5px;
}
[data-v-1ee3c31d] .cm-line {
text-overflow: ellipsis;
word-break: break-word;
padding: 0;
overflow: hidden;
}
.required[data-v-1ee3c31d]:after {
content: "Required";
}
input[data-v-1ee3c31d]::placeholder {
color: var(--scalar-color-3);
}
.scalar-password-input[data-v-1ee3c31d] {
text-security: disc;
-webkit-text-security: disc;
-moz-text-security: disc;
}
.request-section-content[data-v-9ee5445b] {
--scalar-border-width: .5px;
}
.request-section-content-filter[data-v-9ee5445b] {
box-shadow: 0 -10px 0 10px var(--scalar-background-1);
}
.request-item:focus-within .request-meta-buttons[data-v-9ee5445b] {
opacity: 1;
}
.group-hover-input[data-v-9ee5445b] {
border-width: var(--scalar-border-width);
border-color: #0000;
}
.group:hover .group-hover-input[data-v-9ee5445b] {
background: var(--scalar-background-1);
}
@supports (color: color-mix(in lab, red, red)) {
.group:hover .group-hover-input[data-v-9ee5445b] {
background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
}
}
.group:hover .group-hover-input[data-v-9ee5445b] {
border-color: var(--scalar-border-color);
}
.group-hover-input[data-v-9ee5445b]:focus {
border-color: var(--scalar-border-color) !important;
background: none !important;
}
[data-v-8c1df828] .cm-editor {
font-size: var(--scalar-small);
background-color: #0000;
outline: none;
}
[data-v-8c1df828] .cm-gutters {
background-color: var(--scalar-background-1);
border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
}
[data-v-8c1df828] .cm-scroller {
min-width: 100%;
overflow: auto;
}
.light-mode .bg-preview[data-v-8bc927e4] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
}
.dark-mode .bg-preview[data-v-8bc927e4] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
}
.scalar-code-block[data-v-bb31ac6f] .hljs * {
font-size: var(--scalar-small);
}
.response-body-virtual[data-headlessui-state=open],
.response-body-virtual[data-headlessui-state=open] .diclosure-panel {
flex-direction: column;
flex-grow: 1;
display: flex;
}
.scalar-version-number[data-v-0895623d] {
width: 76px;
height: 76px;
font-size: 8px;
font-family: var(--scalar-font-code);
box-shadow: inset 2px 0px 0 2px var(--scalar-background-2);
text-align: center;
text-transform: initial;
-webkit-text-decoration-color: var(--scalar-color-3);
text-decoration-color: var(--scalar-color-3);
border-radius: 9px 9px 16px 12px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: -113px;
margin-left: -36px;
line-height: 11px;
display: flex;
position: absolute;
transform: skew(0deg, 13deg);
}
.scalar-version-number a[data-v-0895623d] {
background: var(--scalar-background-2);
border: .5px solid var(--scalar-border-color);
border-radius: 3px;
padding: 2px 4px;
font-weight: bold;
text-decoration: none;
}
.gitbook-show[data-v-0895623d] {
display: none;
}
.v-enter-active[data-v-b80db6e2] {
transition: opacity .5s;
}
.v-enter-from[data-v-b80db6e2] {
opacity: 0;
}
.animate-response-heading .response-heading[data-v-7a7c6611] {
opacity: 1;
animation: .2s ease-in-out forwards push-response-7a7c6611;
}
@keyframes push-response-7a7c6611 {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-4px);
}
}
.animate-response-heading .animate-response-children[data-v-7a7c6611] {
opacity: 0;
animation: .2s ease-in-out 50ms forwards response-spans-7a7c6611;
}
@keyframes response-spans-7a7c6611 {
from {
opacity: 0;
transform: translateY(4px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.request-card[data-v-70ede25b] {
color: var(--scalar-color-1);
font-size: var(--scalar-font-size-3);
}
.request-method[data-v-70ede25b] {
font-family: var(--scalar-font-code);
text-transform: uppercase;
margin-right: 6px;
}
.request-card-footer[data-v-70ede25b] {
flex-shrink: 0;
justify-content: flex-end;
padding: 6px;
display: flex;
position: relative;
}
.request-card-footer-addon[data-v-70ede25b] {
flex: 1;
align-items: center;
min-width: 0;
display: flex;
}
.request-editor-section[data-v-70ede25b] {
flex: 1;
display: flex;
}
.request-card-simple[data-v-70ede25b] {
font-size: var(--scalar-small);
justify-content: space-between;
align-items: center;
padding: 8px 8px 8px 12px;
display: flex;
}
.code-snippet[data-v-70ede25b] {
flex-direction: column;
width: 100%;
display: flex;
}
[data-radix-popper-content-wrapper]:has(.scalar-api-client-context-menu) {
z-index: 1000 !important;
}
.resizer[data-v-e2c54c18] {
cursor: col-resize;
z-index: 100;
border-right: 2px solid #0000;
width: 5px;
transition: border-right-color .3s;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.scalar-dragging {
cursor: col-resize;
}
.resizer:hover,
.scalar-dragging .resizer {
border-right-color: var(--scalar-background-3);
}
.scalar-dragging:after {
content: "";
display: block;
position: absolute;
inset: 0;
}
[data-v-69be2d6c] .cm-editor {
padding: 0;
}
[data-v-69be2d6c] .cm-content {
font-family: var(--scalar-font);
font-size: var(--scalar-small);
background-color: #0000;
align-items: center;
width: 100%;
padding: 5px 8px;
display: flex;
}
[data-v-69be2d6c] .cm-content:has(.cm-pill) {
padding: 5px 8px;
}
[data-v-69be2d6c] .cm-content .cm-pill:not(:last-of-type) {
margin-right: .5px;
}
[data-v-69be2d6c] .cm-content .cm-pill:not(:first-of-type) {
margin-left: .5px;
}
[data-v-69be2d6c] .cm-line {
text-overflow: ellipsis;
padding: 0;
overflow: hidden;
}
.scalar .scalar-app-layout[data-v-77897d1c] {
background: var(--scalar-background-1);
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: 8px;
width: 100%;
max-width: 1390px;
height: calc(100% - 120px);
margin: auto;
position: relative;
overflow: hidden;
}
@media (max-width: 720px) and (max-height: 480px) {
.scalar .scalar-app-layout[data-v-77897d1c] {
height: 100%;
max-height: 90svh;
}
}
.scalar .scalar-app-exit[data-v-77897d1c] {
cursor: pointer;
z-index: -1;
background: #00000038;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}
.dark-mode .scalar .scalar-app-exit[data-v-77897d1c] {
background: #00000073;
}
.scalar .scalar-app-exit[data-v-77897d1c]:before {
text-align: center;
color: #fff;
opacity: .6;
font-family: sans-serif;
font-size: 30px;
font-weight: 100;
line-height: 50px;
position: absolute;
top: 0;
right: 12px;
}
.scalar .scalar-app-exit[data-v-77897d1c]:hover:before {
opacity: 1;
}
.scalar-container[data-v-77897d1c] {
visibility: hidden;
opacity: 0;
pointer-events: none;
will-change: opacity;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
transition: opacity .35s, visibility 0s linear .35s;
display: flex;
position: fixed;
top: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
.scalar-container.scalar-client--open[data-v-77897d1c] {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: opacity .35s;
}
.scalar .url-form-input[data-v-77897d1c] {
min-height: auto !important;
}
.scalar .scalar-container[data-v-77897d1c] {
line-height: normal;
}
.ref-search-meta[data-v-d1af4404] {
background: var(--scalar-background-1);
border-bottom-left-radius: var(--scalar-radius-lg);
border-bottom-right-radius: var(--scalar-radius-lg);
font-size: var(--scalar-font-size-4);
color: var(--scalar-color-3);
font-weight: var(--scalar-semibold);
border-top: var(--scalar-border-width) solid var(--scalar-border-color);
gap: 12px;
padding: 6px 12px;
display: flex;
}
.authenticationProvided[data-v-e3416cd5] {
color: var(--scalar-color-1);
font-weight: var(--scalar-semibold);
min-height: 40px;
font-size: var(--scalar-font-size-3);
align-items: center;
gap: 6px;
display: flex;
position: relative;
}
.authenticationRequired[data-v-d15ef40b] {
color: var(--scalar-color-blue);
font-weight: var(--scalar-semibold);
min-height: 40px;
font-size: var(--scalar-font-size-3);
align-items: center;
gap: 6px;
display: flex;
position: relative;
}
.askForAuthentication[data-v-19cedfcd] {
border-top: var(--scalar-border-width) solid var(--scalar-border-color);
border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
width: 100%;
box-shadow: 0 var(--scalar-border-width) 0 var(--scalar-background-1), 0 calc(-1 * var(--scalar-border-width)) 0 var(--scalar-background-1);
flex-direction: column;
margin-bottom: 12px;
padding: 0;
display: flex;
position: relative;
}
.authContent[data-v-19cedfcd] {
grid-template-rows: 0fr;
width: 100%;
max-width: 520px;
min-height: 0;
margin: auto;
transition: grid-template-rows .2s ease-out;
display: grid;
overflow: hidden;
}
.authContentInner[data-v-19cedfcd] > div {
margin: 36px 0 48px;
}
.authContent[data-v-19cedfcd] .markdown {
margin-bottom: 0 !important;
}
.askForAuthentication.open .authContent[data-v-19cedfcd] {
grid-template-rows: 1fr;
}
.continueButton[data-v-19cedfcd] {
align-self: flex-end;
}
.toggleButton[data-v-19cedfcd] {
cursor: pointer;
text-align: left;
color: var(--scalar-color-3);
border-radius: var(--scalar-radius-lg);
background: none;
border: none;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.authContentInner[data-v-19cedfcd] {
min-height: 0;
overflow: hidden;
}
.authorizeButton[data-v-19cedfcd] {
z-index: 1;
gap: 5px;
display: flex;
background: var(--scalar-color-blue) !important;
color: #fff !important;
margin: 0 !important;
}
.autosendPaused[data-v-d08225db] {
color: var(--scalar-color-blue);
font-weight: var(--scalar-semibold);
min-height: 40px;
font-size: var(--scalar-font-size-3);
align-items: center;
gap: 6px;
display: flex;
position: relative;
}
.playIcon[data-v-5749c429] {
z-index: 1;
background: var(--scalar-background-1);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
padding: 4px;
display: flex;
position: relative;
}
.playIcon[data-v-5749c429]:before {
content: "";
box-sizing: border-box;
border: 1.75px solid;
border-bottom-color: #0000;
border-image: initial;
background: var(--scalar-background-1);
border-radius: 50%;
width: 16px;
height: 16px;
animation: .42s linear infinite rotation-5749c429;
display: inline-block;
position: absolute;
}
.buildingRequest[data-v-5749c429] {
color: var(--scalar-color-blue);
font-weight: var(--scalar-semibold);
min-height: 40px;
font-size: var(--scalar-font-size-3);
align-items: center;
gap: 6px;
display: flex;
position: relative;
}
.buildingRequest svg[data-v-5749c429] {
z-index: 1;
border-radius: 50%;
width: 100%;
height: 100%;
}
@keyframes rotation-5749c429 {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.requestApproved[data-v-bb311586] {
color: var(--scalar-color-green);
font-weight: var(--scalar-semibold);
min-height: 40px;
font-size: var(--scalar-font-size-3);
align-items: center;
gap: 6px;
display: flex;
position: relative;
}
.requestFailed[data-v-bc27e533] {
color: var(--scalar-color-red);
font-weight: var(--scalar-semibold);
min-height: 40px;
font-size: var(--scalar-font-size-3);
align-items: center;
gap: 6px;
display: flex;
position: relative;
}
.requestFailedIcon[data-v-bc27e533] {
border-radius: 50%;
width: 16px;
height: 16px;
padding: 4px;
box-shadow: inset 0 0 0 1.5px;
}
.requestRejected[data-v-9803a54c] {
color: var(--scalar-color-red);
font-weight: var(--scalar-semibold);
min-height: 40px;
font-size: var(--scalar-font-size-3);
align-items: center;
gap: 6px;
display: flex;
position: relative;
}
.requestSuccess[data-v-acc2c0d8] {
color: var(--scalar-color-1);
font-weight: var(--scalar-semibold);
min-height: 40px;
font-size: var(--scalar-font-size-3);
align-items: center;
gap: 6px;
display: flex;
position: relative;
}
.light-mode .bg-preview[data-v-92f84612] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
}
.dark-mode .bg-preview[data-v-92f84612] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
}
.playIcon[data-v-65dc6dfb] {
z-index: 1;
background: var(--scalar-background-1);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
padding: 4px;
display: flex;
position: relative;
}
.playIcon[data-v-65dc6dfb]:before {
content: "";
box-sizing: border-box;
border: 1.75px solid;
border-bottom-color: #0000;
border-image: initial;
background: var(--scalar-background-1);
border-radius: 50%;
width: 16px;
height: 16px;
animation: .42s linear infinite rotation-65dc6dfb;
display: inline-block;
position: absolute;
}
.sendingRequest[data-v-65dc6dfb] {
color: var(--scalar-color-blue);
font-weight: var(--scalar-semibold);
min-height: 40px;
font-size: var(--scalar-font-size-3);
align-items: center;
gap: 6px;
display: flex;
position: relative;
}
.sendingRequest svg[data-v-65dc6dfb] {
z-index: 1;
border-radius: 50%;
width: 100%;
height: 100%;
}
@keyframes rotation-65dc6dfb {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.requestHeaderContainer[data-v-7595724d] {
justify-content: space-between;
align-items: center;
padding: 0 5px;
display: flex;
}
.requestPreview[data-v-7595724d] {
border-radius: 12px;
flex-direction: column;
width: 100%;
display: flex;
position: relative;
}
.requestContent[data-v-7595724d] {
grid-template-rows: 0fr;
min-height: 0;
transition: grid-template-rows .2s ease-out;
display: grid;
overflow: hidden;
}
.requestPreview.open .requestContent[data-v-7595724d] {
grid-template-rows: 1fr;
}
.requestPreview.succeeded[data-v-7595724d] {
padding: 0;
}
.requestContentInner[data-v-7595724d] {
min-height: 0;
overflow: hidden;
}
.code[data-v-7595724d] {
font-size: var(--scalar-font-size-4);
background: var(--scalar-background-2);
border-radius: 12px;
flex-direction: column;
display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
.code[data-v-7595724d] {
background: color-mix(in srgb, var(--scalar-background-2), var(--scalar-background-1));
}
}
.code[data-v-7595724d] {
margin-bottom: 12px;
overflow: hidden;
}
.dark-mode .code[data-v-7595724d] {
background: var(--scalar-background-2);
}
.code h1[data-v-7595724d] {
font-size: var(--scalar-font-size-3);
color: var(--scalar-color-3);
padding: 8px;
}
.code[data-v-7595724d] .codeBlock {
max-height: calc(50vh - 100px);
padding-top: 0;
}
.autosendContainer[data-v-7595724d] {
justify-content: space-between;
display: flex;
}
.sendButton[data-v-7595724d] {
background: var(--scalar-color-blue);
color: #fff;
font-weight: var(--scalar-semibold);
padding: 5px 10px;
}
.sendButton[data-v-7595724d]:hover,
.sendButton[data-v-7595724d]:active {
background: var(--scalar-color-blue);
}
@supports (color: color-mix(in lab, red, red)) {
.sendButton[data-v-7595724d]:hover,
.sendButton[data-v-7595724d]:active {
background: color-mix(in srgb, var(--scalar-color-blue), black 10%);
}
}
.sendButton[data-v-7595724d]:hover,
.sendButton[data-v-7595724d]:active {
color: #fff !important;
}
.toggleButton[data-v-7595724d] {
cursor: pointer;
text-align: left;
color: var(--scalar-color-3);
border-radius: var(--scalar-radius-lg);
background: none;
border: none;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.toggleButton[data-v-7595724d]:hover {
text-decoration: underline;
}
.executeRequestTool[data-v-3e825a81] {
border-top: var(--scalar-border-width) solid var(--scalar-border-color);
border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
box-shadow: 0 var(--scalar-border-width) 0 var(--scalar-background-1), 0 calc(-1 * var(--scalar-border-width)) 0 var(--scalar-background-1);
flex-direction: column;
gap: 10px;
margin-bottom: 12px;
display: flex;
}
.tool[data-v-3e825a81] {
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: 15px;
margin-bottom: 20px;
padding: 15px;
}
.playIcon[data-v-9d9724d2] {
z-index: 1;
background: var(--scalar-background-1);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
padding: 4px;
display: flex;
position: relative;
}
.playIcon[data-v-9d9724d2]:before {
content: "";
box-sizing: border-box;
border: 1.5px solid;
border-bottom-color: #0000;
border-image: initial;
background: var(--scalar-background-1);
border-radius: 50%;
width: 16px;
height: 16px;
animation: .42s linear infinite rotation-9d9724d2;
display: inline-block;
position: absolute;
}
.loadingApiSpecs[data-v-9d9724d2] {
color: var(--scalar-color-2);
font-weight: var(--scalar-semibold);
font-size: var(--scalar-font-size-3);
align-items: center;
gap: 6px;
margin-bottom: 10px;
display: flex;
}
.loadingApiSpecs svg[data-v-9d9724d2] {
z-index: 1;
border-radius: 50%;
width: 100%;
height: 100%;
}
@keyframes rotation-9d9724d2 {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.contextItem[data-v-e6786ce3] {
white-space: nowrap;
color: var(--scalar-color-2);
cursor: pointer;
vertical-align: middle;
background: var(--scalar-background-2);
border-radius: 12px;
align-items: center;
padding: 5px 10px;
font-size: 10px;
display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
.contextItem[data-v-e6786ce3] {
background: color-mix(in srgb, var(--scalar-background-2), var(--scalar-background-1));
}
}
.contextItem[data-v-e6786ce3] {
max-width: 200px;
}
.contextItemText[data-v-e6786ce3] {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.shimmer[data-v-e6786ce3] {
background: var(--scalar-background-2);
background-image:
linear-gradient(
90deg,
#202020 0%,
var(--scalar-background-2) 40%,
var(--scalar-background-3) 80%);
background-size: 200% 100%;
animation: 1.4s ease-in-out infinite shimmer-e6786ce3;
}
.light-mode .shimmer[data-v-e6786ce3] {
background: var(--scalar-background-2);
background-image:
linear-gradient(
90deg,
#fafafa 0%,
var(--scalar-background-2) 40%,
var(--scalar-background-3) 80%);
background-size: 200% 100%;
animation: 1.4s ease-in-out infinite shimmer-e6786ce3;
}
@keyframes shimmer-e6786ce3 {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
.playIcon[data-v-6e0ac42c] {
z-index: 1;
background: var(--scalar-background-1);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
padding: 4px;
display: flex;
position: relative;
}
.playIcon[data-v-6e0ac42c]:before {
content: "";
box-sizing: border-box;
border: 1.5px solid;
border-bottom-color: #0000;
border-image: initial;
background: var(--scalar-background-1);
border-radius: 50%;
width: 16px;
height: 16px;
animation: .42s linear infinite rotation-6e0ac42c;
display: inline-block;
position: absolute;
}
.sendingRequest[data-v-6e0ac42c] {
color: var(--scalar-color-2);
font-weight: var(--scalar-semibold);
font-size: var(--scalar-font-size-3);
align-items: center;
gap: 6px;
margin-bottom: 10px;
display: flex;
}
.sendingRequest svg[data-v-6e0ac42c] {
z-index: 1;
border-radius: 50%;
width: 100%;
height: 100%;
}
@keyframes rotation-6e0ac42c {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.operations[data-v-cbff70ed] {
flex-wrap: wrap;
align-items: center;
gap: 5px;
margin-bottom: 12px;
display: flex;
}
.operations[data-v-cbff70ed]:empty {
margin-bottom: -12px;
}
.overflowPopover[data-v-cbff70ed] {
flex-direction: column;
gap: 5px;
padding: 8px;
display: flex;
}
.catalogModal .scalar-modal-body {
flex-direction: column;
display: flex;
}
.searchInput[data-v-18b2aea2] {
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: var(--scalar-radius-lg);
margin-bottom: 10px;
}
.catalog[data-v-18b2aea2] {
font-size: var(--scalar-font-size-3);
grid-template-columns: 1fr 1fr;
gap: 10px;
display: grid;
overflow-y: scroll;
}
.item[data-v-18b2aea2] {
background-color: var(--scalar-background-2);
border-radius: var(--scalar-radius-lg);
align-items: center;
gap: 10px;
padding: 15px;
transition: background-color .16s;
display: flex;
}
.item[data-v-18b2aea2]:hover {
background-color: var(--scalar-background-3) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.item[data-v-18b2aea2]:hover {
background-color: color-mix(in srgb, var(--scalar-background-3), transparent 40%) !important;
}
}
.left[data-v-18b2aea2] {
align-items: center;
}
.right[data-v-18b2aea2] {
flex-direction: column;
display: flex;
}
.logo[data-v-18b2aea2] {
width: 25px;
}
.item-top[data-v-18b2aea2] {
gap: 10px;
display: flex;
}
.version[data-v-18b2aea2] {
background: var(--scalar-background-3);
border-radius: var(--scalar-radius);
font-size: var(--scalar-font-size-5);
color: var(--scalar-color-3);
padding: 2px 5px;
}
.description[data-v-18b2aea2] {
color: var(--scalar-color-2);
}
.dropdown-item[data-v-e2c3bd19] {
align-items: center;
gap: 10px;
display: flex;
}
.approvalSection[data-v-a7e6c699] {
background: var(--scalar-color-blue);
width: 100%;
margin-bottom: -16px;
padding: 8px 8px 24px 12px;
}
@supports (color: color-mix(in lab, red, red)) {
.approvalSection[data-v-a7e6c699] {
background: color-mix(in srgb, var(--scalar-color-blue), var(--scalar-background-1) 95%);
}
}
.approvalSection[data-v-a7e6c699] {
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: 16px 16px 0 0;
justify-content: space-between;
align-items: center;
display: flex;
position: absolute;
top: 0;
transform: translate3d(0, calc(16px - 100%), 0);
}
.approvalText[data-v-a7e6c699] {
font-weight: var(--scalar-semibold);
font-size: var(--scalar-font-size-3);
}
.approveContainer[data-v-a7e6c699] {
gap: 5px;
display: flex;
}
.actionButton[data-v-a7e6c699] {
font-weight: var(--scalar-semibold);
font-size: var(--scalar-font-size-3);
border-radius: 50px;
align-items: center;
padding: 6px 12px;
display: flex;
}
.rejectButton[data-v-a7e6c699] {
color: #fff;
background: var(--scalar-color-red);
}
.rejectButton[data-v-a7e6c699]:hover,
.rejectButton[data-v-a7e6c699]:active {
background: var(--scalar-color-red);
}
@supports (color: color-mix(in lab, red, red)) {
.rejectButton[data-v-a7e6c699]:hover,
.rejectButton[data-v-a7e6c699]:active {
background: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 10%);
}
}
.rejectButton[data-v-a7e6c699]:hover,
.rejectButton[data-v-a7e6c699]:active {
color: #fff !important;
}
.approveButton[data-v-a7e6c699] {
color: #fff;
background: var(--scalar-color-blue);
}
.approveButton[data-v-a7e6c699]:hover,
.approveButton[data-v-a7e6c699]:active {
background: var(--scalar-color-blue);
}
@supports (color: color-mix(in lab, red, red)) {
.approveButton[data-v-a7e6c699]:hover,
.approveButton[data-v-a7e6c699]:active {
background: color-mix(in srgb, var(--scalar-color-blue), var(--scalar-background-1) 10%);
}
}
.approveButton[data-v-a7e6c699]:hover,
.approveButton[data-v-a7e6c699]:active {
color: #fff !important;
}
.error[data-v-63a481da] {
border: var(--scalar-border-width) solid var(--scalar-border-color);
background: var(--scalar-color-red);
border-radius: 16px 16px 0 0;
align-items: center;
margin-bottom: -16px;
padding: 8px 8px 24px 12px;
display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
.error[data-v-63a481da] {
background: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%);
}
}
.error[data-v-63a481da] {
font-weight: var(--scalar-semibold);
font-size: var(--scalar-font-size-3);
position: absolute;
top: 0;
transform: translate3d(0, calc(16px - 100%), 0);
}
.freeMessagesInfoSection[data-v-913a3815] {
background: var(--scalar-color-blue);
width: 100%;
margin-bottom: -16px;
padding: 8px 8px 24px 12px;
position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
.freeMessagesInfoSection[data-v-913a3815] {
background: color-mix(in srgb, var(--scalar-color-blue), var(--scalar-background-1) 95%);
}
}
.freeMessagesInfoSection[data-v-913a3815] {
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: 16px 16px 0 0;
justify-content: space-between;
align-items: center;
display: flex;
}
.infoText[data-v-913a3815] {
font-weight: var(--scalar-semibold);
font-size: var(--scalar-font-size-3);
}
.actionsContainer[data-v-913a3815] {
align-items: center;
gap: 8px;
display: flex;
}
.actionButton[data-v-913a3815] {
font-weight: var(--scalar-semibold);
border-radius: 50px;
align-items: center;
padding: 6px 12px;
display: flex;
}
.upgradeButton[data-v-913a3815] {
color: #fff;
font-size: var(--scalar-font-size-3);
background: var(--scalar-color-blue);
}
.upgradeButton[data-v-913a3815]:hover,
.upgradeButton[data-v-913a3815]:active {
background: var(--scalar-color-blue);
}
@supports (color: color-mix(in lab, red, red)) {
.upgradeButton[data-v-913a3815]:hover,
.upgradeButton[data-v-913a3815]:active {
background: color-mix(in srgb, var(--scalar-color-blue), var(--scalar-background-1) 10%);
}
}
.upgradeButton[data-v-913a3815]:hover,
.upgradeButton[data-v-913a3815]:active {
color: #fff !important;
}
.closeButton[data-v-913a3815] {
width: 28px;
height: 28px;
color: var(--scalar-color-2);
cursor: pointer;
background: none;
border: none;
border-radius: 50%;
justify-content: center;
align-items: center;
display: flex;
}
.closeButton[data-v-913a3815]:hover {
background: var(--scalar-color-blue);
}
@supports (color: color-mix(in lab, red, red)) {
.closeButton[data-v-913a3815]:hover {
background: color-mix(in srgb, var(--scalar-color-blue), var(--scalar-background-1) 80%);
}
}
.closeButton[data-v-913a3815]:hover {
color: var(--scalar-color-1);
}
.paymentSection[data-v-8f005a5c] {
background: var(--scalar-color-blue);
width: 100%;
margin-bottom: -16px;
padding: 8px 8px 24px 12px;
position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
.paymentSection[data-v-8f005a5c] {
background: color-mix(in srgb, var(--scalar-color-blue), var(--scalar-background-1) 95%);
}
}
.paymentSection[data-v-8f005a5c] {
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: 16px 16px 0 0;
justify-content: space-between;
align-items: center;
display: flex;
position: absolute;
top: 0;
transform: translate3d(0, calc(16px - 100%), 0);
}
.approvalText[data-v-8f005a5c] {
font-weight: var(--scalar-semibold);
font-size: var(--scalar-font-size-3);
}
.paymentContainer[data-v-8f005a5c] {
gap: 5px;
display: flex;
}
.actionButton[data-v-8f005a5c] {
font-weight: var(--scalar-semibold);
border-radius: 50px;
align-items: center;
padding: 6px 12px;
display: flex;
}
.rejectButton[data-v-8f005a5c] {
color: #fff;
background: var(--scalar-color-red);
}
.rejectButton[data-v-8f005a5c]:hover,
.rejectButton[data-v-8f005a5c]:active {
background: var(--scalar-color-red);
}
@supports (color: color-mix(in lab, red, red)) {
.rejectButton[data-v-8f005a5c]:hover,
.rejectButton[data-v-8f005a5c]:active {
background: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 10%);
}
}
.rejectButton[data-v-8f005a5c]:hover,
.rejectButton[data-v-8f005a5c]:active {
color: #fff !important;
}
.approveButton[data-v-8f005a5c] {
color: #fff;
font-size: var(--scalar-font-size-3);
background: var(--scalar-color-blue);
}
.approveButton[data-v-8f005a5c]:hover,
.approveButton[data-v-8f005a5c]:active {
background: var(--scalar-color-blue);
}
@supports (color: color-mix(in lab, red, red)) {
.approveButton[data-v-8f005a5c]:hover,
.approveButton[data-v-8f005a5c]:active {
background: color-mix(in srgb, var(--scalar-color-blue), var(--scalar-background-1) 10%);
}
}
.approveButton[data-v-8f005a5c]:hover,
.approveButton[data-v-8f005a5c]:active {
color: #fff !important;
}
.paymentInfo[data-v-8f005a5c] {
width: 300px;
box-shadow: var(--scalar-shadow-2);
background: var(--scalar-background-1);
pointer-events: none;
opacity: 0;
border-radius: 16px;
padding: 12px;
transition: all .2s ease-in-out;
position: absolute;
bottom: 70px;
right: 0;
transform: translate3d(0, -5px, 0);
}
.paymentInfo h3[data-v-8f005a5c] {
font-size: var(--scalar-font-size-1);
font-weight: var(--scalar-bold);
margin-bottom: 18px;
}
.paymentInfo h3 span[data-v-8f005a5c] {
font-size: var(--scalar-font-size-2);
}
.dark-mode .paymentInfo[data-v-8f005a5c] {
background: var(--scalar-background-2);
}
.paymentContainer:hover .paymentInfo[data-v-8f005a5c] {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.paymentInfoItem[data-v-8f005a5c] {
font-size: var(--scalar-font-size-3);
color: var(--scalar-color-2);
font-weight: var(--scalar-semibold);
justify-content: space-between;
margin-top: 8px;
display: flex;
}
.paymentInfoSection[data-v-8f005a5c]:not(:last-child) {
border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
padding-bottom: 8px;
}
.searchItem[data-v-3e0405c7] {
font-size: var(--scalar-font-size-3);
align-items: center;
gap: 9px;
padding: 8px 10px;
display: flex;
}
.searchInput[data-v-3e0405c7] {
margin-bottom: 5px;
}
.searchItem[data-v-3e0405c7]:hover {
background: var(--scalar-background-2);
}
.searchItemLogo[data-v-3e0405c7] {
width: 15px;
}
.searchIcon[data-v-3e0405c7] {
margin-right: 7px;
}
.searchResultsEmpty[data-v-3e0405c7] {
font-size: var(--scalar-font-size-3);
color: var(--scalar-color-2);
margin: 10px;
}
.uploadSection[data-v-1e830c40] {
background: var(--scalar-color-blue);
width: 100%;
margin-bottom: -16px;
padding: 8px 8px 24px 12px;
position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
.uploadSection[data-v-1e830c40] {
background: color-mix(in srgb, var(--scalar-color-blue), var(--scalar-background-1) 95%);
}
}
.uploadSection[data-v-1e830c40] {
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: 16px 16px 0 0;
justify-content: space-between;
align-items: center;
display: flex;
position: absolute;
top: 0;
transform: translate3d(0, calc(16px - 100%), 0);
}
.uploadSection.error[data-v-1e830c40] {
background: var(--scalar-color-red);
}
@supports (color: color-mix(in lab, red, red)) {
.uploadSection.error[data-v-1e830c40] {
background: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%);
}
}
.uploadSection.done[data-v-1e830c40] {
background: var(--scalar-color-green);
}
@supports (color: color-mix(in lab, red, red)) {
.uploadSection.done[data-v-1e830c40] {
background: color-mix(in srgb, var(--scalar-color-green), var(--scalar-background-1) 95%);
}
}
.uploadText[data-v-1e830c40] {
font-weight: var(--scalar-semibold);
font-size: var(--scalar-font-size-3);
}
.icon[data-v-1e830c40] {
width: 20px;
height: 20px;
}
.actionContainer[data-v-109c99b0] {
background: var(--scalar-background-2);
}
@supports (color: color-mix(in lab, red, red)) {
.actionContainer[data-v-109c99b0] {
background: color-mix(in srgb, var(--scalar-background-2), var(--scalar-background-1));
}
}
.actionContainer[data-v-109c99b0] {
border: var(--scalar-border-width) solid var(--scalar-border-color);
width: 100%;
box-shadow: 0 24px 0 2px var(--scalar-background-1);
border-radius: 16px;
position: relative;
}
.promptForm[data-v-109c99b0] {
background: var(--scalar-background-1);
width: 100%;
box-shadow: var(--scalar-shadow-1), 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
border-radius: 16px;
flex-direction: column;
display: flex;
position: relative;
}
.inputActionsContainer[data-v-109c99b0] {
justify-content: space-between;
padding: 0 8px 8px;
display: flex;
}
.inputActionsLeft[data-v-109c99b0] {
flex-wrap: wrap;
align-items: center;
gap: 5px;
display: flex;
}
.inputActionsRight[data-v-109c99b0] {
gap: 5px;
display: flex;
position: relative;
}
.apiPill[data-v-109c99b0] {
font-size: var(--scalar-font-size-3);
border: var(--scalar-border-width) solid var(--scalar-border-color);
color: var(--scalar-color-2);
font-weight: var(--scalar-semibold);
pointer-events: all;
z-index: 1;
-webkit-user-select: none;
user-select: none;
border-radius: 16px;
align-items: center;
gap: 4px;
height: 28px;
padding: 0 8px;
display: flex;
}
.apiPillLogo[data-v-109c99b0] {
width: 15px;
}
.apiPillRemove[data-v-109c99b0] {
border-radius: 50%;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
margin-right: -6px;
display: flex;
}
.apiPill:hover .apiPillRemove[data-v-109c99b0] {
background: var(--scalar-background-2);
}
.dark-mode .apiPill:hover .apiPillRemove[data-v-109c99b0] {
background: var(--scalar-background-3);
}
.apiPillRemove[data-v-109c99b0]:hover {
color: var(--scalar-color-1);
}
.prompt[data-v-109c99b0] {
resize: none;
field-sizing: content;
z-index: 1;
scrollbar-width: thin;
word-wrap: break-word;
width: 100%;
max-width: 100%;
min-height: 64px;
max-height: 250px;
font-family: var(--scalar-font);
border: none;
outline: none;
padding: 12px 12px 14px;
font-size: 16px;
overflow-y: auto;
}
.dark-mode .promptForm[data-v-109c99b0] {
background: var(--scalar-background-2);
}
.prompt[data-v-109c99b0]:disabled {
color: var(--scalar-color-3);
}
.addAPIButton[data-v-109c99b0] {
color: var(--scalar-color-2);
font-size: var(--scalar-font-size-3);
width: 28px;
height: 28px;
font-weight: var(--scalar-bold);
pointer-events: all;
z-index: 1;
box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
border-radius: 100%;
justify-content: center;
align-items: center;
gap: 4px;
display: flex;
}
.addAPIButton[data-v-109c99b0]:hover {
background: var(--scalar-background-2);
}
@supports (color: color-mix(in lab, red, red)) {
.addAPIButton[data-v-109c99b0]:hover {
background: color-mix(in srgb, var(--scalar-background-2), var(--scalar-background-1));
}
}
.addAPIButton[data-v-109c99b0]:hover {
box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
}
.dark-mode .addAPIButton[data-v-109c99b0]:hover {
background: var(--scalar-background-3);
}
.settingsButton[data-v-109c99b0] {
z-index: 1;
color: var(--scalar-color-3) !important;
border-radius: 50% !important;
margin: 0 !important;
}
.settingsButton[aria-disabled=true][data-v-109c99b0] {
background: var(--scalar-background-2);
}
.dark-mode .settingsButton[data-v-109c99b0]:hover {
background: var(--scalar-background-3);
}
.sendButton[data-v-109c99b0] {
z-index: 1;
border: var(--scalar-border-width) solid var(--scalar-color-blue);
background: var(--scalar-color-blue) !important;
border-radius: 50% !important;
margin: 0 !important;
}
.sendButton[data-v-109c99b0]:not([aria-disabled=true]) {
color: #fff !important;
}
.sendButton[data-v-109c99b0]:not([aria-disabled=true]):hover {
background: var(--scalar-color-blue) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.sendButton[data-v-109c99b0]:not([aria-disabled=true]):hover {
background: color-mix(in srgb, var(--scalar-color-blue), transparent 10%) !important;
}
}
.sendButton[aria-disabled=true][data-v-109c99b0] {
border: var(--scalar-border-width) solid var(--scalar-border-color);
background: var(--scalar-background-2) !important;
color: var(--scalar-color-3) !important;
}
.dark-mode .sendButton[aria-disabled=true][data-v-109c99b0] {
background: var(--scalar-background-3) !important;
}
.contextContainer[data-v-109c99b0] {
width: 100%;
color: var(--scalar-color-2);
font-size: var(--scalar-font-size-3);
-webkit-user-select: none;
user-select: none;
justify-content: space-between;
padding: 10px 12px 12px;
display: flex;
}
.settingsButton[data-v-109c99b0] {
font-weight: var(--scalar-semibold);
border-radius: var(--scalar-radius-lg);
margin: -4px -6px;
padding: 4px 6px;
}
.settingsButton[data-v-109c99b0]:hover {
background: var(--scalar-background-2);
box-shadow: 0 0 var(--scalar-border-width) 0 var(--scalar-border-color);
cursor: pointer;
}
.agentLabel[data-v-109c99b0] {
cursor: text;
width: 100%;
height: 100%;
font-size: 0;
position: absolute;
}
.sendCheckboxContinue[data-v-109c99b0]:has(input) {
background: var(--scalar-background-2);
box-shadow: 0 0 0 1.5px var(--scalar-background-2);
color: var(--scalar-color-2);
font-size: var(--scalar-font-size-3);
font-weight: var(--scalar-semibold);
-webkit-user-select: none;
user-select: none;
border-radius: 14px;
align-items: center;
height: 28px;
display: flex;
}
.dark-mode .sendCheckboxContinue[data-v-109c99b0]:has(input) {
background: var(--scalar-background-3);
box-shadow: 0 0 0 1.5px var(--scalar-background-3);
}
.addMoreContext[data-v-109c99b0] {
height: 40px;
font-size: var(--scalar-font-size-3);
color: var(--scalar-color-3);
align-items: center;
padding: 0 8px 0 12px;
display: flex;
position: relative;
}
.addMoreContext[data-v-109c99b0]:before {
content: "";
background: var(--scalar-background-1);
width: 8px;
height: 8px;
}
@supports (color: color-mix(in lab, red, red)) {
.addMoreContext[data-v-109c99b0]:before {
background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
}
}
.addMoreContext[data-v-109c99b0]:before {
box-shadow: -.5px -.5px 0 var(--scalar-border-color), inset .5px .5px 1px var(--scalar-border-color);
position: absolute;
top: -3px;
left: 18px;
transform: rotate(45deg);
}
.dark-mode .addMoreContext[data-v-109c99b0]:before {
box-shadow: -.5px -.5px 0 var(--scalar-border-color);
}
.addAPIContext[data-v-109c99b0] {
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
display: flex;
}
.termsAgree[data-v-109c99b0] {
cursor: pointer;
height: inherit;
border-radius: 14px;
align-items: center;
gap: 5px;
margin: 0 5px;
display: flex;
}
.termsAgree[data-v-109c99b0]:hover {
color: var(--scalar-color-1);
}
.termsAgree:hover .termsAgreeIcon[data-v-109c99b0] {
background: var(--scalar-color-1);
color: var(--scalar-background-1);
}
.termsAgreeIcon[data-v-109c99b0] {
width: inherit;
height: inherit;
background: var(--scalar-background-2);
border-radius: 50%;
padding: 2px;
}
.chat[data-v-8e43ed7a] {
flex-direction: column;
flex: 1;
width: 100%;
max-width: 744px;
padding: 24px 0;
display: flex;
}
.userMessage[data-v-8e43ed7a] {
background: var(--scalar-background-2);
width: fit-content;
max-width: 80%;
color: var(--scalar-color-1);
padding-top: 6px;
padding-bottom: 6px;
border-radius: 18px;
margin-bottom: 12px;
margin-left: auto;
padding-inline: 16px;
font-size: 16px;
line-height: 24px;
}
div + .userMessage[data-v-8e43ed7a] {
margin-top: 64px;
}
.chat[data-v-8e43ed7a] > div:has(.executeRequestTool) + div:has(.executeRequestTool) {
margin-top: -12px;
}
.spacer[data-v-8e43ed7a] {
width: 100%;
min-height: 280px;
}
.formContainer[data-v-8e43ed7a] {
z-index: 1;
width: 100%;
max-width: 744px;
position: fixed;
bottom: 20px;
}
.chat[data-v-8e43ed7a] .markdown {
margin-bottom: 12px;
}
.agentLogo[data-v-56f7e8dd] {
margin-bottom: 15px;
}
.startContainer[data-v-56f7e8dd] {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 720px;
height: 100%;
display: flex;
position: relative;
}
.heading[data-v-56f7e8dd] {
font-size: 1.5rem;
font-weight: var(--scalar-font-bold);
margin-bottom: 50px;
}
.disclaimerText[data-v-56f7e8dd] {
text-align: center;
color: var(--scalar-color-3);
font-size: var(--scalar-font-size-3);
text-wrap: balance;
margin-top: 40px;
line-height: 1.44;
}
.disclaimerLink[data-v-56f7e8dd] {
text-decoration: underline;
}
.wrapper[data-v-f1eee0af] {
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.docSettings[data-v-01a25619] {
font-size: var(--scalar-font-size-3);
flex-direction: column;
gap: 12px;
max-height: 600px;
margin-bottom: 12px;
display: flex;
}
.documentName[data-v-01a25619] {
font-weight: var(--scalar-semibold);
}
.settingsModal .scalar-modal-layout {
z-index: 10 !important;
}
.settingsModal .scalar-modal-body {
overflow: hidden auto;
}
.documentList[data-v-dd2544e6] {
font-size: var(--scalar-font-size-3);
flex-direction: column;
margin-bottom: 12px;
display: flex;
}
.document[data-v-dd2544e6] {
border-top: var(--scalar-border-width) solid var(--scalar-border-color);
border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
flex-direction: column;
width: calc(100% + 24px);
padding: 0 12px;
display: flex;
position: relative;
left: -12px;
}
.document[data-v-dd2544e6]:first-of-type:not(:last-of-type) {
border-bottom: none;
}
.documentName[data-v-dd2544e6] {
font-weight: var(--scalar-semibold);
color: var(--scalar-color-2);
align-items: center;
gap: 4px;
padding: 12px 0;
display: flex;
}
.documentNameActive[data-v-dd2544e6] {
color: var(--scalar-color-1);
}
.settingsHeading[data-v-dd2544e6] {
font-size: 19px;
font-weight: var(--scalar-semibold);
align-items: center;
gap: 5px;
margin-bottom: 12px;
display: flex;
}
.proxyUrlContainer[data-v-dd2544e6] {
font-size: var(--scalar-font-size-3);
flex-direction: column;
gap: 5px;
display: flex;
}
.proxyUrlContainer label[data-v-dd2544e6] {
font-weight: var(--scalar-semibold);
}
.noDocuments[data-v-dd2544e6] {
color: var(--scalar-color-2);
margin-bottom: 10px;
}
.scalar-app .\@container {
container-type: inline-size;
}
.scalar-app .pointer-events-auto {
pointer-events: auto;
}
.scalar-app .pointer-events-none {
pointer-events: none;
}
.scalar-app .collapse {
visibility: collapse;
}
.scalar-app .invisible {
visibility: hidden;
}
.scalar-app .visible {
visibility: visible;
}
.scalar-app .floating-bg:before {
background-color: var(--scalar-background-2);
border-radius: var(--scalar-radius);
content: "";
opacity: 0;
z-index: 1;
width: calc(100% + 8px);
height: calc(100% - 4px);
transition: opacity .2s ease-in-out;
position: absolute;
top: 2.5px;
left: -4px;
}
.scalar-app .floating-bg:hover:before {
opacity: 1;
}
.scalar-app .centered {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
position: absolute;
top: 50%;
left: 50%;
}
.scalar-app .centered-y {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
position: absolute;
top: 50%;
}
.scalar-app .sr-only {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.scalar-app .absolute {
position: absolute;
}
.scalar-app .fixed {
position: fixed;
}
.scalar-app .relative {
position: relative;
}
.scalar-app .static {
position: static;
}
.scalar-app .sticky {
position: sticky;
}
.scalar-app .inset-0 {
inset: 0;
}
.scalar-app .inset-x-0 {
inset-inline: 0;
}
.scalar-app .inset-x-1 {
inset-inline: 4px;
}
.scalar-app .inset-x-px {
inset-inline: 1px;
}
.scalar-app .-inset-y-0\.5 {
inset-block: -2px;
}
.scalar-app .-inset-y-0\.75 {
inset-block: -3px;
}
.scalar-app .inset-y-0 {
inset-block: 0;
}
.scalar-app .inset-y-0\.5 {
inset-block: 2px;
}
.scalar-app .start {
inset-inline-start: 4px;
}
.scalar-app .end {
inset-inline-end: 4px;
}
.scalar-app .-top-1 {
top: -4px;
}
.scalar-app .-top-2 {
top: -8px;
}
.scalar-app .top-\(--nested-items-offset\)\! {
top: var(--nested-items-offset) !important;
}
.scalar-app .top-\(--refs-header-height\) {
top: var(--refs-header-height);
}
.scalar-app .top-\(--scalar-custom-header-height\,0\) {
top: var(--scalar-custom-header-height, 0);
}
.scalar-app .top-\(--scalar-sidebar-sticky-offset\,0\) {
top: var(--scalar-sidebar-sticky-offset, 0);
}
.scalar-app .top-0 {
top: 0;
}
.scalar-app .top-0\.5 {
top: 2px;
}
.scalar-app .top-1\/2 {
top: 50%;
}
.scalar-app .top-2 {
top: 8px;
}
.scalar-app .top-2\.5 {
top: 10px;
}
.scalar-app .top-3\.5 {
top: 14px;
}
.scalar-app .top-12 {
top: 48px;
}
.scalar-app .top-\[1lh\] {
top: 1lh;
}
.scalar-app .top-\[calc\(10px\+0\.5lh\)\] {
top: calc(10px + .5lh);
}
.scalar-app .top-\[calc\(100\%\+4px\)\] {
top: calc(100% + 4px);
}
.scalar-app .top-px {
top: 1px;
}
.scalar-app .-right-1 {
right: -4px;
}
.scalar-app .-right-1\.5 {
right: -6px;
}
.scalar-app .-right-\[30px\] {
right: -30px;
}
.scalar-app .right-0 {
right: 0;
}
.scalar-app .right-0\.75 {
right: 3px;
}
.scalar-app .right-1 {
right: 4px;
}
.scalar-app .right-1\.5 {
right: 6px;
}
.scalar-app .right-1\.25 {
right: 5px;
}
.scalar-app .right-2 {
right: 8px;
}
.scalar-app .right-2\.5 {
right: 10px;
}
.scalar-app .right-4 {
right: 16px;
}
.scalar-app .right-7 {
right: 28px;
}
.scalar-app .right-12 {
right: 48px;
}
.scalar-app .bottom-1 {
bottom: 4px;
}
.scalar-app .bottom-4 {
bottom: 16px;
}
.scalar-app .bottom-\[var\(--scalar-border-width\)\] {
bottom: var(--scalar-border-width);
}
.scalar-app .-left-4\.5 {
left: -18px;
}
.scalar-app .-left-5 {
left: -20px;
}
.scalar-app .-left-6 {
left: -24px;
}
.scalar-app .left-0 {
left: 0;
}
.scalar-app .left-1\/2 {
left: 50%;
}
.scalar-app .left-2 {
left: 8px;
}
.scalar-app .left-2\.5 {
left: 10px;
}
.scalar-app .left-3 {
left: 12px;
}
.scalar-app .left-4 {
left: 16px;
}
.scalar-app .left-border {
left: var(--scalar-border-width);
}
.scalar-app .left-px {
left: 1px;
}
.scalar-app .left-refs-w-sidebar {
left: var(--refs-sidebar-width);
}
.scalar-app .-z-1 {
z-index: calc(1 * -1);
}
.scalar-app .-z-2 {
z-index: calc(2 * -1);
}
.scalar-app .z-0 {
z-index: 0;
}
.scalar-app .z-1 {
z-index: 1;
}
.scalar-app .z-10 {
z-index: 10;
}
.scalar-app .z-50 {
z-index: 50;
}
.scalar-app .z-\[1\] {
z-index: 1;
}
.scalar-app .z-context {
z-index: 1000;
}
.scalar-app .z-context-plus {
z-index: 1001;
}
.scalar-app .z-overlay {
z-index: 10000;
}
.scalar-app .z-tooltip {
z-index: 99999;
}
.scalar-app .order-789 {
order: 789;
}
.scalar-app .order-last {
order: 9999;
}
.scalar-app .col-span-full {
grid-column: 1 / -1;
}
.scalar-app .container {
width: 100%;
}
@media (min-width: 400px) {
.scalar-app .container {
max-width: 400px;
}
}
@media (min-width: 600px) {
.scalar-app .container {
max-width: 600px;
}
}
@media (min-width: 800px) {
.scalar-app .container {
max-width: 800px;
}
}
@media (min-width: 1000px) {
.scalar-app .container {
max-width: 1000px;
}
}
@media (min-width: 1200px) {
.scalar-app .container {
max-width: 1200px;
}
}
@media (min-width: 96rem) {
.scalar-app .container {
max-width: 96rem;
}
}
.scalar-app .\!m-0 {
margin: 0 !important;
}
.scalar-app .-m-0\.5 {
margin: -2px;
}
.scalar-app .-m-1 {
margin: -4px;
}
.scalar-app .-m-2 {
margin: -8px;
}
.scalar-app .-m-px {
margin: -1px;
}
.scalar-app .m-0 {
margin: 0;
}
.scalar-app .m-1 {
margin: 4px;
}
.scalar-app .m-auto {
margin: auto;
}
.scalar-app .-mx-\(--scalar-sidebar-padding\) {
margin-inline: calc(var(--scalar-sidebar-padding) * -1);
}
.scalar-app .-mx-0\.25 {
margin-inline: -1px;
}
.scalar-app .-mx-0\.75 {
margin-inline: -3px;
}
.scalar-app .-mx-2 {
margin-inline: -8px;
}
.scalar-app .-mx-px {
margin-inline: -1px;
}
.scalar-app .mx-0\.5 {
margin-inline: 2px;
}
.scalar-app .mx-1 {
margin-inline: 4px;
}
.scalar-app .mx-1\.5 {
margin-inline: 6px;
}
.scalar-app .mx-px {
margin-inline: 1px;
}
.scalar-app .-my-0\.5 {
margin-block: -2px;
}
.scalar-app .-my-1 {
margin-block: -4px;
}
.scalar-app .-my-1\.5 {
margin-block: -6px;
}
.scalar-app .-my-2 {
margin-block: -8px;
}
.scalar-app .-my-px {
margin-block: -1px;
}
.scalar-app .my-0\.75 {
margin-block: 3px;
}
.scalar-app .my-1\.5 {
margin-block: 6px;
}
.scalar-app .my-2 {
margin-block: 8px;
}
.scalar-app .my-3 {
margin-block: 12px;
}
.scalar-app .my-12 {
margin-block: 48px;
}
.scalar-app .-mt-\(--scalar-sidebar-padding\) {
margin-top: calc(var(--scalar-sidebar-padding) * -1);
}
.scalar-app .-mt-1 {
margin-top: -4px;
}
.scalar-app .-mt-1\.5 {
margin-top: -6px;
}
.scalar-app .-mt-\[\.5px\] {
margin-top: -.5px;
}
.scalar-app .mt-0 {
margin-top: 0;
}
.scalar-app .mt-0\.5 {
margin-top: 2px;
}
.scalar-app .mt-0\.25 {
margin-top: 1px;
}
.scalar-app .mt-1 {
margin-top: 4px;
}
.scalar-app .mt-2 {
margin-top: 8px;
}
.scalar-app .mt-3 {
margin-top: 12px;
}
.scalar-app .mt-6 {
margin-top: 24px;
}
.scalar-app .mt-\[15svh\] {
margin-top: 15svh;
}
.scalar-app .mt-\[20svh\] {
margin-top: 20svh;
}
.scalar-app .mt-auto {
margin-top: auto;
}
.scalar-app .mt-px {
margin-top: 1px;
}
.scalar-app .-mr-0\.5 {
margin-right: -2px;
}
.scalar-app .-mr-1 {
margin-right: -4px;
}
.scalar-app .-mr-1\.5 {
margin-right: -6px;
}
.scalar-app .-mr-px {
margin-right: -1px;
}
.scalar-app .mr-0 {
margin-right: 0;
}
.scalar-app .mr-0\.5 {
margin-right: 2px;
}
.scalar-app .mr-0\.75 {
margin-right: 3px;
}
.scalar-app .mr-1 {
margin-right: 4px;
}
.scalar-app .mr-1\.5 {
margin-right: 6px;
}
.scalar-app .mr-1\.25 {
margin-right: 5px;
}
.scalar-app .mr-2 {
margin-right: 8px;
}
.scalar-app .mr-3 {
margin-right: 12px;
}
.scalar-app .mr-\[calc\(20px-var\(--scalar-sidebar-indent\)\)\] {
margin-right: calc(20px - var(--scalar-sidebar-indent));
}
.scalar-app .-mb-1 {
margin-bottom: -4px;
}
.scalar-app .-mb-\[var\(--scalar-border-width\)\] {
margin-bottom: calc(var(--scalar-border-width) * -1);
}
.scalar-app .mb-0 {
margin-bottom: 0;
}
.scalar-app .mb-1 {
margin-bottom: 4px;
}
.scalar-app .mb-2 {
margin-bottom: 8px;
}
.scalar-app .mb-3 {
margin-bottom: 12px;
}
.scalar-app .mb-4 {
margin-bottom: 16px;
}
.scalar-app .-ml-0\.5 {
margin-left: -2px;
}
.scalar-app .-ml-0\.25 {
margin-left: -1px;
}
.scalar-app .-ml-0\.75 {
margin-left: -3px;
}
.scalar-app .ml-1 {
margin-left: 4px;
}
.scalar-app .ml-2 {
margin-left: 8px;
}
.scalar-app .ml-auto {
margin-left: auto;
}
.scalar-app .box-border {
box-sizing: border-box;
}
.scalar-app .box-content {
box-sizing: content-box;
}
.scalar-app .flex-center {
justify-content: center;
align-items: center;
display: flex;
}
.scalar-app .line-clamp-\(--markdown-clamp\) {
-webkit-line-clamp: var(--markdown-clamp);
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.scalar-app .line-clamp-1 {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.scalar-app .\!block {
display: block !important;
}
.scalar-app .\!hidden {
display: none !important;
}
.scalar-app .block {
display: block;
}
.scalar-app .contents {
display: contents;
}
.scalar-app .flex {
display: flex;
}
.scalar-app .grid {
display: grid;
}
.scalar-app .hidden {
display: none;
}
.scalar-app .inline {
display: inline;
}
.scalar-app .inline-block {
display: inline-block;
}
.scalar-app .inline-flex {
display: inline-flex;
}
.scalar-app .table {
display: table;
}
.scalar-app .field-sizing-content {
field-sizing: content;
}
.scalar-app .aspect-\[4\/3\] {
aspect-ratio: 4 / 3;
}
.scalar-app .aspect-square {
aspect-ratio: 1;
}
.scalar-app .size-1\.5 {
width: 6px;
height: 6px;
}
.scalar-app .size-2\.5 {
width: 10px;
height: 10px;
}
.scalar-app .size-2\.75 {
width: 11px;
height: 11px;
}
.scalar-app .size-3 {
width: 12px;
height: 12px;
}
.scalar-app .size-3\.5 {
width: 14px;
height: 14px;
}
.scalar-app .size-3\/4 {
width: 75%;
height: 75%;
}
.scalar-app .size-4 {
width: 16px;
height: 16px;
}
.scalar-app .size-4\.5 {
width: 18px;
height: 18px;
}
.scalar-app .size-5 {
width: 20px;
height: 20px;
}
.scalar-app .size-6 {
width: 24px;
height: 24px;
}
.scalar-app .size-8 {
width: 32px;
height: 32px;
}
.scalar-app .size-10 {
width: 40px;
height: 40px;
}
.scalar-app .size-\[23px\] {
width: 23px;
height: 23px;
}
.scalar-app .size-full {
width: 100%;
height: 100%;
}
.scalar-app .h-\(--refs-sidebar-height\) {
height: var(--refs-sidebar-height);
}
.scalar-app .h-\(--scalar-address-bar-height\) {
height: var(--scalar-address-bar-height);
}
.scalar-app .h-\(--scalar-header-height\) {
height: var(--scalar-header-height);
}
.scalar-app .h-0 {
height: 0;
}
.scalar-app .h-1 {
height: 4px;
}
.scalar-app .h-1\.5 {
height: 6px;
}
.scalar-app .h-2 {
height: 8px;
}
.scalar-app .h-2\.5 {
height: 10px;
}
.scalar-app .h-2\.25 {
height: 9px;
}
.scalar-app .h-3 {
height: 12px;
}
.scalar-app .h-3\.5 {
height: 14px;
}
.scalar-app .h-4 {
height: 16px;
}
.scalar-app .h-4\.5 {
height: 18px;
}
.scalar-app .h-5 {
height: 20px;
}
.scalar-app .h-6 {
height: 24px;
}
.scalar-app .h-7 {
height: 28px;
}
.scalar-app .h-8 {
height: 32px;
}
.scalar-app .h-10 {
height: 40px;
}
.scalar-app .h-\[calc\(100\%\+16px\)\] {
height: calc(100% + 16px);
}
.scalar-app .h-\[calc\(100\%_-_50px\)\] {
height: calc(100% - 50px);
}
.scalar-app .h-auto {
height: auto;
}
.scalar-app .h-border {
height: var(--scalar-border-width);
}
.scalar-app .h-dvh {
height: 100dvh;
}
.scalar-app .h-fit {
height: fit-content;
}
.scalar-app .h-full {
height: 100%;
}
.scalar-app .h-lh {
height: 1lh;
}
.scalar-app .h-min {
height: min-content;
}
.scalar-app .h-px {
height: 1px;
}
.scalar-app .\!max-h-\[initial\] {
max-height: initial !important;
}
.scalar-app .max-h-8 {
max-height: 32px;
}
.scalar-app .max-h-40 {
max-height: 160px;
}
.scalar-app .max-h-80 {
max-height: 320px;
}
.scalar-app .max-h-\[60svh\] {
max-height: 60svh;
}
.scalar-app .max-h-\[60vh\] {
max-height: 60vh;
}
.scalar-app .max-h-\[80svh\] {
max-height: 80svh;
}
.scalar-app .max-h-\[90svh\] {
max-height: 90svh;
}
.scalar-app .max-h-\[auto\] {
max-height: auto;
}
.scalar-app .max-h-\[calc\(100\%-32px\)\] {
max-height: calc(100% - 32px);
}
.scalar-app .max-h-\[inherit\] {
max-height: inherit;
}
.scalar-app .max-h-dvh {
max-height: 100dvh;
}
.scalar-app .max-h-fit {
max-height: fit-content;
}
.scalar-app .max-h-radix-popper {
max-height: calc(var(--radix-popper-available-height) - 8px);
}
.scalar-app .max-h-screen {
max-height: 100vh;
}
.scalar-app .min-h-0 {
min-height: 0;
}
.scalar-app .min-h-3 {
min-height: 12px;
}
.scalar-app .min-h-7 {
min-height: 28px;
}
.scalar-app .min-h-8 {
min-height: 32px;
}
.scalar-app .min-h-10 {
min-height: 40px;
}
.scalar-app .min-h-11 {
min-height: 44px;
}
.scalar-app .min-h-16 {
min-height: 64px;
}
.scalar-app .min-h-20 {
min-height: 80px;
}
.scalar-app .min-h-\[64px\] {
min-height: 64px;
}
.scalar-app .min-h-\[calc\(4rem\+0\.5px\)\] {
min-height: calc(4rem + .5px);
}
.scalar-app .min-h-fit {
min-height: fit-content;
}
.scalar-app .min-h-header {
min-height: 48px;
}
.scalar-app .\!w-fit {
width: fit-content !important;
}
.scalar-app .w-\(--refs-sidebar-width\) {
width: var(--refs-sidebar-width);
}
.scalar-app .w-0\.5 {
width: 2px;
}
.scalar-app .w-1\.5 {
width: 6px;
}
.scalar-app .w-2\.5 {
width: 10px;
}
.scalar-app .w-2\.25 {
width: 9px;
}
.scalar-app .w-3 {
width: 12px;
}
.scalar-app .w-4 {
width: 16px;
}
.scalar-app .w-4\.5 {
width: 18px;
}
.scalar-app .w-5 {
width: 20px;
}
.scalar-app .w-6 {
width: 24px;
}
.scalar-app .w-7 {
width: 28px;
}
.scalar-app .w-8 {
width: 32px;
}
.scalar-app .w-36 {
width: 144px;
}
.scalar-app .w-40 {
width: 160px;
}
.scalar-app .w-56 {
width: 224px;
}
.scalar-app .w-64 {
width: 256px;
}
.scalar-app .w-72 {
width: 288px;
}
.scalar-app .w-120 {
width: 480px;
}
.scalar-app .w-\[38px\] {
width: 38px;
}
.scalar-app .w-\[calc\(100vw-12px\)\] {
width: calc(100vw - 12px);
}
.scalar-app .w-\[var\(--scalar-sidebar-indent\)\] {
width: var(--scalar-sidebar-indent);
}
.scalar-app .w-auto {
width: auto;
}
.scalar-app .w-border {
width: var(--scalar-border-width);
}
.scalar-app .w-content {
width: 720px;
}
.scalar-app .w-dvw {
width: 100dvw;
}
.scalar-app .w-fit {
width: fit-content;
}
.scalar-app .w-full {
width: 100%;
}
.scalar-app .w-max {
width: max-content;
}
.scalar-app .w-px {
width: 1px;
}
.scalar-app .max-w-\(--refs-content-max-width\) {
max-width: var(--refs-content-max-width);
}
.scalar-app .max-w-3xl {
max-width: 768px;
}
.scalar-app .max-w-64 {
max-width: 256px;
}
.scalar-app .max-w-\[9rem\] {
max-width: 9rem;
}
.scalar-app .max-w-\[100\%\] {
max-width: 100%;
}
.scalar-app .max-w-\[160px\] {
max-width: 160px;
}
.scalar-app .max-w-\[220px\] {
max-width: 220px;
}
.scalar-app .max-w-\[360px\] {
max-width: 360px;
}
.scalar-app .max-w-\[480px\] {
max-width: 480px;
}
.scalar-app .max-w-\[540px\] {
max-width: 540px;
}
.scalar-app .max-w-\[640px\] {
max-width: 640px;
}
.scalar-app .max-w-\[800px\] {
max-width: 800px;
}
.scalar-app .max-w-\[1000px\] {
max-width: 1000px;
}
.scalar-app .max-w-\[inherit\] {
max-width: inherit;
}
.scalar-app .max-w-full {
max-width: 100%;
}
.scalar-app .max-w-screen-padded-4 {
max-width: calc(100vw - 32px);
}
.scalar-app .max-w-xs {
max-width: 320px;
}
.scalar-app .min-w-0 {
min-width: 0;
}
.scalar-app .min-w-2\.25 {
min-width: 9px;
}
.scalar-app .min-w-3 {
min-width: 12px;
}
.scalar-app .min-w-4 {
min-width: 16px;
}
.scalar-app .min-w-4\.5 {
min-width: 18px;
}
.scalar-app .min-w-6 {
min-width: 24px;
}
.scalar-app .min-w-7 {
min-width: 28px;
}
.scalar-app .min-w-8 {
min-width: 32px;
}
.scalar-app .min-w-32 {
min-width: 128px;
}
.scalar-app .min-w-48 {
min-width: 192px;
}
.scalar-app .min-w-\[4\.5rem\] {
min-width: 4.5rem;
}
.scalar-app .min-w-fit {
min-width: fit-content;
}
.scalar-app .min-w-full {
min-width: 100%;
}
.scalar-app .min-w-min {
min-width: min-content;
}
.scalar-app .flex-1 {
flex: 1;
}
.scalar-app .flex-shrink,
.scalar-app .shrink {
flex-shrink: 1;
}
.scalar-app .shrink-0 {
flex-shrink: 0;
}
.scalar-app .flex-grow,
.scalar-app .grow {
flex-grow: 1;
}
.scalar-app .grow-3 {
flex-grow: 3;
}
.scalar-app .-translate-x-1\/2 {
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .-translate-x-full {
--tw-translate-x: -100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .translate-x-0 {
--tw-translate-x: calc(4px * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .translate-x-2\.5 {
--tw-translate-x: calc(4px * 2.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .translate-x-\[14px\] {
--tw-translate-x: 14px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .translate-x-full {
--tw-translate-x: 100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .-translate-y-1\.5 {
--tw-translate-y: calc(4px * -1.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .-translate-y-1\/2 {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .translate-y-0 {
--tw-translate-y: calc(4px * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .translate-y-1\.5 {
--tw-translate-y: calc(4px * 1.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .translate-y-\[200\%\] {
--tw-translate-y: 200%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .scale-0 {
--tw-scale-x: 0%;
--tw-scale-y: 0%;
--tw-scale-z: 0%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scalar-app .scale-100 {
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scalar-app .rotate-45 {
rotate: 45deg;
}
.scalar-app .rotate-90 {
rotate: 90deg;
}
.scalar-app .rotate-180 {
rotate: 180deg;
}
.scalar-app .transform {
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}
.scalar-app .animate-pulse {
animation: var(--animate-pulse);
}
.scalar-app .cursor-auto {
cursor: auto;
}
.scalar-app .cursor-default {
cursor: default;
}
.scalar-app .cursor-help {
cursor: help;
}
.scalar-app .cursor-not-allowed {
cursor: not-allowed;
}
.scalar-app .cursor-pointer {
cursor: pointer;
}
.scalar-app .cursor-text {
cursor: text;
}
.scalar-app .resize {
resize: both;
}
.scalar-app .resize-none {
resize: none;
}
.scalar-app .scroll-mt-16 {
scroll-margin-top: 64px;
}
.scalar-app .scroll-mt-24 {
scroll-margin-top: 96px;
}
.scalar-app .list-none {
list-style-type: none;
}
.scalar-app .appearance-none {
appearance: none;
}
.scalar-app .grid-flow-col {
grid-auto-flow: column;
}
.scalar-app .auto-rows-auto {
grid-auto-rows: auto;
}
.scalar-app .grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.scalar-app .grid-cols-\[44px_1fr_repeat\(3\,auto\)\] {
grid-template-columns: 44px 1fr repeat(3, auto);
}
.scalar-app .flex-col {
flex-direction: column;
}
.scalar-app .flex-row {
flex-direction: row;
}
.scalar-app .flex-wrap {
flex-wrap: wrap;
}
.scalar-app .content-end {
align-content: flex-end;
}
.scalar-app .content-start {
align-content: flex-start;
}
.scalar-app .items-baseline {
align-items: baseline;
}
.scalar-app .items-center {
align-items: center;
}
.scalar-app .items-end {
align-items: flex-end;
}
.scalar-app .items-start {
align-items: flex-start;
}
.scalar-app .items-stretch {
align-items: stretch;
}
.scalar-app .justify-between {
justify-content: space-between;
}
.scalar-app .justify-center {
justify-content: center;
}
.scalar-app .justify-end {
justify-content: flex-end;
}
.scalar-app .justify-start {
justify-content: flex-start;
}
.scalar-app .justify-stretch {
justify-content: stretch;
}
.scalar-app .gap-0\.5 {
gap: 2px;
}
.scalar-app .gap-0\.75 {
gap: 3px;
}
.scalar-app .gap-1 {
gap: 4px;
}
.scalar-app .gap-1\.5 {
gap: 6px;
}
.scalar-app .gap-1\.75 {
gap: 7px;
}
.scalar-app .gap-2 {
gap: 8px;
}
.scalar-app .gap-2\.5 {
gap: 10px;
}
.scalar-app .gap-2\.25 {
gap: 9px;
}
.scalar-app .gap-3 {
gap: 12px;
}
.scalar-app .gap-4 {
gap: 16px;
}
.scalar-app .gap-6 {
gap: 24px;
}
.scalar-app .gap-7 {
gap: 28px;
}
.scalar-app .gap-10 {
gap: 40px;
}
.scalar-app .gap-12 {
gap: 48px;
}
.scalar-app .gap-\[1\.5px\] {
gap: 1.5px;
}
.scalar-app .gap-px {
gap: 1px;
}
.scalar-app .gap-x-2\.5 {
column-gap: 10px;
}
:where(.scalar-app .space-x-1 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(4px * 1) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(4px * 1) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.scalar-app .divide-y > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(var(--scalar-border-width) * var(--tw-divide-y-reverse));
border-bottom-width: calc(var(--scalar-border-width) * calc(1 - var(--tw-divide-y-reverse)));
}
.scalar-app .self-center {
align-self: center;
}
.scalar-app .self-end {
align-self: flex-end;
}
.scalar-app .self-start {
align-self: flex-start;
}
.scalar-app .truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.scalar-app .overflow-auto {
overflow: auto;
}
.scalar-app .overflow-hidden {
overflow: hidden;
}
.scalar-app .overflow-visible {
overflow: visible;
}
.scalar-app .overflow-x-auto {
overflow-x: auto;
}
.scalar-app .overflow-x-hidden {
overflow-x: hidden;
}
.scalar-app .overflow-y-auto {
overflow-y: auto;
}
.scalar-app .overflow-y-hidden {
overflow-y: hidden;
}
.scalar-app .overflow-y-scroll {
overflow-y: scroll;
}
.scalar-app .overscroll-contain {
overscroll-behavior: contain;
}
.scalar-app .\!rounded-none {
border-radius: 0 !important;
}
.scalar-app .rounded {
border-radius: var(--scalar-radius);
}
.scalar-app .rounded-\[inherit\] {
border-radius: inherit;
}
.scalar-app .rounded-full {
border-radius: 9999px;
}
.scalar-app .rounded-lg {
border-radius: var(--scalar-radius-lg);
}
.scalar-app .rounded-md {
border-radius: var(--scalar-radius);
}
.scalar-app .rounded-none {
border-radius: 0;
}
.scalar-app .rounded-px {
border-radius: 1px;
}
.scalar-app .rounded-xl {
border-radius: var(--scalar-radius-xl);
}
.scalar-app .rounded-t {
border-top-left-radius: var(--scalar-radius);
border-top-right-radius: var(--scalar-radius);
}
.scalar-app .rounded-t-lg {
border-top-left-radius: var(--scalar-radius-lg);
border-top-right-radius: var(--scalar-radius-lg);
}
.scalar-app .rounded-t-none {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.scalar-app .rounded-t-xl {
border-top-left-radius: var(--scalar-radius-xl);
border-top-right-radius: var(--scalar-radius-xl);
}
.scalar-app .\!rounded-b-xl {
border-bottom-right-radius: var(--scalar-radius-xl) !important;
border-bottom-left-radius: var(--scalar-radius-xl) !important;
}
.scalar-app .rounded-b {
border-bottom-right-radius: var(--scalar-radius);
border-bottom-left-radius: var(--scalar-radius);
}
.scalar-app .rounded-b-lg {
border-bottom-right-radius: var(--scalar-radius-lg);
border-bottom-left-radius: var(--scalar-radius-lg);
}
.scalar-app .rounded-b-none {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.scalar-app .rounded-b-xl {
border-bottom-right-radius: var(--scalar-radius-xl);
border-bottom-left-radius: var(--scalar-radius-xl);
}
.scalar-app .border {
border-style: var(--tw-border-style);
border-width: var(--scalar-border-width);
}
.scalar-app .border-0 {
border-style: var(--tw-border-style);
border-width: 0;
}
.scalar-app .border-1,
.scalar-app .border-\[1px\] {
border-style: var(--tw-border-style);
border-width: 1px;
}
.scalar-app .border-x {
border-inline-style: var(--tw-border-style);
border-inline-width: var(--scalar-border-width);
}
.scalar-app .border-x-0 {
border-inline-style: var(--tw-border-style);
border-inline-width: 0;
}
.scalar-app .border-y {
border-block-style: var(--tw-border-style);
border-block-width: var(--scalar-border-width);
}
.scalar-app .border-t {
border-top-style: var(--tw-border-style);
border-top-width: var(--scalar-border-width);
}
.scalar-app .border-t-0 {
border-top-style: var(--tw-border-style);
border-top-width: 0;
}
.scalar-app .\!border-r {
border-right-style: var(--tw-border-style) !important;
border-right-width: var(--scalar-border-width) !important;
}
.scalar-app .border-r {
border-right-style: var(--tw-border-style);
border-right-width: var(--scalar-border-width);
}
.scalar-app .border-r-0 {
border-right-style: var(--tw-border-style);
border-right-width: 0;
}
.scalar-app .border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: var(--scalar-border-width);
}
.scalar-app .border-b-0 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
.scalar-app .border-l {
border-left-style: var(--tw-border-style);
border-left-width: var(--scalar-border-width);
}
.scalar-app .border-l-0 {
border-left-style: var(--tw-border-style);
border-left-width: 0;
}
.scalar-app .border-dashed {
--tw-border-style: dashed;
border-style: dashed;
}
.scalar-app .border-none {
--tw-border-style: none;
border-style: none;
}
.scalar-app .\!border-current {
border-color: currentColor !important;
}
.scalar-app .border-\(--scalar-background-3\) {
border-color: var(--scalar-background-3);
}
.scalar-app .border-border-header {
border-color: var(--scalar-header-border-color, var(--scalar-border-color));
}
.scalar-app .border-c-accent,
.scalar-app .border-c-accent\/30 {
border-color: var(--scalar-color-accent);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .border-c-accent\/30 {
border-color: color-mix(in oklab, var(--scalar-color-accent) 30%, transparent);
}
}
.scalar-app .border-c-alert {
border-color: var(--scalar-color-alert);
}
.scalar-app .border-c-danger {
border-color: var(--scalar-color-danger);
}
.scalar-app .border-sidebar-border {
border-color: var(--scalar-sidebar-border-color, var(--scalar-border-color));
}
.scalar-app .border-sidebar-border-search {
border-color: var(--scalar-sidebar-search-border-color, var(--scalar-border-color));
}
.scalar-app .border-transparent {
border-color: #0000;
}
.scalar-app .border-r-transparent {
border-right-color: #0000;
}
.scalar-app .border-b-sidebar-border {
border-bottom-color: var(--scalar-sidebar-border-color, var(--scalar-border-color));
}
.scalar-app .bg-\(--bg-light\) {
background-color: var(--bg-light);
}
.scalar-app .bg-b-1,
.scalar-app .bg-b-1\.5 {
background-color: var(--scalar-background-1);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .bg-b-1\.5 {
background-color: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
}
}
.scalar-app .bg-b-2 {
background-color: var(--scalar-background-2);
}
.scalar-app .bg-b-3 {
background-color: var(--scalar-background-3);
}
.scalar-app .bg-b-alert {
background-color: var(--scalar-background-alert);
}
.scalar-app .bg-b-btn {
background-color: var(--scalar-button-1);
}
.scalar-app .bg-b-danger {
background-color: var(--scalar-background-danger);
}
.scalar-app .bg-b-header-1 {
background-color: var(--scalar-header-background-1, var(--scalar-background-1));
}
.scalar-app .bg-b-header-cta {
background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
}
.scalar-app .bg-b-tooltip {
background-color: var(--scalar-tooltip-background);
}
.scalar-app .bg-backdrop {
background-color: #00000038;
}
.scalar-app .bg-border {
background-color: var(--scalar-border-color);
}
.scalar-app .bg-c-accent,
.scalar-app .bg-c-accent\/5 {
background-color: var(--scalar-color-accent);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .bg-c-accent\/5 {
background-color: color-mix(in oklab, var(--scalar-color-accent) 5%, transparent);
}
}
.scalar-app .bg-c-accent\/10 {
background-color: var(--scalar-color-accent);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .bg-c-accent\/10 {
background-color: color-mix(in oklab, var(--scalar-color-accent) 10%, transparent);
}
}
.scalar-app .bg-c-danger {
background-color: var(--scalar-color-danger);
}
.scalar-app .bg-current {
background-color: currentColor;
}
.scalar-app .bg-inherit {
background-color: inherit;
}
.scalar-app .bg-sidebar-b-1 {
background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
}
.scalar-app .bg-sidebar-b-active {
background-color: var(--scalar-sidebar-item-active-background, var(--scalar-background-2));
}
.scalar-app .bg-sidebar-b-search {
background-color: var(--scalar-sidebar-search-background, var(--scalar-background-2));
}
.scalar-app .bg-sidebar-c-2\/15 {
background-color: var(--scalar-sidebar-color-2, var(--scalar-color-2));
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .bg-sidebar-c-2\/15 {
background-color: color-mix(in oklab, var(--scalar-sidebar-color-2, var(--scalar-color-2)) 15%, transparent);
}
}
.scalar-app .bg-sidebar-indent-border {
background-color: var(--scalar-sidebar-indent-border, var(--scalar-border-color));
}
.scalar-app .bg-sidebar-indent-border-active {
background-color: var(--scalar-sidebar-indent-border-active, var(--scalar-color-accent));
}
.scalar-app .bg-transparent {
background-color: #0000;
}
.scalar-app .bg-linear-to-b {
--tw-gradient-position: to bottom;
}
@supports (background-image: linear-gradient(in lab, red, red)) {
.scalar-app .bg-linear-to-b {
--tw-gradient-position: to bottom in oklab;
}
}
.scalar-app .bg-linear-to-b {
background-image: linear-gradient(var(--tw-gradient-stops));
}
.scalar-app .bg-linear-to-l {
--tw-gradient-position: to left;
}
@supports (background-image: linear-gradient(in lab, red, red)) {
.scalar-app .bg-linear-to-l {
--tw-gradient-position: to left in oklab;
}
}
.scalar-app .bg-linear-to-l {
background-image: linear-gradient(var(--tw-gradient-stops));
}
.scalar-app .from-b-1 {
--tw-gradient-from: var(--scalar-background-1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.scalar-app .from-40\% {
--tw-gradient-from-position: 40%;
}
.scalar-app .to-b-1\.5 {
--tw-gradient-to: var(--scalar-background-1);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .to-b-1\.5 {
--tw-gradient-to: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
}
}
.scalar-app .to-b-1\.5 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.scalar-app .to-b-2 {
--tw-gradient-to: var(--scalar-background-2);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.scalar-app .to-transparent {
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.scalar-app .mask-y-from-\[calc\(100\%-8px\)\] {
-webkit-mask-image:
var(--tw-mask-linear),
var(--tw-mask-radial),
var(--tw-mask-conic);
mask-image:
var(--tw-mask-linear),
var(--tw-mask-radial),
var(--tw-mask-conic);
--tw-mask-linear:
var(--tw-mask-left),
var(--tw-mask-right),
var(--tw-mask-bottom),
var(--tw-mask-top);
--tw-mask-top:
linear-gradient(
to top,
var(--tw-mask-top-from-color) var(--tw-mask-top-from-position),
var(--tw-mask-top-to-color) var(--tw-mask-top-to-position));
--tw-mask-top-from-position: calc(100% - 8px);
--tw-mask-bottom:
linear-gradient(
to bottom,
var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position),
var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
--tw-mask-bottom-from-position: calc(100% - 8px);
-webkit-mask-composite: source-in;
mask-composite: intersect;
}
.scalar-app .mask-y-to-100\% {
-webkit-mask-image:
var(--tw-mask-linear),
var(--tw-mask-radial),
var(--tw-mask-conic);
mask-image:
var(--tw-mask-linear),
var(--tw-mask-radial),
var(--tw-mask-conic);
--tw-mask-linear:
var(--tw-mask-left),
var(--tw-mask-right),
var(--tw-mask-bottom),
var(--tw-mask-top);
--tw-mask-top:
linear-gradient(
to top,
var(--tw-mask-top-from-color) var(--tw-mask-top-from-position),
var(--tw-mask-top-to-color) var(--tw-mask-top-to-position));
--tw-mask-top-to-position: 100%;
--tw-mask-bottom:
linear-gradient(
to bottom,
var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position),
var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
--tw-mask-bottom-to-position: 100%;
-webkit-mask-composite: source-in;
mask-composite: intersect;
}
.scalar-app .mask-repeat {
-webkit-mask-repeat: repeat;
mask-repeat: repeat;
}
.scalar-app .fill-current {
fill: currentColor;
}
.scalar-app .\!p-0 {
padding: 0 !important;
}
.scalar-app .p-\(--scalar-sidebar-padding\) {
padding: var(--scalar-sidebar-padding);
}
.scalar-app .p-0 {
padding: 0;
}
.scalar-app .p-0\.5 {
padding: 2px;
}
.scalar-app .p-0\.75 {
padding: 3px;
}
.scalar-app .p-1 {
padding: 4px;
}
.scalar-app .p-1\.5 {
padding: 6px;
}
.scalar-app .p-1\.25 {
padding: 5px;
}
.scalar-app .p-1\.75 {
padding: 7px;
}
.scalar-app .p-2 {
padding: 8px;
}
.scalar-app .p-2\.5 {
padding: 10px;
}
.scalar-app .p-3 {
padding: 12px;
}
.scalar-app .p-4 {
padding: 16px;
}
.scalar-app .p-7 {
padding: 28px;
}
.scalar-app .p-\[3px\] {
padding: 3px;
}
.scalar-app .p-px {
padding: 1px;
}
.scalar-app .px-\(--scalar-sidebar-padding\) {
padding-inline: var(--scalar-sidebar-padding);
}
.scalar-app .px-0 {
padding-inline: 0;
}
.scalar-app .px-0\.5 {
padding-inline: 2px;
}
.scalar-app .px-0\.75 {
padding-inline: 3px;
}
.scalar-app .px-1 {
padding-inline: 4px;
}
.scalar-app .px-1\.5 {
padding-inline: 6px;
}
.scalar-app .px-1\.25 {
padding-inline: 5px;
}
.scalar-app .px-2 {
padding-inline: 8px;
}
.scalar-app .px-2\.5 {
padding-inline: 10px;
}
.scalar-app .px-3 {
padding-inline: 12px;
}
.scalar-app .px-3\.5 {
padding-inline: 14px;
}
.scalar-app .px-4 {
padding-inline: 16px;
}
.scalar-app .px-5 {
padding-inline: 20px;
}
.scalar-app .px-6 {
padding-inline: 24px;
}
.scalar-app .px-15 {
padding-inline: 60px;
}
.scalar-app .py-0 {
padding-block: 0;
}
.scalar-app .py-0\.5 {
padding-block: 2px;
}
.scalar-app .py-0\.25 {
padding-block: 1px;
}
.scalar-app .py-0\.75 {
padding-block: 3px;
}
.scalar-app .py-1 {
padding-block: 4px;
}
.scalar-app .py-1\.5 {
padding-block: 6px;
}
.scalar-app .py-1\.25 {
padding-block: 5px;
}
.scalar-app .py-1\.75 {
padding-block: 7px;
}
.scalar-app .py-2 {
padding-block: 8px;
}
.scalar-app .py-2\.5 {
padding-block: 10px;
}
.scalar-app .py-2\.25 {
padding-block: 9px;
}
.scalar-app .py-3 {
padding-block: 12px;
}
.scalar-app .py-4 {
padding-block: 16px;
}
.scalar-app .py-\[6\.75px\] {
padding-block: 6.75px;
}
.scalar-app .py-px {
padding-block: 1px;
}
.scalar-app .pt-\(--scalar-sidebar-padding\) {
padding-top: var(--scalar-sidebar-padding);
}
.scalar-app .pt-1 {
padding-top: 4px;
}
.scalar-app .pt-2 {
padding-top: 8px;
}
.scalar-app .pt-3 {
padding-top: 12px;
}
.scalar-app .pt-px {
padding-top: 1px;
}
.scalar-app .pr-0 {
padding-right: 0;
}
.scalar-app .pr-0\.75 {
padding-right: 3px;
}
.scalar-app .pr-1 {
padding-right: 4px;
}
.scalar-app .pr-1\.5 {
padding-right: 6px;
}
.scalar-app .pr-2 {
padding-right: 8px;
}
.scalar-app .pr-2\.5 {
padding-right: 10px;
}
.scalar-app .pr-2\.25 {
padding-right: 9px;
}
.scalar-app .pr-3 {
padding-right: 12px;
}
.scalar-app .pr-6 {
padding-right: 24px;
}
.scalar-app .pr-8 {
padding-right: 32px;
}
.scalar-app .pr-10 {
padding-right: 40px;
}
.scalar-app .pr-12 {
padding-right: 48px;
}
.scalar-app .pr-20 {
padding-right: 80px;
}
.scalar-app .pr-\[100\%\] {
padding-right: 100%;
}
.scalar-app .pb-1 {
padding-bottom: 4px;
}
.scalar-app .pb-1\.5 {
padding-bottom: 6px;
}
.scalar-app .pb-3 {
padding-bottom: 12px;
}
.scalar-app .pb-6 {
padding-bottom: 24px;
}
.scalar-app .pb-12 {
padding-bottom: 48px;
}
.scalar-app .\!pl-3 {
padding-left: 12px !important;
}
.scalar-app .pl-1 {
padding-left: 4px;
}
.scalar-app .pl-1\.25 {
padding-left: 5px;
}
.scalar-app .pl-2 {
padding-left: 8px;
}
.scalar-app .pl-3 {
padding-left: 12px;
}
.scalar-app .pl-4 {
padding-left: 16px;
}
.scalar-app .pl-8 {
padding-left: 32px;
}
.scalar-app .pl-8\.5 {
padding-left: 34px;
}
.scalar-app .pl-\[100\%\] {
padding-left: 100%;
}
.scalar-app .pl-px {
padding-left: 1px;
}
.scalar-app .text-center {
text-align: center;
}
.scalar-app .text-left {
text-align: left;
}
.scalar-app .text-right {
text-align: right;
}
.scalar-app .font-code {
font-family: var(--scalar-font-code);
}
.scalar-app .font-sans {
font-family: var(--scalar-font);
}
.scalar-app .text-base {
font-size: var(--scalar-font-size-3);
line-height: var(--tw-leading, calc(1 / .875));
}
.scalar-app .text-base\/4 {
font-size: var(--scalar-font-size-3);
line-height: 16px;
}
.scalar-app .text-base\/5 {
font-size: var(--scalar-font-size-3);
line-height: 20px;
}
.scalar-app .text-base\/5\.25 {
font-size: var(--scalar-font-size-3);
line-height: 21px;
}
.scalar-app .text-lg {
font-size: var(--scalar-font-size-2);
line-height: var(--tw-leading, calc(1.25 / 1));
}
.scalar-app .text-sm\/4 {
font-size: var(--scalar-font-size-4);
line-height: 16px;
}
.scalar-app .text-sm\/none {
font-size: var(--scalar-font-size-4);
line-height: 1;
}
.scalar-app .text-xs\/4 {
font-size: var(--scalar-font-size-5);
line-height: 16px;
}
.scalar-app .text-3xs {
font-size: var(--scalar-font-size-7);
}
.scalar-app .text-\[6px\] {
font-size: 6px;
}
.scalar-app .text-\[9px\] {
font-size: 9px;
}
.scalar-app .text-\[10px\] {
font-size: 10px;
}
.scalar-app .text-\[11px\] {
font-size: 11px;
}
.scalar-app .text-sm {
font-size: var(--scalar-font-size-4);
}
.scalar-app .text-xs {
font-size: var(--scalar-font-size-5);
}
.scalar-app .text-xxs {
font-size: var(--scalar-font-size-6);
}
.scalar-app .leading-5 {
--tw-leading: calc(4px * 5);
line-height: 20px;
}
.scalar-app .leading-5\.5 {
--tw-leading: calc(4px * 5.5);
line-height: 22px;
}
.scalar-app .leading-6 {
--tw-leading: calc(4px * 6);
line-height: 24px;
}
.scalar-app .leading-\[1\.44\] {
--tw-leading: 1.44;
line-height: 1.44;
}
.scalar-app .leading-\[1\.45\] {
--tw-leading: 1.45;
line-height: 1.45;
}
.scalar-app .leading-\[7px\] {
--tw-leading: 7px;
line-height: 7px;
}
.scalar-app .leading-\[20px\] {
--tw-leading: 20px;
line-height: 20px;
}
.scalar-app .leading-\[22px\] {
--tw-leading: 22px;
line-height: 22px;
}
.scalar-app .leading-\[normal\] {
--tw-leading: normal;
line-height: normal;
}
.scalar-app .leading-none {
--tw-leading: 1;
line-height: 1;
}
.scalar-app .leading-normal {
--tw-leading: var(--leading-normal);
line-height: var(--leading-normal);
}
.scalar-app .leading-relaxed {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.scalar-app .leading-snug {
--tw-leading: var(--leading-snug);
line-height: var(--leading-snug);
}
.scalar-app .font-bold {
--tw-font-weight: var(--scalar-bold);
font-weight: var(--scalar-bold);
}
.scalar-app .font-medium {
--tw-font-weight: var(--scalar-semibold);
font-weight: var(--scalar-semibold);
}
.scalar-app .font-normal {
--tw-font-weight: var(--scalar-regular);
font-weight: var(--scalar-regular);
}
.scalar-app .font-sidebar {
--tw-font-weight: var(--scalar-sidebar-font-weight, var(--scalar-regular));
font-weight: var(--scalar-sidebar-font-weight, var(--scalar-regular));
}
.scalar-app .font-sidebar-active {
--tw-font-weight: var(--scalar-sidebar-font-weight-active, var(--scalar-semibold));
font-weight: var(--scalar-sidebar-font-weight-active, var(--scalar-semibold));
}
.scalar-app .text-balance {
text-wrap: balance;
}
.scalar-app .text-nowrap {
text-wrap: nowrap;
}
.scalar-app .text-pretty {
text-wrap: pretty;
}
.scalar-app .text-wrap {
text-wrap: wrap;
}
.scalar-app .break-words,
.scalar-app .wrap-break-word {
overflow-wrap: break-word;
}
.scalar-app .text-ellipsis {
text-overflow: ellipsis;
}
.scalar-app .whitespace-nowrap {
white-space: nowrap;
}
.scalar-app .whitespace-pre {
white-space: pre;
}
.scalar-app .whitespace-pre-wrap {
white-space: pre-wrap;
}
.scalar-app .\!text-c-1 {
color: var(--scalar-color-1) !important;
}
.scalar-app .text-\[color\:var\(--scalar-color-3\)\] {
color: var(--scalar-color-3);
}
.scalar-app .text-b-1 {
color: var(--scalar-background-1);
}
.scalar-app .text-b-2 {
color: var(--scalar-background-2);
}
.scalar-app .text-blue {
color: var(--scalar-color-blue);
}
.scalar-app .text-c-1 {
color: var(--scalar-color-1);
}
.scalar-app .text-c-2 {
color: var(--scalar-color-2);
}
.scalar-app .text-c-3 {
color: var(--scalar-color-3);
}
.scalar-app .text-c-accent {
color: var(--scalar-color-accent);
}
.scalar-app .text-c-alert {
color: var(--scalar-color-alert);
}
.scalar-app .text-c-btn {
color: var(--scalar-button-1-color);
}
.scalar-app .text-c-danger {
color: var(--scalar-color-danger);
}
.scalar-app .text-c-header-1 {
color: var(--scalar-header-color-1, var(--scalar-color-1));
}
.scalar-app .text-c-header-2 {
color: var(--scalar-header-color-2, var(--scalar-color-2));
}
.scalar-app .text-c-header-cta {
color: var(--scalar-button-1-color);
}
.scalar-app .text-c-tooltip {
color: var(--scalar-tooltip-color);
}
.scalar-app .text-current {
color: currentColor;
}
.scalar-app .text-green {
color: var(--scalar-color-green);
}
.scalar-app .text-grey {
color: var(--scalar-color-3);
}
.scalar-app .text-orange {
color: var(--scalar-color-orange);
}
.scalar-app .text-purple {
color: var(--scalar-color-purple);
}
.scalar-app .text-red {
color: var(--scalar-color-red);
}
.scalar-app .text-sidebar-c-1 {
color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
}
.scalar-app .text-sidebar-c-2 {
color: var(--scalar-sidebar-color-2, var(--scalar-color-2));
}
.scalar-app .text-sidebar-c-active {
color: var(--scalar-sidebar-color-active, var(--scalar-sidebar-color-1));
}
.scalar-app .text-sidebar-c-search {
color: var(--scalar-sidebar-search-color, var(--scalar-color-3));
}
.scalar-app .text-transparent {
color: #0000;
}
.scalar-app .text-white {
color: #fff;
}
.scalar-app .text-yellow {
color: var(--scalar-color-yellow);
}
.scalar-app .capitalize {
text-transform: capitalize;
}
.scalar-app .uppercase {
text-transform: uppercase;
}
.scalar-app .italic {
font-style: italic;
}
.scalar-app .tabular-nums {
--tw-numeric-spacing: tabular-nums;
font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
}
.scalar-app .line-through {
text-decoration-line: line-through;
}
.scalar-app .no-underline {
text-decoration-line: none;
}
.scalar-app .underline {
text-decoration-line: underline;
}
.scalar-app .decoration-c-3 {
-webkit-text-decoration-color: var(--scalar-color-3);
text-decoration-color: var(--scalar-color-3);
}
.scalar-app .decoration-dotted {
text-decoration-style: dotted;
}
.scalar-app .underline-offset-2 {
text-underline-offset: 2px;
}
.scalar-app .opacity-0 {
opacity: 0;
}
.scalar-app .opacity-40 {
opacity: .4;
}
.scalar-app .opacity-50 {
opacity: .5;
}
.scalar-app .opacity-100 {
opacity: 1;
}
.scalar-app .bg-blend-normal {
background-blend-mode: normal;
}
.scalar-app .shadow {
--tw-shadow: var(--scalar-shadow-1);
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.scalar-app .shadow-\[-8px_0_4px_var\(--scalar-background-1\)\] {
--tw-shadow: -8px 0 4px var(--tw-shadow-color, var(--scalar-background-1));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.scalar-app .shadow-border {
--tw-shadow: inset 0 0 0 var(--tw-shadow-color, var(--scalar-border-width)) var(--scalar-border-color);
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.scalar-app .shadow-lg {
--tw-shadow: var(--scalar-shadow-2);
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.scalar-app .shadow-md {
--tw-shadow: var(--scalar-shadow-1);
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.scalar-app .shadow-none {
--tw-shadow: 0 0 #0000;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.scalar-app .outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.scalar-app .-outline-offset-1 {
outline-offset: calc(1px * -1);
}
.scalar-app .-outline-offset-2 {
outline-offset: calc(2px * -1);
}
.scalar-app .outline-offset-1 {
outline-offset: 1px;
}
.scalar-app .outline-offset-2 {
outline-offset: 2px;
}
.scalar-app .outline-offset-\[-1px\] {
outline-offset: -1px;
}
.scalar-app .outline-c-danger {
outline-color: var(--scalar-color-danger);
}
.scalar-app .blur {
--tw-blur: blur(8px);
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, );
}
.scalar-app .brightness-90 {
--tw-brightness: brightness(90%);
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, );
}
.scalar-app .brightness-lifted {
--tw-brightness: brightness(var(--scalar-lifted-brightness));
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, );
}
.scalar-app .filter {
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, );
}
.scalar-app .backdrop-blur {
--tw-backdrop-blur: blur(8px);
-webkit-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-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, );
}
.scalar-app .backdrop-filter {
-webkit-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-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, );
}
.scalar-app .transition {
transition-property:
color,
background-color,
border-color,
outline-color,
text-decoration-color,
fill,
stroke,
--tw-gradient-from,
--tw-gradient-via,
--tw-gradient-to,
opacity,
box-shadow,
transform,
translate,
scale,
rotate,
filter,
-webkit-backdrop-filter,
backdrop-filter,
display,
content-visibility,
overlay,
pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.scalar-app .transition-colors {
transition-property:
color,
background-color,
border-color,
outline-color,
text-decoration-color,
fill,
stroke,
--tw-gradient-from,
--tw-gradient-via,
--tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.scalar-app .transition-opacity {
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.scalar-app .transition-transform {
transition-property:
transform,
translate,
scale,
rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.scalar-app .transition-none {
transition-property: none;
}
.scalar-app .duration-100 {
--tw-duration: .1s;
transition-duration: .1s;
}
.scalar-app .duration-150 {
--tw-duration: .15s;
transition-duration: .15s;
}
.scalar-app .duration-200 {
--tw-duration: .2s;
transition-duration: .2s;
}
.scalar-app .duration-300 {
--tw-duration: .3s;
transition-duration: .3s;
}
.scalar-app .duration-400 {
--tw-duration: .4s;
transition-duration: .4s;
}
.scalar-app .duration-500 {
--tw-duration: .5s;
transition-duration: .5s;
}
.scalar-app .ease-\[cubic-bezier\(0\.77\,0\,0\.175\,1\)\] {
--tw-ease: cubic-bezier(.77,0,.175,1);
transition-timing-function: cubic-bezier(.77, 0, .175, 1);
}
.scalar-app .ease-in {
--tw-ease: var(--ease-in);
transition-timing-function: var(--ease-in);
}
.scalar-app .ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.scalar-app .ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
}
.scalar-app .ease-spring {
--tw-ease: linear(0, .008 1.1%, .034 2.3%, .134 4.9%, .264 7.3%, .683 14.3%, .797 16.5%, .89 18.6%, .967 20.7%, 1.027 22.8%, 1.073 25%, 1.104 27.3%, 1.123 30.6%, 1.119 34.3%, 1.018 49.5%, .988 58.6%, .985 65.2%, 1 84.5%, 1);
transition-timing-function: linear(0, .008 1.1%, .034 2.3%, .134 4.9%, .264 7.3%, .683 14.3%, .797 16.5%, .89 18.6%, .967 20.7%, 1.027 22.8%, 1.073 25%, 1.104 27.3%, 1.123 30.6%, 1.119 34.3%, 1.018 49.5%, .988 58.6%, .985 65.2%, 1 84.5%, 1);
}
.scalar-app .outline-none {
--tw-outline-style: none;
outline-style: none;
}
.scalar-app .select-none {
-webkit-user-select: none;
user-select: none;
}
.scalar-app .\[--scalar-address-bar-height\:0px\] {
--scalar-address-bar-height: 0px;
}
.scalar-app .\[--scalar-address-bar-height\:32px\] {
--scalar-address-bar-height: 32px;
}
.scalar-app .\[grid-area\:header\] {
grid-area: header;
}
.scalar-app .\[grid-area\:navigation\] {
grid-area: navigation;
}
:is(.scalar-app .\*\:flex > *) {
display: flex;
}
:is(.scalar-app .\*\:size-3 > *) {
width: 12px;
height: 12px;
}
:is(.scalar-app .\*\:size-4 > *) {
width: 16px;
height: 16px;
}
:is(.scalar-app .\*\:h-5 > *) {
height: 20px;
}
:is(.scalar-app .\*\:h-8 > *) {
height: 32px;
}
:is(.scalar-app .\*\:min-w-5 > *) {
min-width: 20px;
}
:is(.scalar-app .\*\:flex-1 > *) {
flex: 1;
}
:is(.scalar-app .\*\:cursor-pointer > *) {
cursor: pointer;
}
:is(.scalar-app .\*\:items-center > *) {
align-items: center;
}
:is(.scalar-app .\*\:justify-center > *) {
justify-content: center;
}
:is(.scalar-app .\*\:gap-1 > *) {
gap: 4px;
}
:is(.scalar-app .\*\:rounded > *) {
border-radius: var(--scalar-radius);
}
:is(.scalar-app .\*\:rounded-none > *) {
border-radius: 0;
}
:is(.scalar-app .\*\:border > *) {
border-style: var(--tw-border-style);
border-width: var(--scalar-border-width);
}
:is(.scalar-app .\*\:border-t > *) {
border-top-style: var(--tw-border-style);
border-top-width: var(--scalar-border-width);
}
:is(.scalar-app .\*\:border-border-tooltip > *) {
border-color: var(--scalar-tooltip-color);
}
@supports (color: color-mix(in lab, red, red)) {
:is(.scalar-app .\*\:border-border-tooltip > *) {
border-color: color-mix(in srgb, var(--scalar-tooltip-color), var(--scalar-tooltip-background));
}
}
:is(.scalar-app .\*\:px-1 > *) {
padding-inline: 4px;
}
:is(.scalar-app .\*\:px-1\.5 > *) {
padding-inline: 6px;
}
:is(.scalar-app .\*\:pl-4 > *) {
padding-left: 16px;
}
.scalar-app .group-first\/row\:border-t-0:is(:where(.group\/row):first-child *) {
border-top-style: var(--tw-border-style);
border-top-width: 0;
}
.scalar-app .group-last\:mr-0:is(:where(.group):last-child *) {
margin-right: 0;
}
.scalar-app .group-last\:border-b-transparent:is(:where(.group):last-child *) {
border-bottom-color: #0000;
}
.scalar-app .group-last\/label\:rounded-br-lg:is(:where(.group\/label):last-child *) {
border-bottom-right-radius: var(--scalar-radius-lg);
}
.scalar-app .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
rotate: 90deg;
}
.scalar-app .group-open\:flex-wrap:is(:where(.group):is([open], :popover-open, :open) *) {
flex-wrap: wrap;
}
.scalar-app .group-open\:whitespace-normal:is(:where(.group):is([open], :popover-open, :open) *) {
white-space: normal;
}
.scalar-app .group-focus-within\:flex:is(:where(.group):focus-within *) {
display: flex;
}
.scalar-app .group-focus-within\/parameter-item\:opacity-100:is(:where(.group\/parameter-item):focus-within *),
.scalar-app .group-focus-within\/scope-row\:opacity-100:is(:where(.group\/scope-row):focus-within *) {
opacity: 1;
}
@media (hover: hover) {
.scalar-app .group-hover\:flex:is(:where(.group):hover *) {
display: flex;
}
.scalar-app .group-hover\:pr-10:is(:where(.group):hover *) {
padding-right: 40px;
}
.scalar-app .group-hover\:text-c-1:is(:where(.group):hover *) {
color: var(--scalar-color-1);
}
.scalar-app .group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 1;
}
.scalar-app .group-hover\/button\:bg-sidebar-indent-border-hover:is(:where(.group\/button):hover *) {
background-color: var(--scalar-sidebar-indent-border-hover, var(--scalar-border-color));
}
.scalar-app .group-hover\/button\:text-c-header-1:is(:where(.group\/button):hover *) {
color: var(--scalar-header-color-1, var(--scalar-color-1));
}
.scalar-app .group-hover\/button\:opacity-0:is(:where(.group\/button):hover *) {
opacity: 0;
}
.scalar-app .group-hover\/heading\:opacity-100:is(:where(.group\/heading):hover *),
.scalar-app .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *),
.scalar-app .group-hover\/parameter-item\:opacity-100:is(:where(.group\/parameter-item):hover *),
.scalar-app .group-hover\/params\:opacity-100:is(:where(.group\/params):hover *) {
opacity: 1;
}
.scalar-app .group-hover\/row\:flex:is(:where(.group\/row):hover *) {
display: flex;
}
.scalar-app .group-hover\/scope-row\:text-c-1:is(:where(.group\/scope-row):hover *) {
color: var(--scalar-color-1);
}
.scalar-app .group-hover\/scope-row\:opacity-100:is(:where(.group\/scope-row):hover *) {
opacity: 1;
}
.scalar-app .group-hover\/scopes-accordion\:text-c-2:is(:where(.group\/scopes-accordion):hover *) {
color: var(--scalar-color-2);
}
}
.scalar-app .group-focus-visible\:outline:is(:where(.group):focus-visible *) {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.scalar-app .group-focus-visible\/button\:opacity-0:is(:where(.group\/button):focus-visible *) {
opacity: 0;
}
.scalar-app .group-focus-visible\/toggle\:outline:is(:where(.group\/toggle):focus-visible *) {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.scalar-app .group-has-focus-visible\/heading\:opacity-100:is(:where(.group\/heading):has(:focus-visible) *) {
opacity: 1;
}
.scalar-app .group-has-\[\.cm-focused\]\:z-1:is(:where(.group):has(.cm-focused) *) {
z-index: 1;
}
.scalar-app .group-has-\[\.cm-focused\]\:flex:is(:where(.group):has(.cm-focused) *) {
display: flex;
}
.scalar-app .group-has-\[\.cm-focused\]\:pr-10:is(:where(.group):has(.cm-focused) *) {
padding-right: 40px;
}
.scalar-app .group-has-\[\:focus-visible\]\/cell\:border-c-accent:is(:where(.group\/cell):has(:focus-visible) *) {
border-color: var(--scalar-color-accent);
}
.scalar-app .group-has-\[\:focus-visible\]\/cell\:opacity-100:is(:where(.group\/cell):has(:focus-visible) *) {
opacity: 1;
}
.scalar-app .group-has-\[\:focus-visible\]\/input\:block:is(:where(.group\/input):has(:focus-visible) *) {
display: block;
}
.scalar-app .group-has-\[input\]\/label\:mr-0:is(:where(.group\/label):has(:is(input)) *) {
margin-right: 0;
}
.scalar-app .group-has-\[\~\*_\[aria-expanded\=true\]\]\/button\:opacity-0:is(:where(.group\/button):has(~ * [aria-expanded=true]) *),
.scalar-app .group-has-\[\~\*\:focus-within\]\/button\:opacity-0:is(:where(.group\/button):has(~ :focus-within) *),
.scalar-app .group-has-\[\~\*\:hover\]\/button\:opacity-0:is(:where(.group\/button):has(~ :hover) *) {
opacity: 0;
}
.scalar-app .group-aria-expanded\/button\:rotate-180:is(:where(.group\/button)[aria-expanded=true] *),
.scalar-app .group-aria-expanded\/combobox-button\:rotate-180:is(:where(.group\/combobox-button)[aria-expanded=true] *) {
rotate: 180deg;
}
.scalar-app .group-hocus\/copy-button\:sr-only:is(:is(:where(.group\/copy-button):hover, :where(.group\/copy-button):focus-visible) *) {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.scalar-app .group-hocus\/copy-button\:not-sr-only:is(:is(:where(.group\/copy-button):hover, :where(.group\/copy-button):focus-visible) *) {
clip-path: none;
white-space: normal;
width: auto;
height: auto;
margin: 0;
padding: 0;
position: static;
overflow: visible;
}
.scalar-app .group-hocus\/copy-button\:block:is(:is(:where(.group\/copy-button):hover, :where(.group\/copy-button):focus-visible) *) {
display: block;
}
.scalar-app .group-hocus-within\/code-block\:-left-0\.5:is(:is(:where(.group\/code-block):hover, :where(.group\/code-block):focus-within) *) {
left: -2px;
}
.scalar-app .group-hocus-within\/code-block\:inline:is(:is(:where(.group\/code-block):hover, :where(.group\/code-block):focus-within) *) {
display: inline;
}
.scalar-app .group-hocus-within\/code-block\:opacity-100:is(:is(:where(.group\/code-block):hover, :where(.group\/code-block):focus-within) *) {
opacity: 1;
}
.scalar-app .group-\[\.alert\]\:bg-b-alert:is(:where(.group).alert *) {
background-color: var(--scalar-background-alert);
}
.scalar-app .group-\[\.alert\]\:bg-transparent:is(:where(.group).alert *) {
background-color: #0000;
}
.scalar-app .group-\[\.alert\]\:shadow-none:is(:where(.group).alert *) {
--tw-shadow: 0 0 #0000;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.scalar-app .group-\[\.alert\]\:outline-orange:is(:where(.group).alert *) {
outline-color: var(--scalar-color-orange);
}
.scalar-app .group-\[\.error\]\:bg-b-danger:is(:where(.group).error *) {
background-color: var(--scalar-background-danger);
}
.scalar-app .group-\[\.error\]\:bg-transparent:is(:where(.group).error *) {
background-color: #0000;
}
.scalar-app .group-\[\.error\]\:text-red:is(:where(.group).error *) {
color: var(--scalar-color-red);
}
.scalar-app .group-\[\.error\]\:shadow-none:is(:where(.group).error *) {
--tw-shadow: 0 0 #0000;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.scalar-app .group-\[\.error\]\:outline-red:is(:where(.group).error *) {
outline-color: var(--scalar-color-red);
}
.scalar-app .peer-checked\:text-c-1:is(:where(.peer):checked ~ *) {
color: var(--scalar-color-1);
}
@media (hover: hover) {
.scalar-app .peer-hover\/button\:opacity-100:is(:where(.peer\/button):hover ~ *) {
opacity: 1;
}
}
.scalar-app .peer-focus-visible\/button\:opacity-100:is(:where(.peer\/button):focus-visible ~ *) {
opacity: 1;
}
.scalar-app .peer-has-\[\.cm-focused\]\:opacity-0:is(:where(.peer):has(.cm-focused) ~ *) {
opacity: 0;
}
.scalar-app .peer-has-\[\.color-selector\]\:hidden:is(:where(.peer):has(.color-selector) ~ *) {
display: none;
}
.scalar-app .placeholder\:font-\[inherit\]::placeholder {
font-family: inherit;
}
:is(.scalar-app .\*\:not-first\:before\:content-\[\'_\b7_\'\] > *):not(:first-child):before {
--tw-content: " \b7 ";
content: var(--tw-content);
}
.scalar-app .after\:pointer-events-none:after {
content: var(--tw-content);
pointer-events: none;
}
.scalar-app .after\:absolute:after {
content: var(--tw-content);
position: absolute;
}
.scalar-app .after\:inset-0:after {
content: var(--tw-content);
inset: 0;
}
.scalar-app .after\:inset-x-0:after {
content: var(--tw-content);
inset-inline: 0;
}
.scalar-app .after\:-top-0\.5:after {
content: var(--tw-content);
top: -2px;
}
.scalar-app .after\:-bottom-0\.5:after {
content: var(--tw-content);
bottom: -2px;
}
.scalar-app .after\:block:after {
content: var(--tw-content);
display: block;
}
.scalar-app .after\:h-0\.75:after {
content: var(--tw-content);
height: 3px;
}
.scalar-app .after\:rounded:after {
content: var(--tw-content);
border-radius: var(--scalar-radius);
}
.scalar-app .after\:bg-blue:after {
content: var(--tw-content);
background-color: var(--scalar-color-blue);
}
.scalar-app .after\:opacity-15:after {
content: var(--tw-content);
opacity: .15;
}
.scalar-app .after\:content-\[\'\:\'\]:after {
--tw-content: ":";
content: var(--tw-content);
}
.scalar-app .first\:rounded-t-\[inherit\]:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
:is(.scalar-app .\*\:first\:rounded-l > *):first-child {
border-top-left-radius: var(--scalar-radius);
border-bottom-left-radius: var(--scalar-radius);
}
:is(.scalar-app .\*\:first\:border-t-0 > *):first-child,
:is(.scalar-app .first\:\*\:border-t-0:first-child > *) {
border-top-style: var(--tw-border-style);
border-top-width: 0;
}
.scalar-app .last\:rounded-b-\[inherit\]:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.scalar-app .last\:rounded-b-lg:last-child {
border-bottom-right-radius: var(--scalar-radius-lg);
border-bottom-left-radius: var(--scalar-radius-lg);
}
.scalar-app .last\:border-r-0:last-child {
border-right-style: var(--tw-border-style);
border-right-width: 0;
}
:is(.scalar-app .\*\:last\:rounded-r > *):last-child {
border-top-right-radius: var(--scalar-radius);
border-bottom-right-radius: var(--scalar-radius);
}
.scalar-app .last-of-type\:first-of-type\:border-b-0:last-of-type:first-of-type {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
.scalar-app .empty\:hidden:empty {
display: none;
}
.scalar-app .focus-within\:bg-b-1:focus-within {
background-color: var(--scalar-background-1);
}
.scalar-app .focus-within\:text-c-1:focus-within {
color: var(--scalar-color-1);
}
.scalar-app .focus-within\:opacity-100:focus-within {
opacity: 1;
}
.scalar-app .focus-within\:outline-none:focus-within {
--tw-outline-style: none;
outline-style: none;
}
@media (hover: hover) {
.scalar-app .hover\:bg-b-2:hover {
background-color: var(--scalar-background-2);
}
.scalar-app .hover\:bg-b-3:hover {
background-color: var(--scalar-background-3);
}
.scalar-app .hover\:bg-b-header-2:hover {
background-color: var(--scalar-header-background-2, var(--scalar-background-2));
}
.scalar-app .hover\:bg-c-accent\/20:hover {
background-color: var(--scalar-color-accent);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .hover\:bg-c-accent\/20:hover {
background-color: color-mix(in oklab, var(--scalar-color-accent) 20%, transparent);
}
}
.scalar-app .hover\:bg-h-btn:hover {
background-color: var(--scalar-button-1-hover);
}
.scalar-app .hover\:bg-h-header-cta:hover {
background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .hover\:bg-h-header-cta:hover {
background-color: color-mix(in srgb, var(--scalar-header-call-to-action-color, var(--scalar-button-1)), var(--scalar-header-background-1, var(--scalar-background-1)) 15%);
}
}
.scalar-app .hover\:bg-sidebar-b-1:hover {
background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
}
.scalar-app .hover\:bg-sidebar-b-hover:hover {
background-color: var(--scalar-sidebar-item-hover-background, var(--scalar-background-2));
}
.scalar-app .hover\:bg-linear-to-b:hover {
--tw-gradient-position: to bottom;
}
@supports (background-image: linear-gradient(in lab, red, red)) {
.scalar-app .hover\:bg-linear-to-b:hover {
--tw-gradient-position: to bottom in oklab;
}
}
.scalar-app .hover\:bg-linear-to-b:hover {
background-image: linear-gradient(var(--tw-gradient-stops));
}
.scalar-app .hover\:bg-linear-to-t:hover {
--tw-gradient-position: to top;
}
@supports (background-image: linear-gradient(in lab, red, red)) {
.scalar-app .hover\:bg-linear-to-t:hover {
--tw-gradient-position: to top in oklab;
}
}
.scalar-app .hover\:bg-linear-to-t:hover {
background-image: linear-gradient(var(--tw-gradient-stops));
}
.scalar-app .hover\:text-c-1:hover {
color: var(--scalar-color-1);
}
.scalar-app .hover\:text-c-2:hover {
color: var(--scalar-color-2);
}
.scalar-app .hover\:text-c-header-1:hover {
color: var(--scalar-header-color-1, var(--scalar-color-1));
}
.scalar-app .hover\:text-sidebar-c-1:hover {
color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
}
.scalar-app .hover\:text-sidebar-c-hover:hover {
color: var(--scalar-sidebar-item-hover-color, var(--scalar-sidebar-color-2));
}
.scalar-app .hover\:underline:hover {
text-decoration-line: underline;
}
.scalar-app .hover\:opacity-100:hover {
opacity: 1;
}
.scalar-app .hover\:brightness-75:hover {
--tw-brightness: brightness(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, );
}
.scalar-app .hover\:brightness-90:hover {
--tw-brightness: brightness(90%);
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, );
}
}
.scalar-app .focus\:border-b-1:focus {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: var(--scalar-background-1);
}
.scalar-app .focus\:text-c-1:focus {
color: var(--scalar-color-1);
}
.scalar-app .focus\:outline-none:focus {
--tw-outline-style: none;
outline-style: none;
}
.scalar-app .focus-visible\:border-c-btn:focus-visible {
border-color: var(--scalar-button-1-color);
}
.scalar-app .focus-visible\:opacity-100:focus-visible {
opacity: 1;
}
.scalar-app .focus-visible\:outline:focus-visible {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.scalar-app .focus-visible\:outline-offset-2:focus-visible {
outline-offset: 2px;
}
.scalar-app .active\:bg-b-btn:active {
background-color: var(--scalar-button-1);
}
.scalar-app .active\:text-c-1:active {
color: var(--scalar-color-1);
}
.scalar-app .active\:brightness-90:active {
--tw-brightness: brightness(90%);
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, );
}
.scalar-app .disabled\:pointer-events-none:disabled {
pointer-events: none;
}
.scalar-app .disabled\:cursor-default:disabled {
cursor: default;
}
.scalar-app .disabled\:text-c-2:disabled {
color: var(--scalar-color-2);
}
.scalar-app .disabled\:opacity-30:disabled {
opacity: .3;
}
.scalar-app .has-focus-visible\:outline:has(:focus-visible) {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.scalar-app .has-\[\:focus-visible\]\:absolute:has(:focus-visible) {
position: absolute;
}
.scalar-app .has-\[\:focus-visible\]\:z-1:has(:focus-visible) {
z-index: 1;
}
.scalar-app .has-\[\:focus-visible\]\:rounded-\[4px\]:has(:focus-visible) {
border-radius: 4px;
}
.scalar-app .has-\[\:focus-visible\]\:bg-b-1:has(:focus-visible) {
background-color: var(--scalar-background-1);
}
.scalar-app .has-\[\:focus-visible\]\:bg-sidebar-b-1:has(:focus-visible) {
background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
}
.scalar-app .has-\[\:focus-visible\]\:opacity-100:has(:focus-visible) {
opacity: 1;
}
.scalar-app .has-\[\:focus-visible\]\:outline:has(:focus-visible),
.scalar-app .has-\[input\:focus-visible\]\:outline:has(:is(input:focus-visible)) {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.scalar-app .has-\[\&\[aria-expanded\=true\]\]\:opacity-100:has([aria-expanded=true]) {
opacity: 1;
}
@media not all and (min-width: 800px) {
.scalar-app .max-md\:absolute\! {
position: absolute !important;
}
.scalar-app .max-md\:top-4 {
top: 16px;
}
.scalar-app .max-md\:z-5 {
z-index: 5;
}
.scalar-app .max-md\:w-full\! {
width: 100% !important;
}
.scalar-app .max-md\:pt-2 {
padding-top: 8px;
}
.scalar-app .max-md\:pt-12 {
padding-top: 48px;
}
.scalar-app .max-md\:pl-4\! {
padding-left: 16px !important;
}
.scalar-app .max-md\:pl-10 {
padding-left: 40px;
}
.scalar-app .max-md\:pl-14 {
padding-left: 56px;
}
}
@media (min-width: 800px) {
.scalar-app .md\:pointer-events-none {
pointer-events: none;
}
.scalar-app .md\:absolute {
position: absolute;
}
.scalar-app .md\:inset-x-1 {
inset-inline: 4px;
}
.scalar-app .md\:top-1\/2 {
top: 50%;
}
.scalar-app .md\:mt-0 {
margin-top: 0;
}
.scalar-app .md\:-ml-1\.25 {
margin-left: -5px;
}
.scalar-app .md\:w-\[calc\(100vw-16px\)\] {
width: calc(100vw - 16px);
}
.scalar-app .md\:-translate-y-1\/2 {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .md\:flex-row {
flex-direction: row;
}
.scalar-app .md\:px-1\.5 {
padding-inline: 6px;
}
.scalar-app .md\:opacity-0 {
opacity: 0;
}
:is(.scalar-app .md\:\*\:border-t-0 > *) {
border-top-style: var(--tw-border-style);
border-top-width: 0;
}
@media (hover: hover) {
.scalar-app .md\:group-hover\/upload\:pointer-events-auto:is(:where(.group\/upload):hover *) {
pointer-events: auto;
}
.scalar-app .md\:group-hover\/upload\:opacity-100:is(:where(.group\/upload):hover *) {
opacity: 1;
}
}
}
@media (min-width: 1000px) {
.scalar-app .lg\:-mr-1 {
margin-right: -4px;
}
.scalar-app .lg\:flex {
display: flex;
}
.scalar-app .lg\:hidden {
display: none;
}
.scalar-app .lg\:min-h-header {
min-height: 48px;
}
.scalar-app .lg\:w-\[calc\(100vw-32px\)\] {
width: calc(100vw - 32px);
}
.scalar-app .lg\:w-full {
width: 100%;
}
.scalar-app .lg\:p-0 {
padding: 0;
}
.scalar-app .lg\:pr-24 {
padding-right: 96px;
}
}
@media (min-width: 1200px) {
.scalar-app .xl\:mb-1\.5 {
margin-bottom: 6px;
}
.scalar-app .xl\:flex {
display: flex;
}
.scalar-app .xl\:h-full {
height: 100%;
}
.scalar-app .xl\:min-w-0 {
min-width: 0;
}
.scalar-app .xl\:flex-row {
flex-direction: row;
}
.scalar-app .xl\:gap-12 {
gap: 48px;
}
.scalar-app .xl\:overflow-hidden {
overflow: hidden;
}
.scalar-app .xl\:rounded-none {
border-radius: 0;
}
.scalar-app .xl\:border-r {
border-right-style: var(--tw-border-style);
border-right-width: var(--scalar-border-width);
}
.scalar-app .xl\:border-none {
--tw-border-style: none;
border-style: none;
}
.scalar-app .xl\:pr-0\.5 {
padding-right: 2px;
}
.scalar-app .xl\:pl-2 {
padding-left: 8px;
}
:is(.scalar-app .\*\:xl\:border-t-0 > *) {
border-top-style: var(--tw-border-style);
border-top-width: 0;
}
:is(.scalar-app .\*\:xl\:border-l > *) {
border-left-style: var(--tw-border-style);
border-left-width: var(--scalar-border-width);
}
.scalar-app .xl\:first\:ml-auto:first-child {
margin-left: auto;
}
:is(.scalar-app .\*\:first\:xl\:border-l-0 > *):first-child {
border-left-style: var(--tw-border-style);
border-left-width: 0;
}
}
@container (min-width: 768px) {
.scalar-app .\@3xl\:order-0 {
order: 0;
}
.scalar-app .\@3xl\:mb-0 {
margin-bottom: 0;
}
.scalar-app .\@3xl\:ml-0\.75 {
margin-left: 3px;
}
.scalar-app .\@3xl\:flex {
display: flex;
}
.scalar-app .\@3xl\:hidden {
display: none;
}
.scalar-app .\@3xl\:flex-nowrap {
flex-wrap: nowrap;
}
}
.scalar-app .dark\:bg-\(--bg-dark\):where(.dark-mode, .dark-mode *) {
background-color: var(--bg-dark);
}
.scalar-app .dark\:bg-b-3:where(.dark-mode, .dark-mode *) {
background-color: var(--scalar-background-3);
}
.scalar-app .dark\:bg-backdrop-dark:where(.dark-mode, .dark-mode *) {
background-color: #00000073;
}
.scalar-app .dark\:bg-linear-to-t:where(.dark-mode, .dark-mode *) {
--tw-gradient-position: to top;
}
@supports (background-image: linear-gradient(in lab, red, red)) {
.scalar-app .dark\:bg-linear-to-t:where(.dark-mode, .dark-mode *) {
--tw-gradient-position: to top in oklab;
}
}
.scalar-app .dark\:bg-linear-to-t:where(.dark-mode, .dark-mode *) {
background-image: linear-gradient(var(--tw-gradient-stops));
}
@media (hover: hover) {
.scalar-app .dark\:hover\:bg-b-3:where(.dark-mode, .dark-mode *):hover {
background-color: var(--scalar-background-3);
}
.scalar-app .dark\:hover\:bg-linear-to-b:where(.dark-mode, .dark-mode *):hover {
--tw-gradient-position: to bottom;
}
@supports (background-image: linear-gradient(in lab, red, red)) {
.scalar-app .dark\:hover\:bg-linear-to-b:where(.dark-mode, .dark-mode *):hover {
--tw-gradient-position: to bottom in oklab;
}
}
.scalar-app .dark\:hover\:bg-linear-to-b:where(.dark-mode, .dark-mode *):hover {
background-image: linear-gradient(var(--tw-gradient-stops));
}
.scalar-app .dark\:hover\:bg-linear-to-t:where(.dark-mode, .dark-mode *):hover {
--tw-gradient-position: to top;
}
@supports (background-image: linear-gradient(in lab, red, red)) {
.scalar-app .dark\:hover\:bg-linear-to-t:where(.dark-mode, .dark-mode *):hover {
--tw-gradient-position: to top in oklab;
}
}
.scalar-app .dark\:hover\:bg-linear-to-t:where(.dark-mode, .dark-mode *):hover {
background-image: linear-gradient(var(--tw-gradient-stops));
}
}
.scalar-app .ui-open\:rotate-90[data-headlessui-state~=open],
:where([data-headlessui-state~=open]) :is(.scalar-app .ui-open\:rotate-90) {
rotate: 90deg;
}
.scalar-app .ui-open\:rotate-180[data-headlessui-state~=open],
:where([data-headlessui-state~=open]) :is(.scalar-app .ui-open\:rotate-180) {
rotate: 180deg;
}
.scalar-app .last\:ui-open\:border-b-0:last-child[data-headlessui-state~=open],
:where([data-headlessui-state~=open]) .scalar-app .last\:ui-open\:border-b-0:last-child {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
.scalar-app .ui-not-open\:hidden[data-headlessui-state]:not([data-headlessui-state~=open]),
:where([data-headlessui-state]:not([data-headlessui-state~=open])) :is(.scalar-app .ui-not-open\:hidden):not([data-headlessui-state]) {
display: none;
}
.scalar-app .ui-not-open\:rotate-0[data-headlessui-state]:not([data-headlessui-state~=open]),
:where([data-headlessui-state]:not([data-headlessui-state~=open])) :is(.scalar-app .ui-not-open\:rotate-0):not([data-headlessui-state]) {
rotate: 0deg;
}
:is(.scalar-app .ui-active\:\*\:bg-b-2[data-headlessui-state~=active] > *),
:is(:where([data-headlessui-state~=active]) :is(.scalar-app .ui-active\:\*\:bg-b-2) > *) {
background-color: var(--scalar-background-2);
}
@media (max-width: 720px) and (max-height: 480px) {
.scalar-app .zoomed\:static {
position: static;
}
.scalar-app .zoomed\:p-1 {
padding: 4px;
}
.scalar-app .zoomed\:whitespace-normal\! {
white-space: normal !important;
}
}
.scalar-app .highlighted\:bg-b-2[data-highlighted] {
background-color: var(--scalar-background-2);
}
.app-platform-mac :is(.scalar-app .mac\:h-12) {
height: 48px;
}
.app-platform-mac :is(.scalar-app .mac\:app-drag-region) {
-webkit-app-region: drag;
}
.scalar-app .\[\&_a\]\:underline a {
text-decoration-line: underline;
}
.scalar-app .\[\&_a\:hover\]\:text-c-1 a:hover {
color: var(--scalar-color-1);
}
.scalar-app .\[\&_code\]\:font-code code {
font-family: var(--scalar-font-code);
}
.scalar-app .\[\&_em\]\:text-c-1 em {
color: var(--scalar-color-1);
}
.scalar-app .\[\&_em\]\:not-italic em {
font-style: normal;
}
@property --tw-mask-linear { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); }
@property --tw-mask-radial { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); }
@property --tw-mask-conic { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); }
@property --tw-mask-left { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); }
@property --tw-mask-right { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); }
@property --tw-mask-bottom { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); }
@property --tw-mask-top { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); }
@property --tw-mask-top-from-position { syntax: "*"; inherits: false; initial-value: 0%; }
@property --tw-mask-top-to-position { syntax: "*"; inherits: false; initial-value: 100%; }
@property --tw-mask-top-from-color { syntax: "*"; inherits: false; initial-value: black; }
@property --tw-mask-top-to-color { syntax: "*"; inherits: false; initial-value: transparent; }
@property --tw-mask-bottom-from-position { syntax: "*"; inherits: false; initial-value: 0%; }
@property --tw-mask-bottom-to-position { syntax: "*"; inherits: false; initial-value: 100%; }
@property --tw-mask-bottom-from-color { syntax: "*"; inherits: false; initial-value: black; }
@property --tw-mask-bottom-to-color { syntax: "*"; inherits: false; initial-value: transparent; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { syntax: "*"; inherits: false; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }
@keyframes pulse {
50% {
opacity: .5;
}
}
.client-libraries-content[data-v-c2617b43] {
container: client-libraries-content / inline-size;
display: flex;
justify-content: center;
overflow: hidden;
padding: 0 12px;
background-color: var(--scalar-background-1);
border-left: var(--scalar-border-width) solid var(--scalar-border-color);
border-right: var(--scalar-border-width) solid var(--scalar-border-color);
}
.client-libraries[data-v-c2617b43] {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
position: relative;
cursor: pointer;
white-space: nowrap;
padding: 8px 2px;
gap: 6px;
color: var(--scalar-color-3);
border-bottom: 1px solid transparent;
-webkit-user-select: none;
user-select: none;
}
.client-libraries[data-v-c2617b43]:not(.client-libraries__active):hover:before {
content: "";
position: absolute;
width: calc(100% - 4px);
height: calc(100% - 4px);
background: var(--scalar-background-2);
left: 2px;
top: 2px;
z-index: 0;
border-radius: var(--scalar-radius);
}
.client-libraries[data-v-c2617b43]:active {
color: var(--scalar-color-1);
}
.client-libraries[data-v-c2617b43]:focus-visible {
outline: none;
box-shadow: inset 0 0 0 1px var(--scalar-color-accent);
}
@media screen and (max-width: 450px) {
.client-libraries[data-v-c2617b43]:nth-of-type(4),
.client-libraries[data-v-c2617b43]:nth-of-type(5) {
display: none;
}
}
.client-libraries-icon[data-v-c2617b43] {
max-width: 14px;
max-height: 14px;
min-width: 14px;
width: 100%;
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
position: relative;
box-sizing: border-box;
color: currentColor;
}
.client-libraries-icon__more svg[data-v-c2617b43] {
height: initial;
}
@container client-libraries-content (width < 400px) {
.client-libraries__select[data-v-c2617b43] {
width: fit-content;
}
.client-libraries__select .client-libraries-icon__more + span[data-v-c2617b43] {
display: none;
}
}
@container client-libraries-content (width < 380px) {
.client-libraries[data-v-c2617b43] {
width: 100%;
}
.client-libraries span[data-v-c2617b43] {
display: none;
}
}
.client-libraries__active[data-v-c2617b43] {
color: var(--scalar-color-1);
border-bottom: 1px solid var(--scalar-color-1);
}
@keyframes codeloader-c2617b43 {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.client-libraries .client-libraries-text[data-v-c2617b43] {
font-size: var(--scalar-small);
position: relative;
display: flex;
align-items: center;
}
.client-libraries__active .client-libraries-text[data-v-c2617b43] {
color: var(--scalar-color-1);
font-weight: var(--scalar-semibold);
}
@media screen and (max-width: 600px) {
.references-classic .client-libraries[data-v-c2617b43] {
flex-direction: column;
}
}
.selected-client[data-v-0769d07b] {
color: var(--scalar-color-1);
font-size: var(--scalar-small);
font-family: var(--scalar-font-code);
padding: 9px 12px;
border-top: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: var(--scalar-background-1);
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-bottom-left-radius: var(--scalar-radius-xl);
border-bottom-right-radius: var(--scalar-radius-xl);
min-height: fit-content;
}
.client-libraries-heading[data-v-0769d07b] {
font-size: var(--scalar-small);
font-weight: var(--scalar-font-medium);
color: var(--scalar-color-1);
padding: 9px 12px;
background-color: var(--scalar-background-2);
display: flex;
align-items: center;
max-height: 32px;
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-top-left-radius: var(--scalar-radius-xl);
border-top-right-radius: var(--scalar-radius-xl);
}
:where(.badge[data-v-fb946bb8]) {
color: var(--badge-text-color, var(--scalar-color-2));
font-size: var(--scalar-mini);
background: var(--badge-background-color, var(--scalar-background-2));
border: var(--scalar-border-width) solid var(--badge-border-color, var(--scalar-border-color));
padding: 2px 6px;
border-radius: 12px;
display: inline-block;
}
:where(.badge).text-orange[data-v-fb946bb8] {
background: var(--scalar-color-orange);
border: transparent;
}
@supports (color: color-mix(in lab, red, red)) {
:where(.badge).text-orange[data-v-fb946bb8] {
background: color-mix(in srgb, var(--scalar-color-orange), transparent 90%);
}
}
:where(.badge).text-yellow[data-v-fb946bb8] {
background: var(--scalar-color-yellow);
border: transparent;
}
@supports (color: color-mix(in lab, red, red)) {
:where(.badge).text-yellow[data-v-fb946bb8] {
background: color-mix(in srgb, var(--scalar-color-yellow), transparent 90%);
}
}
:where(.badge).text-red[data-v-fb946bb8] {
background: var(--scalar-color-red);
border: transparent;
}
@supports (color: color-mix(in lab, red, red)) {
:where(.badge).text-red[data-v-fb946bb8] {
background: color-mix(in srgb, var(--scalar-color-red), transparent 90%);
}
}
:where(.badge).text-purple[data-v-fb946bb8] {
background: var(--scalar-color-purple);
border: transparent;
}
@supports (color: color-mix(in lab, red, red)) {
:where(.badge).text-purple[data-v-fb946bb8] {
background: color-mix(in srgb, var(--scalar-color-purple), transparent 90%);
}
}
:where(.badge).text-green[data-v-fb946bb8] {
background: var(--scalar-color-green);
border: transparent;
}
@supports (color: color-mix(in lab, red, red)) {
:where(.badge).text-green[data-v-fb946bb8] {
background: color-mix(in srgb, var(--scalar-color-green), transparent 90%);
}
}
@layer properties {
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
[data-v-b258a15f],
[data-v-b258a15f]:before,
[data-v-b258a15f]:after,
[data-v-b258a15f]::backdrop {
--tw-outline-style: solid;
}
}
}
.download-container[data-v-b258a15f] {
z-index: 1;
flex-direction: column;
gap: 16px;
width: fit-content;
margin: 0 .5px 8px;
display: flex;
position: relative;
}
.download-container[data-v-b258a15f]:has(:focus-visible):before,
.download-container.download-both[data-v-b258a15f]:hover:before {
content: "";
border-radius: var(--scalar-radius-lg);
width: calc(100% + 24px);
height: 90px;
box-shadow: var(--scalar-shadow-2);
pointer-events: none;
background: var(--scalar-background-1);
position: absolute;
top: -11px;
left: -12px;
}
.download-button[data-v-b258a15f] {
color: var(--scalar-link-color);
cursor: pointer;
outline: none;
justify-content: center;
align-items: center;
gap: 4px;
height: fit-content;
padding: 0;
display: flex;
position: relative;
white-space: nowrap !important;
}
.download-button[data-v-b258a15f]:before {
border-radius: var(--scalar-radius);
content: "";
width: calc(100% + 18px);
height: calc(100% + 16px);
position: absolute;
top: -8px;
left: -9px;
}
.download-button[data-v-b258a15f]:last-of-type:before {
width: calc(100% + 15px);
}
.download-button[data-v-b258a15f]:hover:before {
background: var(--scalar-background-2);
border: var(--scalar-border-width) solid var(--scalar-border-color);
}
.download-button[data-v-b258a15f]:focus-visible:before {
background: var(--scalar-background-2);
border: var(--scalar-border-width) solid var(--scalar-border-color);
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.download-button span[data-v-b258a15f] {
--font-color: var(--scalar-link-color, var(--scalar-color-accent));
--font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));
-webkit-text-decoration: var(--scalar-text-decoration);
text-decoration: var(--scalar-text-decoration);
color: var(--font-color);
font-weight: var(--scalar-link-font-weight, var(--scalar-semibold));
text-underline-offset: .25rem;
text-decoration-thickness: 1px;
-webkit-text-decoration-color: var(--font-color);
text-decoration-color: var(--font-color);
}
@supports (color: color-mix(in lab, red, red)) {
.download-button span[data-v-b258a15f] {
-webkit-text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);
text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);
}
}
.download-button span[data-v-b258a15f] {
z-index: 1;
align-items: center;
gap: 6px;
line-height: 1.625;
display: flex;
}
.download-button:hover span[data-v-b258a15f] {
-webkit-text-decoration-color: var(--scalar-color-1, currentColor);
text-decoration-color: var(--scalar-color-1, currentColor);
color: var(--scalar-link-color-hover, var(--scalar-color-accent));
-webkit-text-decoration: var(--scalar-text-decoration-hover);
text-decoration: var(--scalar-text-decoration-hover);
}
.download-button[data-v-b258a15f]:nth-of-type(2) {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.download-container:has(:focus-visible) .download-button[data-v-b258a15f]:nth-of-type(2),
.download-container:hover .download-button[data-v-b258a15f]:nth-of-type(2) {
clip-path: none;
white-space: normal;
width: auto;
height: auto;
margin: 0;
padding: 0;
position: absolute;
top: 42px;
overflow: visible;
}
.extension[data-v-b258a15f] {
z-index: 1;
background: var(--scalar-link-color, var(--scalar-color-accent));
color: var(--scalar-background-1);
}
.download-container:has(:focus-visible) .extension[data-v-b258a15f],
.download-container:hover .extension[data-v-b258a15f] {
opacity: 1;
}
.download-link[data-v-b258a15f] {
--font-color: var(--scalar-link-color, var(--scalar-color-accent));
--font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));
-webkit-text-decoration: var(--scalar-text-decoration);
text-decoration: var(--scalar-text-decoration);
color: var(--font-color);
font-weight: var(--scalar-link-font-weight, var(--scalar-semibold));
text-underline-offset: .25rem;
text-decoration-thickness: 1px;
-webkit-text-decoration-color: var(--font-color);
text-decoration-color: var(--font-color);
}
@supports (color: color-mix(in lab, red, red)) {
.download-link[data-v-b258a15f] {
-webkit-text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);
text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);
}
}
.download-link[data-v-b258a15f]:hover {
--font-color: var(--scalar-link-color, var(--scalar-color-accent));
-webkit-text-decoration-color: var(--font-color);
text-decoration-color: var(--font-color);
}
.introduction-card[data-v-5764c94a] {
display: flex;
flex-direction: column;
gap: 12px;
}
.introduction-card-row[data-v-5764c94a] {
gap: 24px;
}
@media (min-width: 600px) {
.introduction-card-row[data-v-5764c94a] {
flex-flow: row wrap;
}
}
.introduction-card-row[data-v-5764c94a] > * {
flex: 1;
}
@media (min-width: 600px) {
.introduction-card-row[data-v-5764c94a] > * {
min-width: min-content;
}
}
@media (max-width: 600px) {
.introduction-card-row[data-v-5764c94a] > * {
max-width: 100%;
}
}
@container (max-width: 900px) {
.introduction-card-row[data-v-5764c94a] {
flex-direction: column;
align-items: stretch;
gap: 0px;
}
}
.introduction-card[data-v-5764c94a] .security-scheme-label {
text-transform: uppercase;
font-weight: var(--scalar-semibold);
}
.introduction-card-row[data-v-5764c94a] .scalar-card:nth-of-type(2) .scalar-card-header {
display: none;
}
.introduction-card-row[data-v-5764c94a] .scalar-card:nth-of-type(2) .scalar-card-header {
display: none;
}
.introduction-card-row[data-v-5764c94a] .scalar-card:nth-of-type(2) .scalar-card-header.scalar-card--borderless + .scalar-card-content {
margin-top: 0;
}
.references-classic .introduction-description[data-v-0370764f] img {
max-width: 720px;
}
.icons-only[data-v-b59b0acf] span {
display: none;
}
.section[data-v-be4443e9] {
position: relative;
display: flex;
flex-direction: column;
max-width: var(--refs-content-max-width);
margin: auto;
padding: 90px 0;
scroll-margin-top: var(--refs-viewport-offset);
}
.section[data-v-be4443e9]:has(~ div.contents) {
border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
}
.references-classic .section[data-v-be4443e9] {
padding: 48px 0;
gap: 24px;
}
@container narrow-references-container (max-width: 900px) {
.references-classic .section[data-v-be4443e9],
.section[data-v-be4443e9] {
padding: 48px 24px;
}
}
.section[data-v-be4443e9]:not(:last-of-type) {
border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
}
.section-column[data-v-699c28e3] {
flex: 1;
min-width: 0;
}
@container narrow-references-container (max-width: 900px) {
.section-column[data-v-699c28e3]:nth-of-type(2) {
padding-top: 0;
}
}
.section-columns[data-v-8b9602bf] {
display: flex;
gap: 48px;
}
@container narrow-references-container (max-width: 900px) {
.section-columns[data-v-8b9602bf] {
flex-direction: column;
gap: 24px;
}
}
.section-container[data-v-20a1472a] {
position: relative;
padding: 0 60px;
width: 100%;
border-top: var(--scalar-border-width) solid var(--scalar-border-color);
}
.section-container[data-v-20a1472a]:has(.introduction-section) {
border-top: none;
}
@container narrow-references-container (max-width: 900px) {
.section-container[data-v-20a1472a] {
padding: 0;
}
}
.loading[data-v-8e0226d7] {
background: var(--scalar-background-3);
animation: loading-skeleton-8e0226d7 1.5s infinite alternate;
border-radius: var(--scalar-radius-lg);
min-height: 1.6em;
margin: 0.6em 0;
max-width: 100%;
}
.loading[data-v-8e0226d7]:first-of-type {
min-height: 3em;
margin-bottom: 24px;
margin-top: 0;
}
.loading[data-v-8e0226d7]:last-of-type {
width: 60%;
}
.loading.single-line[data-v-8e0226d7] {
min-height: 3em;
margin: 0.6em 0;
max-width: 80%;
}
@keyframes loading-skeleton-8e0226d7 {
from {
opacity: 1;
}
to {
opacity: 0.33;
}
}
@container narrow-references-container (max-width: 900px) {
.section-content--with-columns[data-v-9735459e] {
flex-direction: column;
gap: 24px;
}
}
.section-header-wrapper[data-v-8a5913a9] {
grid-template-columns: 1fr;
display: grid;
}
@media (min-width: 1200px) {
.section-header-wrapper[data-v-8a5913a9] {
grid-template-columns: repeat(2, 1fr);
}
}
.section-header[data-v-8a5913a9] {
font-size: var(--font-size, var(--scalar-heading-1));
font-weight: var(--font-weight, var(--scalar-bold));
color: var(--scalar-color-1);
word-wrap: break-word;
margin-top: 0;
line-height: 1.45;
}
.section-header.tight[data-v-8a5913a9] {
margin-bottom: 6px;
}
.section-header.loading[data-v-8a5913a9] {
width: 80%;
}
.section-header-label[data-v-f1ac6c38] {
display: inline;
}
.sticky-cards[data-v-bd137508] {
display: flex;
flex-direction: column;
position: sticky;
top: calc(var(--refs-viewport-offset) + 24px);
}
.introduction-card-item[data-v-dfab866f] {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.introduction-card-item[data-v-dfab866f]:empty {
display: none;
}
.introduction-card-item[data-v-dfab866f]:has(.description) .server-form-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.introduction-card-item[data-v-dfab866f] .request-item {
border-bottom: 0;
}
.references-classic-header[data-v-8a3822ca] {
display: flex;
align-items: center;
gap: 12px;
max-width: var(--refs-content-max-width);
margin: auto;
padding: 12px 0;
}
.references-classic-header-content[data-v-8a3822ca] {
display: flex;
gap: 12px;
flex-grow: 1;
}
.references-classic-header-container[data-v-8a3822ca] {
position: relative;
padding: 0 60px;
}
@container narrow-references-container (max-width: 900px) {
.references-classic-header[data-v-8a3822ca] {
padding: 12px 24px;
}
.references-classic-header-container[data-v-8a3822ca] {
padding: 0;
}
}
.references-classic-header-icon[data-v-8a3822ca] {
height: 24px;
color: var(--scalar-color-1);
}
.selected-client[data-v-9931144b] {
display: flex;
flex-direction: column;
gap: 9px;
color: var(--scalar-color-1);
font-size: var(--scalar-small);
padding: 9px 12px;
background: var(--scalar-background-1);
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-top: none;
border-bottom-left-radius: var(--scalar-radius-xl);
border-bottom-right-radius: var(--scalar-radius-xl);
}
.client-libraries-heading[data-v-9931144b] {
font-size: var(--scalar-small);
font-weight: var(--scalar-font-medium);
color: var(--scalar-color-1);
padding: 9px 12px;
background-color: var(--scalar-background-2);
display: flex;
align-items: center;
max-height: 32px;
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-top-left-radius: var(--scalar-radius-xl);
border-top-right-radius: var(--scalar-radius-xl);
}
.client-libraries-content[data-v-9931144b] {
position: relative;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
padding: 0 12px;
background-color: var(--scalar-background-1);
border-left: var(--scalar-border-width) solid var(--scalar-border-color);
border-right: var(--scalar-border-width) solid var(--scalar-border-color);
border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
}
.client-libraries-content[data-v-9931144b]::-webkit-scrollbar {
display: none;
}
.client-libraries-row[data-v-9931144b] {
display: flex;
justify-content: flex-start;
}
.client-libraries-measure-clip[data-v-9931144b] {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
overflow: hidden;
}
.client-libraries-row--measure[data-v-9931144b] {
width: max-content;
visibility: hidden;
pointer-events: none;
}
.client-libraries[data-v-9931144b] {
display: flex;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer;
white-space: nowrap;
flex-shrink: 0;
padding: 8px 12px;
gap: 6px;
color: var(--scalar-color-3);
border-bottom: 1px solid transparent;
background: transparent;
-webkit-user-select: none;
user-select: none;
}
.client-libraries[data-v-9931144b]:not(.client-libraries__active):hover:before {
content: "";
position: absolute;
width: calc(100% - 4px);
height: calc(100% - 4px);
background: var(--scalar-background-2);
left: 2px;
top: 2px;
z-index: 0;
border-radius: var(--scalar-radius);
}
.client-libraries[data-v-9931144b]:active {
color: var(--scalar-color-1);
}
.client-libraries[data-v-9931144b]:focus-visible {
outline: none;
box-shadow: inset 0 0 0 1px var(--scalar-color-accent);
}
.client-libraries__active[data-v-9931144b] {
color: var(--scalar-color-1);
border-bottom: 1px solid var(--scalar-color-1);
}
.client-libraries-more[data-v-9931144b] {
margin-left: auto;
}
.client-libraries-icon[data-v-9931144b] {
max-width: 14px;
max-height: 14px;
min-width: 14px;
width: 100%;
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
position: relative;
box-sizing: border-box;
color: currentColor;
}
.client-libraries .client-libraries-text[data-v-9931144b] {
font-size: var(--scalar-small);
position: relative;
display: flex;
align-items: center;
}
.client-libraries__active .client-libraries-text[data-v-9931144b] {
color: var(--scalar-color-1);
font-weight: var(--scalar-semibold);
}
.screenreader-only[data-v-df2e1026] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.section-accordion-wrapper[data-v-9419dd23] {
padding: 0 60px;
}
.section-accordion[data-v-9419dd23] {
position: relative;
width: 100%;
max-width: var(--refs-content-max-width);
margin: auto;
}
.section-accordion-content[data-v-9419dd23] {
display: flex;
flex-direction: column;
gap: 12px;
padding-top: 12px;
}
.section-accordion-button[data-v-9419dd23] {
width: 100%;
display: flex;
cursor: pointer;
padding: 6px 0 6px 0;
margin: -6px 0 -6px 0;
border-radius: var(--scalar-radius);
}
.section-accordion-chevron[data-v-9419dd23] {
position: absolute;
left: -22px;
top: 12px;
color: var(--scalar-color-3);
}
.section-accordion-button:hover .section-accordion-chevron[data-v-9419dd23] {
color: var(--scalar-color-1);
}
.section-accordion-title[data-v-9419dd23] {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1;
padding: 0 6px;
}
.section-accordion-title[data-v-9419dd23] .section-header-wrapper {
grid-template-columns: 1fr;
}
.section-accordion-title[data-v-9419dd23] .section-header {
margin-bottom: 0;
}
@container narrow-references-container (max-width: 900px) {
.section-accordion-chevron[data-v-9419dd23] {
width: 16px;
left: -16px;
top: 14px;
}
.section-accordion-wrapper[data-v-9419dd23] {
padding: calc(var(--refs-viewport-offset)) 24px 0 24px;
}
}
.schema-type-icon[data-v-78e7c684] {
color: var(--scalar-color-1);
display: none;
}
.schema-type[data-v-78e7c684] {
font-family: var(--scalar-font-code);
color: var(--scalar-color-1);
}
.error[data-v-dc6746ff] {
background-color: var(--scalar-color-red);
}
.schema-card[data-v-dc6746ff] {
font-size: var(--scalar-font-size-4);
color: var(--scalar-color-1);
}
.schema-card-title[data-v-dc6746ff] {
height: var(--schema-title-height);
padding: 6px 8px;
display: flex;
align-items: center;
gap: 4px;
color: var(--scalar-color-2);
font-weight: var(--scalar-semibold);
font-size: var(--scalar-mini);
border-bottom: var(--scalar-border-width) solid transparent;
}
button.schema-card-title[data-v-dc6746ff] {
cursor: pointer;
}
button.schema-card-title[data-v-dc6746ff]:hover {
color: var(--scalar-color-1);
}
.schema-card-title-icon--open[data-v-dc6746ff] {
transform: rotate(45deg);
}
.schema-properties-open > .schema-card-title[data-v-dc6746ff] {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
}
.schema-properties-open > .schema-properties[data-v-dc6746ff] {
width: fit-content;
}
.schema-card-description[data-v-dc6746ff] {
color: var(--scalar-color-2);
}
.schema-card-description + .schema-properties[data-v-dc6746ff] {
width: fit-content;
}
.schema-card-description + .schema-properties[data-v-dc6746ff] {
margin-top: 8px;
}
.schema-card--level-0:nth-of-type(1) > .schema-card-description[data-v-dc6746ff]:has(+ .schema-properties) {
margin-bottom: -8px;
padding-bottom: 8px;
border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
}
.schema-card--level-0 ~ .schema-card--level-0 > .schema-card-description[data-v-dc6746ff]:has(+ .schema-properties) {
padding-top: 8px;
}
.schema-properties-open.schema-properties[data-v-dc6746ff],
.schema-properties-open > .schema-card--open[data-v-dc6746ff] {
width: 100%;
}
.schema-properties[data-v-dc6746ff] {
display: flex;
flex-direction: column;
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: var(--scalar-radius-lg);
width: fit-content;
}
.schema-properties-name[data-v-dc6746ff] {
width: 100%;
}
.schema-properties .schema-properties[data-v-dc6746ff] {
border-radius: 13.5px;
}
.schema-properties .schema-properties.schema-properties-open[data-v-dc6746ff] {
border-radius: var(--scalar-radius-lg);
}
.schema-properties-open[data-v-dc6746ff] {
width: 100%;
}
.schema-card--compact[data-v-dc6746ff] {
align-self: flex-start;
}
.schema-card--compact.schema-card--open[data-v-dc6746ff] {
align-self: initial;
}
.schema-card-title--compact[data-v-dc6746ff] {
color: var(--scalar-color-2);
padding: 6px 10px 6px 8px;
height: auto;
border-bottom: none;
}
.schema-card-title--compact > .schema-card-title-icon[data-v-dc6746ff] {
margin: 0;
}
.schema-card-title--compact > .schema-card-title-icon--open[data-v-dc6746ff] {
transform: rotate(45deg);
}
.schema-properties-open > .schema-card-title--compact[data-v-dc6746ff] {
position: static;
}
.property--level-0 > .schema-properties > .schema-card--level-0 > .schema-properties[data-v-dc6746ff] {
border: none;
}
.property--level-0 .schema-card--level-0:not(.schema-card--compact) .property--level-1[data-v-dc6746ff] {
padding: 0 0 8px;
}
:not(.composition-panel) > .schema-card--compact.schema-card--level-0 > .schema-properties[data-v-dc6746ff] {
border: none;
}
[data-v-dc6746ff] .schema-card-description p {
font-size: var(--scalar-small, var(--scalar-paragraph));
color: var(--scalar-color-2);
margin-bottom: 0;
display: block;
margin-bottom: 6px;
}
.children .schema-card-description[data-v-dc6746ff]:first-of-type {
padding-top: 0;
}
.property-enum-value[data-v-4375ecfd] {
color: var(--scalar-color-3);
line-height: 1.5;
overflow-wrap: break-word;
display: flex;
align-items: stretch;
position: relative;
--decorator-width: 1px;
--decorator-color: var(--scalar-background-1);
}
@supports (color: color-mix(in lab, red, red)) {
.property-enum-value[data-v-4375ecfd] {
--decorator-color: color-mix( in srgb, var(--scalar-background-1), var(--scalar-color-1) 25% );
}
}
.property-enum-value-content[data-v-4375ecfd] {
display: flex;
flex-direction: column;
padding: 3px 0;
}
.property-enum-value-label[data-v-4375ecfd] {
font-family: var(--scalar-font-code);
color: var(--scalar-color-1);
font-size: var(--scalar-font-size-4);
position: relative;
}
.property-enum-value:last-of-type .property-enum-value-label[data-v-4375ecfd] {
padding-bottom: 0;
}
.property-enum-value[data-v-4375ecfd]::before {
content: "";
margin-right: 12px;
width: var(--decorator-width);
display: block;
background-color: var(--decorator-color);
}
.property-enum-value[data-v-4375ecfd]:last-of-type::before,
.property-enum-values:has(.enum-toggle-button) .property-enum-value[data-v-4375ecfd]:nth-last-child(2)::before {
height: calc(0.5lh + 4px);
}
.property-enum-value-label[data-v-4375ecfd]::after {
content: "";
position: absolute;
top: calc(0.5lh);
left: -12px;
width: 8px;
height: var(--decorator-width);
background-color: var(--decorator-color);
}
.property-enum-value[data-v-4375ecfd]:last-of-type::after {
bottom: 0;
height: 50%;
background: var(--scalar-background-1);
border-top: var(--scalar-border-width) solid var(--decorator-color);
}
.property-enum-value-description[data-v-4375ecfd] {
color: var(--scalar-color-3);
}
.property-heading:empty + .property-description[data-v-fa093e1b]:last-of-type,
.property-description[data-v-fa093e1b]:first-of-type:last-of-type {
margin-top: 0;
}
.property-list[data-v-fa093e1b] {
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: var(--scalar-radius);
margin-top: 10px;
}
.property-list .property[data-v-fa093e1b]:last-of-type {
padding-bottom: 10px;
}
.property-enum-values[data-v-fa093e1b] {
font-size: var(--scalar-font-size-3);
list-style: none;
margin-top: 8px;
padding-left: 2px;
}
.enum-toggle-button[data-v-fa093e1b]:hover {
color: var(--scalar-color-1);
}
.property-enum-property-names[data-v-fa093e1b] {
font-size: var(--scalar-font-size-4);
color: var(--scalar-color-2);
display: inline-block;
padding: 0 2px;
margin-top: 8px;
}
.property-default[data-v-5f65dcf4] {
display: flex;
flex-direction: column;
font-size: var(--scalar-mini);
position: relative;
}
.property-default[data-v-5f65dcf4]:hover:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 20px;
border-radius: var(--scalar-radius);
}
.property-default:hover .property-default-label span[data-v-5f65dcf4] {
color: var(--scalar-color-1);
}
.property-default-label span[data-v-5f65dcf4] {
color: var(--scalar-color-3);
position: relative;
border-bottom: var(--scalar-border-width) dotted currentColor;
}
.property-default-value[data-v-5f65dcf4] {
font-family: var(--scalar-font-code);
display: flex;
gap: 8px;
align-items: center;
width: 100%;
padding: 6px;
}
.property-default-value span[data-v-5f65dcf4] {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.property-default-value[data-v-5f65dcf4] svg {
color: var(--scalar-color-3);
}
.property-default-value[data-v-5f65dcf4]:hover svg {
color: var(--scalar-color-1);
}
.property-default-value[data-v-5f65dcf4] {
background: var(--scalar-background-2);
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: var(--scalar-radius);
}
.property-default-value-list[data-v-5f65dcf4] {
position: absolute;
top: 18px;
left: 50%;
transform: translate3d(-50%, 0, 0);
overflow: auto;
background-color: var(--scalar-background-1);
box-shadow: var(--scalar-shadow-1);
border-radius: var(--scalar-radius-lg);
border: var(--scalar-border-width) solid var(--scalar-border-color);
padding: 9px;
min-width: 200px;
max-width: 300px;
flex-direction: column;
gap: 3px;
display: none;
z-index: 2;
}
.property-default:hover .property-default-value-list[data-v-5f65dcf4],
.property-default:focus-within .property-default-value-list[data-v-5f65dcf4] {
display: flex;
}
.property-detail[data-v-1295f965] {
display: inline-flex;
}
.property-detail + .property-detail[data-v-1295f965]:before {
display: block;
content: "\b7";
margin: 0 0.5ch;
}
.property-detail-truncate[data-v-1295f965] {
overflow: hidden;
}
.property-detail-truncate > .property-detail-value[data-v-1295f965] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.property-detail-prefix[data-v-1295f965] {
color: var(--scalar-color-2);
}
code.property-detail-value[data-v-1295f965] {
font-family: var(--scalar-font-code);
font-size: var(--scalar-font-size-3);
color: var(--scalar-color-2);
background: var(--scalar-background-2);
padding: 0 4px;
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: var(--scalar-radius);
}
@supports (color: color-mix(in lab, red, red)) {
code.property-detail-value[data-v-1295f965] {
background: color-mix(in srgb, var(--scalar-background-2), var(--scalar-background-1));
}
}
.property-example[data-v-6952a15a] {
font-size: var(--scalar-mini);
flex-direction: column;
display: flex;
position: relative;
}
.property-example[data-v-6952a15a]:hover:before {
content: "";
border-radius: var(--scalar-radius);
width: 100%;
height: 20px;
position: absolute;
top: 0;
left: 0;
}
.property-example-value[data-v-6952a15a] {
font-family: var(--scalar-font-code);
align-items: center;
gap: 8px;
width: 100%;
padding: 6px;
display: flex;
}
.property-example-value span[data-v-6952a15a] {
text-overflow: ellipsis;
white-space: nowrap;
display: block;
overflow: hidden;
}
.property-example-value[data-v-6952a15a] svg {
color: var(--scalar-color-3);
}
.property-example-value[data-v-6952a15a]:hover svg {
color: var(--scalar-color-1);
}
.property-example-value[data-v-6952a15a] {
background: var(--scalar-background-2);
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: var(--scalar-radius);
}
.property-example-value-list[data-v-6952a15a] {
background-color: var(--scalar-background-1);
box-shadow: var(--scalar-shadow-1);
border-radius: var(--scalar-radius-lg);
border: var(--scalar-border-width) solid var(--scalar-border-color);
z-index: 1000;
flex-direction: column;
gap: 3px;
min-width: 200px;
max-width: 300px;
padding: 9px;
display: none;
position: absolute;
top: 18px;
left: 50%;
overflow: auto;
transform: translate3d(-50%, 0, 0);
}
.property-example:hover .property-example-value-list[data-v-6952a15a],
.property-example:focus-within .property-example-value-list[data-v-6952a15a] {
display: flex;
}
.property-heading[data-v-e4c4fffd] {
display: flex;
flex-wrap: wrap;
align-items: baseline;
row-gap: 9px;
white-space: nowrap;
}
.property-heading[data-v-e4c4fffd]:has(+ .children),
.property-heading[data-v-e4c4fffd]:has(+ .property-rule) {
margin-bottom: 9px;
}
.property-heading[data-v-e4c4fffd] > * {
margin-right: 9px;
}
.property-heading[data-v-e4c4fffd]:last-child {
margin-right: 0;
}
.property-heading > .property-detail[data-v-e4c4fffd]:not(:last-of-type) {
margin-right: 0;
}
.property-name[data-v-e4c4fffd] {
max-width: 100%;
font-family: var(--scalar-font-code);
font-weight: var(--scalar-bold);
font-size: var(--scalar-font-size-4);
white-space: normal;
overflow-wrap: break-word;
}
.property-additional[data-v-e4c4fffd] {
font-family: var(--scalar-font-code);
}
.property-required[data-v-e4c4fffd],
.property-optional[data-v-e4c4fffd] {
color: var(--scalar-color-2);
}
.property-required[data-v-e4c4fffd] {
font-size: var(--scalar-mini);
color: var(--scalar-color-orange);
}
.property-read-only[data-v-e4c4fffd] {
font-size: var(--scalar-mini);
color: var(--scalar-color-blue);
}
.property-write-only[data-v-e4c4fffd] {
font-size: var(--scalar-mini);
color: var(--scalar-color-green);
}
.property-discriminator[data-v-e4c4fffd] {
font-size: var(--scalar-mini);
color: var(--scalar-color-purple);
}
.property-detail[data-v-e4c4fffd] {
font-size: var(--scalar-mini);
color: var(--scalar-color-2);
display: flex;
align-items: center;
min-width: 0;
}
.property-const[data-v-e4c4fffd] {
color: var(--scalar-color-1);
}
.deprecated[data-v-e4c4fffd] {
text-decoration: line-through;
}
.property[data-v-471bb5bb] {
color: var(--scalar-color-1);
display: flex;
flex-direction: column;
padding: 10px;
font-size: var(--scalar-small);
position: relative;
}
.property.property--level-0[data-v-471bb5bb]:has(> .property-rule > .schema-card > .schema-properties.schema-properties-open > ul > li.property) {
padding-top: 0;
}
.property--compact.property--level-0[data-v-471bb5bb],
.property--compact.property--level-1[data-v-471bb5bb] {
padding: 10px 0;
}
.composition-panel .property.property.property.property--level-0[data-v-471bb5bb] {
padding: 0px;
}
.property--compact.property--level-0 .composition-panel .property--compact.property--level-1[data-v-471bb5bb] {
padding: 8px;
}
.property[data-v-471bb5bb]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
padding-top: 8px;
padding-bottom: 8px;
}
.property--deprecated[data-v-471bb5bb] {
background:
repeating-linear-gradient(
-45deg,
var(--scalar-background-2) 0,
var(--scalar-background-2) 2px,
transparent 2px,
transparent 5px);
background-size: 100%;
}
.property--deprecated[data-v-471bb5bb] > * {
opacity: 0.75;
}
.property-description[data-v-471bb5bb] {
margin-top: 6px;
line-height: 1.4;
font-size: var(--scalar-small);
}
.property-description[data-v-471bb5bb]:has(+ .property-rule) {
margin-bottom: 9px;
}
[data-v-471bb5bb] .property-description * {
color: var(--scalar-color-2) !important;
}
.property[data-v-471bb5bb]:not(:last-of-type) {
border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
}
.property-description + .children[data-v-471bb5bb],
.children + .property-rule[data-v-471bb5bb] {
margin-top: 9px;
}
.children[data-v-471bb5bb] {
display: flex;
flex-direction: column;
}
.children .property--compact.property--level-1[data-v-471bb5bb] {
padding: 12px;
}
.property-example-value[data-v-471bb5bb] {
all: unset;
font-family: var(--scalar-font-code);
padding: 6px;
border-top: var(--scalar-border-width) solid var(--scalar-border-color);
}
.property-rule[data-v-471bb5bb] {
border-radius: var(--scalar-radius-lg);
display: flex;
flex-direction: column;
}
.property--level-2[data-v-471bb5bb] .relative > button {
left: -2rem;
}
.property-rule[data-v-471bb5bb] .composition-panel .schema-card--level-1 > .schema-properties.schema-properties-open {
border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
}
.property-rule[data-v-471bb5bb] .composition-panel > .schema-card > .schema-card-description {
padding: 10px;
border-left: var(--scalar-border-width) solid var(--scalar-border-color);
border-right: var(--scalar-border-width) solid var(--scalar-border-color);
}
.property-rule[data-v-471bb5bb] .composition-panel > .schema-card > .schema-card-description + .schema-properties {
margin-top: 0;
}
.property-example[data-v-471bb5bb] {
background: transparent;
border: none;
display: flex;
flex-direction: row;
gap: 8px;
}
.property-example-label[data-v-471bb5bb],
.property-example-value[data-v-471bb5bb] {
padding: 3px 0 0 0;
}
.property-example-value[data-v-471bb5bb] {
background: var(--scalar-background-2);
border-top: 0;
border-radius: var(--scalar-radius);
padding: 3px 4px;
}
.property-name[data-v-471bb5bb] {
font-family: var(--scalar-font-code);
font-weight: var(--scalar-semibold);
}
.property-name-additional-properties[data-v-471bb5bb]::before,
.property-name-pattern-properties[data-v-471bb5bb]::before {
text-transform: uppercase;
font-size: var(--scalar-micro);
display: inline-block;
padding: 2px 4px;
border-radius: var(--scalar-radius);
color: var(--scalar-color-1);
border: var(--scalar-border-width) solid var(--scalar-border-color);
background-color: var(--scalar-background-2);
margin-right: 4px;
}
.property-name-pattern-properties[data-v-471bb5bb]::before {
content: "regex";
}
.property-name-additional-properties[data-v-471bb5bb],
.property-name-pattern-properties[data-v-471bb5bb] {
border: 1px dashed var(--scalar-border-color);
color: var(--scalar-color-accent);
display: inline-block;
padding: 2px;
border-radius: var(--scalar-radius);
}
.headers-card[data-v-4a9699e9] {
z-index: 0;
margin-top: 12px;
margin-bottom: 6px;
position: relative;
font-size: var(--scalar-font-size-4);
color: var(--scalar-color-1);
align-self: flex-start;
}
.headers-card.headers-card--open[data-v-4a9699e9] {
align-self: initial;
}
.headers-card-title[data-v-4a9699e9] {
padding: 6px 10px;
display: flex;
align-items: center;
gap: 4px;
color: var(--scalar-color-3);
font-weight: var(--scalar-semibold);
font-size: var(--scalar-micro);
border-radius: 13.5px;
}
button.headers-card-title[data-v-4a9699e9] {
cursor: pointer;
}
button.headers-card-title[data-v-4a9699e9]:hover {
color: var(--scalar-color-1);
}
.headers-card-title-icon--open[data-v-4a9699e9] {
transform: rotate(45deg);
}
.headers-properties[data-v-4a9699e9] {
display: flex;
flex-direction: column;
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: 13.5px;
width: fit-content;
}
.headers-properties-open > .headers-card-title[data-v-4a9699e9] {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
}
.headers-properties-open[data-v-4a9699e9] {
border-radius: var(--scalar-radius-lg);
width: 100%;
}
.headers-card .property[data-v-4a9699e9]:last-of-type {
padding-bottom: 10px;
}
.headers-card-title > .headers-card-title-icon[data-v-4a9699e9] {
width: 14px;
height: 14px;
margin: 0;
}
.headers-card-title > .headers-card-title-icon--open[data-v-4a9699e9] {
transform: rotate(45deg);
}
.parameter-item[data-v-94968dbd] {
display: flex;
flex-direction: column;
position: relative;
border-top: var(--scalar-border-width) solid var(--scalar-border-color);
}
.parameter-item:last-of-type .parameter-schema[data-v-94968dbd] {
padding-bottom: 0;
}
.parameter-item-container[data-v-94968dbd] {
padding: 0;
}
.parameter-item-headers[data-v-94968dbd] {
border: var(--scalar-border-width) solid var(--scalar-border-color);
}
.parameter-item-name[data-v-94968dbd] {
position: relative;
font-weight: var(--scalar-bold);
font-size: var(--scalar-font-size-4);
font-family: var(--scalar-font-code);
color: var(--scalar-color-1);
overflow-wrap: break-word;
}
.parameter-item-description[data-v-94968dbd],
.parameter-item-description-summary[data-v-94968dbd] {
font-size: var(--scalar-mini);
color: var(--scalar-color-2);
}
.parameter-item-description-summary.parameter-item-description-summary[data-v-94968dbd] > * {
--markdown-line-height: var(--scalar-line-height-5);
}
.parameter-item-trigger ~ .parameter-item-container[data-v-94968dbd] .property--level-0 > .property-heading .property-detail-value {
font-size: var(--scalar-micro);
}
.parameter-item-required-optional[data-v-94968dbd] {
color: var(--scalar-color-2);
font-weight: var(--scalar-semibold);
margin-right: 6px;
position: relative;
}
.parameter-item--required[data-v-94968dbd] {
text-transform: uppercase;
font-size: var(--scalar-micro);
font-weight: var(--scalar-semibold);
color: var(--scalar-color-orange);
}
.parameter-item-description[data-v-94968dbd] {
margin-top: 6px;
font-size: var(--scalar-small);
color: var(--scalar-color-2);
line-height: 1.4;
}
.parameter-item-description[data-v-94968dbd] p {
margin-top: 4px;
font-size: var(--scalar-small);
color: var(--scalar-color-2);
}
.parameter-schema[data-v-94968dbd] {
padding-bottom: 9px;
margin-top: 3px;
}
.parameter-item-trigger[data-v-94968dbd] {
display: flex;
align-items: baseline;
line-height: var(--scalar-line-height-5);
gap: 6px;
flex-wrap: wrap;
padding: 10px 0;
outline: none;
}
.parameter-item-trigger-open[data-v-94968dbd] {
padding-bottom: 0;
}
.parameter-item-icon[data-v-94968dbd] {
color: var(--scalar-color-3);
left: -19px;
top: 0.5lh;
translate: 0 -50%;
position: absolute;
}
.parameter-item-trigger:hover .parameter-item-icon[data-v-94968dbd],
.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-94968dbd] {
color: var(--scalar-color-1);
}
.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-94968dbd] {
outline: 1px solid var(--scalar-color-accent);
outline-offset: 2px;
border-radius: var(--scalar-radius);
}
.channel-section[data-v-cb522e2e] {
margin-bottom: 48px;
}
.channel-description[data-v-cb522e2e] {
padding-bottom: 4px;
text-align: left;
}
.section-wrapper[data-v-ff689b94] {
color: var(--scalar-color-1);
padding-top: 12px;
margin-top: -12px;
}
.section-accordion[data-v-ff689b94] {
display: flex;
flex-direction: column;
border-radius: var(--scalar-radius-lg);
background: var(--scalar-background-2);
scroll-margin-top: var(--refs-viewport-offset);
}
.section-accordion-transparent[data-v-ff689b94] {
background: transparent;
border: var(--scalar-border-width) solid var(--scalar-border-color);
}
.section-accordion-button[data-v-ff689b94] {
padding: 6px;
}
.section-accordion-button[data-v-ff689b94] {
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
}
.section-accordion-button-content[data-v-ff689b94] {
flex: 1;
min-width: 0;
}
.section-accordion-button-actions[data-v-ff689b94] {
display: flex;
align-items: center;
gap: 6px;
color: var(--scalar-color-3);
}
.section-accordion-chevron[data-v-ff689b94] {
margin-right: 4px;
cursor: pointer;
opacity: 1;
color: var(--scalar-color-3);
}
.section-accordion-button:hover .section-accordion-chevron[data-v-ff689b94] {
color: var(--scalar-color-1);
}
.section-accordion-content[data-v-ff689b94] {
border-top: var(--scalar-border-width) solid var(--scalar-border-color);
display: flex;
flex-direction: column;
}
.section-accordion-description[data-v-ff689b94] {
font-weight: var(--scalar-semibold);
font-size: var(--scalar-mini);
color: var(--scalar-color--1);
padding: 10px 12px 0px 12px;
}
.section-accordion-content-card[data-v-ff689b94] .property:last-of-type {
padding-bottom: 9px;
}
.reference-models-anchor[data-v-f3ae088e] {
display: flex;
align-items: center;
font-size: 20px;
padding-left: 6px;
color: var(--scalar-color-1);
}
.reference-models-label[data-v-f3ae088e] {
display: block;
font-size: var(--scalar-mini);
}
.reference-models-label[data-v-f3ae088e] em {
font-weight: var(--scalar-bold);
}
.collapsible-section[data-v-999a158a] {
border-top: var(--scalar-border-width) solid var(--scalar-border-color);
position: relative;
}
.collapsible-section-header[data-v-999a158a] {
color: var(--scalar-color-1);
}
.collapsible-section .collapsible-section-trigger[data-v-999a158a] {
display: flex;
align-items: center;
cursor: pointer;
padding: 10px 0;
font-size: var(--scalar-font-size-3);
z-index: 1;
position: relative;
}
.collapsible-section-trigger svg[data-v-999a158a] {
color: var(--scalar-color-3);
position: absolute;
left: -19px;
}
.collapsible-section:hover .collapsible-section-trigger svg[data-v-999a158a] {
color: var(--scalar-color-1);
}
.collapsible-section .collapsible-section-trigger[data-v-999a158a] .anchor-copy {
line-height: 18.5px;
}
.collapsible-section-content[data-v-999a158a] {
padding: 0;
margin: 0;
margin-bottom: 10px;
scroll-margin-top: 140px;
}
.show-more[data-v-d1c2b649] {
appearance: none;
border: none;
border: var(--scalar-border-width) solid var(--scalar-border-color);
margin: auto;
padding: 8px 12px 8px 16px;
border-radius: 30px;
color: var(--scalar-color-1);
font-weight: var(--scalar-semibold);
font-size: var(--scalar-small);
display: flex;
align-items: center;
justify-content: center;
position: relative;
gap: 6px;
top: -48px;
}
.show-more[data-v-d1c2b649]:hover {
background: var(--scalar-background-2);
cursor: pointer;
}
.show-more[data-v-d1c2b649]:active {
box-shadow: 0 0 0 1px var(--scalar-border-color);
}
@container narrow-references-container (max-width: 900px) {
.show-more[data-v-d1c2b649] {
top: -24px;
}
}
.tag-section[data-v-ee09ae3d] {
margin-bottom: 48px;
}
.tag-name[data-v-ee09ae3d] {
text-transform: capitalize;
}
.tag-description[data-v-ee09ae3d] {
padding-bottom: 4px;
text-align: left;
}
.tag-section-group .tag-group-name[data-v-ee09ae3d] {
gap: 12px;
align-self: stretch;
grid-template-columns: auto 1fr;
}
.tag-group-name[data-v-ee09ae3d]:after {
content: "";
display: block;
height: 1px;
align-self: center;
background: var(--scalar-border-color);
}
.tag-group-name[data-v-ee09ae3d]:has(* > *:hover),
.tag-group-name[data-v-ee09ae3d]:has(:focus-visible) {
gap: 32px;
}
.tag-section-group .tag-section[data-v-ee09ae3d] {
padding-inline: 0;
margin-bottom: 24px;
}
.tag-section-group .tag-section[data-v-ee09ae3d]:last-of-type {
margin-bottom: 0;
}
.endpoint[data-v-ad8530a6] {
display: flex;
white-space: nowrap;
cursor: pointer;
text-decoration: none;
}
.endpoint:hover .endpoint-path[data-v-ad8530a6],
.endpoint:focus-visible .endpoint-path[data-v-ad8530a6] {
text-decoration: underline;
}
.endpoint .post[data-v-ad8530a6],
.endpoint .get[data-v-ad8530a6],
.endpoint .delete[data-v-ad8530a6],
.endpoint .put[data-v-ad8530a6] {
white-space: nowrap;
}
.endpoint-method[data-v-ad8530a6],
.endpoint-path[data-v-ad8530a6] {
color: var(--scalar-color-1);
min-width: 62px;
display: inline-flex;
line-height: 1.55;
font-family: var(--scalar-font-code);
font-size: var(--scalar-small);
cursor: pointer;
}
.endpoint-method[data-v-ad8530a6] {
text-align: right;
}
.endpoint-path[data-v-ad8530a6] {
margin-left: 12px;
text-transform: initial;
}
.deprecated[data-v-ad8530a6] {
text-decoration: line-through;
}
.endpoints-card[data-v-b8cb97c7] {
position: sticky;
top: calc(var(--refs-viewport-offset) + 24px);
font-size: var(--scalar-font-size-3);
}
.endpoints[data-v-b8cb97c7] {
overflow: auto;
background: var(--scalar-background-2);
padding: 10px 12px;
width: 100%;
}
.section-container[data-v-8f1a275c] {
border-top: var(--scalar-border-width) solid var(--scalar-border-color);
}
.section-container[data-v-8f1a275c]:has(.show-more) {
background-color: var(--scalar-background-2);
}
@supports (color: color-mix(in lab, red, red)) {
.section-container[data-v-8f1a275c]:has(.show-more) {
background-color: color-mix(in srgb, var(--scalar-background-2), transparent);
}
}
.operation-path[data-v-ec6c8861] {
overflow: hidden;
word-wrap: break-word;
font-weight: var(--scalar-semibold);
line-break: anywhere;
}
.deprecated[data-v-ec6c8861] {
text-decoration: line-through;
}
.request-body[data-v-076f6de4] {
margin-top: 24px;
}
.request-body-header[data-v-076f6de4] {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 12px;
border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
flex-flow: wrap;
}
.request-body-title[data-v-076f6de4] {
display: flex;
align-items: center;
gap: 8px;
font-size: var(--scalar-font-size-2);
font-weight: var(--scalar-semibold);
color: var(--scalar-color-1);
}
.request-body-required[data-v-076f6de4] {
font-size: var(--scalar-micro);
color: var(--scalar-color-orange);
font-weight: normal;
border-radius: 16px;
border: var(--scalar-border-width) solid var(--scalar-border-color);
padding: 2px 8px;
height: 20px;
}
.request-body-description[data-v-076f6de4] {
margin-top: 6px;
font-size: var(--scalar-small);
width: 100%;
}
.request-body-header + .request-body-schema[data-v-076f6de4]:has(> .schema-card > .schema-card-description),
.request-body-header + .request-body-schema[data-v-076f6de4]:has(> .schema-card > .schema-properties > * > .property--level-0) {
padding-top: 8px;
}
.request-body-description[data-v-076f6de4] .markdown * {
color: var(--scalar-color-2) !important;
}
.callback-sticky-offset[data-v-474e6fa6] {
top: var(--refs-viewport-offset, 0px);
z-index: 1;
}
.callback-operation-container[data-v-474e6fa6] .request-body,
.callback-operation-container[data-v-474e6fa6] .request-body-description,
.callback-operation-container[data-v-474e6fa6] .request-body-header {
margin-top: 0;
}
.callback-operation-container[data-v-474e6fa6] .request-body-header {
--scalar-font-size-2: var(--scalar-font-size-4);
padding: 10px;
border-bottom: none;
border: 0.5px solid var(--scalar-border-color);
border-radius: var(--scalar-radius-lg) var(--scalar-radius-lg) 0 0;
background: var(--scalar-background-2);
}
@supports (color: color-mix(in lab, red, red)) {
.callback-operation-container[data-v-474e6fa6] .request-body-header {
background: color-mix(in srgb, var(--scalar-background-2) 50%, transparent);
}
}
.callback-operation-container[data-v-474e6fa6] .request-body-schema > .schema-card > .schema-card-description {
padding-inline: 8px;
}
.callback-operation-container[data-v-474e6fa6] ul li.property.property--level-1 {
padding: 10px;
}
.callback-operation-container[data-v-474e6fa6] .request-body-schema {
background-color: var(--scalar-background-1);
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-top: none;
overflow: hidden;
border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
}
.callback-operation-container[data-v-474e6fa6] .parameter-list {
margin-top: 0;
}
.callback-operation-container[data-v-474e6fa6] .parameter-list-title {
background: var(--scalar-background-2);
border-radius: var(--scalar-radius-lg) var(--scalar-radius-lg) 0 0;
padding: 10px;
margin-bottom: 0;
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-bottom: none;
--scalar-font-size-2: var(--scalar-font-size-4);
}
@supports (color: color-mix(in lab, red, red)) {
.callback-operation-container[data-v-474e6fa6] .parameter-list-title {
background: color-mix(in srgb, var(--scalar-background-2) 50%, transparent);
}
}
.callback-operation-container[data-v-474e6fa6] .parameter-list-items {
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
}
.callback-operation-container[data-v-474e6fa6] .parameter-list-items > li:first-of-type {
border-top: none;
}
.callback-operation-container[data-v-474e6fa6] .parameter-list-items > li {
padding: 0 8px;
}
.empty-state[data-v-da52ac9d] {
margin: 10px 0 10px 12px;
text-align: center;
font-size: var(--scalar-mini);
min-height: 56px;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--scalar-radius-lg);
color: var(--scalar-color-2);
}
.rule-title[data-v-da52ac9d] {
font-family: var(--scalar-font-code);
color: var(--scalar-color-1);
display: inline-block;
margin: 12px 0 6px;
border-radius: var(--scalar-radius);
}
.rule[data-v-da52ac9d] {
margin: 0 12px 0;
border-radius: var(--scalar-radius-lg);
}
.rule-items[data-v-da52ac9d] {
counter-reset: list-number;
display: flex;
flex-direction: column;
gap: 12px;
border-left: 1px solid var(--scalar-border-color);
padding: 12px 0 12px;
}
.rule-item[data-v-da52ac9d] {
counter-increment: list-number;
border: 1px solid var(--scalar-border-color);
border-radius: var(--scalar-radius-lg);
overflow: hidden;
margin-left: 24px;
}
.rule-item[data-v-da52ac9d]:before {
border: 1px solid var(--scalar-border-color);
border-top: 0;
border-right: 0;
content: " ";
display: block;
width: 24px;
height: 6px;
border-radius: 0 0 0 var(--scalar-radius-lg);
margin-top: 6px;
color: var(--scalar-color-2);
transform: translateX(-25px);
color: var(--scalar-color-1);
position: absolute;
}
.tab[data-v-804dba49] {
background: none;
border: none;
font-size: var(--scalar-small);
font-family: var(--scalar-font);
font-weight: var(--scalar-font-normal);
color: var(--scalar-color-2);
line-height: calc(var(--scalar-small) + 2px);
white-space: nowrap;
cursor: pointer;
padding: 0;
margin-right: 3px;
text-transform: uppercase;
position: relative;
line-height: 22px;
}
.tab[data-v-804dba49]:before {
content: "";
position: absolute;
z-index: 0;
left: -6px;
top: -2px;
width: calc(100% + 12px);
height: calc(100% + 4px);
border-radius: var(--scalar-radius);
background: var(--scalar-background-3);
opacity: 0;
}
.tab[data-v-804dba49]:hover:before,
.tab[data-v-804dba49]:focus-visible:before {
opacity: 1;
}
.tab[data-v-804dba49]:focus-visible:before {
outline: 1px solid var(--scalar-color-accent);
}
.tab span[data-v-804dba49] {
z-index: 1;
position: relative;
}
.tab-selected[data-v-804dba49] {
color: var(--scalar-color-1);
font-weight: var(--scalar-semibold);
}
.tab-selected[data-v-804dba49]:after {
content: "";
position: absolute;
background: currentColor;
width: 100%;
left: 0;
height: 1px;
bottom: calc(var(--tab-list-padding-y) * -1);
}
.tab-list[data-v-49a8c0af] {
display: flex;
gap: 6px;
position: relative;
flex: 1;
--tab-list-padding-y: 7px;
--tab-list-padding-x: 12px;
padding: var(--tab-list-padding-y) var(--tab-list-padding-x);
overflow: auto;
}
.scalar-card-header.scalar-card-header-tabs[data-v-49a8c0af] {
padding: 0;
}
.response-card[data-v-b3a2a96e] {
font-size: var(--scalar-font-size-3);
}
.code-copy[data-v-b3a2a96e] {
display: flex;
align-items: center;
justify-content: center;
appearance: none;
-webkit-appearance: none;
outline: none;
background: transparent;
cursor: pointer;
color: var(--scalar-color-3);
border: none;
padding: 0;
margin-right: 12px;
}
.code-copy[data-v-b3a2a96e]:hover {
color: var(--scalar-color-1);
}
.code-copy svg[data-v-b3a2a96e] {
width: 13px;
height: 13px;
}
.response-card-footer[data-v-b3a2a96e] {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
justify-content: start;
flex-shrink: 0;
padding: 7px 12px;
column-gap: 8px;
}
.response-example-selector[data-v-b3a2a96e] {
flex-shrink: 0;
margin: -4px;
}
.response-description[data-v-b3a2a96e] {
font-weight: var(--scalar-semibold);
font-size: var(--scalar-small);
color: var(--scalar-color--1);
box-sizing: border-box;
flex-grow: 1;
}
.response-description-markdown[data-v-b3a2a96e] {
max-height: 3lh;
}
.response-description-markdown[data-v-b3a2a96e] * {
margin: 0;
}
.schema-type[data-v-b3a2a96e] {
font-size: var(--scalar-micro);
color: var(--scalar-color-2);
font-weight: var(--scalar-semibold);
background: var(--scalar-background-3);
padding: 2px 4px;
border-radius: 4px;
margin-right: 4px;
}
.schema-example[data-v-b3a2a96e] {
font-size: var(--scalar-micro);
color: var(--scalar-color-2);
font-weight: var(--scalar-semibold);
}
.example-response-tab[data-v-b3a2a96e] {
display: block;
margin: 6px;
}
.scalar-card-checkbox[data-v-b3a2a96e] {
display: flex;
align-items: center;
justify-content: center;
position: relative;
min-height: 17px;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
font-size: var(--scalar-small);
font-weight: var(--scalar-font-normal);
color: var(--scalar-color-2);
width: fit-content;
white-space: nowrap;
gap: 6px;
padding: 7px 6px;
}
.scalar-card-checkbox:has(.scalar-card-checkbox-input:focus-visible) .scalar-card-checkbox-checkmark[data-v-b3a2a96e] {
outline: 1px solid var(--scalar-color-accent);
}
.scalar-card-checkbox[data-v-b3a2a96e]:hover {
color: var(--scalar-color--1);
}
.scalar-card-checkbox .scalar-card-checkbox-input[data-v-b3a2a96e] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.scalar-card-checkbox-checkmark[data-v-b3a2a96e] {
height: 16px;
width: 16px;
border-radius: var(--scalar-radius);
background-color: transparent;
background-color: var(--scalar-background-3);
box-shadow: inset 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
}
.scalar-card-checkbox[data-v-b3a2a96e]:has(.scalar-card-checkbox-input:checked) {
color: var(--scalar-color-1);
font-weight: var(--scalar-semibold);
}
.scalar-card-checkbox .scalar-card-checkbox-input:checked ~ .scalar-card-checkbox-checkmark[data-v-b3a2a96e] {
background-color: var(--scalar-button-1);
box-shadow: none;
}
.scalar-card-checkbox-checkmark[data-v-b3a2a96e]:after {
content: "";
position: absolute;
display: none;
}
.scalar-card-checkbox .scalar-card-checkbox-input:checked ~ .scalar-card-checkbox-checkmark[data-v-b3a2a96e]:after {
display: block;
}
.scalar-card-checkbox .scalar-card-checkbox-checkmark[data-v-b3a2a96e]:after {
right: 11.5px;
top: 12.5px;
width: 5px;
height: 9px;
border: solid 1px var(--scalar-button-1-color);
border-width: 0 1.5px 1.5px 0;
transform: rotate(45deg);
}
.show-api-client-button[data-v-15e312d9] {
appearance: none;
border: none;
padding: 1px 6px;
white-space: nowrap;
border-radius: var(--scalar-radius);
display: flex;
justify-content: center;
align-items: center;
font-weight: var(--scalar-semibold);
font-size: var(--scalar-small);
line-height: 22px;
color: var(--scalar-background-2);
font-family: var(--scalar-font);
background: var(--scalar-button-1);
position: relative;
cursor: pointer;
box-sizing: border-box;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
outline-offset: 2px;
}
.show-api-client-button span[data-v-15e312d9],
.show-api-client-button svg[data-v-15e312d9] {
fill: currentColor;
color: var(--scalar-button-1-color);
z-index: 1;
}
.show-api-client-button[data-v-15e312d9]:hover {
background: var(--scalar-button-1-hover);
}
.show-api-client-button svg[data-v-15e312d9] {
margin-right: 4px;
}
.operation-title[data-v-5a538905] {
justify-content: space-between;
display: flex;
}
.operation-details[data-v-5a538905] {
flex-shrink: 1;
align-items: center;
gap: 9px;
min-width: 0;
margin-top: 0;
display: flex;
}
.operation-details[data-v-5a538905] .endpoint-anchor .scalar-button svg {
width: 16px;
height: 16px;
}
.endpoint-type[data-v-5a538905] {
z-index: 0;
width: 60px;
font-size: var(--scalar-small);
text-transform: uppercase;
font-weight: var(--scalar-bold);
font-family: var(--scalar-font);
flex-shrink: 0;
justify-content: center;
align-items: center;
gap: 6px;
padding: 6px;
display: flex;
position: relative;
}
.endpoint-type[data-v-5a538905]:after {
content: "";
z-index: -1;
opacity: .15;
border-radius: var(--scalar-radius);
background: currentColor;
position: absolute;
inset: 0;
}
.endpoint-anchor[data-v-5a538905] {
flex-shrink: 1;
align-items: center;
min-width: 0;
display: flex;
}
.endpoint-anchor.label[data-v-5a538905] {
display: flex;
}
.endpoint-label[data-v-5a538905] {
min-width: 0;
color: var(--scalar-color-1);
flex-shrink: 1;
align-items: baseline;
gap: 9px;
display: flex;
}
.endpoint-label-path[data-v-5a538905] {
font-family: var(--scalar-font-code);
font-size: var(--scalar-mini);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.endpoint-label-path[data-v-5a538905] em {
color: var(--scalar-color-2);
}
.endpoint-label-name[data-v-5a538905] {
color: var(--scalar-color-2);
font-size: var(--scalar-small);
text-overflow: ellipsis;
white-space: nowrap;
flex-shrink: 1000000000;
overflow: hidden;
}
.endpoint-try-hint[data-v-5a538905] {
flex-shrink: 0;
padding: 2px;
}
.endpoint-copy[data-v-5a538905] {
color: currentColor;
}
.endpoint-copy[data-v-5a538905] svg {
stroke-width: 2px;
}
.endpoint-content[data-v-5a538905] {
grid-auto-columns: 1fr;
grid-auto-flow: row;
gap: 9px;
padding: 9px;
display: grid;
}
@media (min-width: 1000px) {
.endpoint-content[data-v-5a538905] {
grid-auto-flow: column;
}
}
@container (max-width: 900px) {
.endpoint-content[data-v-5a538905] {
grid-template-columns: 1fr;
}
}
.endpoint-content[data-v-5a538905] > * {
min-width: 0;
}
.operation-details-card[data-v-5a538905] {
flex-direction: column;
gap: 12px;
min-width: 0;
display: flex;
}
:is(.operation-details-card-item[data-v-5a538905] .parameter-list, .operation-details-card-item[data-v-5a538905] .callbacks-list) {
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: var(--scalar-radius-lg);
margin-top: 0;
}
.operation-details-card-item[data-v-5a538905] {
flex-direction: column;
gap: 12px;
display: flex;
}
.operation-details-card-item[data-v-5a538905] .parameter-list-items {
margin-bottom: 0;
}
.operation-details-card[data-v-5a538905] .parameter-item:last-of-type .parameter-schema {
padding-bottom: 12px;
}
.operation-details-card[data-v-5a538905] .parameter-list .parameter-list {
margin-bottom: 12px;
}
.operation-details-card[data-v-5a538905] .parameter-item {
margin: 0;
padding: 0;
}
.operation-details-card[data-v-5a538905] .property {
margin: 0;
padding: 9px;
}
:is(.operation-details-card[data-v-5a538905] .parameter-list-title, .operation-details-card[data-v-5a538905] .request-body-title, .operation-details-card[data-v-5a538905] .callbacks-title) {
text-transform: uppercase;
font-weight: var(--scalar-bold);
font-size: var(--scalar-mini);
color: var(--scalar-color-2);
margin: 0;
padding: 9px;
line-height: 1.33;
}
.operation-details-card[data-v-5a538905] .callback-list-item-title {
padding-left: 28px;
padding-right: 12px;
}
.operation-details-card[data-v-5a538905] .callback-list-item-icon {
left: 6px;
}
.operation-details-card[data-v-5a538905] .callback-operation-container {
padding-inline: 9px;
padding-bottom: 9px;
}
:is(.operation-details-card[data-v-5a538905] .callback-operation-container > .request-body, .operation-details-card[data-v-5a538905] .callback-operation-container > .parameter-list) {
border: none;
}
.operation-details-card[data-v-5a538905] .callback-operation-container > .request-body > .request-body-header {
border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
padding: 0 0 9px;
}
.operation-details-card[data-v-5a538905] .request-body-description {
border-top: var(--scalar-border-width) solid var(--scalar-border-color);
margin-top: 0;
padding: 9px 9px 0;
}
.operation-details-card[data-v-5a538905] .request-body {
border-radius: var(--scalar-radius-lg);
border: var(--scalar-border-width) solid var(--scalar-border-color);
margin-top: 0;
}
.operation-details-card[data-v-5a538905] .request-body .schema-card--level-0 > .schema-card-description {
padding-inline: 9px;
}
.operation-details-card[data-v-5a538905] .request-body-header {
border-bottom: 0;
padding-bottom: 0;
}
.operation-details-card[data-v-5a538905] .contents button {
margin-right: 9px;
}
.operation-details-card[data-v-5a538905] .schema-card--open + .schema-card:not(.schema-card--open) {
margin-inline: 9px;
margin-bottom: 9px;
}
.operation-details-card[data-v-5a538905] .request-body-schema .property--level-0 {
padding: 0;
}
.operation-details-card[data-v-5a538905] .selected-content-type {
margin-right: 9px;
}
.operation-example-card[data-v-5a538905] {
top: calc(var(--refs-viewport-offset) + 24px);
max-height: calc(var(--refs-viewport-height) - 48px);
position: sticky;
}
@media (max-width: 600px) {
.operation-example-card[data-v-5a538905] {
max-height: unset;
position: static;
}
}
.agent-button-container[data-v-78f5377c] {
position: relative;
color: var(--scalar-color-1);
background: var(--scalar-background-3);
display: flex;
align-items: center;
cursor: pointer;
padding: 1px 6px;
margin-right: 4px;
border-radius: var(--scalar-radius);
z-index: 2;
height: 100%;
}
@supports (color: color-mix(in lab, red, red)) {
.agent-button-container[data-v-78f5377c] {
background: color-mix(in srgb, var(--scalar-background-3), white 15%);
}
}
.agent-button-container[data-v-78f5377c]:hover:not(:focus-within) {
background: var(--scalar-background-3);
}
@supports (color: color-mix(in lab, red, red)) {
.agent-button-container[data-v-78f5377c]:hover:not(:focus-within) {
background: color-mix(in srgb, var(--scalar-background-3), white 20%);
}
}
.agent-button-container[data-v-78f5377c]:has(.ask-agent-scalar-input-not-empty),
.agent-button-container[data-v-78f5377c]:focus-within {
position: absolute;
inset: 2px;
border-radius: var(--scalar-radius-lg);
margin-right: 0;
height: auto;
}
.agent-button-container[data-v-78f5377c]:has(.ask-agent-scalar-input:focus-visible) {
outline-style: solid;
}
.ask-agent-scalar-input[data-v-78f5377c] {
width: 0px;
opacity: 0;
font-size: 0px;
border: none;
}
.agent-button-container:has(.ask-agent-scalar-input-not-empty) .ask-agent-scalar-input[data-v-78f5377c],
.agent-button-container:focus-within .ask-agent-scalar-input[data-v-78f5377c] {
width: 100%;
font-size: inherit;
opacity: 1;
line-height: 20px;
outline: none;
padding-inline: 4px;
}
.ask-agent-scalar-input[data-v-78f5377c]::placeholder {
color: var(--scalar-color-2);
font-family: inherit;
}
.ask-agent-scalar-input-label[data-v-78f5377c] {
color: var(--scalar-color-1);
font-weight: var(--scalar-semibold);
margin-left: 4px;
}
.agent-button-container:has(.ask-agent-scalar-input-not-empty) .ask-agent-scalar-input-label[data-v-78f5377c],
.agent-button-container:focus-within .ask-agent-scalar-input-label[data-v-78f5377c] {
display: none;
}
.ask-agent-scalar-send[data-v-78f5377c] {
background: var(--scalar-color-blue);
color: #fff;
width: 24px;
height: 24px;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: var(--scalar-radius);
outline-offset: 1px;
display: none;
}
.agent-button-container:has(.ask-agent-scalar-input-not-empty) .ask-agent-scalar-send[data-v-78f5377c] {
display: flex;
}
.ask-agent-scalar-send[data-v-78f5377c]:hover {
background: var(--scalar-color-blue);
}
@supports (color: color-mix(in lab, red, red)) {
.ask-agent-scalar-send[data-v-78f5377c]:hover {
background: color-mix(in srgb, var(--scalar-color-blue), transparent 10%);
}
}
.operation-layout[data-v-af3f9eee] {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto 1fr;
grid-template-areas: "heading badge" "description examples" "details examples";
column-gap: 48px;
row-gap: 0;
}
.operation-title[data-v-af3f9eee] {
grid-area: heading;
margin-bottom: 12px;
font-size: var(--font-size, var(--scalar-heading-1));
font-weight: var(--font-weight, var(--scalar-bold));
color: var(--scalar-color-1);
line-height: 1.45;
}
.operation-auth[data-v-af3f9eee] {
grid-area: badge;
justify-self: end;
align-self: start;
}
.operation-description[data-v-af3f9eee] {
grid-area: description;
min-width: 0;
}
.operation-details[data-v-af3f9eee] {
grid-area: details;
min-width: 0;
}
.examples[data-v-af3f9eee] {
grid-area: examples;
align-self: start;
min-width: 0;
position: sticky;
top: calc(var(--refs-viewport-offset) + 24px);
}
.examples[data-v-af3f9eee] > * {
max-height: calc((var(--refs-viewport-height) - 60px) / 2);
position: relative;
}
.examples[data-v-af3f9eee] > *:first-of-type:last-of-type {
max-height: calc((var(--refs-viewport-height) - 60px));
}
@media (max-width: 600px) {
.examples[data-v-af3f9eee] > * {
max-height: unset;
}
}
.deprecated[data-v-af3f9eee] * {
text-decoration: line-through;
}
@container narrow-references-container (max-width: 900px) {
.operation-layout[data-v-af3f9eee] {
grid-template-columns: 1fr;
grid-template-areas: "badge" "heading" "description" "examples" "details";
column-gap: 0;
}
.operation-auth[data-v-af3f9eee] {
justify-self: start;
margin-bottom: 4px;
}
.operation-title[data-v-af3f9eee] {
margin-bottom: 24px;
}
.operation-description[data-v-af3f9eee] {
margin-bottom: 24px;
}
.examples[data-v-af3f9eee] {
position: static;
}
}
.section-flare[data-v-5cebff7a] {
position: fixed;
top: 0;
right: 0;
pointer-events: none;
}
.narrow-references-container {
container-name: narrow-references-container;
container-type: inline-size;
}
.ref-search-meta[data-v-25f2d34f] {
background: var(--scalar-background-1);
border-bottom-left-radius: var(--scalar-radius-lg);
border-bottom-right-radius: var(--scalar-radius-lg);
padding: 6px 12px;
font-size: var(--scalar-font-size-4);
color: var(--scalar-color-3);
font-weight: var(--scalar-semibold);
display: flex;
gap: 12px;
border-top: var(--scalar-border-width) solid var(--scalar-border-color);
}
@media (max-width: 1000px) {
.agent-scalar.agent-scalar[data-v-34fa4e92] {
border-top-left-radius: var(--scalar-radius-lg);
border-top-right-radius: var(--scalar-radius-lg);
inset-inline: 0;
top: 48px;
}
.agent-scalar.agent-scalar[data-v-34fa4e92],
.agent-scalar-overlay.agent-scalar-overlay[data-v-34fa4e92] {
z-index: 15;
}
}
.scalar-mcp-layer[data-v-d469cd5e] {
gap: 2px;
display: flex;
flex-direction: column;
background: transparent;
position: relative;
justify-content: flex-end;
transition: all 0.4s ease-in-out;
height: 32px;
}
.scalar-mcp-layer[data-v-d469cd5e]:hover {
height: 172px;
}
.scalar-mcp-layer-link[data-v-d469cd5e]:hover {
cursor: pointer !important;
}
.scalar-mcp-layer .scalar-mcp-layer-link[data-v-d469cd5e] {
cursor: pointer;
width: 100%;
padding: 9px 6px;
height: 31px;
display: block;
text-align: center;
display: flex;
align-items: center;
white-space: nowrap;
font-size: var(--scalar-small);
line-height: 1.385;
text-decoration: none;
border-radius: var(--scalar-radius);
border: var(--scalar-border-width) solid var(--scalar-border-color);
gap: 6px;
color: var(--scalar-sidebar-color-1);
background: var(--scalar-background-1);
transition: transform 0.2s ease-in-out;
position: absolute;
bottom: 0;
}
.scalar-mcp-layer-link[data-v-d469cd5e]:after {
content: "";
position: absolute;
bottom: -2px;
height: 2px;
width: 100%;
left: 0;
}
.scalar-mcp-layer div.scalar-mcp-layer-link[data-v-d469cd5e] {
cursor: default;
}
.scalar-mcp-layer .scalar-mcp-layer-link[data-v-d469cd5e]:nth-last-child(1) {
transform: translate3d(0, 0, 0);
position: relative;
}
.scalar-mcp-layer .scalar-mcp-layer-link[data-v-d469cd5e]:nth-last-child(2) {
transform: translate3d(0, -2px, 0) scale(0.99);
}
.scalar-mcp-layer:hover a[data-v-d469cd5e]:nth-last-child(2) {
transform: translate3d(0, calc(-100% - 2px), 0) scale(0.99);
}
.scalar-mcp-layer .scalar-mcp-layer-link[data-v-d469cd5e]:nth-last-child(3) {
transform: translate3d(0, -4px, 0) scale(0.98);
}
.scalar-mcp-layer:hover a[data-v-d469cd5e]:nth-last-child(3) {
transform: translate3d(0, calc(-200% - 4px), 0) scale(1);
}
.scalar-mcp-layer .scalar-mcp-layer-link[data-v-d469cd5e]:nth-last-child(4) {
transform: translate3d(0, -6px, 0) scale(0.97);
}
.scalar-mcp-layer:hover a[data-v-d469cd5e]:nth-last-child(4) {
transform: translate3d(0, calc(-300% - 6px), 0) scale(1);
}
.scalar-mcp-layer .scalar-mcp-layer-link[data-v-d469cd5e]:nth-last-child(5) {
transform: translate3d(0, -8px, 0) scale(0.96);
}
.scalar-mcp-layer:hover .scalar-mcp-layer-link[data-v-d469cd5e]:nth-last-child(5) {
transform: translate3d(0, calc(-400% - 8px), 0) scale(1);
}
.scalar-mcp-layer:hover .scalar-mcp-layer-link[data-v-d469cd5e] {
transition: transform 0.2s ease-in-out 0.1s;
}
.scalar-mcp-layer .scalar-mcp-layer-link[data-v-d469cd5e]:hover {
background: var(--scalar-background-2);
}
.scalar-mcp-layer .mcp-logo[data-v-d469cd5e] {
width: 16px;
height: 16px;
color: var(--scalar-sidebar-color-1);
}
.mcp-nav[data-v-d469cd5e] {
color: var(--scalar-sidebar-color-2);
}
@layer scalar-base {
body {
margin: 0;
background-color: var(--scalar-background-1);
}
}
:root {
--scalar-loaded-api-reference: true;
}
@layer scalar-config {
.scalar-api-reference[data-v-67bb1c8a] {
--refs-header-height: calc( var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px) );
--refs-viewport-offset: calc( var(--refs-header-height, 0px) + var(--refs-content-offset, 0px) );
--refs-viewport-height: calc( var(--full-height, 100dvh) - var(--refs-viewport-offset, 0px) );
--refs-sidebar-width: var(--scalar-sidebar-width, 0px);
--refs-sidebar-height: calc( var(--full-height, 100dvh) - var(--refs-header-height, 0px) );
--refs-content-max-width: var(--scalar-content-max-width, 1540px);
}
.scalar-api-reference.references-classic[data-v-67bb1c8a] {
--refs-content-max-width: var(--scalar-content-max-width, 1420px);
min-height: 100dvh;
--refs-sidebar-width: 0;
}
}
.t-doc__sidebar[data-v-67bb1c8a] {
z-index: 10;
}
.references-layout[data-v-67bb1c8a] {
min-height: 100dvh;
min-width: 100%;
max-width: 100%;
flex: 1;
--full-height: 100dvh;
display: grid;
grid-template-rows: var(--scalar-header-height, 0px) repeat(2, auto);
grid-template-columns: auto 1fr;
grid-template-areas: "header header" "navigation rendered" "footer footer";
background: var(--scalar-background-1);
}
.references-editor[data-v-67bb1c8a] {
grid-area: editor;
display: flex;
min-width: 0;
background: var(--scalar-background-1);
}
.references-rendered[data-v-67bb1c8a] {
position: relative;
grid-area: rendered;
min-width: 0;
background: var(--scalar-background-1);
}
.scalar-api-reference.references-classic[data-v-67bb1c8a],
.references-classic .references-rendered[data-v-67bb1c8a] {
height: initial !important;
max-height: initial !important;
}
@layer scalar-config {
.references-sidebar[data-v-67bb1c8a] {
--refs-sidebar-width: var(--scalar-sidebar-width, 288px);
}
}
.references-footer[data-v-67bb1c8a] {
grid-area: footer;
}
@media (max-width: 1000px) {
.references-developer-tools[data-v-67bb1c8a] {
display: none;
}
.references-layout[data-v-67bb1c8a] {
--refs-sidebar-height: calc( var(--full-height, 100dvh) - var(--scalar-custom-header-height, 0px) );
grid-template-columns: 100%;
grid-template-rows: var(--scalar-header-height, 0px) 0px auto auto;
grid-template-areas: "header" "navigation" "rendered" "footer";
}
.references-editable[data-v-67bb1c8a] {
grid-template-areas: "header" "navigation" "editor";
}
.references-rendered[data-v-67bb1c8a] {
position: static;
}
}
@media (max-width: 1000px) {
.scalar-api-references-standalone-mobile[data-v-67bb1c8a]:not(.references-classic) {
--scalar-header-height: 50px;
}
}
.darklight-reference[data-v-67bb1c8a] {
width: 100%;
margin-top: auto;
}
.start[data-v-68d4d91b] {
padding: 24px;
display: flex;
flex-flow: wrap;
justify-content: space-between;
position: relative;
z-index: 0;
}
.swagger-editor .start[data-v-68d4d91b] {
padding-top: 24px;
}
.start-h1[data-v-68d4d91b] {
font-size: var(--scalar-heading-2);
margin-top: 0;
line-height: 1.45;
margin-bottom: 0;
font-weight: var(--scalar-bold);
color: var(--scalar-color-1);
width: 100%;
position: relative;
}
.start-h3[data-v-68d4d91b] {
font-size: var(--scalar-paragraph);
margin-top: 0;
margin-bottom: 6px;
display: block;
line-height: 1.45;
font-weight: var(--scalar-bold);
color: var(--scalar-color-1);
width: 100%;
}
.start-h1[data-v-68d4d91b]:not(:first-of-type) {
margin-top: 24px;
}
.start-p[data-v-68d4d91b] {
font-size: var(--scalar-paragraph);
color: var(--scalar-color-2);
line-height: 1.5;
width: 100%;
margin-top: 12px;
}
.start-ul[data-v-68d4d91b] {
margin-top: 12px;
font-size: var(--scalar-paragraph);
line-height: 1.5;
padding-left: 0;
list-style: initial;
display: flex;
flex-flow: wrap;
gap: 24px;
}
.start-ul li[data-v-68d4d91b] {
margin: 0;
padding: 0;
list-style: none;
width: calc(50% - 24px);
color: var(--scalar-color-2);
}
.start-ul li[data-v-68d4d91b]:first-of-type {
margin-top: 0;
}
.start-section[data-v-68d4d91b] {
width: 100%;
margin-bottom: 12px;
display: flex;
flex-flow: wrap;
}
.start-section[data-v-68d4d91b]:last-of-type {
margin-bottom: 48px;
}
.start-h2[data-v-68d4d91b] {
background: var(--scalar-background-2);
border-top-left-radius: var(--scalar-radius-lg);
border-top-right-radius: var(--scalar-radius-lg);
border: 1px solid var(--scalar-border-color);
color: var(--scalar-color-3);
font-size: var(--scalar-mini);
font-weight: var(--scalar-semibold);
padding: 9px;
width: 100%;
}
.start-item[data-v-68d4d91b] {
align-items: center;
background: var(--scalar-background-2);
border-right: 1px solid var(--scalar-border-color);
border-bottom: 1px solid var(--scalar-border-color);
color: var(--scalar-color-1);
cursor: pointer;
display: flex;
flex: 1;
font-size: var(--scalar-mini);
font-weight: var(--scalar-semibold);
padding: 9px;
text-transform: capitalize;
-webkit-user-select: none;
user-select: none;
}
.start-section-integrations .start-item[data-v-68d4d91b]:first-of-type {
border-bottom-left-radius: var(--scalar-radius-lg);
border-left: 1px solid var(--scalar-border-color);
}
.start-section-integrations .start-item[data-v-68d4d91b]:last-of-type {
border-bottom-right-radius: var(--scalar-radius-lg);
}
.start-section-colors .start-item[data-v-68d4d91b] {
min-width: 33.33%;
}
.start-section-colors .start-item[data-v-68d4d91b]:nth-child(3n+2) {
border-left: 1px solid var(--scalar-border-color);
}
.start-section-colors .start-item[data-v-68d4d91b]:last-of-type,
.start-section-colors .start-item-active[data-v-68d4d91b]:last-of-type::before {
border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
}
.start-item[data-v-68d4d91b]:empty {
pointer-events: none;
}
.start-item svg[data-v-68d4d91b] {
width: 14px;
height: 14px;
margin-right: 6px;
}
.start-item[data-v-68d4d91b]:hover {
background: var(--scalar-background-3);
}
.start-item-active[data-v-68d4d91b] {
z-index: 10;
position: relative;
color: var(--scalar-color-1);
}
.start-item-active[data-v-68d4d91b]::before {
border: 1px solid var(--scalar-color-1);
content: "";
inset: -1px -1px -1px -1px;
pointer-events: none;
position: absolute;
}
.start-section-color .start-item[data-v-68d4d91b] {
text-transform: capitalize;
}
.start-cta[data-v-68d4d91b] {
display: flex;
gap: 12px;
width: 100%;
margin-top: 24px;
margin-bottom: 0;
}
.start-row[data-v-68d4d91b] {
width: 100%;
margin-top: 12px;
overflow: hidden;
}
.start-hero-copy[data-v-68d4d91b] {
background: var(--scalar-background-2);
padding: 12px;
border-radius: var(--scalar-radius-lg);
}
.start-p-small[data-v-68d4d91b] {
font-weight: var(--scalar-semibold);
font-size: var(--scalar-mini);
color: var(--scalar-color-2);
margin-bottom: 12px;
line-height: 1.4;
}
.start-cta[data-v-68d4d91b] {
margin-bottom: 12px;
width: fit-content;
white-space: nowrap;
}
.start-copy[data-v-68d4d91b] {
padding: 76px 48px 48px 48px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
}
.start-logo[data-v-68d4d91b] {
color: var(--scalar-color-1);
margin-bottom: 24px;
width: 72px;
aspect-ratio: 1;
position: relative;
box-shadow: var(--scalar-shadow-2);
border-radius: 50%;
}
.start-logo[data-v-68d4d91b]:before {
content: "";
width: 300%;
aspect-ratio: 1;
left: -100%;
top: -100%;
position: absolute;
z-index: -1;
border-radius: 50%;
background-size: 24px 24px;
box-shadow: inset 0 0 50px var(--scalar-background-1), inset 0 0 50px var(--scalar-background-1);
background-image:
linear-gradient(
to right,
var(--scalar-border-color) 1px,
transparent 1px),
linear-gradient(
to bottom,
var(--scalar-border-color) 1px,
transparent 1px);
}
.start-logo svg[data-v-68d4d91b] {
width: 100%;
height: auto;
background: var(--scalar-background-1);
padding: 3px;
border-radius: 50%;
position: relative;
}
@media screen and (max-width: 600px) {
.start-section-colors .start-item[data-v-68d4d91b],
.start-item[data-v-68d4d91b] {
width: 100%;
border-radius: 0;
border-right: none;
border-top: 1px solid var(--scalar-border-color);
}
.start-item[data-v-68d4d91b]:empty {
display: none;
}
.start-h2[data-v-68d4d91b] {
border-bottom: none;
}
.start li[data-v-68d4d91b] {
width: 100%;
}
.start-copy[data-v-68d4d91b] {
padding: 48px 0 24px 0;
}
}
@media screen and (max-width: 1000px) {
.start[data-v-68d4d91b] {
padding: 0;
overflow: auto;
}
}
html,
body,
app-root {
height: 100%;
margin: 0;
padding: 0;
display: block;
}
body {
background-color: #0a0a0c;
}
@property --tw-border-spacing-x { syntax: ""; inherits: false; initial-value: 0; }
@property --tw-border-spacing-y { syntax: ""; inherits: false; initial-value: 0; }
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes pulse {
50% {
opacity: 0.5;
}
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
*,
::before,
::after,
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-space-x-reverse: 0;
--tw-divide-y-reverse: 0;
--tw-border-style: solid;
--tw-gradient-position: initial;
--tw-gradient-from: #0000;
--tw-gradient-via: #0000;
--tw-gradient-to: #0000;
--tw-gradient-stops: initial;
--tw-gradient-via-stops: initial;
--tw-gradient-from-position: 0%;
--tw-gradient-via-position: 50%;
--tw-gradient-to-position: 100%;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-ease: initial;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-mask-linear: linear-gradient(#fff, #fff);
--tw-mask-radial: linear-gradient(#fff, #fff);
--tw-mask-conic: linear-gradient(#fff, #fff);
--tw-mask-left: linear-gradient(#fff, #fff);
--tw-mask-right: linear-gradient(#fff, #fff);
--tw-mask-bottom: linear-gradient(#fff, #fff);
--tw-mask-top: linear-gradient(#fff, #fff);
--tw-mask-top-from-position: 0%;
--tw-mask-top-to-position: 100%;
--tw-mask-top-from-color: black;
--tw-mask-top-to-color: transparent;
--tw-mask-bottom-from-position: 0%;
--tw-mask-bottom-to-position: 100%;
--tw-mask-bottom-from-color: black;
--tw-mask-bottom-to-color: transparent;
--tw-ordinal: initial;
--tw-slashed-zero: initial;
--tw-numeric-figure: initial;
--tw-numeric-spacing: initial;
--tw-numeric-fraction: initial;
--tw-outline-style: solid;
--tw-content: "";
}
}
}
/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */