Files
ntfy/docs/api/scalar-style.css
2026-01-20 17:13:50 -05:00

11912 lines
320 KiB
CSS

.references-classic-header[data-v-9198d025] {
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-9198d025] {
display: flex;
gap: 12px;
flex-grow: 1;
}
.references-classic-header-container[data-v-9198d025] {
padding: 0 60px;
}
@container narrow-references-container (max-width: 900px) {
.references-classic-header[data-v-9198d025] {
padding: 12px 24px;
}
.references-classic-header-container[data-v-9198d025] {
padding: 0;
}
}
.references-classic-header-icon[data-v-9198d025] {
height: 24px;
color: var(--scalar-color-1);
}
.section-wrapper[data-v-ee08c887] {
color: var(--scalar-color-1);
padding-top: 12px;
margin-top: -12px;
}
.section-accordion[data-v-ee08c887] {
display: flex;
flex-direction: column;
border-radius: var(--scalar-radius-lg);
background: var(--scalar-background-2);
}
.section-accordion-transparent[data-v-ee08c887] {
background: transparent;
border: var(--scalar-border-width) solid var(--scalar-border-color);
}
.section-accordion-button[data-v-ee08c887] {
padding: 6px;
}
.section-accordion-button[data-v-ee08c887] {
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
}
.section-accordion-button-content[data-v-ee08c887] {
flex: 1;
min-width: 0;
}
.section-accordion-button-actions[data-v-ee08c887] {
display: flex;
align-items: center;
gap: 6px;
color: var(--scalar-color-3);
}
.section-accordion-chevron[data-v-ee08c887] {
margin-right: 4px;
cursor: pointer;
opacity: 1;
color: var(--scalar-color-3);
}
.section-accordion-button:hover .section-accordion-chevron[data-v-ee08c887] {
color: var(--scalar-color-1);
}
.section-accordion-content[data-v-ee08c887] {
border-top: var(--scalar-border-width) solid var(--scalar-border-color);
display: flex;
flex-direction: column;
}
.section-accordion-description[data-v-ee08c887] {
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-ee08c887] .property:last-of-type {
padding-bottom: 9px;
}
.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;
}
/* Style the "icon" */
.schema-type-icon[data-v-70cb5c13] {
color: var(--scalar-color-1);
display: none;
}
.schema-type[data-v-70cb5c13] {
font-family: var(--scalar-font-code);
color: var(--scalar-color-1);
}
.error[data-v-4d81600f] {
background-color: var(--scalar-color-red);
}
.schema-card[data-v-4d81600f] {
font-size: var(--scalar-font-size-4);
color: var(--scalar-color-1);
}
.schema-card-title[data-v-4d81600f] {
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-4d81600f] {
cursor: pointer;
}
button.schema-card-title[data-v-4d81600f]:hover {
color: var(--scalar-color-1);
}
.schema-card-title-icon--open[data-v-4d81600f] {
transform: rotate(45deg);
}
.schema-properties-open > .schema-card-title[data-v-4d81600f] {
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-4d81600f] {
width: fit-content;
}
.schema-card-description[data-v-4d81600f] {
color: var(--scalar-color-2);
}
.schema-card-description + .schema-properties[data-v-4d81600f] {
width: fit-content;
}
.schema-card-description + .schema-properties[data-v-4d81600f] {
margin-top: 8px;
}
.schema-properties-open.schema-properties[data-v-4d81600f],
.schema-properties-open > .schema-card--open[data-v-4d81600f] {
width: 100%;
}
.schema-properties[data-v-4d81600f] {
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-4d81600f] {
width: 100%;
}
.schema-properties .schema-properties[data-v-4d81600f] {
border-radius: 13.5px;
}
.schema-properties .schema-properties.schema-properties-open[data-v-4d81600f] {
border-radius: var(--scalar-radius-lg);
}
.schema-properties-open[data-v-4d81600f] {
width: 100%;
}
.schema-card--compact[data-v-4d81600f] {
align-self: flex-start;
}
.schema-card--compact.schema-card--open[data-v-4d81600f] {
align-self: initial;
}
.schema-card-title--compact[data-v-4d81600f] {
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-4d81600f] {
margin: 0;
}
.schema-card-title--compact > .schema-card-title-icon--open[data-v-4d81600f] {
transform: rotate(45deg);
}
.schema-properties-open > .schema-card-title--compact[data-v-4d81600f] {
position: static;
}
.property--level-0
> .schema-properties
> .schema-card--level-0
> .schema-properties[data-v-4d81600f] {
border: none;
}
.property--level-0
.schema-card--level-0:not(.schema-card--compact)
.property--level-1[data-v-4d81600f] {
padding: 0 0 8px;
}
:not(.composition-panel)
> .schema-card--compact.schema-card--level-0
> .schema-properties[data-v-4d81600f] {
border: none;
}
[data-v-4d81600f] .schema-card-description p {
font-size: var(--scalar-small, var(--scalar-paragraph));
color: var(--scalar-color-2);
line-height: 1.5;
margin-bottom: 0;
display: block;
margin-bottom: 6px;
}
.children .schema-card-description[data-v-4d81600f]:first-of-type {
padding-top: 0;
}
.property-enum-value[data-v-88bc950e] {
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: color-mix(
in srgb,
var(--scalar-background-1),
var(--scalar-color-1) 25%
);
}
.property-enum-value-content[data-v-88bc950e] {
display: flex;
flex-direction: column;
padding: 3px 0;
}
.property-enum-value-label[data-v-88bc950e] {
display: flex;
font-family: var(--scalar-font-code);
color: var(--scalar-color-1);
position: relative;
}
.property-enum-value:last-of-type .property-enum-value-label[data-v-88bc950e] {
padding-bottom: 0;
}
.property-enum-value[data-v-88bc950e]::before {
content: '';
margin-right: 12px;
width: var(--decorator-width);
display: block;
background-color: var(--decorator-color);
}
.property-enum-value[data-v-88bc950e]:last-of-type::before,
.property-enum-values:has(.enum-toggle-button)
.property-enum-value[data-v-88bc950e]:nth-last-child(2)::before {
height: calc(0.5lh + 4px);
}
.property-enum-value-label[data-v-88bc950e]::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-88bc950e]: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-88bc950e] {
color: var(--scalar-color-3);
}
.property-heading:empty + .property-description[data-v-d4946030]:last-of-type,
.property-description[data-v-d4946030]:first-of-type:last-of-type {
margin-top: 0;
}
.property-list[data-v-d4946030] {
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: var(--scalar-radius);
margin-top: 10px;
}
.property-list .property[data-v-d4946030]:last-of-type {
padding-bottom: 10px;
}
.property-enum-values[data-v-d4946030] {
font-size: var(--scalar-font-size-3);
list-style: none;
margin-top: 8px;
padding-left: 2px;
}
.enum-toggle-button[data-v-d4946030]:hover {
color: var(--scalar-color-1);
}
.property-detail[data-v-827ea49d] {
display: inline-flex;
}
.property-detail + .property-detail[data-v-827ea49d]:before {
display: block;
content: '·';
margin: 0 0.5ch;
}
.property-detail-truncate[data-v-827ea49d] {
overflow: hidden;
}
.property-detail-truncate > .property-detail-value[data-v-827ea49d] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.property-detail-prefix[data-v-827ea49d] {
color: var(--scalar-color-2);
}
code.property-detail-value[data-v-827ea49d] {
font-family: var(--scalar-font-code);
font-size: var(--scalar-font-size-3);
color: var(--scalar-color-2);
background: var(--scalar-background-3);
padding: 0 4px;
border: 0.5px solid var(--scalar-border-color);
border-radius: var(--scalar-radius);
}
.property-example[data-v-72def0ea] {
display: flex;
flex-direction: column;
font-size: var(--scalar-mini);
position: relative;
}
.property-example[data-v-72def0ea]:hover:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 20px;
border-radius: var(--scalar-radius);
}
.property-example:hover .property-example-label span[data-v-72def0ea] {
color: var(--scalar-color-1);
}
.property-example-label span[data-v-72def0ea] {
color: var(--scalar-color-3);
position: relative;
border-bottom: var(--scalar-border-width) dotted currentColor;
}
.property-example-value[data-v-72def0ea] {
font-family: var(--scalar-font-code);
display: flex;
gap: 8px;
align-items: center;
width: 100%;
padding: 6px;
}
.property-example-value span[data-v-72def0ea] {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.property-example-value[data-v-72def0ea] svg {
color: var(--scalar-color-3);
}
.property-example-value[data-v-72def0ea]:hover svg {
color: var(--scalar-color-1);
}
.property-example-value[data-v-72def0ea] {
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-72def0ea] {
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-example:hover .property-example-value-list[data-v-72def0ea],
.property-example:focus-within .property-example-value-list[data-v-72def0ea] {
display: flex;
}
.badge[data-v-3dedb7e4] {
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;
}
.badge.text-orange[data-v-3dedb7e4] {
background: color-mix(in srgb, var(--scalar-color-orange), transparent 90%);
border: transparent;
}
.badge.text-yellow[data-v-3dedb7e4] {
background: color-mix(in srgb, var(--scalar-color-yellow), transparent 90%);
border: transparent;
}
.badge.text-red[data-v-3dedb7e4] {
background: color-mix(in srgb, var(--scalar-color-red), transparent 90%);
border: transparent;
}
.badge.text-purple[data-v-3dedb7e4] {
background: color-mix(in srgb, var(--scalar-color-purple), transparent 90%);
border: transparent;
}
.badge.text-green[data-v-3dedb7e4] {
background: color-mix(in srgb, var(--scalar-color-green), transparent 90%);
border: transparent;
}
.property-heading[data-v-5d03e993] {
display: flex;
flex-wrap: wrap;
align-items: baseline;
row-gap: 9px;
white-space: nowrap;
}
.property-heading[data-v-5d03e993]:has(+ .children),
.property-heading[data-v-5d03e993]:has(+ .property-rule) {
margin-bottom: 9px;
}
.property-heading[data-v-5d03e993] > * {
margin-right: 9px;
}
.property-heading[data-v-5d03e993]:last-child {
margin-right: 0;
}
.property-heading > .property-detail[data-v-5d03e993]:not(:last-of-type) {
margin-right: 0;
}
.property-name[data-v-5d03e993] {
max-width: 100%;
font-family: var(--scalar-font-code);
font-weight: var(--scalar-semibold);
font-size: var(--scalar-font-size-3);
white-space: normal;
overflow-wrap: break-word;
}
.property-additional[data-v-5d03e993] {
font-family: var(--scalar-font-code);
}
.property-required[data-v-5d03e993],
.property-optional[data-v-5d03e993] {
color: var(--scalar-color-2);
}
.property-required[data-v-5d03e993] {
font-size: var(--scalar-mini);
color: var(--scalar-color-orange);
}
.property-read-only[data-v-5d03e993] {
font-size: var(--scalar-mini);
color: var(--scalar-color-blue);
}
.property-write-only[data-v-5d03e993] {
font-size: var(--scalar-mini);
color: var(--scalar-color-green);
}
.property-discriminator[data-v-5d03e993] {
font-size: var(--scalar-mini);
color: var(--scalar-color-purple);
}
.property-detail[data-v-5d03e993] {
font-size: var(--scalar-mini);
color: var(--scalar-color-2);
display: flex;
align-items: center;
min-width: 0;
}
.property-const[data-v-5d03e993] {
color: var(--scalar-color-1);
}
.deprecated[data-v-5d03e993] {
text-decoration: line-through;
}
.property[data-v-a4c1ff0a] {
color: var(--scalar-color-1);
display: flex;
flex-direction: column;
padding: 8px;
font-size: var(--scalar-small);
position: relative;
}
/** Remove top padding for top level schema card */
.property.property--level-0[data-v-a4c1ff0a]:has(
> .property-rule
> .schema-card
> .schema-properties.schema-properties-open
> ul
> li.property
) {
padding-top: 0;
}
.property--compact.property--level-0[data-v-a4c1ff0a],
.property--compact.property--level-1[data-v-a4c1ff0a] {
padding: 8px 0;
}
.composition-panel .property.property.property.property--level-0[data-v-a4c1ff0a] {
padding: 0px;
}
.property--compact.property--level-0
.composition-panel
.property--compact.property--level-1[data-v-a4c1ff0a] {
padding: 8px;
}
/* if a property doesn't have a heading, remove the top padding */
.property[data-v-a4c1ff0a]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
padding-top: 8px;
padding-bottom: 8px;
}
.property--deprecated[data-v-a4c1ff0a] {
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-a4c1ff0a] > * {
opacity: 0.75;
}
.property-description[data-v-a4c1ff0a] {
margin-top: 6px;
line-height: 1.4;
font-size: var(--scalar-small);
}
.property-description[data-v-a4c1ff0a]:has(+ .property-rule) {
margin-bottom: 9px;
}
[data-v-a4c1ff0a] .property-description * {
color: var(--scalar-color-2) !important;
}
.property[data-v-a4c1ff0a]:not(:last-of-type) {
border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
}
.property-description + .children[data-v-a4c1ff0a],
.children + .property-rule[data-v-a4c1ff0a] {
margin-top: 9px;
}
.children[data-v-a4c1ff0a] {
display: flex;
flex-direction: column;
}
.children .property--compact.property--level-1[data-v-a4c1ff0a] {
padding: 12px;
}
.property-example-value[data-v-a4c1ff0a] {
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-a4c1ff0a] {
border-radius: var(--scalar-radius-lg);
display: flex;
flex-direction: column;
}
.property-rule[data-v-a4c1ff0a]
.composition-panel .schema-card .schema-properties.schema-properties-open
{
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.property-rule[data-v-a4c1ff0a]
.composition-panel > .schema-card > .schema-card-description {
padding-left: 8px;
padding-right: 8px;
border-left: 1px solid var(--scalar-border-color);
border-right: 1px solid var(--scalar-border-color);
& + .schema-properties {
margin-top: 0;
}
}
.property-example[data-v-a4c1ff0a] {
background: transparent;
border: none;
display: flex;
flex-direction: row;
gap: 8px;
}
.property-example-label[data-v-a4c1ff0a],
.property-example-value[data-v-a4c1ff0a] {
padding: 3px 0 0 0;
}
.property-example-value[data-v-a4c1ff0a] {
background: var(--scalar-background-2);
border-top: 0;
border-radius: var(--scalar-radius);
padding: 3px 4px;
}
.property-name[data-v-a4c1ff0a] {
font-family: var(--scalar-font-code);
font-weight: var(--scalar-semibold);
}
.property-name-additional-properties[data-v-a4c1ff0a]::before,
.property-name-pattern-properties[data-v-a4c1ff0a]::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: 1px solid var(--scalar-border-color);
background-color: var(--scalar-background-2);
margin-right: 4px;
}
.property-name-pattern-properties[data-v-a4c1ff0a]::before {
content: 'regex';
}
.property-name-additional-properties[data-v-a4c1ff0a]::before {
content: 'unknown';
}
.section-header-label[data-v-f1ac6c38] {
display: inline;
}
.reference-models-anchor[data-v-161968a4] {
display: flex;
align-items: center;
font-size: 20px;
padding-left: 6px;
color: var(--scalar-color-1);
}
.reference-models-label[data-v-161968a4] {
display: block;
font-size: var(--scalar-mini);
}
/* Style the "icon" */
.reference-models-label[data-v-161968a4] em {
font-weight: var(--scalar-bold);
}
.section[data-v-be4443e9] {
position: relative;
display: flex;
flex-direction: column;
max-width: var(--refs-content-max-width);
margin: auto;
padding: 90px 0;
/* Offset by header height to line up scroll position */
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);
}
.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;
}
.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;
}
}
.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;
}
}
.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;
}
}
.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;
}
}
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
.section-header-wrapper[data-v-465a7a78] {
grid-template-columns: 1fr;
display: grid;
}
@media (min-width: 1200px) {
.section-header-wrapper[data-v-465a7a78] {
grid-template-columns: repeat(2, 1fr);
}
}
.section-header[data-v-465a7a78] {
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;
margin-bottom: 12px;
line-height: 1.45;
}
.section-header.tight[data-v-465a7a78] {
margin-bottom: 6px;
}
.section-header.loading[data-v-465a7a78] {
width: 80%;
}
.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;
}
.headers-card[data-v-6fb09984] {
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-6fb09984] {
align-self: initial;
}
.headers-card-title[data-v-6fb09984] {
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-6fb09984] {
cursor: pointer;
}
button.headers-card-title[data-v-6fb09984]:hover {
color: var(--scalar-color-1);
}
.headers-card-title-icon--open[data-v-6fb09984] {
transform: rotate(45deg);
}
.headers-properties[data-v-6fb09984] {
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-6fb09984] {
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-6fb09984] {
border-radius: var(--scalar-radius-lg);
width: 100%;
}
.headers-card .property[data-v-6fb09984]:last-of-type {
padding-bottom: 10px;
}
.headers-card-title > .headers-card-title-icon[data-v-6fb09984] {
width: 10px;
height: 10px;
margin: 0;
}
.headers-card-title > .headers-card-title-icon--open[data-v-6fb09984] {
transform: rotate(45deg);
}
.parameter-item[data-v-2b6dfab9] {
display: flex;
flex-direction: column;
border-top: var(--scalar-border-width) solid var(--scalar-border-color);
}
.parameter-item:last-of-type .parameter-schema[data-v-2b6dfab9] {
padding-bottom: 0;
}
.parameter-item-container[data-v-2b6dfab9] {
padding: 0;
}
.parameter-item-headers[data-v-2b6dfab9] {
border: var(--scalar-border-width) solid var(--scalar-border-color);
}
.parameter-item-name[data-v-2b6dfab9] {
position: relative;
font-weight: var(--scalar-semibold);
font-size: var(--scalar-font-size-3);
font-family: var(--scalar-font-code);
color: var(--scalar-color-1);
overflow-wrap: break-word;
}
.parameter-item-description[data-v-2b6dfab9],
.parameter-item-description-summary[data-v-2b6dfab9] {
font-size: var(--scalar-mini);
color: var(--scalar-color-2);
}
.parameter-item-description-summary.parameter-item-description-summary[data-v-2b6dfab9] > * {
--markdown-line-height: 1;
}
/* Match font size of markdown for property-detail-value since first child within accordian is displayed as if it were in the markdown section */
.parameter-item-trigger
+ .parameter-item-container[data-v-2b6dfab9]
.property--level-0 > .property-heading .property-detail-value {
font-size: var(--scalar-micro);
}
.parameter-item-required-optional[data-v-2b6dfab9] {
color: var(--scalar-color-2);
font-weight: var(--scalar-semibold);
margin-right: 6px;
position: relative;
}
.parameter-item--required[data-v-2b6dfab9] {
text-transform: uppercase;
font-size: var(--scalar-micro);
font-weight: var(--scalar-semibold);
color: var(--scalar-color-orange);
}
.parameter-item-description[data-v-2b6dfab9] {
margin-top: 4px;
font-size: var(--scalar-small);
color: var(--scalar-color-2);
line-height: 1.4;
}
.parameter-item-description[data-v-2b6dfab9] p {
margin-top: 4px;
font-size: var(--scalar-small);
color: var(--scalar-color-2);
line-height: 1.4;
}
.parameter-schema[data-v-2b6dfab9] {
padding-bottom: 9px;
margin-top: 3px;
}
.parameter-item-trigger[data-v-2b6dfab9] {
display: flex;
align-items: baseline;
gap: 6px;
flex-wrap: wrap;
padding: 12px 0;
outline: none;
}
.parameter-item-trigger-open[data-v-2b6dfab9] {
padding-bottom: 0;
}
.parameter-item-trigger[data-v-2b6dfab9]:after {
content: '';
position: absolute;
height: 10px;
width: 100%;
bottom: 0;
}
.parameter-item-icon[data-v-2b6dfab9] {
color: var(--scalar-color-3);
left: -19px;
top: 0.5lh;
translate: 0 -50%;
position: absolute;
}
.parameter-item-trigger:hover .parameter-item-icon[data-v-2b6dfab9],
.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-2b6dfab9] {
color: var(--scalar-color-1);
}
.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-2b6dfab9] {
outline: 1px solid var(--scalar-color-accent);
outline-offset: 2px;
border-radius: var(--scalar-radius);
}
.request-body[data-v-e9972a68] {
margin-top: 24px;
}
.request-body-header[data-v-e9972a68] {
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-e9972a68] {
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-e9972a68] {
font-size: var(--scalar-micro);
color: var(--scalar-color-orange);
font-weight: normal;
}
.request-body-description[data-v-e9972a68] {
margin-top: 6px;
font-size: var(--scalar-small);
width: 100%;
}
.request-body-header
+ .request-body-schema[data-v-e9972a68]:has(> .schema-card > .schema-card-description),
.request-body-header
+ .request-body-schema[data-v-e9972a68]:has(
> .schema-card > .schema-properties > * > .property--level-0
) {
/** Add a bit of space between the heading border and the schema description or properties */
padding-top: 8px;
}
.request-body-description[data-v-e9972a68] .markdown * {
color: var(--scalar-color-2) !important;
}
.callback-sticky-offset[data-v-102d2096] {
top: var(--refs-viewport-offset, 0px);
z-index: 1;
}
.callback-operation-container[data-v-102d2096] .request-body,
.callback-operation-container[data-v-102d2096] .request-body-description,
.callback-operation-container[data-v-102d2096] .request-body-header {
margin-top: 0;
}
.callback-operation-container[data-v-102d2096] .request-body-header {
--scalar-font-size-2: var(--scalar-font-size-4);
padding: 8px;
border-bottom: none;
border: 0.5px solid var(--scalar-border-color);
border-radius: var(--scalar-radius-lg) var(--scalar-radius-lg) 0 0;
background: color-mix(in srgb, var(--scalar-background-2) 50%, transparent);
}
.callback-operation-container[data-v-102d2096]
.request-body-schema > .schema-card > .schema-card-description {
padding-inline: 8px;
}
.callback-operation-container[data-v-102d2096] ul li.property.property--level-1 {
padding: 8px;
}
.callback-operation-container[data-v-102d2096] .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-102d2096] .parameter-list {
margin-top: 0;
}
.callback-operation-container[data-v-102d2096] .parameter-list-title {
background: color-mix(in srgb, var(--scalar-background-2) 50%, transparent);
border-radius: var(--scalar-radius-lg) var(--scalar-radius-lg) 0 0;
padding: 8px;
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);
}
.callback-operation-container[data-v-102d2096] .parameter-list-items {
/* background: pink; */
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-102d2096] .parameter-list-items > li:first-of-type {
border-top: none;
}
.callback-operation-container[data-v-102d2096] .parameter-list-items > li {
padding: 0 8px;
}
.empty-state[data-v-ab9ce344] {
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-ab9ce344] {
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-ab9ce344] {
margin: 0 12px 0;
border-radius: var(--scalar-radius-lg);
}
.rule-items[data-v-ab9ce344] {
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-ab9ce344] {
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-ab9ce344]:before {
/* content: counter(list-number); */
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-c8207e48] {
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-c8207e48]:before {
content: '';
position: absolute;
z-index: 0;
left: -6px;
top: -6px;
width: calc(100% + 12px);
height: calc(100% + 12px);
border-radius: var(--scalar-radius);
background: var(--scalar-background-3);
opacity: 0;
}
.tab[data-v-c8207e48]:hover:before,
.tab[data-v-c8207e48]:focus-visible:before {
opacity: 1;
}
.tab[data-v-c8207e48]:focus-visible:before {
outline: 1px solid var(--scalar-color-accent);
}
.tab span[data-v-c8207e48] {
z-index: 1;
position: relative;
}
.tab-selected[data-v-c8207e48] {
color: var(--scalar-color-1);
font-weight: var(--scalar-semibold);
}
.tab-selected[data-v-c8207e48]:after {
content: '';
position: absolute;
background: currentColor;
width: 100%;
left: 0;
height: 1px;
bottom: calc(var(--tab-list-padding-y) * -1);
}
.tab-list[data-v-fec8fbbb] {
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-fec8fbbb] {
padding: 0;
}
.response-card[data-v-b2851076] {
font-size: var(--scalar-font-size-3);
}
.markdown[data-v-b2851076] * {
margin: 0;
}
.code-copy[data-v-b2851076] {
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-b2851076]:hover {
color: var(--scalar-color-1);
}
.code-copy svg[data-v-b2851076] {
width: 13px;
height: 13px;
}
.response-card-footer[data-v-b2851076] {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-shrink: 0;
padding: 7px 12px;
gap: 8px;
}
.response-example-selector[data-v-b2851076] {
align-self: flex-start;
margin: -4px;
}
.response-description[data-v-b2851076] {
font-weight: var(--scalar-semibold);
font-size: var(--scalar-small);
color: var(--scalar-color--1);
display: flex;
align-items: center;
box-sizing: border-box;
}
.schema-type[data-v-b2851076] {
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-b2851076] {
font-size: var(--scalar-micro);
color: var(--scalar-color-2);
font-weight: var(--scalar-semibold);
}
.example-response-tab[data-v-b2851076] {
display: block;
margin: 6px;
}
.scalar-card-checkbox[data-v-b2851076] {
display: flex;
align-items: center;
justify-content: center;
position: relative;
min-height: 17px;
cursor: pointer;
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-b2851076] {
outline: 1px solid var(--scalar-color-accent);
}
.scalar-card-checkbox[data-v-b2851076]:hover {
color: var(--scalar-color--1);
}
.scalar-card-checkbox .scalar-card-checkbox-input[data-v-b2851076] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.scalar-card-checkbox-checkmark[data-v-b2851076] {
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-b2851076]: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-b2851076] {
background-color: var(--scalar-button-1);
box-shadow: none;
}
.scalar-card-checkbox-checkmark[data-v-b2851076]:after {
content: '';
position: absolute;
display: none;
}
.scalar-card-checkbox
.scalar-card-checkbox-input:checked
~ .scalar-card-checkbox-checkmark[data-v-b2851076]:after {
display: block;
}
.scalar-card-checkbox .scalar-card-checkbox-checkmark[data-v-b2851076]: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);
}
.icons-only[data-v-0939d4d9] span {
display: none;
}
.show-api-client-button[data-v-e851edeb] {
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-e851edeb],
.show-api-client-button svg[data-v-e851edeb] {
fill: currentColor;
color: var(--scalar-button-1-color);
z-index: 1;
}
.show-api-client-button[data-v-e851edeb]:hover {
background: var(--scalar-button-1-hover);
}
.show-api-client-button svg[data-v-e851edeb] {
margin-right: 4px;
}
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
.operation-title[data-v-727857de] {
justify-content: space-between;
display: flex;
}
.operation-details[data-v-727857de] {
flex-shrink: 1;
align-items: center;
gap: 9px;
min-width: 0;
margin-top: 0;
display: flex;
}
.operation-details[data-v-727857de] .endpoint-anchor .scalar-button svg {
width: 16px;
height: 16px;
}
.endpoint-type[data-v-727857de] {
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-727857de]:after {
content: "";
z-index: -1;
opacity: .15;
border-radius: var(--scalar-radius);
background: currentColor;
position: absolute;
inset: 0;
}
.endpoint-anchor[data-v-727857de] {
flex-shrink: 1;
align-items: center;
min-width: 0;
display: flex;
}
.endpoint-anchor.label[data-v-727857de] {
display: flex;
}
.endpoint-label[data-v-727857de] {
min-width: 0;
color: var(--scalar-color-1);
flex-shrink: 1;
align-items: baseline;
gap: 9px;
display: flex;
}
.endpoint-label-path[data-v-727857de] {
font-family: var(--scalar-font-code);
font-size: var(--scalar-mini);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.endpoint-label-path[data-v-727857de] em {
color: var(--scalar-color-2);
}
.endpoint-label-name[data-v-727857de] {
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-727857de] {
flex-shrink: 0;
padding: 2px;
}
.endpoint-copy[data-v-727857de] {
color: currentColor;
}
.endpoint-copy[data-v-727857de] svg {
stroke-width: 2px;
}
.endpoint-content[data-v-727857de] {
grid-auto-columns: 1fr;
grid-auto-flow: row;
gap: 9px;
padding: 9px;
display: grid;
}
@media (min-width: 1000px) {
.endpoint-content[data-v-727857de] {
grid-auto-flow: column;
}
}
@container (max-width: 900px) {
.endpoint-content[data-v-727857de] {
grid-template-columns: 1fr;
}
}
.endpoint-content[data-v-727857de] > * {
min-width: 0;
}
.operation-details-card[data-v-727857de] {
flex-direction: column;
gap: 12px;
min-width: 0;
display: flex;
}
:is(.operation-details-card-item[data-v-727857de] .parameter-list, .operation-details-card-item[data-v-727857de] .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-727857de] {
flex-direction: column;
gap: 12px;
display: flex;
}
.operation-details-card-item[data-v-727857de] .parameter-list-items {
margin-bottom: 0;
}
.operation-details-card[data-v-727857de] .parameter-item:last-of-type .parameter-schema {
padding-bottom: 12px;
}
.operation-details-card[data-v-727857de] .parameter-list .parameter-list {
margin-bottom: 12px;
}
.operation-details-card[data-v-727857de] .parameter-item {
margin: 0;
padding: 0;
}
.operation-details-card[data-v-727857de] .property {
margin: 0;
padding: 9px;
}
:is(.operation-details-card[data-v-727857de] .parameter-list-title, .operation-details-card[data-v-727857de] .request-body-title, .operation-details-card[data-v-727857de] .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-727857de] .callback-list-item-title {
padding-left: 28px;
padding-right: 12px;
}
.operation-details-card[data-v-727857de] .callback-list-item-icon {
left: 6px;
}
.operation-details-card[data-v-727857de] .callback-operation-container {
padding-inline: 9px;
padding-bottom: 9px;
}
:is(.operation-details-card[data-v-727857de] .callback-operation-container > .request-body, .operation-details-card[data-v-727857de] .callback-operation-container > .parameter-list) {
border: none;
}
.operation-details-card[data-v-727857de] .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-727857de] .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-727857de] .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-727857de] .request-body .schema-card--level-0 > .schema-card-description {
padding-inline: 9px;
}
.operation-details-card[data-v-727857de] .request-body-header {
border-bottom: 0;
padding-bottom: 0;
}
.operation-details-card[data-v-727857de] .contents button {
margin-right: 9px;
}
.operation-details-card[data-v-727857de] .schema-card--open + .schema-card:not(.schema-card--open) {
margin-inline: 9px;
margin-bottom: 9px;
}
.operation-details-card[data-v-727857de] .request-body-schema .property--level-0 {
padding: 0;
}
.operation-details-card[data-v-727857de] .selected-content-type {
margin-right: 9px;
}
.operation-example-card[data-v-727857de] {
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-727857de] {
max-height: unset;
position: static;
}
}
@container narrow-references-container (max-width: 900px) {
.section-content--with-columns[data-v-9735459e] {
flex-direction: column;
gap: 24px;
}
}
.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-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;
}
}
.examples[data-v-6e4b7777] {
position: sticky;
top: calc(var(--refs-viewport-offset) + 24px);
}
.examples[data-v-6e4b7777] > * {
max-height: calc((var(--refs-viewport-height) - 60px) / 2);
position: relative;
}
/*
* Don't constrain card height on mobile
* (or zoomed in screens)
*/
@media (max-width: 600px) {
.examples[data-v-6e4b7777] > * {
max-height: unset;
}
}
.deprecated[data-v-6e4b7777] * {
text-decoration: line-through;
}
.tag-section[data-v-1124be5d] {
margin-bottom: 48px;
}
.tag-name[data-v-1124be5d] {
text-transform: capitalize;
}
.tag-description[data-v-1124be5d] {
padding-bottom: 4px;
text-align: left;
}
.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-f726f753] {
position: sticky;
top: calc(var(--refs-viewport-offset) + 24px);
font-size: var(--scalar-font-size-3);
}
.endpoints[data-v-f726f753] {
overflow: auto;
background: var(--scalar-background-2);
padding: 10px 12px;
width: 100%;
}
.section-container[data-v-d207e09e] {
border-top: var(--scalar-border-width) solid var(--scalar-border-color);
}
.section-container[data-v-d207e09e]:has(.show-more) {
background-color: color-mix(in srgb, var(--scalar-background-2), transparent);
}
.section-flare[data-v-2a9c8c02] {
top: 0;
right: 0;
pointer-events: none;
}
/*! tailwindcss v4.1.18 | 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)))) {
[data-v-59b5011b],[data-v-59b5011b]:before,[data-v-59b5011b]:after,[data-v-59b5011b]::backdrop {
--tw-outline-style: solid;
}
}
}
.download-container[data-v-59b5011b] {
z-index: 1;
flex-direction: column;
gap: 16px;
width: fit-content;
margin: 0 .5px 8px;
display: flex;
position: relative;
}
.download-container[data-v-59b5011b]:has(:focus-visible):before, .download-container.download-both[data-v-59b5011b]: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-59b5011b] {
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-59b5011b]: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-59b5011b]:last-of-type:before {
width: calc(100% + 15px);
}
.download-button[data-v-59b5011b]:hover:before {
background: var(--scalar-background-2);
border: var(--scalar-border-width) solid var(--scalar-border-color);
}
.download-button[data-v-59b5011b]: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-59b5011b] {
--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);
-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);
-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-59b5011b] {
-webkit-text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);
-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-59b5011b] {
z-index: 1;
align-items: center;
gap: 6px;
line-height: 1.625;
display: flex;
}
.download-button:hover span[data-v-59b5011b] {
-webkit-text-decoration-color: var(--scalar-color-1, currentColor);
-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);
-webkit-text-decoration: var(--scalar-text-decoration-hover);
-webkit-text-decoration: var(--scalar-text-decoration-hover);
text-decoration: var(--scalar-text-decoration-hover);
}
.download-button[data-v-59b5011b]: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-59b5011b]:nth-of-type(2), .download-container:hover .download-button[data-v-59b5011b]: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-59b5011b] {
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-59b5011b], .download-container:hover .extension[data-v-59b5011b] {
opacity: 1;
}
.download-link[data-v-59b5011b] {
--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);
-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);
-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-59b5011b] {
-webkit-text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);
-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-59b5011b]:hover {
--font-color: var(--scalar-link-color, var(--scalar-color-accent));
-webkit-text-decoration-color: var(--font-color);
-webkit-text-decoration-color: var(--font-color);
text-decoration-color: var(--font-color);
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
/* Modern layout */
.introduction-card[data-v-a8605b85] {
display: flex;
flex-direction: column;
}
.introduction-card-row[data-v-a8605b85] {
gap: 24px;
}
/* Classic layout */
@media (min-width: 600px) {
.introduction-card-row[data-v-a8605b85] {
flex-flow: row wrap;
}
}
.introduction-card-row[data-v-a8605b85] > * {
flex: 1;
}
@media (min-width: 600px) {
.introduction-card-row[data-v-a8605b85] > * {
min-width: min-content;
}
}
@media (max-width: 600px) {
.introduction-card-row[data-v-a8605b85] > * {
max-width: 100%;
}
}
@container (max-width: 900px) {
.introduction-card-row[data-v-a8605b85] {
flex-direction: column;
align-items: stretch;
gap: 0px;
}
}
.introduction-card[data-v-a8605b85] .security-scheme-label {
text-transform: uppercase;
font-weight: var(--scalar-semibold);
}
.introduction-card-row[data-v-a8605b85] .scalar-card:nth-of-type(2) .scalar-card-header {
display: none;
}
.introduction-card-row[data-v-a8605b85] .scalar-card:nth-of-type(2) .scalar-card-header {
display: none;
}
.introduction-card-row[data-v-a8605b85]
.scalar-card:nth-of-type(2)
.scalar-card-header.scalar-card--borderless
+ .scalar-card-content
{
margin-top: 0;
}
.references-classic .introduction-description[data-v-fe80002d] img {
max-width: 720px;
}
.sticky-cards[data-v-0b1e2255] {
display: flex;
flex-direction: column;
position: sticky;
top: calc(var(--refs-viewport-offset) + 24px);
}
.introduction-card-item[data-v-708aae59] {
display: flex;
margin-bottom: 12px;
flex-direction: column;
justify-content: start;
}
.introduction-card-item[data-v-708aae59]:has(.description) .server-form-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.introduction-card-item[data-v-708aae59] .request-item {
border-bottom: 0;
}
.client-libraries-content[data-v-6a49c111] {
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-6a49c111] {
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;
user-select: none;
}
.client-libraries[data-v-6a49c111]: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-6a49c111]:active {
color: var(--scalar-color-1);
}
.client-libraries[data-v-6a49c111]:focus-visible {
outline: none;
box-shadow: inset 0 0 0 1px var(--scalar-color-accent);
}
/* remove php and c on mobile */
@media screen and (max-width: 450px) {
.client-libraries[data-v-6a49c111]:nth-of-type(4),
.client-libraries[data-v-6a49c111]:nth-of-type(5) {
display: none;
}
}
.client-libraries-icon[data-v-6a49c111] {
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-6a49c111] {
height: initial;
}
@container client-libraries-content (width < 400px) {
.client-libraries__select {
&[data-v-6a49c111] {
width: fit-content;
}
.client-libraries-icon__more + span[data-v-6a49c111] {
display: none;
}
}
}
@container client-libraries-content (width < 380px) {
.client-libraries[data-v-6a49c111] {
width: 100%;
}
.client-libraries span[data-v-6a49c111] {
display: none;
}
}
.client-libraries__active[data-v-6a49c111] {
color: var(--scalar-color-1);
border-bottom: 1px solid var(--scalar-color-1);
}
@keyframes codeloader-6a49c111 {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.client-libraries .client-libraries-text[data-v-6a49c111] {
font-size: var(--scalar-small);
position: relative;
display: flex;
align-items: center;
}
.client-libraries__active .client-libraries-text[data-v-6a49c111] {
color: var(--scalar-color-1);
font-weight: var(--scalar-semibold);
}
@media screen and (max-width: 600px) {
.references-classic .client-libraries[data-v-6a49c111] {
flex-direction: column;
}
}
.selected-client[data-v-e59e2ca0] {
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-lg);
border-bottom-right-radius: var(--scalar-radius-lg);
min-height: fit-content;
}
.client-libraries-heading[data-v-e59e2ca0] {
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-lg);
border-top-right-radius: var(--scalar-radius-lg);
}
[data-v-e59e2ca0] .scalar-codeblock-pre .hljs {
margin-top: 8px;
}
.narrow-references-container {
container-name: narrow-references-container;
container-type: inline-size;
}
.ref-search-meta[data-v-c1c368f9] {
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);
}
/*! tailwindcss v4.1.18 | 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-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-divide-x-reverse: 0;
--tw-border-style: solid;
--tw-divide-y-reverse: 0;
--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-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-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-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-content: "";
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-space-x-reverse: 0;
}
}
}
@layer scalar-base {
@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;
}
}
@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%);
}
}
@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%);
}
}
@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%);
}
}
@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%);
}
}
@supports (color: color-mix(in lab, red, red)) {
.dark-mode {
--scalar-tooltip-background: color-mix(in srgb, var(--scalar-background-1), #fff 10%);
}
}
@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%);
}
}
@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%);
}
}
@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-out: cubic-bezier(.4, 0, .2, 1);
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
@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;
}
}
@supports (color: color-mix(in lab,red,red)) {
.light-mode {
--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-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-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);
}
}
@supports (color: color-mix(in lab,red,red)) {
.light-mode {
--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-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-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%);
}
}
}
@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;
}
}
@supports (color: color-mix(in lab,red,red)) {
.light-mode {
--scalar-color-alert: var(--scalar-color-orange);
}
@supports (color: color-mix(in lab,red,red)) {
.light-mode {
--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: 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: 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: 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-tooltip-background: var(--scalar-background-1);
}
@supports (color: color-mix(in lab,red,red)) {
.dark-mode {
--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-color-danger: var(--scalar-color-red);
}
@supports (color: color-mix(in lab,red,red)) {
.dark-mode {
--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: 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: 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;
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
@supports (color: color-mix(in lab,red,red)) {
@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%);
}
}
@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%);
}
}
@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%);
}
}
@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%);
}
}
@supports (color: color-mix(in lab, red, red)) {
.dark-mode {
--scalar-tooltip-background: color-mix(in srgb, var(--scalar-background-1), #fff 10%);
}
}
@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%);
}
}
@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%);
}
}
@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%);
}
}
.light-mode {
--scalar-color-alert: var(--scalar-color-orange);
}
@supports (color: color-mix(in lab,red,red)) {
.light-mode {
--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: 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: 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: 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-tooltip-background: var(--scalar-background-1);
}
@supports (color: color-mix(in lab,red,red)) {
.dark-mode {
--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-color-danger: var(--scalar-color-red);
}
@supports (color: color-mix(in lab,red,red)) {
.dark-mode {
--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: 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: 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%);
}
}
}
}
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", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
--scalar-font-code: "JetBrains Mono", ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans 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;
}
.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: #ffffffe6;
--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: transparent;
--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: #ffffffe6;
--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: var(--scalar-color-orange);
}
@supports (color: color-mix(in lab,red,red)) {
.light-mode {
--scalar-color-alert: var(--scalar-color-orange);
}
@supports (color: color-mix(in lab,red,red)) {
.light-mode {
--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: var(--scalar-color-red);
}
@supports (color: color-mix(in lab,red,red)) {
.light-mode {
--scalar-color-danger: var(--scalar-color-red);
}
@supports (color: color-mix(in lab,red,red)) {
.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: var(--scalar-color-orange);
}
@supports (color: color-mix(in lab,red,red)) {
.light-mode {
--scalar-background-alert: var(--scalar-color-orange);
}
@supports (color: color-mix(in lab,red,red)) {
.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: var(--scalar-color-red);
}
@supports (color: color-mix(in lab,red,red)) {
.light-mode {
--scalar-background-danger: var(--scalar-color-red);
}
@supports (color: color-mix(in lab,red,red)) {
.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: var(--scalar-background-1);
}
@supports (color: color-mix(in lab,red,red)) {
.dark-mode {
--scalar-tooltip-background: var(--scalar-background-1);
}
@supports (color: color-mix(in lab,red,red)) {
.dark-mode {
--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: var(--scalar-color-red);
}
@supports (color: color-mix(in lab,red,red)) {
.dark-mode {
--scalar-color-danger: var(--scalar-color-red);
}
@supports (color: color-mix(in lab,red,red)) {
.dark-mode {
--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: var(--scalar-color-orange);
}
@supports (color: color-mix(in lab,red,red)) {
.dark-mode {
--scalar-background-alert: var(--scalar-color-orange);
}
@supports (color: color-mix(in lab,red,red)) {
.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: var(--scalar-color-red);
}
@supports (color: color-mix(in lab,red,red)) {
.dark-mode {
--scalar-background-danger: var(--scalar-color-red);
}
@supports (color: color-mix(in lab,red,red)) {
.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;
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--leading-normal: 1.5;
}
body {
background-color: var(--scalar-background-1);
margin: 0;
}
}
@layer scalar-theme;
: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;
-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;
}
.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;
}
@media (pointer: coarse) {
.scalar-app .cm-scroller, .scalar-app .custom-scroll {
padding-right: 12px;
}
}
.scalar-app .\@container {
container-type: inline-size;
}
.scalar-app .-top-2 {
top: -8px;
}
.scalar-app .top-3\.5 {
top: 14px;
}
.scalar-app .-left-4\.5 {
left: -18px;
}
.scalar-app .-left-5 {
left: -20px;
}
.scalar-app .z-10 {
z-index: 10;
z-index: 10;
}
.scalar-app .z-1000 {
z-index: 1000;
}
.scalar-app .order-789 {
order: 789;
}
@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-1 {
margin: -4px;
}
.scalar-app .-m-2 {
margin: -8px;
}
.scalar-app .-mx-2 {
margin-inline: -8px;
}
.scalar-app .my-2 {
margin-block: 8px;
}
.scalar-app .my-3 {
margin-block: 12px;
}
.scalar-app .-mt-1 {
margin-top: -4px;
}
.scalar-app .mt-6 {
margin-top: 24px;
}
.scalar-app .mb-3 {
margin-bottom: 12px;
}
.scalar-app .size-4\.5 {
width: 18px;
height: 18px;
}
.scalar-app .h-\[calc\(100\%\+16px\)\] {
height: calc(100% + 16px);
}
.scalar-app .h-\[var\(--scalar-header-height\)\] {
height: var(--scalar-header-height);
}
.scalar-app .max-h-\[60vh\] {
max-height: 60vh;
}
.scalar-app .min-h-3 {
min-height: 12px;
}
.scalar-app .min-h-7 {
min-height: 28px;
}
.scalar-app .min-h-dvh {
min-height: 100dvh;
}
.scalar-app .w-0 {
width: 0;
}
.scalar-app .w-4\.5 {
width: 18px;
}
.scalar-app .w-96 {
width: 384px;
}
.scalar-app .w-110 {
width: 440px;
}
.scalar-app .w-120 {
width: 480px;
}
.scalar-app .max-w-\(--refs-content-max-width\) {
max-width: var(--refs-content-max-width);
}
.scalar-app .max-w-64 {
max-width: 256px;
}
.scalar-app .min-w-3 {
min-width: 12px;
}
.scalar-app .min-w-7 {
min-width: 28px;
}
.scalar-app .rotate-45 {
rotate: 45deg;
}
.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 .content-end {
align-content: flex-end;
}
.scalar-app .gap-7 {
gap: 28px;
}
.scalar-app .overflow-x-scroll {
overflow-x: scroll;
}
.scalar-app .rounded-b-none {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.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 .p-7 {
padding: 28px;
}
.scalar-app .px-15 {
padding-inline: 60px;
}
.scalar-app .py-2\.25 {
padding-block: 9px;
}
.scalar-app .pt-1\.5 {
padding-top: 6px;
}
.scalar-app .pb-12 {
padding-bottom: 48px;
}
.scalar-app .leading-\[1\.45\] {
--tw-leading: 1.45;
line-height: 1.45;
}
.scalar-app .leading-relaxed {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.scalar-app .text-current {
color: currentColor;
}
.scalar-app .italic {
font-style: italic;
}
.scalar-app .\[--scalar-address-bar-height\:0px\] {
--scalar-address-bar-height: 0px;
}
.scalar-app .\[grid-area\:header\] {
grid-area: header;
}
.scalar-app .\[grid-area\:navigation\] {
grid-area: navigation;
}
:is(.scalar-app .\*\:\!p-0 > *) {
padding: 0 !important;
}
.scalar-app .group-last\:mr-0:is(:where(.group):last-child *) {
margin-right: 0;
}
.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\/parameter-item\:w-auto:is(:where(.group\/parameter-item):focus-within *) {
width: auto;
}
@media (hover: hover) {
.scalar-app .group-hover\:flex:is(:where(.group):hover *) {
display: flex;
}
.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 *), .scalar-app .group-hover\/heading\:opacity-100:is(:where(.group\/heading):hover *) {
opacity: 1;
}
.scalar-app .group-hover\/parameter-item\:w-auto:is(:where(.group\/parameter-item):hover *) {
width: auto;
}
}
.scalar-app .group-has-focus-visible\/heading\:opacity-100:is(:where(.group\/heading):has(:focus-visible) *) {
opacity: 1;
}
.scalar-app .empty\:hidden:empty {
display: none;
}
@media (hover: hover) {
.scalar-app .hover\:bg-b-2:hover {
background-color: var(--scalar-background-2);
}
.scalar-app .hover\:text-c-1:hover {
color: var(--scalar-color-1);
}
}
.scalar-app .has-focus\:outline:has(:focus) {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
@media (min-width: 1200px) {
.scalar-app .xl\:mb-1\.5 {
margin-bottom: 6px;
}
.scalar-app .xl\:gap-12 {
gap: 48px;
}
.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\:first\:ml-auto:first-child {
margin-left: auto;
}
}
.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;
}
@media (pointer: coarse) {
.scalar-app .cm-scroller, .scalar-app .custom-scroll {
padding-right: 12px;
}
}
@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;
}
}
@supports (color: color-mix(in lab,red,red)) {
.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));
}
}
}
@supports (background-image: linear-gradient(in lab,red,red)) {
.scalar-app .bg-linear-to-b {
--tw-gradient-position: to bottom in oklab;
}
}
@supports (color: color-mix(in lab,red,red)) {
.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));
}
}
: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));
}
}
}
@media (hover: hover) {
.scalar-app .group-hover\:text-c-1:is(:where(.group):hover *) {
color: var(--scalar-color-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-1:is(:where(.group\/button):hover *) {
color: var(--scalar-color-1);
}
.scalar-app .group-hover\/code-block\:opacity-100:is(:where(.group\/code-block):hover *) {
opacity: 1;
}
.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-h-btn:hover {
background-color: var(--scalar-button-1-hover);
}
.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-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\: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, );
}
}
@media (min-width: 800px) {
.scalar-app .md\:w-\[calc\(100vw-16px\)\] {
width: calc(100vw - 16px);
}
}
@media (min-width: 1000px) {
.scalar-app .lg\:w-\[calc\(100vw-32px\)\] {
width: calc(100vw - 32px);
}
.scalar-app .lg\:w-full {
width: 100%;
}
}
@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;
}
}
@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));
}
}
@media (max-width: 720px) and (max-height: 480px) {
.scalar-app .zoomed\:\!whitespace-normal {
white-space: normal !important;
}
}
@property --tw-divide-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-divide-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-gradient-position {
syntax: "*";
inherits: false
}
@property --tw-gradient-from {
syntax: "<color>";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-via {
syntax: "<color>";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-to {
syntax: "<color>";
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: "<length-percentage>";
inherits: false;
initial-value: 0%;
}
@property --tw-gradient-via-position {
syntax: "<length-percentage>";
inherits: false;
initial-value: 50%;
}
@property --tw-gradient-to-position {
syntax: "<length-percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-ease {
syntax: "*";
inherits: false
}
@keyframes fade-in-27df5cd8 {
0% {
opacity: 0;
}
70% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes rotate-27df5cd8 {
0% {
transform: scale(3.5)rotate(0);
}
to {
transform: scale(3.5)rotate(360deg);
}
}
.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);
-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);
-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);
-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);
-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);
-webkit-text-decoration: var(--scalar-text-decoration-hover);
-webkit-text-decoration: var(--scalar-text-decoration-hover);
text-decoration: var(--scalar-text-decoration-hover);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .markdown .markdown-alert {
background-color: color-mix(in srgb, var(--scalar-background-2), transparent);
}
}
@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%);
}
}
@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%);
}
}
@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%);
}
}
@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%);
}
}
@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%);
}
}
@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%);
}
}
@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%);
}
}
@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%);
}
}
@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%);
}
}
@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%);
}
}
@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
}
@media (max-width: 720px) and (max-height: 480px) {
.scalar-modal-layout .scalar-modal[data-v-c1e93776] {
max-height: 90svh;
margin-top: 5svh;
}
}
@keyframes fadein-layout-c1e93776 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadein-modal-c1e93776 {
0% {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translate(0);
}
}
@media (min-width: 800px) {
.full-size-styles[data-v-c1e93776] {
width: 50dvw !important;
}
}
@media (hover: hover) {
.scalar-app .group-hover\/button\:opacity-0:is(:where(.group\/button):hover *) {
opacity: 0;
}
.scalar-app .group-hover\/group-button\:flex:is(:where(.group\/group-button):hover *) {
display: flex;
}
.scalar-app .group-hover\/group-button\:hidden:is(:where(.group\/group-button):hover *) {
display: none;
}
.scalar-app .peer-hover\/button\:opacity-100:is(:where(.peer\/button):hover ~ *), .scalar-app .hover\:opacity-100:hover {
opacity: 1;
}
}
@media (pointer: coarse) {
.scalar-app .cm-scroller, .scalar-app .custom-scroll {
padding-right: 12px;
}
}
@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;
}
}
@supports (color: color-mix(in lab,red,red)) {
.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: 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));
}
}
}
}
@supports (background-image: linear-gradient(in lab,red,red)) {
.scalar-app .bg-linear-to-b {
--tw-gradient-position: to bottom in oklab;
}
}
@supports (color: color-mix(in lab,red,red)) {
.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: 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));
}
}
}
: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: 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));
}
}
}
}
@media (hover: hover) {
.scalar-app .group-hover\:text-c-1:is(:where(.group):hover *) {
color: var(--scalar-color-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-1:is(:where(.group\/button):hover *) {
color: var(--scalar-color-1);
}
.scalar-app .group-hover\/code-block\:opacity-100:is(:where(.group\/code-block):hover *) {
opacity: 1;
}
.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-h-btn:hover {
background-color: var(--scalar-button-1-hover);
}
.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-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\: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, );
}
}
@media (min-width: 800px) {
.scalar-app .md\:w-\[calc\(100vw-16px\)\] {
width: calc(100vw - 16px);
}
}
@media (min-width: 1000px) {
.scalar-app .lg\:w-\[calc\(100vw-32px\)\] {
width: calc(100vw - 32px);
}
.scalar-app .lg\:w-full {
width: 100%;
}
}
@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;
}
}
@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));
}
}
@media (max-width: 720px) and (max-height: 480px) {
.scalar-app .zoomed\:\!whitespace-normal {
white-space: normal !important;
}
}
@supports (color: color-mix(in lab,red,red)) {
.scalar-app .markdown a {
-webkit-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);
}
}
.scalar-app .markdown a {
-webkit-text-decoration-color: var(--font-color);
-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);
-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 .markdown-alert {
background-color: var(--scalar-background-2);
}
@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.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-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-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-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%);
}
}
}
@media (max-width: 720px) and (max-height: 480px) {
.scalar-modal-layout .scalar-modal[data-v-c1e93776] {
max-height: 90svh;
margin-top: 5svh;
}
}
@media (min-width: 800px) {
.full-size-styles[data-v-c1e93776] {
width: 50dvw !important;
}
}
@property --tw-content {
syntax: "*";
inherits: false;
initial-value: "";
}
@supports (color: color-mix(in lab,red,red)) {
.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: 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 .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: 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));
}
}
}
: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: 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));
}
}
}
}
@media (hover: hover) {
.scalar-app .group-hover\:text-c-1:is(:where(.group):hover *) {
color: var(--scalar-color-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-1:is(:where(.group\/button):hover *) {
color: var(--scalar-color-1);
}
.scalar-app .group-hover\/code-block\:opacity-100:is(:where(.group\/code-block):hover *) {
opacity: 1;
}
.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-h-btn:hover {
background-color: var(--scalar-button-1-hover);
}
.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-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\: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, );
}
}
@supports (color: color-mix(in lab,red,red)) {
.scalar-app .markdown a {
-webkit-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);
}
}
.scalar-app .markdown a {
-webkit-text-decoration-color: var(--font-color);
-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);
-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 .markdown-alert {
background-color: var(--scalar-background-2);
}
@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.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-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-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-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 .right-0\.75 {
right: 3px;
}
.scalar-app .ml-2 {
margin-left: 8px;
}
.scalar-app .self-start {
align-self: flex-start;
}
.scalar-app .line-through {
text-decoration-line: line-through;
}
@media (hover: hover) {
.scalar-app .group-hover\/button\:opacity-0:is(:where(.group\/button):hover *) {
opacity: 0;
}
.scalar-app .group-hover\/group-button\:flex:is(:where(.group\/group-button):hover *) {
display: flex;
}
.scalar-app .group-hover\/group-button\:hidden:is(:where(.group\/group-button):hover *) {
display: none;
}
}
.scalar-app .group-focus-visible\/button\:opacity-0:is(:where(.group\/button):focus-visible *), .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;
}
@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 .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 .focus-within\:opacity-100:focus-within {
opacity: 1;
}
@media (hover: hover) {
.scalar-app .hover\:opacity-100:hover {
opacity: 1;
}
}
.scalar-app .has-\[\&\[aria-expanded\=true\]\]\:opacity-100:has([aria-expanded="true"]) {
opacity: 1;
}
: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;
-webkit-text-decoration: 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;
}
}
.scalar-app .invisible {
visibility: hidden;
}
.scalar-app .inset-y-0 {
inset-block: 0;
}
.scalar-app .top-\(--nested-items-offset\) {
top: var(--nested-items-offset);
}
.scalar-app .top-0\.5 {
top: 2px;
}
.scalar-app .top-1\/2 {
top: 50%;
}
.scalar-app .top-22 {
top: 88px;
}
.scalar-app .top-\[1lh\] {
top: 1lh;
}
.scalar-app .top-px {
top: 1px;
}
.scalar-app .left-2 {
left: 8px;
}
.scalar-app .left-2\.5 {
left: 10px;
}
.scalar-app .left-4 {
left: 16px;
}
.scalar-app .left-10 {
left: 40px;
}
.scalar-app .left-\[calc\(4px\+var\(--scalar-sidebar-indent\)\*var\(--scalar-sidebar-level\)\)\] {
left: calc(4px + var(--scalar-sidebar-indent) * var(--scalar-sidebar-level));
}
.scalar-app .left-border {
left: var(--scalar-border-width);
}
.scalar-app .left-px {
left: 1px;
}
.scalar-app .z-tooltip {
z-index: 99999;
}
.scalar-app .-m-1\.5 {
margin: -6px;
}
.scalar-app .-m-px {
margin: -1px;
}
.scalar-app .m-1 {
margin: 4px;
}
.scalar-app .-mx-0\.75 {
margin-inline: -3px;
}
.scalar-app .-mx-px {
margin-inline: -1px;
}
.scalar-app .mx-px {
margin-inline: 1px;
}
.scalar-app .-my-1\.5 {
margin-block: -6px;
}
.scalar-app .-my-2 {
margin-block: -8px;
}
.scalar-app .my-0\.75 {
margin-block: 3px;
}
.scalar-app .-mt-1\.5 {
margin-top: -6px;
}
.scalar-app .mt-0 {
margin-top: 0;
}
.scalar-app .mt-\[15svh\] {
margin-top: 15svh;
}
.scalar-app .mt-\[20svh\] {
margin-top: 20svh;
}
.scalar-app .-mr-0\.25 {
margin-right: -1px;
}
.scalar-app .mr-0 {
margin-right: 0;
}
.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 .-ml-0\.75 {
margin-left: -3px;
}
.scalar-app .line-clamp-\(--markdown-clamp\) {
-webkit-line-clamp: var(--markdown-clamp);
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.scalar-app .\!hidden {
display: none !important;
}
.scalar-app .size-2 {
width: 8px;
height: 8px;
}
.scalar-app .size-2\.75 {
width: 11px;
height: 11px;
}
.scalar-app .size-3\.25 {
width: 13px;
height: 13px;
}
.scalar-app .size-60 {
width: 240px;
height: 240px;
}
.scalar-app .size-\[23px\] {
width: 23px;
height: 23px;
}
.scalar-app .h-0 {
height: 0;
}
.scalar-app .h-1 {
height: 4px;
}
.scalar-app .h-24 {
height: 96px;
}
.scalar-app .h-32 {
height: 128px;
}
.scalar-app .h-\[1lh\] {
height: 1lh;
}
.scalar-app .h-border {
height: var(--scalar-border-width);
}
.scalar-app .h-dvh {
height: 100dvh;
}
.scalar-app .max-h-20 {
max-height: 80px;
}
.scalar-app .max-h-\[80svh\] {
max-height: 80svh;
}
.scalar-app .max-h-\[90svh\] {
max-height: 90svh;
}
.scalar-app .max-h-dvh {
max-height: 100dvh;
}
.scalar-app .max-h-radix-popper {
max-height: calc(var(--radix-popper-available-height) - 8px);
}
.scalar-app .min-h-96 {
min-height: 384px;
}
.scalar-app .min-h-header {
min-height: 48px;
}
.scalar-app .w-12 {
width: 48px;
}
.scalar-app .w-24 {
width: 96px;
}
.scalar-app .w-32 {
width: 128px;
}
.scalar-app .w-40 {
width: 160px;
}
.scalar-app .w-48 {
width: 192px;
}
.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-border {
width: var(--scalar-border-width);
}
.scalar-app .w-min {
width: min-content;
}
.scalar-app .w-screen {
width: 100vw;
}
.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-xs {
max-width: 320px;
}
.scalar-app .min-w-6 {
min-width: 24px;
}
.scalar-app .min-w-40 {
min-width: 160px;
}
.scalar-app .min-w-min {
min-width: min-content;
}
.scalar-app .flex-shrink, .scalar-app .shrink {
flex-shrink: 1;
}
.scalar-app .-translate-x-full {
--tw-translate-x: -100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .translate-x-2\.5 {
--tw-translate-x: 10px;
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\/2 {
--tw-translate-y: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .appearance-none {
appearance: none;
}
.scalar-app .grid-flow-col {
grid-auto-flow: column;
}
.scalar-app .\!items-end {
align-items: flex-end !important;
}
.scalar-app .\!items-start {
align-items: flex-start !important;
}
.scalar-app .items-baseline {
align-items: baseline;
}
.scalar-app .\!justify-end {
justify-content: flex-end !important;
}
.scalar-app .\!justify-start {
justify-content: flex-start !important;
}
.scalar-app .gap-2\.25 {
gap: 9px;
}
.scalar-app .gap-x-4 {
column-gap: 16px;
}
.scalar-app .gap-y-8 {
row-gap: 32px;
}
:where(.scalar-app .divide-x > :not(:last-child)) {
--tw-divide-x-reverse: 0;
border-inline-style: var(--tw-border-style);
border-inline-start-width: calc(var(--scalar-border-width) * var(--tw-divide-x-reverse));
border-inline-end-width: calc(var(--scalar-border-width) * calc(1 - var(--tw-divide-x-reverse)));
}
.scalar-app .self-end {
align-self: flex-end;
}
.scalar-app .overflow-x-clip {
overflow-x: clip;
}
.scalar-app .overflow-y-scroll {
overflow-y: scroll;
}
.scalar-app .overscroll-contain {
overscroll-behavior: contain;
}
.scalar-app .rounded-none {
border-radius: 0;
}
.scalar-app .rounded-l-none {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.scalar-app .border-1 {
border-style: var(--tw-border-style);
border-width: 1px;
}
.scalar-app .border-solid {
--tw-border-style: solid;
border-style: solid;
}
.scalar-app .border-\(--scalar-background-3\) {
border-color: var(--scalar-background-3);
}
.scalar-app .border-border {
border-color: var(--scalar-border-color);
}
.scalar-app .border-c-alert {
border-color: var(--scalar-color-alert);
}
.scalar-app .border-red {
border-color: var(--scalar-color-red);
}
.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 .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: var(--scalar-background-1);
}
@supports (color: color-mix(in lab,red,red)) {
.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: 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-alert {
background-color: var(--scalar-background-alert);
}
.scalar-app .bg-b-btn {
background-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-danger {
background-color: var(--scalar-color-danger);
}
.scalar-app .bg-inherit {
background-color: inherit;
}
.scalar-app .bg-red {
background-color: var(--scalar-color-red);
}
.scalar-app .bg-sidebar-b-search {
background-color: var(--scalar-sidebar-search-background, var(--scalar-background-2));
}
.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 .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 .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: var(--scalar-background-1);
}
@supports (color: color-mix(in lab,red,red)) {
.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: 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 .mask-repeat {
-webkit-mask-repeat: repeat;
mask-repeat: repeat;
}
.scalar-app .p-0\.25 {
padding: 1px;
}
.scalar-app .p-2\.5 {
padding: 10px;
}
.scalar-app .p-6 {
padding: 24px;
}
.scalar-app .px-3\.5 {
padding-inline: 14px;
}
.scalar-app .px-9 {
padding-inline: 36px;
}
.scalar-app .py-4 {
padding-block: 16px;
}
.scalar-app .py-\[6\.75px\] {
padding-block: 6.75px;
}
.scalar-app .pl-8 {
padding-left: 32px;
}
.scalar-app .text-base\/5 {
font-size: var(--scalar-font-size-3);
line-height: var(--scalar-line-height-5);
}
.scalar-app .text-sm\/5 {
font-size: var(--scalar-font-size-4);
line-height: var(--scalar-line-height-5);
}
.scalar-app .text-lg {
font-size: var(--scalar-font-size-2);
}
.scalar-app .leading-5 {
--tw-leading: var(--scalar-line-height-5);
line-height: var(--scalar-line-height-5);
}
.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-nowrap {
text-wrap: nowrap;
}
.scalar-app .text-wrap {
text-wrap: wrap;
}
.scalar-app .break-words, .scalar-app .wrap-break-word {
overflow-wrap: break-word;
}
.scalar-app .text-c-accent {
color: var(--scalar-color-accent);
}
.scalar-app .text-c-alert {
color: var(--scalar-color-alert);
}
.scalar-app .text-c-tooltip {
color: var(--scalar-tooltip-color);
}
.scalar-app .text-sidebar-c-1 {
color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
}
.scalar-app .text-sidebar-c-search {
color: var(--scalar-sidebar-search-color, var(--scalar-color-3));
}
.scalar-app .text-white {
color: #fff;
}
.scalar-app .opacity-40 {
opacity: .4;
}
.scalar-app .outline-offset-1 {
outline-offset: 1px;
}
.scalar-app .outline-offset-\[-1px\] {
outline-offset: -1px;
}
.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, );
}
: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 .\*\:min-w-5 > *) {
min-width: 20px;
}
:is(.scalar-app .\*\:flex-1 > *) {
flex: 1;
}
:is(.scalar-app .\*\:justify-center > *) {
justify-content: center;
}
:is(.scalar-app .\*\:gap-px > *) {
gap: 1px;
}
:is(.scalar-app .\*\:rounded > *) {
border-radius: var(--scalar-radius);
}
:is(.scalar-app .\*\:border > *) {
border-style: var(--tw-border-style);
border-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: var(--scalar-tooltip-color);
}
@supports (color: color-mix(in lab,red,red)) {
: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: 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 .\*\:text-xs > *) {
font-size: var(--scalar-font-size-5);
}
@media (hover: hover) {
.scalar-app .group-hover\:text-c-1:is(:where(.group):hover *) {
color: var(--scalar-color-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-1:is(:where(.group\/button):hover *) {
color: var(--scalar-color-1);
}
.scalar-app .group-hover\/code-block\:opacity-100:is(:where(.group\/code-block):hover *) {
opacity: 1;
}
}
.scalar-app .group-focus-visible\/toggle\:outline:is(:where(.group\/toggle):focus-visible *) {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.scalar-app .placeholder\:font-\[inherit\]::placeholder {
font-family: inherit;
}
.scalar-app .first\:rounded-t-\[inherit\]:first-child, :is(.scalar-app .\*\:first\:rounded-t-\[inherit\] > *):first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.scalar-app .last\:rounded-b-\[inherit\]:last-child, :is(.scalar-app .\*\:last\:rounded-b-\[inherit\] > *):last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.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-h-btn:hover {
background-color: var(--scalar-button-1-hover);
}
.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-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\: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-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 .active\:bg-b-btn:active {
background-color: var(--scalar-button-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 .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\]\: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;
}
@media (min-width: 800px) {
.scalar-app .md\:w-\[calc\(100vw-16px\)\] {
width: calc(100vw - 16px);
}
}
@media (min-width: 1000px) {
.scalar-app .lg\:w-\[calc\(100vw-32px\)\] {
width: calc(100vw - 32px);
}
.scalar-app .lg\:w-full {
width: 100%;
}
}
.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));
}
}
@media (max-width: 720px) and (max-height: 480px) {
.scalar-app .zoomed\:\!whitespace-normal {
white-space: normal !important;
}
}
.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: 50%;
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;
}
.scalar-code-block:hover .scalar-code-copy[data-v-e1870266] {
opacity: 100;
}
.copy-icon[data-v-e1870266], .check-icon[data-v-e1870266] {
transition: transform .15s ease-in-out;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)scale(1);
}
.copy-icon.copied[data-v-e1870266], .check-icon[data-v-e1870266] {
transform: translate(-50%, -50%)scale(0);
}
.check-icon.visible[data-v-e1870266] {
transform: translate(-50%, -50%)scale(1);
}
.scalar-code-block {
background: inherit;
padding: 10px 8px 12px 12px;
position: relative;
overflow: auto;
}
.scalar-codeblock-pre {
all: unset;
text-wrap: nowrap;
white-space-collapse: preserve;
background: none;
border-radius: 0;
width: fit-content;
margin: 0;
}
.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: translate(4px, -4px);
}
.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: translateZ(0);
}
.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: "·····";
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: 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);
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,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\" width=\"1em\" height=\"1em\"><path d=\"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z\"></path></svg>");
mask-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\" width=\"1em\" height=\"1em\"><path d=\"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z\"></path></svg>");
}
.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);
-webkit-text-decoration: var(--scalar-text-decoration);
-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);
-webkit-text-decoration-color: var(--font-color);
-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: var(--font-color);
}
@supports (color: color-mix(in lab,red,red)) {
.scalar-app .markdown a {
-webkit-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);
}
}
}
.scalar-app .markdown a {
-webkit-text-decoration-color: var(--font-color);
-webkit-text-decoration-color: var(--font-color);
-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: 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);
}
}
.scalar-app .markdown a {
-webkit-text-decoration-color: var(--font-color);
-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);
-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);
-webkit-text-decoration-color: var(--scalar-color-1, currentColor);
-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);
-webkit-text-decoration: var(--scalar-text-decoration-hover);
-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: 1px solid var(--scalar-color-1);
padding-left: var(--markdown-spacing-md);
font-weight: var(--scalar-bold);
font-size: var(--scalar-font-size-2);
margin: 0;
display: block;
}
.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: var(--scalar-background-2);
}
@supports (color: color-mix(in lab,red,red)) {
.scalar-app .markdown .markdown-alert {
background-color: var(--scalar-background-2);
}
@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: 50%;
mask-position: 50%;
-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: var(--scalar-color-blue);
}
@supports (color: color-mix(in lab,red,red)) {
.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 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 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: var(--scalar-color-2);
}
@supports (color: color-mix(in lab,red,red)) {
.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 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 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,<svg data-v-852d534d=\"\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\" class=\"icon-placeholder\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z\"></path></svg>");
mask-image: url("data:image/svg+xml,<svg data-v-852d534d=\"\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\" class=\"icon-placeholder\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z\"></path></svg>");
}
.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: 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: 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 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 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,<svg data-v-852d534d=\"\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\" class=\"icon-placeholder\"><path d=\"M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z\"></path></svg>");
mask-image: url("data:image/svg+xml,<svg data-v-852d534d=\"\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\" class=\"icon-placeholder\"><path d=\"M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z\"></path></svg>");
}
.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: var(--scalar-color-red);
}
@supports (color: color-mix(in lab,red,red)) {
.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 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 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,<svg data-v-852d534d=\"\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\" class=\"icon-placeholder\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm-8-80V80a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,172Z\"></path></svg>");
mask-image: url("data:image/svg+xml,<svg data-v-852d534d=\"\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\" class=\"icon-placeholder\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm-8-80V80a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,172Z\"></path></svg>");
}
.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: var(--scalar-color-green);
}
@supports (color: color-mix(in lab,red,red)) {
.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 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 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,<svg data-v-852d534d=\"\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\" class=\"icon-placeholder\"><path d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"></path></svg>");
mask-image: url("data:image/svg+xml,<svg data-v-852d534d=\"\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\" class=\"icon-placeholder\"><path d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"></path></svg>");
}
.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;
}
.dark-mode .scalar-dropdown-item[data-v-6660bbc5]:hover {
filter: brightness(1.1);
}
.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\/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;
}
.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-leading: var(--scalar-line-height-5);
line-height: var(--scalar-line-height-5);
--tw-font-weight: var(--scalar-semibold);
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: -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, calc(var(--scalar-border-width) * 2)) 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);
}
.dark-mode .scalar-dropdown-item[data-v-3402682d]:hover {
filter: brightness(1.1);
}
.scalar-modal-layout[data-v-c1e93776] {
animation: .3s ease-in-out forwards fadein-layout-c1e93776;
}
.scalar-modal[data-v-c1e93776] {
box-shadow: var(--scalar-shadow-2);
animation: .3s ease-in-out .1s forwards fadein-modal-c1e93776;
transform: translateY(10px);
}
.scalar-modal-layout-full[data-v-c1e93776] {
opacity: 1 !important;
background: none !important;
}
.modal-content-search .modal-body[data-v-c1e93776] {
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-c1e93776] {
max-height: 90svh;
margin-top: 5svh;
}
}
.full-size-styles[data-v-c1e93776] {
margin: initial;
border-right: var(--scalar-border-width) solid var(--scalar-border-color);
animation: .3s ease-in-out forwards fadein-layout-c1e93776;
left: 0;
transform: translate(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-c1e93776] {
width: 50dvw !important;
}
}
.full-size-styles[data-v-c1e93776]:after {
content: "";
width: 50dvw;
height: 100dvh;
position: absolute;
top: 0;
right: -50dvw;
}
.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;
}
.scalar-app .pointer-events-auto {
pointer-events: auto;
}
.scalar-app .pointer-events-none {
pointer-events: none;
}
.scalar-app .collapse {
visibility: collapse;
}
.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: -50%;
--tw-translate-x: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y);
position: absolute;
top: 50%;
left: 50%;
}
.scalar-app .centered-y {
--tw-translate-y: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y);
position: absolute;
top: 50%;
}
.scalar-app .centered-x {
--tw-translate-x: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y);
position: absolute;
left: 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 .-top-\(--scalar-address-bar-height\) {
top: calc(var(--scalar-address-bar-height) * -1);
}
.scalar-app .-top-\[104px\] {
top: -104px;
}
.scalar-app .top-0 {
top: 0;
}
.scalar-app .top-2 {
top: 8px;
}
.scalar-app .top-12 {
top: 48px;
}
.scalar-app .top-\[calc\(100\%\+4px\)\] {
top: calc(100% + 4px);
}
.scalar-app .-right-\[30px\] {
right: -30px;
}
.scalar-app .right-0 {
right: 0;
}
.scalar-app .right-1 {
right: 4px;
}
.scalar-app .right-1\.5 {
right: 6px;
}
.scalar-app .right-1\/2 {
right: 50%;
}
.scalar-app .right-2 {
right: 8px;
}
.scalar-app .right-4 {
right: 16px;
}
.scalar-app .right-7 {
right: 28px;
}
.scalar-app .right-14 {
right: 56px;
}
.scalar-app .right-16 {
right: 64px;
}
.scalar-app .bottom-0 {
bottom: 0;
}
.scalar-app .bottom-1 {
bottom: 4px;
}
.scalar-app .bottom-1\/2 {
bottom: 50%;
}
.scalar-app .bottom-\[var\(--scalar-border-width\)\] {
bottom: var(--scalar-border-width);
}
.scalar-app .left-0 {
left: 0;
}
.scalar-app .left-1\/2 {
left: 50%;
}
.scalar-app .left-3 {
left: 12px;
}
.scalar-app .-z-1 {
z-index: -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-20 {
z-index: 20;
}
.scalar-app .z-50 {
z-index: 50;
}
.scalar-app .z-\[1\] {
z-index: 1;
}
.scalar-app .z-\[1002\] {
z-index: 1002;
}
.scalar-app .z-\[10000\] {
z-index: 10000;
}
.scalar-app .z-\[10001\] {
z-index: 10001;
}
.scalar-app .z-context {
z-index: 1000;
}
.scalar-app .z-context-plus {
z-index: 1001;
}
.scalar-app .z-overlay {
z-index: 10000;
}
.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-0 {
margin: 0;
}
.scalar-app .m-4 {
margin: 16px;
}
.scalar-app .m-auto {
margin: auto;
}
.scalar-app .m-header {
margin: 48px;
}
.scalar-app .-mx-0\.25 {
margin-inline: -1px;
}
.scalar-app .mx-1 {
margin-inline: 4px;
}
.scalar-app .mx-auto {
margin-inline: auto;
}
.scalar-app .-my-1 {
margin-block: -4px;
}
.scalar-app .my-12 {
margin-block: 48px;
}
.scalar-app .-mt-\[\.5px\] {
margin-top: -.5px;
}
.scalar-app .mt-0\.25 {
margin-top: 1px;
}
.scalar-app .mt-1 {
margin-top: 4px;
}
.scalar-app .mt-1\.5 {
margin-top: 6px;
}
.scalar-app .mt-2 {
margin-top: 8px;
}
.scalar-app .mt-3 {
margin-top: 12px;
}
.scalar-app .mt-5 {
margin-top: 20px;
}
.scalar-app .mt-10 {
margin-top: 40px;
}
.scalar-app .mt-\[0\.5px\] {
margin-top: .5px;
}
.scalar-app .mt-auto {
margin-top: auto;
}
.scalar-app .\!mr-0 {
margin-right: 0 !important;
}
.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-3 {
margin-right: -12px;
}
.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-2\.5 {
margin-right: 10px;
}
.scalar-app .mr-3 {
margin-right: 12px;
}
.scalar-app .mr-\[6\.25px\] {
margin-right: 6.25px;
}
.scalar-app .mr-auto {
margin-right: auto;
}
.scalar-app .\!mb-0 {
margin-bottom: 0 !important;
}
.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-1\.5 {
margin-bottom: 6px;
}
.scalar-app .mb-2 {
margin-bottom: 8px;
}
.scalar-app .mb-4 {
margin-bottom: 16px;
}
.scalar-app .mb-\[\.5px\] {
margin-bottom: .5px;
}
.scalar-app .-ml-0\.5 {
margin-left: -2px;
}
.scalar-app .-ml-0\.25 {
margin-left: -1px;
}
.scalar-app .-ml-1 {
margin-left: -4px;
}
.scalar-app .-ml-2 {
margin-left: -8px;
}
.scalar-app .-ml-12 {
margin-left: -48px;
}
.scalar-app .ml-0\.5 {
margin-left: 2px;
}
.scalar-app .ml-0\.75 {
margin-left: 3px;
}
.scalar-app .ml-1 {
margin-left: 4px;
}
.scalar-app .ml-1\.25 {
margin-left: 5px;
}
.scalar-app .ml-3 {
margin-left: 12px;
}
.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-1 {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.scalar-app .\!block {
display: block !important;
}
.scalar-app .\!flex {
display: flex !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 .aspect-\[4\/3\] {
aspect-ratio: 4 / 3;
}
.scalar-app .aspect-square {
aspect-ratio: 1;
}
.scalar-app .size-2\.5 {
width: 10px;
height: 10px;
}
.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-5 {
width: 20px;
height: 20px;
}
.scalar-app .size-6 {
width: 24px;
height: 24px;
}
.scalar-app .size-7 {
width: 28px;
height: 28px;
}
.scalar-app .size-8 {
width: 32px;
height: 32px;
}
.scalar-app .size-10 {
width: 40px;
height: 40px;
}
.scalar-app .size-full {
width: 100%;
height: 100%;
}
.scalar-app .h-\(--scalar-address-bar-height\) {
height: var(--scalar-address-bar-height);
}
.scalar-app .h-1\.5 {
height: 6px;
}
.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-5 {
height: 20px;
}
.scalar-app .h-6 {
height: 24px;
}
.scalar-app .h-7 {
height: 28px;
}
.scalar-app .h-8 {
height: 32px;
}
.scalar-app .h-9 {
height: 36px;
}
.scalar-app .h-10 {
height: 40px;
}
.scalar-app .h-12 {
height: 48px;
}
.scalar-app .h-16 {
height: 64px;
}
.scalar-app .h-64 {
height: 256px;
}
.scalar-app .h-\[68px\] {
height: 68px;
}
.scalar-app .h-\[calc\(100\%-273\.5px\)\] {
height: calc(100% - 273.5px);
}
.scalar-app .h-\[calc\(100\%_-_50px\)\] {
height: calc(100% - 50px);
}
.scalar-app .h-auto {
height: auto;
}
.scalar-app .h-fit {
height: fit-content;
}
.scalar-app .h-full {
height: 100%;
}
.scalar-app .h-header {
height: 48px;
}
.scalar-app .h-min {
height: min-content;
}
.scalar-app .h-px {
height: 1px;
}
.scalar-app .h-screen {
height: 100vh;
}
.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-\[40dvh\] {
max-height: 40dvh;
}
.scalar-app .max-h-\[50dvh\] {
max-height: 50dvh;
}
.scalar-app .max-h-\[60svh\] {
max-height: 60svh;
}
.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-fit {
max-height: fit-content;
}
.scalar-app .max-h-screen {
max-height: 100vh;
}
.scalar-app .\!min-h-full {
min-height: 100% !important;
}
.scalar-app .min-h-0 {
min-height: 0;
}
.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-12 {
min-height: 48px;
}
.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-\[65px\] {
min-height: 65px;
}
.scalar-app .min-h-\[calc\(1rem\*4\)\] {
min-height: 4rem;
}
.scalar-app .min-h-\[calc\(4rem\+0\.5px\)\] {
min-height: calc(4rem + .5px);
}
.scalar-app .min-h-\[calc\(4rem\+1px\)\] {
min-height: calc(4rem + 1px);
}
.scalar-app .min-h-fit {
min-height: fit-content;
}
.scalar-app .\!w-fit {
width: fit-content !important;
}
.scalar-app .w-0\.5 {
width: 2px;
}
.scalar-app .w-1\.5 {
width: 6px;
}
.scalar-app .w-1\/2 {
width: 50%;
}
.scalar-app .w-2\.5 {
width: 10px;
}
.scalar-app .w-2\.25 {
width: 9px;
}
.scalar-app .w-3 {
width: 12px;
}
.scalar-app .w-3\.5 {
width: 14px;
}
.scalar-app .w-4 {
width: 16px;
}
.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-10 {
width: 40px;
}
.scalar-app .w-16 {
width: 64px;
}
.scalar-app .w-20 {
width: 80px;
}
.scalar-app .w-56 {
width: 224px;
}
.scalar-app .w-64 {
width: 256px;
}
.scalar-app .w-72 {
width: 288px;
}
.scalar-app .w-\[60px\] {
width: 60px;
}
.scalar-app .w-\[100px\] {
width: 100px;
}
.scalar-app .w-\[150px\] {
width: 150px;
}
.scalar-app .w-\[calc\(100\%-10px\)\] {
width: calc(100% - 10px);
}
.scalar-app .w-\[calc\(100\%_-_8px\)\] {
width: calc(100% - 8px);
}
.scalar-app .w-\[inherit\] {
width: inherit;
}
.scalar-app .w-auto {
width: auto;
}
.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 .max-w-8 {
max-width: 32px;
}
.scalar-app .max-w-40 {
max-width: 160px;
}
.scalar-app .max-w-\[14px\] {
max-width: 14px;
}
.scalar-app .max-w-\[16rem\] {
max-width: 16rem;
}
.scalar-app .max-w-\[37px\] {
max-width: 37px;
}
.scalar-app .max-w-\[100\%\] {
max-width: 100%;
}
.scalar-app .max-w-\[150px\] {
max-width: 150px;
}
.scalar-app .max-w-\[380px\] {
max-width: 380px;
}
.scalar-app .max-w-\[420px\] {
max-width: 420px;
}
.scalar-app .max-w-\[720px\] {
max-width: 720px;
}
.scalar-app .max-w-\[calc\(100dvw-24px\)\] {
max-width: calc(100dvw - 24px);
}
.scalar-app .max-w-full {
max-width: 100%;
}
.scalar-app .min-w-0 {
min-width: 0;
}
.scalar-app .min-w-2\.25 {
min-width: 9px;
}
.scalar-app .min-w-3\.5 {
min-width: 14px;
}
.scalar-app .min-w-4 {
min-width: 16px;
}
.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-\[37px\] {
min-width: 37px;
}
.scalar-app .min-w-\[100px\] {
min-width: 100px;
}
.scalar-app .min-w-\[150px\] {
min-width: 150px;
}
.scalar-app .min-w-\[296px\] {
min-width: 296px;
}
.scalar-app .min-w-fit {
min-width: fit-content;
}
.scalar-app .min-w-full {
min-width: 100%;
}
.scalar-app .flex-1 {
flex: 1;
}
.scalar-app .flex-shrink {
flex-shrink: 1;
}
.scalar-app .shrink-0 {
flex-shrink: 0;
}
.scalar-app .flex-grow {
flex-grow: 1;
}
.scalar-app .-translate-x-1\/2 {
--tw-translate-x: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .translate-x-0 {
--tw-translate-x: 0px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .translate-x-1\/2 {
--tw-translate-x: 50%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .translate-y-1\/2 {
--tw-translate-y: 50%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .scale-75 {
--tw-scale-x: 75%;
--tw-scale-y: 75%;
--tw-scale-z: 75%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.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 .cursor-auto {
cursor: auto;
}
.scalar-app .cursor-default {
cursor: default;
}
.scalar-app .cursor-grab {
cursor: grab;
}
.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 .auto-rows-\[32px\] {
grid-auto-rows: 32px;
}
.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 .grid-cols-\[auto_1fr\] {
grid-template-columns: auto 1fr;
}
.scalar-app .grid-cols-\[repeat\(auto-fill\,minmax\(32px\,1fr\)\)\] {
grid-template-columns: repeat(auto-fill, minmax(32px, 1fr));
}
.scalar-app .flex-col {
flex-direction: column;
}
.scalar-app .flex-row {
flex-direction: row;
}
.scalar-app .flex-wrap {
flex-wrap: wrap;
}
.scalar-app .content-between {
align-content: space-between;
}
.scalar-app .content-start {
align-content: flex-start;
}
.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-2 {
gap: 8px !important;
}
.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-3 {
gap: 12px;
}
.scalar-app .gap-4 {
gap: 16px;
}
.scalar-app .gap-6 {
gap: 24px;
}
.scalar-app .gap-8 {
gap: 32px;
}
.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(4px * var(--tw-space-x-reverse));
margin-inline-end: calc(4px * 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 .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-y-auto {
overflow-y: auto;
}
.scalar-app .overflow-y-hidden {
overflow-y: hidden;
}
.scalar-app .\!rounded-none {
border-radius: 0 !important;
}
.scalar-app .rounded {
border-radius: var(--scalar-radius);
}
.scalar-app .rounded-\[10px\] {
border-radius: 10px;
}
.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-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-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 .\!border-0 {
border-style: var(--tw-border-style) !important;
border-width: 0 !important;
}
.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\.5px\] {
border-style: var(--tw-border-style);
border-width: 1.5px;
}
.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-r-1 {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.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-b-\[1px\] {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.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-none {
--tw-border-style: none !important;
border-style: none !important;
}
.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-c-1 {
border-color: var(--scalar-color-1);
}
.scalar-app .border-c-3 {
border-color: var(--scalar-color-3);
}
.scalar-app .border-c-danger {
border-color: var(--scalar-color-danger);
}
.scalar-app .border-transparent {
border-color: #0000;
}
.scalar-app .border-r-transparent {
border-right-color: #0000;
}
.scalar-app .bg-b-1 {
background-color: var(--scalar-background-1);
}
.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-danger {
background-color: var(--scalar-background-danger);
}
.scalar-app .bg-c-3\/5 {
background-color: var(--scalar-color-3);
}
@supports (color: color-mix(in lab,red,red)) {
.scalar-app .bg-c-3\/5 {
background-color: var(--scalar-color-3);
}
@supports (color: color-mix(in lab, red, red)) {
.scalar-app .bg-c-3\/5 {
background-color: color-mix(in oklab, var(--scalar-color-3) 5%, transparent);
}
}
}
.scalar-app .bg-c-accent {
background-color: var(--scalar-color-accent);
}
.scalar-app .bg-current {
background-color: currentColor;
}
.scalar-app .bg-grey {
background-color: var(--scalar-color-3);
}
.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-none {
background-image: none;
}
.scalar-app .fill-current {
fill: currentColor;
}
.scalar-app .stroke-2 {
stroke-width: 2px;
}
.scalar-app .stroke-\[1\.5\] {
stroke-width: 1.5px;
}
.scalar-app .stroke-\[1\.75\] {
stroke-width: 1.75px;
}
.scalar-app .stroke-\[2\.25\] {
stroke-width: 2.25px;
}
.scalar-app .object-contain {
object-fit: contain;
}
.scalar-app .\!p-0 {
padding: 0 !important;
}
.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-3 {
padding: 12px;
}
.scalar-app .p-4 {
padding: 16px;
}
.scalar-app .p-\[3px\] {
padding: 3px;
}
.scalar-app .p-\[5px\] {
padding: 5px;
}
.scalar-app .p-px {
padding: 1px;
}
.scalar-app .\!px-3 {
padding-inline: 12px !important;
}
.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-4 {
padding-inline: 16px;
}
.scalar-app .px-5 {
padding-inline: 20px;
}
.scalar-app .px-6 {
padding-inline: 24px;
}
.scalar-app .px-8 {
padding-inline: 32px;
}
.scalar-app .\!py-1\.5 {
padding-block: 6px !important;
}
.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-3 {
padding-block: 12px;
}
.scalar-app .py-5 {
padding-block: 20px;
}
.scalar-app .py-8 {
padding-block: 32px;
}
.scalar-app .py-px {
padding-block: 1px;
}
.scalar-app .\!pt-0 {
padding-top: 0 !important;
}
.scalar-app .pt-0 {
padding-top: 0;
}
.scalar-app .pt-2 {
padding-top: 8px;
}
.scalar-app .pt-3 {
padding-top: 12px;
}
.scalar-app .pt-4 {
padding-top: 16px;
}
.scalar-app .pt-6 {
padding-top: 24px;
}
.scalar-app .pt-8 {
padding-top: 32px;
}
.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-9 {
padding-right: 36px;
}
.scalar-app .pr-10 {
padding-right: 40px;
}
.scalar-app .pr-12 {
padding-right: 48px;
}
.scalar-app .pr-\[26px\] {
padding-right: 26px;
}
.scalar-app .pb-0 {
padding-bottom: 0;
}
.scalar-app .pb-1\.5 {
padding-bottom: 6px;
}
.scalar-app .pb-2 {
padding-bottom: 8px;
}
.scalar-app .pb-3 {
padding-bottom: 12px;
}
.scalar-app .pb-5 {
padding-bottom: 20px;
}
.scalar-app .pb-6 {
padding-bottom: 24px;
}
.scalar-app .pb-8 {
padding-bottom: 32px;
}
.scalar-app .pb-14 {
padding-bottom: 56px;
}
.scalar-app .pb-\[75px\] {
padding-bottom: 75px;
}
.scalar-app .\!pl-3 {
padding-left: 12px !important;
}
.scalar-app .pl-1 {
padding-left: 4px;
}
.scalar-app .pl-1\.5 {
padding-left: 6px;
}
.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-5 {
padding-left: 20px;
}
.scalar-app .pl-6 {
padding-left: 24px;
}
.scalar-app .pl-8\.5 {
padding-left: 34px;
}
.scalar-app .pl-9 {
padding-left: 36px;
}
.scalar-app .pl-12 {
padding-left: 48px;
}
.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-3xs {
font-size: var(--scalar-font-size-7);
}
.scalar-app .text-\[6px\] {
font-size: 6px;
}
.scalar-app .text-\[11px\] {
font-size: 11px;
}
.scalar-app .text-\[21px\] {
font-size: 21px;
}
.scalar-app .text-base {
font-size: var(--scalar-font-size-3);
}
.scalar-app .text-sm {
font-size: var(--scalar-font-size-4);
}
.scalar-app .text-xl {
font-size: var(--scalar-font-size-1);
}
.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-\[6px\] {
--tw-leading: 6px !important;
line-height: 6px !important;
}
.scalar-app .leading-2 {
--tw-leading: var(--scalar-line-height-2);
line-height: var(--scalar-line-height-2);
}
.scalar-app .leading-3 {
--tw-leading: var(--scalar-line-height-3);
line-height: var(--scalar-line-height-3);
}
.scalar-app .leading-\[1\.44\] {
--tw-leading: 1.44;
line-height: 1.44;
}
.scalar-app .leading-\[7px\] {
--tw-leading: 7px;
line-height: 7px;
}
.scalar-app .leading-\[20px\] {
--tw-leading: 20px;
line-height: 20px;
}
.scalar-app .leading-\[21px\] {
--tw-leading: 21px;
line-height: 21px;
}
.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-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 .text-balance {
text-wrap: balance;
}
.scalar-app .text-pretty {
text-wrap: pretty;
}
.scalar-app .break-words {
overflow-wrap: break-word;
}
.scalar-app .break-all {
word-break: break-all;
}
.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-b-1 {
color: var(--scalar-background-1);
}
.scalar-app .text-blue {
color: var(--scalar-color-blue);
}
.scalar-app .text-border {
color: var(--scalar-border-color);
}
.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-btn {
color: var(--scalar-button-1-color);
}
.scalar-app .text-c-danger {
color: var(--scalar-color-danger);
}
.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-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-transparent {
color: #0000;
}
.scalar-app .text-yellow {
color: var(--scalar-color-yellow);
}
.scalar-app .capitalize {
text-transform: capitalize;
}
.scalar-app .lowercase {
text-transform: lowercase;
}
.scalar-app .uppercase {
text-transform: uppercase;
}
.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);
-webkit-text-decoration-color: var(--scalar-color-3);
-webkit-text-decoration-color: var(--scalar-color-3);
text-decoration-color: var(--scalar-color-3);
}
.scalar-app .underline-offset-2 {
text-underline-offset: 2px;
}
.scalar-app .opacity-0 {
opacity: 0;
}
.scalar-app .opacity-50 {
opacity: .5;
}
.scalar-app .opacity-100 {
opacity: 1;
}
.scalar-app .bg-blend-normal {
background-blend-mode: normal;
}
.scalar-app .mix-blend-luminosity {
mix-blend-mode: luminosity;
}
.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-\[0_-8px_0_8px_var\(--scalar-background-1\)\,0_0_8px_8px_var\(--scalar-background-1\)\] {
--tw-shadow: 0 -8px 0 8px var(--tw-shadow-color, var(--scalar-background-1)), 0 0 8px 8px 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, calc(var(--scalar-border-width) * 2)) 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-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: -1px;
}
.scalar-app .-outline-offset-2 {
outline-offset: -2px;
}
.scalar-app .outline-offset-2 {
outline-offset: 2px;
}
.scalar-app .outline-b-3 {
outline-color: var(--scalar-background-3);
}
.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-\[\.9\] {
--tw-brightness: brightness(.9);
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-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 .ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.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\:32px\] {
--scalar-address-bar-height: 32px;
}
.scalar-app .app-drag-region {
-webkit-app-region: drag;
}
.scalar-app .app-no-drag-region {
-webkit-app-region: no-drag;
}
:is(.scalar-app .\*\:flex > *) {
display: flex;
}
:is(.scalar-app .\*\:h-8 > *) {
height: 32px;
}
:is(.scalar-app .\*\:cursor-pointer > *) {
cursor: pointer;
}
:is(.scalar-app .\*\:items-center > *) {
align-items: center;
}
:is(.scalar-app .\*\:rounded-none > *) {
border-radius: 0;
}
:is(.scalar-app .\*\:border-t > *) {
border-top-style: var(--tw-border-style);
border-top-width: var(--scalar-border-width);
}
:is(.scalar-app .\*\:border-b-0 > *) {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
: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\: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-focus-within\:flex:is(:where(.group):focus-within *) {
display: flex;
}
@media (hover: hover) {
.scalar-app .group-hover\:block:is(:where(.group):hover *) {
display: block;
}
.scalar-app .group-hover\:flex:is(:where(.group):hover *) {
display: flex;
}
.scalar-app .group-hover\:hidden:is(:where(.group):hover *) {
display: none;
}
.scalar-app .group-hover\:inline:is(:where(.group):hover *) {
display: inline;
}
.scalar-app .group-hover\:pr-5:is(:where(.group):hover *) {
padding-right: 20px;
}
.scalar-app .group-hover\:pr-6:is(:where(.group):hover *) {
padding-right: 24px;
}
.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-80:is(:where(.group):hover *) {
opacity: .8;
}
.scalar-app .group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 1;
}
.scalar-app .group-hover\/auth\:absolute:is(:where(.group\/auth):hover *) {
position: absolute;
}
.scalar-app .group-hover\/auth\:h-auto:is(:where(.group\/auth):hover *) {
height: auto;
}
.scalar-app .group-hover\/auth\:border-b:is(:where(.group\/auth):hover *) {
border-bottom-style: var(--tw-border-style);
border-bottom-width: var(--scalar-border-width);
}
.scalar-app .group-hover\/cell\:opacity-100:is(:where(.group\/cell):hover *) {
opacity: 1;
}
.scalar-app .group-hover\/item\:flex:is(:where(.group\/item):hover *) {
display: flex;
}
.scalar-app .group-hover\/item\:opacity-100:is(:where(.group\/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\/scopes-accordion\:text-c-2:is(:where(.group\/scopes-accordion):hover *) {
color: var(--scalar-color-2);
}
.scalar-app .group-hover\/upload\:block:is(:where(.group\/upload):hover *) {
display: block;
}
}
.scalar-app .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *) {
opacity: 1;
}
.scalar-app .group-focus-visible\:outline:is(:where(.group):focus-visible *) {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.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-6:is(:where(.group):has(.cm-focused) *) {
padding-right: 24px;
}
.scalar-app .group-has-\[\.cm-focused\]\:pr-10:is(:where(.group):has(.cm-focused) *) {
padding-right: 40px;
}
.scalar-app .group-has-\[\:focus-visible\]\:hidden:is(:where(.group):has(:focus-visible) *) {
display: none;
}
.scalar-app .group-has-\[\:focus-visible\]\:opacity-100:is(:where(.group):has(:focus-visible) *) {
opacity: 1;
}
.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-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-\[\.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);
}
.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 .before\:pointer-events-none:before {
content: var(--tw-content);
pointer-events: none;
}
.scalar-app .before\:absolute:before {
content: var(--tw-content);
position: absolute;
}
.scalar-app .before\:top-0:before {
content: var(--tw-content);
top: 0;
}
.scalar-app .before\:left-3:before {
content: var(--tw-content);
left: 12px;
}
.scalar-app .before\:left-\[calc\(\.75rem_\+_\.5px\)\]:before {
content: var(--tw-content);
left: calc(.75rem + .5px);
}
.scalar-app .before\:z-1:before {
content: var(--tw-content);
z-index: 1;
}
.scalar-app .before\:h-\[calc\(100\%_\+_\.5px\)\]:before {
content: var(--tw-content);
height: calc(100% + .5px);
}
.scalar-app .before\:w-\[\.5px\]:before {
content: var(--tw-content);
width: .5px;
}
.scalar-app .before\:bg-border:before {
content: var(--tw-content);
background-color: var(--scalar-border-color);
}
.scalar-app .after\:content-\[\'\:\'\]:after {
--tw-content: ":";
content: var(--tw-content);
}
:is(.scalar-app .\*\:first\:line-clamp-1 > *):first-child {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
: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;
}
:is(.scalar-app .\*\:first\:text-ellipsis > *):first-child {
text-overflow: ellipsis;
}
@media (hover: hover) {
:is(.scalar-app .group-hover\/auth\:\*\:first\:line-clamp-none:is(:where(.group\/auth):hover *) > *):first-child {
-webkit-line-clamp: unset;
-webkit-box-orient: horizontal;
display: block;
overflow: visible;
}
}
.scalar-app .last\:mb-0:last-child {
margin-bottom: 0;
}
.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\:before\:h-full:last-child:before {
content: var(--tw-content);
height: 100%;
}
.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 .focus-within\:z-20:focus-within {
z-index: 20;
}
.scalar-app .focus-within\:border-\(--scalar-background-3\):focus-within {
border-color: var(--scalar-background-3);
}
.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);
}
@media (hover: hover) {
.scalar-app .hover\:cursor-default:hover {
cursor: default;
}
.scalar-app .hover\:border-\(--scalar-background-3\):hover {
border-color: var(--scalar-background-3);
}
.scalar-app .hover\:border-inherit:hover {
border-color: inherit;
}
.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-inherit:hover {
background-color: inherit;
}
.scalar-app .hover\:bg-sidebar-b-active:hover {
background-color: var(--scalar-sidebar-item-active-background, var(--scalar-background-2));
}
.scalar-app .hover\:whitespace-normal:hover {
white-space: normal;
}
.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\:underline:hover {
text-decoration-line: underline;
}
.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 .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\:z-10:focus-visible {
z-index: 10;
}
.scalar-app .active\:text-c-1:active {
color: var(--scalar-color-1);
}
.scalar-app .disabled\:cursor-default:disabled {
cursor: default;
}
.scalar-app .disabled\:text-c-2:disabled {
color: var(--scalar-color-2);
}
.scalar-app .has-\[\.empty-sidebar-item\]\:border-t:has(.empty-sidebar-item) {
border-top-style: var(--tw-border-style);
border-top-width: var(--scalar-border-width);
}
.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\]\:opacity-100:has(:focus-visible) {
opacity: 1;
}
.scalar-app .has-\[\:focus-visible\]\:outline:has(:focus-visible) {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
@media not all and (min-width: 800px) {
.scalar-app .max-md\:absolute\! {
position: absolute !important;
}
.scalar-app .max-md\:w-full\! {
width: 100% !important;
}
}
@media (min-width: 600px) {
.scalar-app .sm\:not-sr-only {
clip-path: none;
white-space: normal;
width: auto;
height: auto;
margin: 0;
padding: 0;
position: static;
overflow: visible;
}
.scalar-app .sm\:order-none {
order: 0;
}
.scalar-app .sm\:mr-1\.5 {
margin-right: 6px;
}
.scalar-app .sm\:mb-1\.5 {
margin-bottom: 6px;
}
.scalar-app .sm\:ml-1\.5 {
margin-left: 6px;
}
.scalar-app .sm\:flex {
display: flex;
}
.scalar-app .sm\:hidden {
display: none;
}
.scalar-app .sm\:max-w-max {
max-width: max-content;
}
.scalar-app .sm\:min-w-max {
min-width: max-content;
}
.scalar-app .sm\:flex-col {
flex-direction: column;
}
.scalar-app .sm\:flex-row {
flex-direction: row;
}
.scalar-app .sm\:justify-between {
justify-content: space-between;
}
.scalar-app .sm\:gap-px {
gap: 1px;
}
.scalar-app .sm\:rounded {
border-radius: var(--scalar-radius);
}
.scalar-app .sm\:rounded-lg {
border-radius: var(--scalar-radius-lg);
}
.scalar-app .sm\:px-2 {
padding-inline: 8px;
}
.scalar-app .sm\:px-3 {
padding-inline: 12px;
}
.scalar-app .sm\:py-1\.5 {
padding-block: 6px;
}
:is(.scalar-app .sm\:\*\:rounded-lg > *) {
border-radius: var(--scalar-radius-lg);
}
}
@media (min-width: 800px) {
.scalar-app .md\:right-10 {
right: 40px;
}
.scalar-app .md\:bottom-10 {
bottom: 40px;
}
.scalar-app .md\:mx-auto {
margin-inline: auto;
}
.scalar-app .md\:-ml-1\.25 {
margin-left: -5px;
}
.scalar-app .md\:ml-1\.5 {
margin-left: 6px;
}
.scalar-app .md\:block {
display: block;
}
.scalar-app .md\:flex {
display: flex;
}
.scalar-app .md\:grid {
display: grid;
}
.scalar-app .md\:w-full {
width: 100%;
}
.scalar-app .md\:max-w-\[720px\] {
max-width: 720px;
}
.scalar-app .md\:min-w-fit {
min-width: fit-content;
}
.scalar-app .md\:flex-none {
flex: none;
}
.scalar-app .md\:translate-x-0 {
--tw-translate-x: 0px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .md\:translate-y-0 {
--tw-translate-y: 0px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scalar-app .md\:grid-cols-\[1fr_720px_1fr\] {
grid-template-columns: 1fr 720px 1fr;
}
.scalar-app .md\:flex-row {
flex-direction: row;
}
.scalar-app .md\:border-r {
border-right-style: var(--tw-border-style);
border-right-width: var(--scalar-border-width);
}
.scalar-app .md\:border-b-0 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
.scalar-app .md\:p-1\.5 {
padding: 6px;
}
.scalar-app .md\:px-0 {
padding-inline: 0;
}
.scalar-app .md\:px-1\.5 {
padding-inline: 6px;
}
.scalar-app .md\:px-2 {
padding-inline: 8px;
}
.scalar-app .md\:px-2\.5 {
padding-inline: 10px;
}
.scalar-app .md\:px-4 {
padding-inline: 16px;
}
.scalar-app .md\:px-\[18px\] {
padding-inline: 18px;
}
.scalar-app .md\:py-2\.5 {
padding-block: 10px;
}
.scalar-app .md\:pb-2\.5 {
padding-bottom: 10px;
}
.scalar-app .md\:pb-\[37px\] {
padding-bottom: 37px;
}
.scalar-app .md\:pl-0 {
padding-left: 0;
}
:is(.scalar-app .md\:\*\:border-t-0 > *) {
border-top-style: var(--tw-border-style);
border-top-width: 0;
}
}
@media (min-width: 1000px) {
.scalar-app .lg\:order-none {
order: 0;
}
.scalar-app .lg\:-mr-1 {
margin-right: -4px;
}
.scalar-app .lg\:mb-0 {
margin-bottom: 0;
}
.scalar-app .lg\:flex {
display: flex;
}
.scalar-app .lg\:min-h-header {
min-height: 48px;
}
.scalar-app .lg\:w-auto {
width: auto;
}
.scalar-app .lg\:max-w-\[580px\] {
max-width: 580px;
}
.scalar-app .lg\:min-w-\[580px\] {
min-width: 580px;
}
.scalar-app .lg\:flex-1 {
flex: 1;
}
.scalar-app .lg\:p-0 {
padding: 0;
}
.scalar-app .lg\:p-1 {
padding: 4px;
}
.scalar-app .lg\:px-1 {
padding-inline: 4px;
}
.scalar-app .lg\:px-2\.5 {
padding-inline: 10px;
}
.scalar-app .lg\:pt-1 {
padding-top: 4px;
}
.scalar-app .lg\:pr-24 {
padding-right: 96px;
}
}
@media (min-width: 1200px) {
.scalar-app .xl\:\!flex {
display: flex !important;
}
.scalar-app .xl\:flex {
display: flex;
}
.scalar-app .xl\:hidden {
display: none;
}
.scalar-app .xl\:h-fit {
height: fit-content;
}
.scalar-app .xl\:h-full {
height: 100%;
}
.scalar-app .xl\:min-h-header {
min-height: 48px;
}
.scalar-app .xl\:max-w-\[720px\] {
max-width: 720px;
}
.scalar-app .xl\:min-w-0 {
min-width: 0;
}
.scalar-app .xl\:min-w-\[720px\] {
min-width: 720px;
}
.scalar-app .xl\:flex-row {
flex-direction: row;
}
.scalar-app .xl\:overflow-auto {
overflow: auto;
}
.scalar-app .xl\:overflow-hidden {
overflow: hidden;
}
.scalar-app .xl\:rounded-none {
border-radius: 0;
}
.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);
}
:is(.scalar-app .\*\:first\:xl\:border-l-0 > *):first-child {
border-left-style: var(--tw-border-style);
border-left-width: 0;
}
}
.scalar-app .dark\:bg-b-2:where(.dark-mode, .dark-mode *) {
background-color: var(--scalar-background-2);
}
@media (hover: hover) {
.scalar-app .hover\:dark\:bg-b-2:hover:where(.dark-mode, .dark-mode *) {
background-color: var(--scalar-background-2);
}
}
.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: none;
}
.scalar-app .ui-checked\:bg-b-3[data-headlessui-state~="checked"], :where([data-headlessui-state~="checked"]) :is(.scalar-app .ui-checked\:bg-b-3) {
background-color: var(--scalar-background-3);
}
.scalar-app .ui-active\:bg-b-2[data-headlessui-state~="active"], :where([data-headlessui-state~="active"]) :is(.scalar-app .ui-active\:bg-b-2), :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;
}
}
.app-platform-mac :is(.scalar-app .mac\:pl-\[72px\]) {
padding-left: 72px;
}
@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;
}
@property --tw-space-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
.nav-item[data-v-507381a3] {
cursor: pointer;
border-radius: var(--scalar-radius-lg);
background: var(--scalar-background-3);
border: var(--scalar-border-width) solid var(--scalar-background-2);
color: var(--scalar-color-3);
flex: 1;
justify-content: center;
align-items: center;
min-width: 0;
padding: 4.5px;
display: flex;
position: relative;
overflow: hidden;
}
.dark-mode .nav-item[data-v-507381a3] {
background: var(--scalar-background-2);
}
@supports (color: color-mix(in lab, red, red)) {
.dark-mode .nav-item[data-v-507381a3] {
background: color-mix(in srgb, var(--scalar-background-2), transparent);
}
}
.nav-item-icon-copy[data-v-507381a3] {
white-space: nowrap;
max-width: 100%;
-webkit-mask-image: linear-gradient(to left, transparent 0, var(--scalar-background-2) 20px);
-webkit-mask-image: linear-gradient(to left, transparent 0, var(--scalar-background-2) 20px);
-webkit-mask-image: linear-gradient(to left, transparent 0, var(--scalar-background-2) 20px);
mask-image: linear-gradient(to left, transparent 0, var(--scalar-background-2) 20px);
overflow: hidden;
}
.nav-item:hover .nav-item-icon-copy[data-v-507381a3] {
-webkit-mask-image: linear-gradient(to left, transparent 20px, var(--scalar-background-2) 40px);
-webkit-mask-image: linear-gradient(to left, transparent 20px, var(--scalar-background-2) 40px);
-webkit-mask-image: linear-gradient(to left, transparent 20px, var(--scalar-background-2) 40px);
mask-image: linear-gradient(to left, transparent 20px, var(--scalar-background-2) 40px);
}
.nav-item-copy[data-v-507381a3] {
max-width: calc(100% - 20px);
}
.nav-item[data-v-507381a3]:hover {
color: var(--scalar-color-1);
}
.nav-item__active[data-v-507381a3] {
background-color: var(--scalar-background-1);
color: var(--scalar-color-1);
border-color: var(--scalar-border-color);
}
.dark-mode .nav-item__active[data-v-507381a3] {
background-color: var(--scalar-background-2);
}
.nav-item-close[data-v-507381a3] {
border-radius: var(--scalar-radius);
stroke-width: 1.5px;
max-width: 20px;
color: var(--scalar-color-3);
opacity: 0;
background: none;
margin-left: -20px;
padding: 2px;
position: absolute;
right: 3px;
}
.nav-item:hover .nav-item-close[data-v-507381a3] {
opacity: 1;
}
.nav-item-close[data-v-507381a3]:hover {
background-color: var(--scalar-background-4);
}
.nav-item__active .nav-item-close[data-v-507381a3]:hover {
background-color: var(--scalar-background-2);
}
.download-app-button[data-v-cb45fa05] {
box-shadow: 0 0 0 .5px var(--scalar-border-color);
background: linear-gradient(#ffffffbf, #00000009);
}
.dark-mode .download-app-button[data-v-cb45fa05] {
background: linear-gradient(#ffffff1a, #00000026);
}
.download-app-button[data-v-cb45fa05]:hover {
background: linear-gradient(#00000009, #ffffffbf);
}
.dark-mode .download-app-button[data-v-cb45fa05]:hover {
background: linear-gradient(#00000026, #ffffff1a);
}
.http-bg-gradient[data-v-076b14a1] {
background: linear-gradient(#ffffffbf, #00000009);
}
.http-bg-gradient[data-v-076b14a1]:hover {
background: linear-gradient(#00000009, #ffffffbf);
}
.dark-mode .http-bg-gradient[data-v-076b14a1] {
background: linear-gradient(#ffffff09, #00000026);
}
.dark-mode .http-bg-gradient[data-v-076b14a1]:hover {
background: linear-gradient(#00000026, #ffffff09);
}
.scroll-timeline-x[data-v-e0578855] {
scroll-timeline: --scroll-timeline x;
scroll-timeline: --scroll-timeline horizontal;
-ms-overflow-style: none;
scrollbar-width: none;
overflow: auto;
}
.commandmenu[data-v-dd90fe74] {
box-shadow: var(--scalar-shadow-2);
border-radius: var(--scalar-radius-lg);
background-color: var(--scalar-background-1);
opacity: 0;
width: 100%;
max-width: 580px;
max-height: 60dvh;
margin: 12px;
animation: .3s ease-in-out .1s forwards fadeincommandmenu-dd90fe74;
position: fixed;
top: 150px;
left: 50%;
transform: translate3d(-50%, 10px, 0);
}
.commandmenu-overlay[data-v-dd90fe74] {
cursor: pointer;
background: #0003;
animation: .3s ease-in-out forwards fadeincommand-dd90fe74;
position: fixed;
inset: 0;
}
@keyframes fadeincommand-dd90fe74 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeincommandmenu-dd90fe74 {
0% {
opacity: 0;
transform: translate3d(-50%, 10px, 0);
}
to {
opacity: 1;
transform: translate3d(-50%, 0, 0);
}
}
.scalar .scalar-app-layout[data-v-45e9730e] {
background: var(--scalar-background-1);
opacity: 0;
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: 8px;
width: 100%;
max-width: 1390px;
height: calc(100% - 120px);
margin: auto;
animation: .35s forwards scalarapiclientfadein-45e9730e;
position: relative;
overflow: hidden;
}
@media (max-width: 720px) and (max-height: 480px) {
.scalar .scalar-app-layout[data-v-45e9730e] {
height: 100%;
max-height: 90svh;
}
}
@keyframes scalarapiclientfadein-45e9730e {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.scalar .scalar-app-exit[data-v-45e9730e] {
cursor: pointer;
z-index: -1;
background: #00000038;
width: 100vw;
height: 100vh;
transition: all .3s ease-in-out;
animation: .35s forwards scalardrawerexitfadein-45e9730e;
position: fixed;
top: 0;
left: 0;
}
.dark-mode .scalar .scalar-app-exit[data-v-45e9730e] {
background: #00000073;
}
.scalar .scalar-app-exit[data-v-45e9730e]: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-45e9730e]:hover:before {
opacity: 1;
}
@keyframes scalardrawerexitfadein-45e9730e {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.scalar-container[data-v-45e9730e] {
visibility: visible;
z-index: 10000;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: fixed;
top: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
.scalar .url-form-input[data-v-45e9730e] {
min-height: auto !important;
}
.scalar .scalar-container[data-v-45e9730e] {
line-height: normal;
}
.scalar .scalar-app-header span[data-v-45e9730e] {
color: var(--scalar-color-3);
}
.scalar .scalar-app-header a[data-v-45e9730e] {
color: var(--scalar-color-1);
}
.scalar .scalar-app-header a[data-v-45e9730e]:hover {
text-decoration: underline;
}
.scalar-activate[data-v-45e9730e] {
cursor: pointer;
align-items: center;
gap: 6px;
width: fit-content;
margin: 0 .75rem .75rem auto;
font-size: .875rem;
font-weight: 600;
line-height: 24px;
display: flex;
}
.scalar-activate-button[data-v-45e9730e] {
color: var(--scalar-color-blue);
appearance: none;
background: none;
border: none;
outline: none;
align-items: center;
gap: 6px;
padding: 0 .5rem;
display: flex;
}
.scalar-activate:hover .scalar-activate-button[data-v-45e9730e] {
background: var(--scalar-background-3);
border-radius: 3px;
}
.open-api-client-button[data-v-f016469d] {
cursor: pointer;
text-align: center;
white-space: nowrap;
width: 100%;
height: 31px;
font-size: var(--scalar-mini);
font-weight: var(--scalar-semibold);
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-f016469d]:hover {
background: var(--scalar-sidebar-item-hover-background, var(--scalar-background-2));
}
[data-v-103d9d56] .cm-editor {
background: none;
outline: none;
height: 100%;
padding: 0;
}
[data-v-103d9d56] .cm-placeholder {
color: var(--scalar-color-3);
}
[data-v-103d9d56] .cm-content {
font-family: var(--scalar-font-code);
font-size: var(--scalar-small);
max-height: 20px;
padding: 8px 0;
}
[data-v-103d9d56] .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-103d9d56] .cm-tooltip-autocomplete ul li {
padding: 3px 6px !important;
}
[data-v-103d9d56] .cm-completionIcon-type:after {
color: var(--scalar-color-3) !important;
}
[data-v-103d9d56] .cm-tooltip-autocomplete ul li[aria-selected] {
background: var(--scalar-background-2) !important;
color: var(--scalar-color-1) !important;
}
[data-v-103d9d56] .cm-tooltip-autocomplete ul {
position: relative;
padding: 6px !important;
}
[data-v-103d9d56] .cm-tooltip-autocomplete ul li:hover {
border-radius: 3px;
color: var(--scalar-color-1) !important;
background: var(--scalar-background-3) !important;
}
[data-v-103d9d56] .cm-activeLine, [data-v-103d9d56] .cm-activeLineGutter {
background-color: #0000;
}
[data-v-103d9d56] .cm-selectionMatch, [data-v-103d9d56] .cm-matchingBracket {
border-radius: var(--scalar-radius);
background: var(--scalar-background-4) !important;
}
[data-v-103d9d56] .cm-css-color-picker-wrapper {
outline: 1px solid var(--scalar-background-3);
border-radius: 3px;
display: inline-flex;
overflow: hidden;
}
[data-v-103d9d56] .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-103d9d56] .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-103d9d56] .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-103d9d56] .cm-lineNumbers .cm-gutterElement {
min-width: fit-content;
}
[data-v-103d9d56] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
padding-left: 0 !important;
}
[data-v-103d9d56] .cm-scroller {
overflow: auto;
}
.line-wrapping[data-v-103d9d56]:focus-within .cm-content {
white-space: break-spaces;
word-break: break-all;
min-height: fit-content;
padding: 3px 6px;
display: inline-table;
}
.address-bar-history-button[data-v-a93fa60f]:hover {
background: var(--scalar-background-3);
}
.address-bar-history-button[data-v-a93fa60f]:focus-within {
background: var(--scalar-background-2);
}
.description[data-v-92012388] .markdown {
font-weight: var(--scalar-semibold);
color: var(--scalar-color--1);
padding: 0;
display: block;
}
.description[data-v-92012388] .markdown > :first-child {
margin-top: 0;
}
[data-v-cb2a35da] .cm-editor {
outline: none;
width: 100%;
height: 100%;
}
[data-v-cb2a35da] .cm-line {
padding: 0;
}
[data-v-cb2a35da] .cm-content {
font-size: var(--scalar-small);
align-items: center;
padding: 0;
display: flex;
}
.scroll-timeline-x[data-v-cb2a35da] {
scroll-timeline: --scroll-timeline x;
scroll-timeline: --scroll-timeline horizontal;
-ms-overflow-style: none;
}
.scroll-timeline-x-hidden[data-v-cb2a35da] {
overflow-x: auto;
}
.scroll-timeline-x-hidden[data-v-cb2a35da] .cm-scroller {
scrollbar-width: none;
-ms-overflow-style: none;
padding-right: 20px;
overflow: auto;
}
.scroll-timeline-x-hidden[data-v-cb2a35da]::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
.scroll-timeline-x-hidden[data-v-cb2a35da] .cm-scroller::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
.scroll-timeline-x-address[data-v-cb2a35da] {
scrollbar-width: none;
line-height: 27px;
}
.scroll-timeline-x-address[data-v-cb2a35da]:after {
content: "";
cursor: text;
width: 24px;
height: 100%;
position: absolute;
right: 0;
}
.scroll-timeline-x-address[data-v-cb2a35da]:empty:before {
content: "Enter URL or cURL request";
color: var(--scalar-color-3);
pointer-events: none;
}
.fade-left[data-v-cb2a35da], .fade-right[data-v-cb2a35da] {
content: "";
pointer-events: none;
z-index: 1;
height: 100%;
animation-name: fadein-cb2a35da;
animation-duration: 1ms;
animation-direction: reverse;
animation-timeline: --scroll-timeline;
position: sticky;
}
.fade-left[data-v-cb2a35da] {
background: linear-gradient(-90deg, var(--scalar-address-bar-bg) 0%, var(--scalar-address-bar-bg) 30%, var(--scalar-address-bar-bg) 100%);
}
@supports (color: color-mix(in lab, red, red)) {
.fade-left[data-v-cb2a35da] {
background: linear-gradient(-90deg, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%, var(--scalar-address-bar-bg) 100%);
}
}
.fade-left[data-v-cb2a35da] {
min-width: 6px;
animation-direction: normal;
left: -1px;
}
.fade-right[data-v-cb2a35da] {
background: linear-gradient(90deg, var(--scalar-address-bar-bg) 0%, var(--scalar-address-bar-bg) 30%, var(--scalar-address-bar-bg) 100%);
}
@supports (color: color-mix(in lab, red, red)) {
.fade-right[data-v-cb2a35da] {
background: linear-gradient(90deg, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%, var(--scalar-address-bar-bg) 100%);
}
}
.fade-right[data-v-cb2a35da] {
min-width: 24px;
right: -1px;
}
@keyframes fadein-cb2a35da {
0% {
opacity: 0;
}
1% {
opacity: 1;
}
}
.address-bar-bg-states[data-v-cb2a35da] {
--scalar-address-bar-bg: var(--scalar-background-1);
}
@supports (color: color-mix(in lab, red, red)) {
.address-bar-bg-states[data-v-cb2a35da] {
--scalar-address-bar-bg: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
}
}
.address-bar-bg-states[data-v-cb2a35da] {
background: var(--scalar-address-bar-bg);
}
.address-bar-bg-states[data-v-cb2a35da]:has(.cm-focused) {
--scalar-address-bar-bg: var(--scalar-background-1);
border-color: var(--scalar-border-color);
outline: 1px solid var(--scalar-color-accent);
}
.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-cb2a35da], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-cb2a35da] {
--scalar-address-bar-bg: var(--scalar-background-1);
}
.sidebar-height[data-v-dcff7b49] {
min-height: 100%;
}
@media (min-width: 800px) {
.sidebar-mask[data-v-dcff7b49] {
-webkit-mask-image: linear-gradient(0, transparent 0, transparent 0, var(--scalar-background-2) 30px);
-webkit-mask-image: linear-gradient(0, transparent 0, transparent 0, var(--scalar-background-2) 30px);
-webkit-mask-image: linear-gradient(0, transparent 0, transparent 0, var(--scalar-background-2) 30px);
mask-image: linear-gradient(0, transparent 0, transparent 0, var(--scalar-background-2) 30px);
}
}
.resizer[data-v-dcff7b49] {
cursor: col-resize;
border-right: 2px solid #0000;
width: 5px;
transition: border-right-color .3s;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.resizer[data-v-dcff7b49]:hover, .dragging .resizer[data-v-dcff7b49] {
border-right-color: var(--scalar-background-3);
}
.dragging[data-v-dcff7b49] {
cursor: col-resize;
}
.dragging[data-v-dcff7b49]:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
}
[data-v-c1a50a6e] .cm-editor {
padding: 0;
}
[data-v-c1a50a6e] .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-c1a50a6e] .cm-content:has(.cm-pill) {
padding: 5px 8px;
}
[data-v-c1a50a6e] .cm-content .cm-pill:not(:last-of-type) {
margin-right: .5px;
}
[data-v-c1a50a6e] .cm-content .cm-pill:not(:first-of-type) {
margin-left: .5px;
}
[data-v-c1a50a6e] .cm-line {
text-overflow: ellipsis;
word-break: break-word;
padding: 0;
overflow: hidden;
}
.required[data-v-c1a50a6e]:after {
content: "Required";
}
input[data-v-c1a50a6e]::placeholder {
color: var(--scalar-color-3);
}
.scalar-password-input[data-v-c1a50a6e] {
text-security: disc;
-webkit-text-security: disc;
-moz-text-security: disc;
}
@media (min-width: 800px) {
.has-no-import-url, .has-import-url {
contain: paint;
max-width: 100dvw;
overflow-x: hidden;
}
.has-no-import-url .scalar-client > main {
opacity: 1;
background: var(--scalar-background-1);
animation: .3s ease-in-out forwards transform-restore-layout;
}
.has-import-url .scalar-client > main {
opacity: 0;
border: var(--scalar-border-width) solid var(--scalar-border-color);
z-index: 10000;
border-radius: 12px;
animation: .3s ease-in-out forwards transform-fade-layout;
overflow: hidden;
transform: scale(.85)translate(calc(50dvw + 80px));
}
.has-import-url .scalar-client .sidenav {
display: none;
}
.has-no-import-url .scalar-app, .has-import-url .scalar-app {
background: var(--scalar-background-1) !important;
}
}
@keyframes transform-fade-layout {
0% {
opacity: 0;
transform: scale(.85)translate(calc(50dvw + 80px), 10px);
}
to {
opacity: 1;
transform: scale(.85)translate(calc(50dvw + 80px));
}
}
@keyframes transform-restore-layout {
0% {
opacity: 1;
transform: scale(.85)translate(calc(50dvw + 80px));
}
to {
opacity: 1;
transform: scale(1)translate(0);
}
}
.openapi-color {
color: var(--scalar-color-green);
}
.section-flare {
position: fixed;
top: 0;
right: -50dvw;
}
.address-bar-history-button[data-v-8cf04803]:hover {
background: var(--scalar-background-3);
}
.address-bar-history-button[data-v-8cf04803]:focus-within {
background: var(--scalar-background-2);
}
.description[data-v-1b7a32a4] .markdown {
font-weight: var(--scalar-semibold);
color: var(--scalar-color--1);
padding: 0;
display: block;
}
.description[data-v-1b7a32a4] .markdown > :first-child {
margin-top: 0;
}
[data-v-d6129762] .cm-editor {
background: none;
outline: none;
height: 100%;
padding: 0;
}
[data-v-d6129762] .cm-placeholder {
color: var(--scalar-color-3);
}
[data-v-d6129762] .cm-content {
font-family: var(--scalar-font-code);
font-size: var(--scalar-small);
max-height: 20px;
padding: 8px 0;
}
[data-v-d6129762] .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-d6129762] .cm-tooltip-autocomplete ul li {
padding: 3px 6px !important;
}
[data-v-d6129762] .cm-completionIcon-type:after {
color: var(--scalar-color-3) !important;
}
[data-v-d6129762] .cm-tooltip-autocomplete ul li[aria-selected] {
background: var(--scalar-background-2) !important;
color: var(--scalar-color-1) !important;
}
[data-v-d6129762] .cm-tooltip-autocomplete ul {
position: relative;
padding: 6px !important;
}
[data-v-d6129762] .cm-tooltip-autocomplete ul li:hover {
border-radius: 3px;
color: var(--scalar-color-1) !important;
background: var(--scalar-background-3) !important;
}
[data-v-d6129762] .cm-activeLine, [data-v-d6129762] .cm-activeLineGutter {
background-color: #0000;
}
[data-v-d6129762] .cm-selectionMatch, [data-v-d6129762] .cm-matchingBracket {
border-radius: var(--scalar-radius);
background: var(--scalar-background-4) !important;
}
[data-v-d6129762] .cm-css-color-picker-wrapper {
outline: 1px solid var(--scalar-background-3);
border-radius: 3px;
display: inline-flex;
overflow: hidden;
}
[data-v-d6129762] .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-d6129762] .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-d6129762] .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-d6129762] .cm-lineNumbers .cm-gutterElement {
min-width: fit-content;
}
[data-v-d6129762] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
padding-left: 0 !important;
}
[data-v-d6129762] .cm-scroller {
overflow: auto;
}
.line-wrapping[data-v-d6129762]:focus-within .cm-content {
white-space: break-spaces;
word-break: break-all;
min-height: fit-content;
padding: 3px 6px;
display: inline-table;
}
.cm-pill {
--tw-bg-base: var(--scalar-color-1);
color: var(--tw-bg-base);
font-size: var(--scalar-small);
border-radius: 30px;
padding: 0 9px;
display: inline-block;
background: var(--tw-bg-base) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.cm-pill {
background: color-mix(in srgb, var(--tw-bg-base), transparent 94%) !important;
}
}
.cm-pill.bg-grey {
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: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);
}
[data-v-a165ba6c] .cm-editor {
outline: none;
width: 100%;
height: 100%;
}
[data-v-a165ba6c] .cm-line {
padding: 0;
}
[data-v-a165ba6c] .cm-content {
font-size: var(--scalar-small);
align-items: center;
padding: 0;
display: flex;
}
.scroll-timeline-x[data-v-a165ba6c] {
scroll-timeline: --scroll-timeline x;
scroll-timeline: --scroll-timeline horizontal;
-ms-overflow-style: none;
}
.scroll-timeline-x-hidden[data-v-a165ba6c] {
overflow-x: auto;
}
.scroll-timeline-x-hidden[data-v-a165ba6c] .cm-scroller {
scrollbar-width: none;
-ms-overflow-style: none;
padding-right: 20px;
overflow: auto;
}
.scroll-timeline-x-hidden[data-v-a165ba6c]::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
.scroll-timeline-x-hidden[data-v-a165ba6c] .cm-scroller::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
.scroll-timeline-x-address[data-v-a165ba6c] {
scrollbar-width: none;
line-height: 27px;
}
.scroll-timeline-x-address[data-v-a165ba6c]:after {
content: "";
cursor: text;
width: 24px;
height: 100%;
position: absolute;
right: 0;
}
.scroll-timeline-x-address[data-v-a165ba6c]:empty:before {
content: "Enter URL or cURL request";
color: var(--scalar-color-3);
pointer-events: none;
}
.fade-left[data-v-a165ba6c], .fade-right[data-v-a165ba6c] {
content: "";
pointer-events: none;
z-index: 1;
height: 100%;
animation-name: fadein-a165ba6c;
animation-duration: 1ms;
animation-direction: reverse;
animation-timeline: --scroll-timeline;
position: sticky;
}
.fade-left[data-v-a165ba6c] {
background: linear-gradient(-90deg, var(--scalar-address-bar-bg) 0%, var(--scalar-address-bar-bg) 30%, var(--scalar-address-bar-bg) 100%);
}
@supports (color: color-mix(in lab, red, red)) {
.fade-left[data-v-a165ba6c] {
background: linear-gradient(-90deg, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%, var(--scalar-address-bar-bg) 100%);
}
}
.fade-left[data-v-a165ba6c] {
min-width: 6px;
animation-direction: normal;
left: -1px;
}
.fade-right[data-v-a165ba6c] {
background: linear-gradient(90deg, var(--scalar-address-bar-bg) 0%, var(--scalar-address-bar-bg) 30%, var(--scalar-address-bar-bg) 100%);
}
@supports (color: color-mix(in lab, red, red)) {
.fade-right[data-v-a165ba6c] {
background: linear-gradient(90deg, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%, var(--scalar-address-bar-bg) 100%);
}
}
.fade-right[data-v-a165ba6c] {
min-width: 24px;
right: -1px;
}
@keyframes fadein-a165ba6c {
0% {
opacity: 0;
}
1% {
opacity: 1;
}
}
.address-bar-bg-states[data-v-a165ba6c] {
--scalar-address-bar-bg: var(--scalar-background-1);
}
@supports (color: color-mix(in lab, red, red)) {
.address-bar-bg-states[data-v-a165ba6c] {
--scalar-address-bar-bg: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
}
}
.address-bar-bg-states[data-v-a165ba6c] {
background: var(--scalar-address-bar-bg);
}
.address-bar-bg-states[data-v-a165ba6c]:has(.cm-focused) {
--scalar-address-bar-bg: var(--scalar-background-1);
border-color: var(--scalar-border-color);
outline-width: 1px;
outline-style: solid;
}
.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-a165ba6c], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-a165ba6c] {
--scalar-address-bar-bg: var(--scalar-background-1);
}
.app-exit-button[data-v-d73c7e3d] {
color: #fff;
background: #0000001a;
}
.app-exit-button[data-v-d73c7e3d]:hover {
background: #ffffff1a;
}
.fade-request-section-content[data-v-f97cc68c] {
background: linear-gradient(to left, var(--scalar-background-1) 64%, transparent);
}
.filter-hover[data-v-f97cc68c] {
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-f97cc68c]:hover, .filter-hover[data-v-f97cc68c]:has(:focus-visible) {
z-index: 10;
width: 100%;
}
.filter-hover[data-v-f97cc68c]: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-f97cc68c] {
opacity: 0;
}
.filter-hover-item[data-v-f97cc68c]:not(:last-of-type) {
transform: translate3d(0, 3px, 0);
}
.filter-hover:hover .filter-hover-item[data-v-f97cc68c] {
transition: opacity .2s ease-in-out, transform .2s ease-in-out;
}
.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:last-of-type {
transition-delay: 50ms;
}
.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(2) {
transition-delay: .1s;
}
.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(3) {
transition-delay: .15s;
}
.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(4) {
transition-delay: .2s;
}
.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(5) {
transition-delay: .25s;
}
.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(6) {
transition-delay: .3s;
}
.filter-hover:hover .filter-hover-item[data-v-f97cc68c]:nth-last-of-type(7) {
transition-delay: .35s;
}
.filter-hover:hover .filter-hover-item[data-v-f97cc68c], .filter-hover:has(:focus-visible) .filter-hover-item[data-v-f97cc68c] {
opacity: 1;
transform: translateZ(0);
}
.filter-hover[data-v-f97cc68c]:hover:before, .filter-hover[data-v-f97cc68c]:has(:focus-visible):before {
opacity: .9;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.filter-button[data-v-f97cc68c] {
top: 50%;
transform: translateY(-50%);
}
.context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-f97cc68c], .context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-f97cc68c] {
--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-f97cc68c], .context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-f97cc68c] {
display: none;
}
.schema > span[data-v-f2ab7aa3]:not(:first-child):before {
content: "·";
margin: 0 .5ch;
display: block;
}
.schema > span[data-v-f2ab7aa3] {
white-space: nowrap;
display: flex;
}
[data-v-e07e86c7] .cm-editor {
padding: 0;
}
[data-v-e07e86c7] .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-e07e86c7] .cm-content:has(.cm-pill) {
padding: 5px 8px;
}
[data-v-e07e86c7] .cm-content .cm-pill:not(:last-of-type) {
margin-right: .5px;
}
[data-v-e07e86c7] .cm-content .cm-pill:not(:first-of-type) {
margin-left: .5px;
}
[data-v-e07e86c7] .cm-line {
text-overflow: ellipsis;
padding: 0;
overflow: hidden;
}
.filemask[data-v-e07e86c7] {
-webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
-webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
-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-0a6f7696] .cm-content {
font-size: var(--scalar-small);
}
.form-group[data-v-43df1726] {
margin-bottom: 1rem;
}
.modal-actions[data-v-43df1726] {
justify-content: flex-end;
gap: 1rem;
display: flex;
}
[data-v-3157c3c7] .cm-editor {
padding: 0;
}
[data-v-3157c3c7] .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-3157c3c7] .cm-content:has(.cm-pill) {
padding: 5px 8px;
}
[data-v-3157c3c7] .cm-content .cm-pill:not(:last-of-type) {
margin-right: .5px;
}
[data-v-3157c3c7] .cm-content .cm-pill:not(:first-of-type) {
margin-left: .5px;
}
[data-v-3157c3c7] .cm-line {
text-overflow: ellipsis;
word-break: break-word;
padding: 0;
overflow: hidden;
}
.required[data-v-3157c3c7]:after {
content: "Required";
}
input[data-v-3157c3c7]::placeholder {
color: var(--scalar-color-3);
}
.scalar-password-input[data-v-3157c3c7] {
text-security: disc;
-webkit-text-security: disc;
-moz-text-security: disc;
}
.request-section-content[data-v-35cedd3d] {
--scalar-border-width: .5px;
}
.request-section-content-filter[data-v-35cedd3d] {
box-shadow: 0 -10px 0 10px var(--scalar-background-1);
}
.request-item:focus-within .request-meta-buttons[data-v-35cedd3d] {
opacity: 1;
}
.group-hover-input[data-v-35cedd3d] {
border-width: var(--scalar-border-width);
border-color: #0000;
}
.group:hover .group-hover-input[data-v-35cedd3d] {
background: var(--scalar-background-1);
}
@supports (color: color-mix(in lab, red, red)) {
.group:hover .group-hover-input[data-v-35cedd3d] {
background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
}
}
.group:hover .group-hover-input[data-v-35cedd3d] {
border-color: var(--scalar-border-color);
}
.group-hover-input[data-v-35cedd3d]:focus {
border-color: var(--scalar-border-color) !important;
background: none !important;
}
.light-mode .bg-preview[data-v-c02b5bb8] {
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-c02b5bb8] {
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");
}
[data-v-10022578] .cm-editor {
font-size: var(--scalar-small);
background-color: #0000;
outline: none;
}
[data-v-10022578] .cm-gutters {
background-color: var(--scalar-background-1);
border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
}
.body-raw[data-v-10022578] .cm-scroller {
min-width: 100%;
overflow: auto;
}
.scalar-code-block[data-v-32d6d6ca] .hljs * {
font-size: var(--scalar-small);
}
.ascii-art-animate .ascii-art-line[data-v-69ebd973] {
border-right: 1ch solid #0000;
animation: 4s step-end 1s both typewriter-69ebd973, .5s step-end infinite blinkTextCursor-69ebd973;
}
@keyframes typewriter-69ebd973 {
0% {
width: 0;
}
to {
width: 100%;
}
}
@keyframes blinkTextCursor-69ebd973 {
0% {
border-right-color: currentColor;
}
50% {
border-right-color: #0000;
}
}
.keycap-n[data-v-b1211b87] {
background: -webkit-linear-gradient(5deg, transparent 30%, var(--scalar-color-3) 50%);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.keycap-hotkey[data-v-b1211b87] {
line-height: 26px;
position: absolute;
top: 32px;
}
.scalar-version-number[data-v-159bd9b3] {
width: 76px;
height: 76px;
font-size: 8px;
font-family: var(--scalar-font-code);
box-shadow: inset 2px 0 0 2px var(--scalar-background-2);
text-align: center;
text-transform: initial;
-webkit-text-decoration-color: var(--scalar-color-3);
-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-159bd9b3] {
background: var(--scalar-background-2);
border: .5px solid var(--scalar-border-color);
border-radius: 3px;
padding: 2px 4px;
font-weight: 700;
text-decoration: none;
}
.gitbook-show[data-v-159bd9b3] {
display: none;
}
.v-enter-active[data-v-57ced68a] {
transition: opacity .5s;
}
.v-enter-from[data-v-57ced68a] {
opacity: 0;
}
.animate-response-heading .response-heading[data-v-aaba9a18] {
opacity: 1;
animation: .2s ease-in-out forwards push-response-aaba9a18;
}
@keyframes push-response-aaba9a18 {
0% {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-4px);
}
}
.animate-response-heading .animate-response-children[data-v-aaba9a18] {
opacity: 0;
animation: .2s ease-in-out 50ms forwards response-spans-aaba9a18;
}
@keyframes response-spans-aaba9a18 {
0% {
opacity: 0;
transform: translateY(4px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.request-card[data-v-a3bf456d] {
font-size: var(--scalar-font-size-3);
}
.request-method[data-v-a3bf456d] {
font-family: var(--scalar-font-code);
text-transform: uppercase;
margin-right: 6px;
}
.request-card-footer[data-v-a3bf456d] {
flex-shrink: 0;
justify-content: flex-end;
padding: 6px;
display: flex;
}
.request-card-footer-addon[data-v-a3bf456d] {
flex: 1;
align-items: center;
min-width: 0;
display: flex;
}
.request-editor-section[data-v-a3bf456d] {
flex: 1;
display: flex;
}
.request-card-simple[data-v-a3bf456d] {
font-size: var(--scalar-small);
justify-content: space-between;
align-items: center;
padding: 8px 8px 8px 12px;
display: flex;
}
.code-snippet[data-v-a3bf456d] {
flex-direction: column;
width: 100%;
display: flex;
}
.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;
}
.ref-search-meta[data-v-0c30b37a] {
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;
}
.splash-screen[data-v-af32615f] {
opacity: 0;
animation: .5s ease-in-out forwards fadeIn-af32615f;
}
.logo-icon[data-v-af32615f] {
opacity: 0;
animation: .6s ease-in-out .2s forwards fadeInLogo-af32615f, 2s ease-in-out .8s infinite pulse-af32615f;
}
@keyframes fadeIn-af32615f {
0% {
opacity: 0;
}
to {
opacity: .9;
}
}
@keyframes fadeInLogo-af32615f {
0% {
opacity: 0;
transform: scale(.9);
}
to {
opacity: .8;
transform: scale(1);
}
}
@keyframes pulse-af32615f {
0%, to {
opacity: .8;
}
50% {
opacity: .6;
}
}
.scroll-timeline-x[data-v-981120f2] {
scroll-timeline: --scroll-timeline x;
scroll-timeline: --scroll-timeline horizontal;
-ms-overflow-style: none;
scrollbar-width: none;
overflow: auto;
}
.scroll-timeline-x[data-v-981120f2]::-webkit-scrollbar {
display: none;
}
.commandmenu[data-v-7f3e459b] {
box-shadow: var(--scalar-shadow-2);
border-radius: var(--scalar-radius-lg);
background-color: var(--scalar-background-1);
opacity: 0;
width: 100%;
max-width: 580px;
max-height: 60dvh;
margin: 12px;
animation: .3s ease-in-out .1s forwards fadeincommandmenu-7f3e459b;
position: fixed;
top: 150px;
left: 50%;
transform: translate3d(-50%, 10px, 0);
}
.commandmenu-overlay[data-v-7f3e459b] {
cursor: pointer;
background: #0003;
animation: .3s ease-in-out forwards fadeincommand-7f3e459b;
position: fixed;
inset: 0;
}
@keyframes fadeincommand-7f3e459b {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeincommandmenu-7f3e459b {
0% {
opacity: 0;
transform: translate3d(-50%, 10px, 0);
}
to {
opacity: 1;
transform: translate3d(-50%, 0, 0);
}
}
.empty-sidebar-item-content[data-v-9f160e4c] {
display: none;
}
.empty-sidebar-item .empty-sidebar-item-content[data-v-9f160e4c] {
display: block;
}
.rabbitjump[data-v-9f160e4c] {
opacity: 0;
}
.empty-sidebar-item:hover .rabbitjump[data-v-9f160e4c] {
opacity: 1;
animation: .5s step-end infinite rabbitAnimation-9f160e4c;
}
.empty-sidebar-item:hover .rabbitsit[data-v-9f160e4c] {
opacity: 0;
animation: .5s step-end infinite rabbitAnimation2-9f160e4c;
}
.empty-sidebar-item:hover .rabbit-ascii[data-v-9f160e4c] {
animation: 8s linear infinite rabbitRun-9f160e4c;
}
@keyframes rabbitRun-9f160e4c {
0% {
transform: translateZ(0);
}
25% {
transform: translate3d(250px, 0, 0);
}
25.01% {
transform: translate3d(-250px, 0, 0);
}
75% {
transform: translate3d(250px, 0, 0);
}
75.01% {
transform: translate3d(-250px, 0, 0);
}
to {
transform: translateZ(0);
}
}
@keyframes rabbitAnimation-9f160e4c {
0%, to {
opacity: 1;
}
50% {
opacity: 0;
}
}
@keyframes rabbitAnimation2-9f160e4c {
0%, to {
opacity: 0;
}
50% {
opacity: 1;
transform: translate3d(0, -8px, 0);
}
}
.nav-single-tab[data-v-2e741aab] {
width: 100%;
height: 100%;
color: var(--scalar-color-1);
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.nav-item[data-v-2e741aab] {
cursor: pointer;
border-radius: var(--scalar-radius-lg);
background: var(--scalar-background-3);
border: var(--scalar-border-width) solid var(--scalar-background-2);
color: var(--scalar-color-3);
flex: 1;
justify-content: center;
align-items: center;
min-width: 0;
padding: 4.5px 1rem;
display: flex;
position: relative;
overflow: hidden;
}
.dark-mode .nav-item[data-v-2e741aab] {
background: var(--scalar-background-2);
}
@supports (color: color-mix(in lab, red, red)) {
.dark-mode .nav-item[data-v-2e741aab] {
background: color-mix(in srgb, var(--scalar-background-2), transparent);
}
}
.nav-item-icon-copy[data-v-2e741aab] {
white-space: nowrap;
max-width: 100%;
-webkit-mask-image: linear-gradient(to left, transparent 0, var(--scalar-background-2) 20px);
-webkit-mask-image: linear-gradient(to left, transparent 0, var(--scalar-background-2) 20px);
-webkit-mask-image: linear-gradient(to left, transparent 0, var(--scalar-background-2) 20px);
mask-image: linear-gradient(to left, transparent 0, var(--scalar-background-2) 20px);
overflow: hidden;
}
.nav-item:hover .nav-item-icon-copy[data-v-2e741aab] {
-webkit-mask-image: linear-gradient(to left, transparent 20px, var(--scalar-background-2) 40px);
-webkit-mask-image: linear-gradient(to left, transparent 20px, var(--scalar-background-2) 40px);
-webkit-mask-image: linear-gradient(to left, transparent 20px, var(--scalar-background-2) 40px);
mask-image: linear-gradient(to left, transparent 20px, var(--scalar-background-2) 40px);
}
.nav-item-copy[data-v-2e741aab] {
max-width: calc(100% - 20px);
}
.nav-item[data-v-2e741aab]:hover {
color: var(--scalar-color-1);
}
.nav-item__active[data-v-2e741aab] {
background-color: var(--scalar-background-1);
color: var(--scalar-color-1);
border-color: var(--scalar-border-color);
}
.dark-mode .nav-item__active[data-v-2e741aab] {
background-color: var(--scalar-background-2);
}
.nav-item-close[data-v-2e741aab] {
border-radius: var(--scalar-radius);
stroke-width: 1.5px;
max-width: 20px;
color: var(--scalar-color-3);
opacity: 0;
background: none;
margin-left: -20px;
padding: 2px;
position: absolute;
right: 3px;
}
.nav-item:hover .nav-item-close[data-v-2e741aab] {
opacity: 1;
}
.nav-item-close[data-v-2e741aab]:hover {
background-color: var(--scalar-background-4);
}
.nav-item__active .nav-item-close[data-v-2e741aab]:hover {
background-color: var(--scalar-background-2);
}
.download-app-button[data-v-d9bec97b] {
box-shadow: 0 0 0 .5px var(--scalar-border-color);
background: linear-gradient(#ffffffbf, #00000009);
}
.dark-mode .download-app-button[data-v-d9bec97b] {
background: linear-gradient(#ffffff1a, #00000026);
}
.download-app-button[data-v-d9bec97b]:hover {
background: linear-gradient(#00000009, #ffffffbf);
}
.dark-mode .download-app-button[data-v-d9bec97b]:hover {
background: linear-gradient(#00000026, #ffffff1a);
}
#scalar-client {
background-color: var(--scalar-background-2);
flex-direction: column;
width: 100dvw;
height: 100dvh;
display: flex;
position: relative;
}
.dark-mode #scalar-client {
background-color: var(--scalar-background-1);
}
@supports (color: color-mix(in lab, red, red)) {
.dark-mode #scalar-client {
background-color: color-mix(in srgb, var(--scalar-background-1) 65%, black);
}
}
.scalar-collection-auth[data-v-dc159f6f] {
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: var(--scalar-radius-lg);
overflow: hidden;
}
[data-v-6fc24fdf] .cm-editor {
padding: 0;
}
[data-v-6fc24fdf] .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-6fc24fdf] .cm-content:has(.cm-pill) {
padding: 5px 8px;
}
[data-v-6fc24fdf] .cm-content .cm-pill:not(:last-of-type) {
margin-right: .5px;
}
[data-v-6fc24fdf] .cm-content .cm-pill:not(:first-of-type) {
margin-left: .5px;
}
[data-v-6fc24fdf] .cm-line {
text-overflow: ellipsis;
padding: 0;
overflow: hidden;
}
[data-v-28c8509c] .cm-editor {
padding: 0;
}
[data-v-28c8509c] .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-28c8509c] .cm-content:has(.cm-pill) {
padding: 5px 8px;
}
[data-v-28c8509c] .cm-content .cm-pill:not(:last-of-type) {
margin-right: .5px;
}
[data-v-28c8509c] .cm-content .cm-pill:not(:first-of-type) {
margin-left: .5px;
}
[data-v-28c8509c] .cm-line {
text-overflow: ellipsis;
padding: 0;
overflow: hidden;
}
[data-v-7c1a2f6c] .cm-content {
min-height: fit-content;
}
[data-v-7c1a2f6c] .cm-scroller {
max-width: 100%;
overflow: auto hidden;
}
.group-hover-input[data-v-5a23cb87] {
border-width: var(--scalar-border-width);
border-color: #0000;
}
.group:hover .group-hover-input[data-v-5a23cb87] {
background: var(--scalar-background-1);
}
@supports (color: color-mix(in lab, red, red)) {
.group:hover .group-hover-input[data-v-5a23cb87] {
background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
}
}
.group:hover .group-hover-input[data-v-5a23cb87] {
border-color: var(--scalar-border-color);
}
.group-hover-input[data-v-5a23cb87]:focus {
border-color: var(--scalar-border-color) !important;
background: none !important;
}
.scalar .scalar-app-layout[data-v-2d195805] {
background: var(--scalar-background-1);
opacity: 0;
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: 8px;
width: 100%;
max-width: 1390px;
height: calc(100% - 120px);
margin: auto;
animation: .35s forwards scalarapiclientfadein-2d195805;
position: relative;
overflow: hidden;
}
@media (max-width: 720px) and (max-height: 480px) {
.scalar .scalar-app-layout[data-v-2d195805] {
height: 100%;
max-height: 90svh;
}
}
@keyframes scalarapiclientfadein-2d195805 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.scalar .scalar-app-exit[data-v-2d195805] {
cursor: pointer;
z-index: -1;
background: #00000038;
width: 100vw;
height: 100vh;
transition: all .3s ease-in-out;
animation: .35s forwards scalardrawerexitfadein-2d195805;
position: fixed;
top: 0;
left: 0;
}
.dark-mode .scalar .scalar-app-exit[data-v-2d195805] {
background: #00000073;
}
.scalar .scalar-app-exit[data-v-2d195805]: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-2d195805]:hover:before {
opacity: 1;
}
@keyframes scalardrawerexitfadein-2d195805 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.scalar-container[data-v-2d195805] {
visibility: visible;
z-index: 10000;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: fixed;
top: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
.scalar .url-form-input[data-v-2d195805] {
min-height: auto !important;
}
.scalar .scalar-container[data-v-2d195805] {
line-height: normal;
}
.scalar .scalar-app-header span[data-v-2d195805] {
color: var(--scalar-color-3);
}
.scalar .scalar-app-header a[data-v-2d195805] {
color: var(--scalar-color-1);
}
.scalar .scalar-app-header a[data-v-2d195805]:hover {
text-decoration: underline;
}
.scalar-activate[data-v-2d195805] {
cursor: pointer;
align-items: center;
gap: 6px;
width: fit-content;
margin: 0 .75rem .75rem auto;
font-size: .875rem;
font-weight: 600;
line-height: 24px;
display: flex;
}
.scalar-activate-button[data-v-2d195805] {
color: var(--scalar-color-blue);
appearance: none;
background: none;
border: none;
outline: none;
align-items: center;
gap: 6px;
padding: 0 .5rem;
display: flex;
}
.scalar-activate:hover .scalar-activate-button[data-v-2d195805] {
background: var(--scalar-background-3);
border-radius: 3px;
}
.schema > span[data-v-4df72868]:not(:first-child):before {
content: "·";
margin: 0 .5ch;
display: block;
}
.schema > span[data-v-4df72868] {
white-space: nowrap;
display: flex;
}
[data-v-04661eb4] .cm-editor {
padding: 0;
}
[data-v-04661eb4] .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-04661eb4] .cm-content:has(.cm-pill) {
padding: 5px 8px;
}
[data-v-04661eb4] .cm-content .cm-pill:not(:last-of-type) {
margin-right: .5px;
}
[data-v-04661eb4] .cm-content .cm-pill:not(:first-of-type) {
margin-left: .5px;
}
[data-v-04661eb4] .cm-line {
text-overflow: ellipsis;
padding: 0;
overflow: hidden;
}
.filemask[data-v-04661eb4] {
-webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
-webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
-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-9aa4b63a] .cm-content {
font-size: var(--scalar-small);
}
.auth-combobox-position[data-v-0bb98074] {
margin-left: 120px;
}
.scroll-timeline-x[data-v-0bb98074] {
scroll-timeline: --scroll-timeline x;
scroll-timeline: --scroll-timeline horizontal;
scrollbar-width: none;
-ms-overflow-style: none;
overflow: auto;
}
.fade-left[data-v-0bb98074], .fade-right[data-v-0bb98074] {
content: "";
pointer-events: none;
height: 100%;
min-height: 24px;
animation-name: fadein-0bb98074;
animation-duration: 1ms;
animation-direction: reverse;
animation-timeline: --scroll-timeline;
position: sticky;
}
.fade-left[data-v-0bb98074] {
background: linear-gradient(-90deg, var(--scalar-background-1) 0%, var(--scalar-background-1) 60%, var(--scalar-background-1) 100%);
}
@supports (color: color-mix(in lab, red, red)) {
.fade-left[data-v-0bb98074] {
background: linear-gradient(-90deg, color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%, color-mix(in srgb, var(--scalar-background-1), transparent 20%) 60%, var(--scalar-background-1) 100%);
}
}
.fade-left[data-v-0bb98074] {
min-width: 3px;
animation-direction: normal;
left: -1px;
}
.fade-right[data-v-0bb98074] {
background: linear-gradient(90deg, var(--scalar-background-1) 0%, var(--scalar-background-1) 60%, var(--scalar-background-1) 100%);
}
@supports (color: color-mix(in lab, red, red)) {
.fade-right[data-v-0bb98074] {
background: linear-gradient(90deg, color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%, color-mix(in srgb, var(--scalar-background-1), transparent 20%) 60%, var(--scalar-background-1) 100%);
}
}
.fade-right[data-v-0bb98074] {
min-width: 24px;
margin-left: -20px;
top: 0;
right: -1px;
}
@keyframes fadein-0bb98074 {
0% {
opacity: 0;
}
15% {
opacity: 1;
}
}
.auth-combobox-position[data-v-3f1067a4] {
margin-left: 120px;
}
.scroll-timeline-x[data-v-3f1067a4] {
scroll-timeline: --scroll-timeline x;
scroll-timeline: --scroll-timeline horizontal;
scrollbar-width: none;
-ms-overflow-style: none;
overflow: auto;
}
.fade-left[data-v-3f1067a4], .fade-right[data-v-3f1067a4] {
content: "";
pointer-events: none;
height: 100%;
min-height: 24px;
animation-name: fadein-3f1067a4;
animation-duration: 1ms;
animation-direction: reverse;
animation-timeline: --scroll-timeline;
position: sticky;
}
.fade-left[data-v-3f1067a4] {
background: linear-gradient(-90deg, var(--scalar-background-1) 0%, var(--scalar-background-1) 60%, var(--scalar-background-1) 100%);
}
@supports (color: color-mix(in lab, red, red)) {
.fade-left[data-v-3f1067a4] {
background: linear-gradient(-90deg, color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%, color-mix(in srgb, var(--scalar-background-1), transparent 20%) 60%, var(--scalar-background-1) 100%);
}
}
.fade-left[data-v-3f1067a4] {
min-width: 3px;
animation-direction: normal;
left: -1px;
}
.fade-right[data-v-3f1067a4] {
background: linear-gradient(90deg, var(--scalar-background-1) 0%, var(--scalar-background-1) 60%, var(--scalar-background-1) 100%);
}
@supports (color: color-mix(in lab, red, red)) {
.fade-right[data-v-3f1067a4] {
background: linear-gradient(90deg, color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%, color-mix(in srgb, var(--scalar-background-1), transparent 20%) 60%, var(--scalar-background-1) 100%);
}
}
.fade-right[data-v-3f1067a4] {
min-width: 24px;
margin-left: -20px;
top: 0;
right: -1px;
}
@keyframes fadein-3f1067a4 {
0% {
opacity: 0;
}
15% {
opacity: 1;
}
}
[data-v-2891f052] code.hljs * {
font-size: var(--scalar-small);
}
.request-section-content[data-v-e85e2882] {
--scalar-border-width: .5px;
}
.request-section-content-filter[data-v-e85e2882] {
box-shadow: 0 -10px 0 10px var(--scalar-background-1);
}
.request-item:focus-within .request-meta-buttons[data-v-e85e2882] {
opacity: 1;
}
.group-hover-input[data-v-e85e2882] {
border-width: var(--scalar-border-width);
border-color: #0000;
}
.group:hover .group-hover-input[data-v-e85e2882] {
background: var(--scalar-background-1);
}
@supports (color: color-mix(in lab, red, red)) {
.group:hover .group-hover-input[data-v-e85e2882] {
background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
}
}
.group:hover .group-hover-input[data-v-e85e2882] {
border-color: var(--scalar-border-color);
}
.group-hover-input[data-v-e85e2882]:focus {
border-color: var(--scalar-border-color) !important;
background: none !important;
}
.light-mode .bg-preview[data-v-0956ad2d] {
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-0956ad2d] {
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");
}
[data-v-85d2902e] .cm-editor {
font-size: var(--scalar-small);
background-color: #0000;
outline: none;
}
[data-v-85d2902e] .cm-gutters {
background-color: var(--scalar-background-1);
border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
}
.body-raw[data-v-85d2902e] .cm-scroller {
min-width: 100%;
overflow: auto;
}
.scalar-code-block[data-v-17966bf4] .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-6d2bdb61] {
width: 76px;
height: 76px;
font-size: 8px;
font-family: var(--scalar-font-code);
box-shadow: inset 2px 0 0 2px var(--scalar-background-2);
text-align: center;
text-transform: initial;
-webkit-text-decoration-color: var(--scalar-color-3);
-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-6d2bdb61] {
background: var(--scalar-background-2);
border: .5px solid var(--scalar-border-color);
border-radius: 3px;
padding: 2px 4px;
font-weight: 700;
text-decoration: none;
}
.gitbook-show[data-v-6d2bdb61] {
display: none;
}
.v-enter-active[data-v-7ec8af01] {
transition: opacity .5s;
}
.v-enter-from[data-v-7ec8af01] {
opacity: 0;
}
.animate-response-heading .response-heading[data-v-7138ed84] {
opacity: 1;
animation: .2s ease-in-out forwards push-response-7138ed84;
}
@keyframes push-response-7138ed84 {
0% {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-4px);
}
}
.animate-response-heading .animate-response-children[data-v-7138ed84] {
opacity: 0;
animation: .2s ease-in-out 50ms forwards response-spans-7138ed84;
}
@keyframes response-spans-7138ed84 {
0% {
opacity: 0;
transform: translateY(4px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.ellipsis-position[data-v-01a1ab71] {
transform: translate3d(calc(-100% - 4.5px), 0, 0);
}
.indent-border-line-offset[data-v-4f5a9d1f]:before {
left: var(--v0bed2d4e);
}
.indent-padding-left[data-v-4f5a9d1f] {
padding-left: calc(var(--v57ee1db0) + 6px);
}
.sidebar-folderitem[data-v-4f5a9d1f] .ellipsis-position {
right: 6px;
transform: none;
}
.search-button-fade[data-v-bca9c474] {
background: linear-gradient(var(--scalar-background-1) 32px, var(--scalar-background-1) 38px, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.search-button-fade[data-v-bca9c474] {
background: linear-gradient(var(--scalar-background-1) 32px, color-mix(in srgb, var(--scalar-background-1), transparent) 38px, transparent);
}
}
.empty-sidebar-item-content[data-v-bca9c474] {
display: none;
}
.empty-sidebar-item .empty-sidebar-item-content[data-v-bca9c474] {
display: block;
}
.rabbitjump[data-v-bca9c474] {
opacity: 0;
}
.empty-sidebar-item:hover .rabbitjump[data-v-bca9c474] {
opacity: 1;
animation: .5s step-end infinite rabbitAnimation-bca9c474;
}
.empty-sidebar-item:hover .rabbitsit[data-v-bca9c474] {
opacity: 0;
animation: .5s step-end infinite rabbitAnimation2-bca9c474;
}
.empty-sidebar-item:hover .rabbit-ascii[data-v-bca9c474] {
animation: 8s linear infinite rabbitRun-bca9c474;
}
@keyframes rabbitRun-bca9c474 {
0% {
transform: translateZ(0);
}
25% {
transform: translate3d(250px, 0, 0);
}
25.01% {
transform: translate3d(-250px, 0, 0);
}
75% {
transform: translate3d(250px, 0, 0);
}
75.01% {
transform: translate3d(-250px, 0, 0);
}
to {
transform: translateZ(0);
}
}
@keyframes rabbitAnimation-bca9c474 {
0%, to {
opacity: 1;
}
50% {
opacity: 0;
}
}
@keyframes rabbitAnimation2-bca9c474 {
0%, to {
opacity: 0;
}
50% {
opacity: 1;
transform: translate3d(0, -8px, 0);
}
}
.request-text-color-text[data-v-c508c571] {
color: var(--scalar-color-1);
background: linear-gradient(var(--scalar-background-1), var(--scalar-background-3));
box-shadow: 0 0 0 1px var(--scalar-border-color);
}
@media screen and (max-width: 800px) {
.sidebar-active-hide-layout[data-v-c508c571] {
display: none;
}
.sidebar-active-width[data-v-c508c571] {
width: 100%;
}
}
.gitbook-show[data-v-c8df97c6] {
display: none;
}
.app-exit-button[data-v-c8df97c6] {
color: #fff;
background: #0000001a;
}
.app-exit-button[data-v-c8df97c6]:hover {
background: #ffffff1a;
}
.request-text-color-text[data-v-57ae0d10] {
color: var(--scalar-color-1);
background: linear-gradient(var(--scalar-background-1), var(--scalar-background-3));
box-shadow: 0 0 0 1px var(--scalar-border-color);
}
@media screen and (max-width: 800px) {
.sidebar-active-hide-layout[data-v-57ae0d10] {
display: none;
}
.sidebar-active-width[data-v-57ae0d10] {
width: 100%;
}
}
.group-hover-input[data-v-fced736a] {
border-width: var(--scalar-border-width);
border-color: #0000;
}
.group:hover .group-hover-input[data-v-fced736a] {
background: var(--scalar-background-1);
}
@supports (color: color-mix(in lab, red, red)) {
.group:hover .group-hover-input[data-v-fced736a] {
background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
}
}
.group:hover .group-hover-input[data-v-fced736a] {
border-color: var(--scalar-border-color);
}
.group-hover-input[data-v-fced736a]:focus {
border-color: var(--scalar-border-color) !important;
background: none !important;
}
[data-v-68d5218e] .markdown h2 {
font-size: var(--scalar-font-size-2);
}
[data-v-5997a667] .cm-content {
min-height: fit-content;
}
[data-v-5997a667] .cm-scroller {
max-width: 100%;
overflow: auto hidden;
}
[data-v-83bfcc8a] .cm-editor {
padding: 0;
}
[data-v-83bfcc8a] .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-83bfcc8a] .cm-content:has(.cm-pill) {
padding: 5px 8px;
}
[data-v-83bfcc8a] .cm-content .cm-pill:not(:last-of-type) {
margin-right: .5px;
}
[data-v-83bfcc8a] .cm-content .cm-pill:not(:first-of-type) {
margin-left: .5px;
}
[data-v-83bfcc8a] .cm-line {
text-overflow: ellipsis;
padding: 0;
overflow: hidden;
}
.scalar-collection-auth[data-v-cc87292e] {
border: var(--scalar-border-width) solid var(--scalar-border-color);
border-radius: var(--scalar-radius-lg);
overflow: hidden;
}
.dragover-asChild[data-v-a89d6a6e], .dragover-above[data-v-a89d6a6e], .dragover-below[data-v-a89d6a6e] {
position: relative;
}
.dragover-above[data-v-a89d6a6e]:after, .dragover-below[data-v-a89d6a6e]:after {
content: "";
background: var(--scalar-color-blue);
width: 100%;
height: 3px;
display: block;
position: absolute;
top: -1.5px;
}
@supports (color: color-mix(in lab, red, red)) {
.dragover-above[data-v-a89d6a6e]:after, .dragover-below[data-v-a89d6a6e]:after {
background: color-mix(in srgb, var(--scalar-color-blue), transparent 85%);
}
}
.dragover-above[data-v-a89d6a6e]:after, .dragover-below[data-v-a89d6a6e]:after {
pointer-events: none;
border-radius: var(--scalar-radius);
}
.dragover-below[data-v-a89d6a6e]:after {
top: initial;
bottom: -1.5px;
}
.dragover-asChild[data-v-a89d6a6e]:after {
content: "";
background: var(--scalar-color-blue);
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.dragover-asChild[data-v-a89d6a6e]:after {
background: color-mix(in srgb, var(--scalar-color-blue), transparent 85%);
}
}
.dragover-asChild[data-v-a89d6a6e]:after {
pointer-events: none;
border-radius: var(--scalar-radius);
}
.empty-variable-name[data-v-0b6c70e4]:empty:before {
content: "Untitled";
color: var(--scalar-color-3);
}
.form-group[data-v-694018d6] {
margin-bottom: 1rem;
}
.modal-actions[data-v-694018d6] {
justify-content: flex-end;
gap: 1rem;
display: flex;
}
:root {
--scalar-loaded-api-reference: true;
}
@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-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-leading {
syntax: "*";
inherits: false
}
@property --tw-font-weight {
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: "<percentage>";
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: "<percentage>";
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: "<length>";
inherits: false;
initial-value: 0;
}
@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-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@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: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false
}
@property --tw-duration {
syntax: "*";
inherits: false
}
/* Configurable Layout Variables */
@layer scalar-config {
.scalar-api-reference[data-v-9b26f178] {
--refs-sidebar-width: var(--scalar-sidebar-width, 0px);
/* The header height */
--refs-header-height: calc(
var(--scalar-custom-header-height) + var(--scalar-header-height, 0px)
);
/* The offset of visible references content (minus headers) */
--refs-viewport-offset: calc(
var(--refs-header-height, 0px) + var(--refs-content-offset, 0px)
);
/* The calculated height of visible references content (minus headers) */
--refs-viewport-height: calc(
var(--full-height, 100dvh) - var(--refs-viewport-offset, 0px)
);
--refs-content-max-width: var(--scalar-content-max-width, 1540px);
}
.scalar-api-reference.references-classic[data-v-9b26f178] {
/* Classic layout is wider */
--refs-content-max-width: var(--scalar-content-max-width, 1420px);
min-height: 100dvh;
--refs-sidebar-width: 0;
}
/* When the toolbar is present, we need to offset the content */
.scalar-api-reference[data-v-9b26f178]:has(.api-reference-toolbar) {
--refs-content-offset: 48px;
}
}
/* ----------------------------------------------------- */
/* References Layout */
.references-layout[data-v-9b26f178] {
/* Try to fill the container */
min-height: 100dvh;
min-width: 100%;
max-width: 100%;
flex: 1;
/*
Calculated by a resize observer and set in the style attribute
Falls back to the viewport height
*/
--full-height: 100dvh;
/* Grid layout */
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-9b26f178] {
grid-area: editor;
display: flex;
min-width: 0;
background: var(--scalar-background-1);
}
.references-rendered[data-v-9b26f178] {
position: relative;
grid-area: rendered;
min-width: 0;
background: var(--scalar-background-1);
}
.scalar-api-reference.references-classic[data-v-9b26f178],
.references-classic .references-rendered[data-v-9b26f178] {
height: initial !important;
max-height: initial !important;
}
@layer scalar-config {
.references-sidebar[data-v-9b26f178] {
/* Set a default width if references are enabled */
--refs-sidebar-width: var(--scalar-sidebar-width, 280px);
}
}
/* Footer */
.references-footer[data-v-9b26f178] {
grid-area: footer;
}
/* ----------------------------------------------------- */
/* Responsive / Mobile Layout */
@media (max-width: 1000px) {
/* Stack view on mobile */
.references-layout[data-v-9b26f178] {
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-9b26f178] {
grid-template-areas:
'header'
'navigation'
'editor';
}
.references-rendered[data-v-9b26f178] {
position: static;
}
}
/**
* Sidebar CSS for standalone
* TODO: @brynn move this to the sidebar block OR the ApiReferenceStandalone component
* when the new elements are available
*/
@media (max-width: 1000px) {
.scalar-api-references-standalone-mobile[data-v-9b26f178] {
--scalar-header-height: 50px;
}
}
.darklight-reference[data-v-9b26f178] {
width: 100%;
margin-top: auto;
}
.start[data-v-673f10b6] {
padding: 24px;
display: flex;
flex-flow: wrap;
justify-content: space-between;
position: relative;
z-index: 0;
}
.swagger-editor .start[data-v-673f10b6] {
padding-top: 24px;
}
.start-h1[data-v-673f10b6] {
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-673f10b6] {
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-673f10b6]:not(:first-of-type) {
margin-top: 24px;
}
.start-p[data-v-673f10b6] {
font-size: var(--scalar-paragraph);
color: var(--scalar-color-2);
line-height: 1.5;
width: 100%;
margin-top: 12px;
}
.start-ul[data-v-673f10b6] {
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-673f10b6] {
margin: 0;
padding: 0;
list-style: none;
width: calc(50% - 24px);
color: var(--scalar-color-2);
}
.start-ul li[data-v-673f10b6]:first-of-type {
margin-top: 0;
}
.start-section[data-v-673f10b6] {
width: 100%;
margin-bottom: 12px;
display: flex;
flex-flow: wrap;
}
.start-section[data-v-673f10b6]:last-of-type {
margin-bottom: 48px;
}
.start-h2[data-v-673f10b6] {
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-673f10b6] {
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;
user-select: none;
}
.start-section-integrations .start-item[data-v-673f10b6]: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-673f10b6]:last-of-type {
border-bottom-right-radius: var(--scalar-radius-lg);
}
.start-section-colors .start-item[data-v-673f10b6] {
min-width: 33.33%;
}
.start-section-colors .start-item[data-v-673f10b6]:nth-child(3n + 2) {
border-left: 1px solid var(--scalar-border-color);
}
.start-section-colors .start-item[data-v-673f10b6]:last-of-type,
.start-section-colors .start-item-active[data-v-673f10b6]:last-of-type::before {
border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
}
.start-item[data-v-673f10b6]:empty {
pointer-events: none;
}
.start-item svg[data-v-673f10b6] {
width: 14px;
height: 14px;
margin-right: 6px;
}
.start-item[data-v-673f10b6]:hover {
background: var(--scalar-background-3);
}
.start-item-active[data-v-673f10b6] {
z-index: 10;
position: relative;
color: var(--scalar-color-1);
}
.start-item-active[data-v-673f10b6]::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-673f10b6] {
text-transform: capitalize;
}
.start-cta[data-v-673f10b6] {
display: flex;
gap: 12px;
width: 100%;
margin-top: 24px;
margin-bottom: 0;
}
.start-row[data-v-673f10b6] {
width: 100%;
margin-top: 12px;
overflow: hidden;
}
.start-hero-copy[data-v-673f10b6] {
background: var(--scalar-background-2);
padding: 12px;
border-radius: var(--scalar-radius-lg);
}
.start-p-small[data-v-673f10b6] {
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-673f10b6] {
margin-bottom: 12px;
width: fit-content;
white-space: nowrap;
}
.start-copy[data-v-673f10b6] {
padding: 76px 48px 48px 48px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
}
.start-logo[data-v-673f10b6] {
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-673f10b6]: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-673f10b6] {
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-673f10b6],
.start-item[data-v-673f10b6] {
width: 100%;
border-radius: 0;
border-right: none;
border-top: 1px solid var(--scalar-border-color);
}
.start-item[data-v-673f10b6]:empty {
display: none;
}
.start-h2[data-v-673f10b6] {
border-bottom: none;
}
.start li[data-v-673f10b6] {
width: 100%;
}
.start-copy[data-v-673f10b6] {
padding: 48px 0 24px 0;
}
}
@media screen and (max-width: 1000px) {
.start[data-v-673f10b6] {
padding: 0;
overflow: auto;
}
}