/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties;
.markdown-body {
color-scheme: dark;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
color: #f0f6fc;
background-color: transparent;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
font-size: 16px;
line-height: 1.7;
word-wrap: break-word;
}
.markdown-body .octicon {
display: inline-block;
fill: currentColor;
vertical-align: text-bottom;
}
.markdown-body h1:hover .anchor .octicon-link:before, .markdown-body h2:hover .anchor .octicon-link:before, .markdown-body h3:hover .anchor .octicon-link:before, .markdown-body h4:hover .anchor .octicon-link:before, .markdown-body h5:hover .anchor .octicon-link:before, .markdown-body h6:hover .anchor .octicon-link:before {
width: 16px;
height: 16px;
content: ' ';
display: inline-block;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
}
.markdown-body details, .markdown-body figcaption, .markdown-body figure {
display: block;
}
.markdown-body summary {
display: list-item;
}
.markdown-body [hidden] {
display: none !important;
}
.markdown-body a {
background-color: transparent;
color: #4493f8;
text-decoration: none;
}
.markdown-body abbr[title] {
border-bottom: none;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
.markdown-body b, .markdown-body strong {
font-weight: 600;
}
.markdown-body dfn {
font-style: italic;
}
.markdown-body h1 {
margin: .67em 0;
font-weight: 600;
padding-bottom: .3em;
font-size: 2em;
}
.markdown-body mark {
background-color: #bb800926;
color: #f0f6fc;
}
.markdown-body small {
font-size: 90%;
}
.markdown-body sub, .markdown-body sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.markdown-body sub {
bottom: -0.25em;
}
.markdown-body sup {
top: -0.5em;
}
.markdown-body img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
}
.markdown-body code, .markdown-body kbd, .markdown-body pre, .markdown-body samp {
font-family: monospace;
font-size: 1em;
}
.markdown-body figure {
margin: 1em 2.5rem;
}
.markdown-body hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid #3d444db3;
height: .25em;
padding: 0;
margin: 1.5rem 0;
background-color: #3d444d;
border: 0;
}
.markdown-body input {
font: inherit;
margin: 0;
overflow: visible;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.markdown-body [type=button], .markdown-body [type=reset], .markdown-body [type=submit] {
-webkit-appearance: button;
appearance: button;
}
.markdown-body [type=checkbox], .markdown-body [type=radio] {
box-sizing: border-box;
padding: 0;
}
.markdown-body [type=number]::-webkit-inner-spin-button, .markdown-body [type=number]::-webkit-outer-spin-button {
height: auto;
}
.markdown-body [type=search]::-webkit-search-cancel-button, .markdown-body [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
}
.markdown-body ::-webkit-input-placeholder {
color: inherit;
opacity: .54;
}
.markdown-body ::-webkit-file-upload-button {
-webkit-appearance: button;
appearance: button;
font: inherit;
}
.markdown-body a:hover {
text-decoration: underline;
}
.markdown-body ::placeholder {
color: #9198a1;
opacity: 1;
}
.markdown-body hr::before {
display: table;
content: "";
}
.markdown-body hr::after {
display: table;
clear: both;
content: "";
}
.markdown-body table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: max-content;
max-width: 100%;
overflow: auto;
font-variant: tabular-nums;
}
.markdown-body td, .markdown-body th {
padding: 0;
}
.markdown-body details summary {
cursor: pointer;
}
.markdown-body a:focus, .markdown-body [role=button]:focus, .markdown-body input[type=radio]:focus, .markdown-body input[type=checkbox]:focus {
outline: 2px solid #1f6feb;
outline-offset: -2px;
box-shadow: none;
}
.markdown-body a:focus:not(:focus-visible), .markdown-body [role=button]:focus:not(:focus-visible), .markdown-body input[type=radio]:focus:not(:focus-visible), .markdown-body input[type=checkbox]:focus:not(:focus-visible) {
outline: solid 1px transparent;
}
.markdown-body a:focus-visible, .markdown-body [role=button]:focus-visible, .markdown-body input[type=radio]:focus-visible, .markdown-body input[type=checkbox]:focus-visible {
outline: 2px solid #1f6feb;
outline-offset: -2px;
box-shadow: none;
}
.markdown-body a:not([class]):focus, .markdown-body a:not([class]):focus-visible, .markdown-body input[type=radio]:focus, .markdown-body input[type=radio]:focus-visible, .markdown-body input[type=checkbox]:focus, .markdown-body input[type=checkbox]:focus-visible {
outline-offset: 0;
}
.markdown-body kbd {
display: inline-block;
padding: 0.25rem;
font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
line-height: 10px;
color: #f0f6fc;
vertical-align: middle;
background-color: #151b23;
border: solid 1px #3d444db3;
border-bottom-color: #3d444db3;
border-radius: 6px;
box-shadow: inset 0 -1px 0 #3d444db3;
}
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
margin-top: 1.5rem;
margin-bottom: 1rem;
font-weight: 600;
line-height: 1.25;
}
.markdown-body h2 {
font-weight: 600;
padding-bottom: .3em;
font-size: 1.5em;
}
.markdown-body h3 {
font-weight: 600;
font-size: 1.25em;
}
.markdown-body h4 {
font-weight: 600;
font-size: 1em;
}
.markdown-body h5 {
font-weight: 600;
font-size: .875em;
}
.markdown-body h6 {
font-weight: 600;
font-size: .85em;
color: #9198a1;
}
.markdown-body p {
margin-top: 0;
margin-bottom: 10px;
}
.markdown-body blockquote {
margin: 0;
padding: 0 1em;
color: #9198a1;
border-left: .25em solid #3d444d;
}
.markdown-body ul, .markdown-body ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 2em;
}
.markdown-body ol ol, .markdown-body ul ol {
list-style-type: lower-roman;
}
.markdown-body ul ul ol, .markdown-body ul ol ol, .markdown-body ol ul ol, .markdown-body ol ol ol {
list-style-type: lower-alpha;
}
.markdown-body dd {
margin-left: 0;
}
.markdown-body tt, .markdown-body code, .markdown-body samp {
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
font-size: 12px;
}
.markdown-body pre {
margin-top: 0;
margin-bottom: 0;
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
font-size: 12px;
word-wrap: normal;
}
.markdown-body .octicon {
display: inline-block;
overflow: visible !important;
vertical-align: text-bottom;
fill: currentColor;
}
.markdown-body input::-webkit-outer-spin-button, .markdown-body input::-webkit-inner-spin-button {
margin: 0;
appearance: none;
}
.markdown-body .mr-2 {
margin-right: 0.5rem !important;
}
.markdown-body::before {
display: table;
content: "";
}
.markdown-body::after {
display: table;
clear: both;
content: "";
}
.markdown-body>*:first-child {
margin-top: 0 !important;
}
.markdown-body>*:last-child {
margin-bottom: 0 !important;
}
.markdown-body a:not([href]) {
color: inherit;
text-decoration: none;
}
.markdown-body .absent {
color: #f85149;
}
.markdown-body .anchor {
float: left;
padding-right: 0.25rem;
margin-left: -20px;
line-height: 1;
}
.markdown-body .anchor:focus {
outline: none;
}
.markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre, .markdown-body details {
margin-top: 0;
margin-bottom: 1rem;
}
.markdown-body blockquote>:first-child {
margin-top: 0;
}
.markdown-body blockquote>:last-child {
margin-bottom: 0;
}
.markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link {
color: #f0f6fc;
vertical-align: middle;
visibility: hidden;
}
.markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor {
text-decoration: none;
}
.markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link {
visibility: visible;
}
.markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt, .markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code, .markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt, .markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code {
padding: 0 .2em;
font-size: inherit;
}
.markdown-body summary h1, .markdown-body summary h2, .markdown-body summary h3, .markdown-body summary h4, .markdown-body summary h5, .markdown-body summary h6 {
display: inline-block;
}
.markdown-body summary h1 .anchor, .markdown-body summary h2 .anchor, .markdown-body summary h3 .anchor, .markdown-body summary h4 .anchor, .markdown-body summary h5 .anchor, .markdown-body summary h6 .anchor {
margin-left: -40px;
}
.markdown-body summary h1, .markdown-body summary h2 {
padding-bottom: 0;
border-bottom: 0;
}
.markdown-body ul.no-list, .markdown-body ol.no-list {
padding: 0;
list-style-type: none;
}
.markdown-body ol[type="a s"] {
list-style-type: lower-alpha;
}
.markdown-body ol[type="A s"] {
list-style-type: upper-alpha;
}
.markdown-body ol[type="i s"] {
list-style-type: lower-roman;
}
.markdown-body ol[type="I s"] {
list-style-type: upper-roman;
}
.markdown-body ol[type="1"] {
list-style-type: decimal;
}
.markdown-body div>ol:not([type]) {
list-style-type: decimal;
}
.markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul {
margin-top: 0;
margin-bottom: 0;
}
.markdown-body li>p {
margin-top: 1rem;
}
.markdown-body li+li {
margin-top: .25em;
}
.markdown-body dl {
padding: 0;
}
.markdown-body dl dt {
padding: 0;
margin-top: 1rem;
font-size: 1em;
font-style: italic;
font-weight: 600;
}
.markdown-body dl dd {
padding: 0 1rem;
margin-bottom: 1rem;
}
.markdown-body table th {
font-weight: 600;
}
.markdown-body table th, .markdown-body table td {
padding: 6px 13px;
border: 1px solid #3d444d;
}
.markdown-body table td>:last-child {
margin-bottom: 0;
}
.markdown-body table tr {
background-color: #0d1117;
border-top: 1px solid #3d444db3;
}
.markdown-body table tr:nth-child(2n) {
background-color: #151b23;
}
.markdown-body table img {
background-color: transparent;
}
.markdown-body img[align=right] {
padding-left: 20px;
}
.markdown-body img[align=left] {
padding-right: 20px;
}
.markdown-body .emoji {
max-width: none;
vertical-align: text-top;
background-color: transparent;
}
.markdown-body span.frame {
display: block;
overflow: hidden;
}
.markdown-body span.frame>span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid #3d444d;
}
.markdown-body span.frame span img {
display: block;
float: left;
}
.markdown-body span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: #f0f6fc;
}
.markdown-body span.align-center {
display: block;
overflow: hidden;
clear: both;
}
.markdown-body span.align-center>span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center;
}
.markdown-body span.align-center span img {
margin: 0 auto;
text-align: center;
}
.markdown-body span.align-right {
display: block;
overflow: hidden;
clear: both;
}
.markdown-body span.align-right>span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right;
}
.markdown-body span.align-right span img {
margin: 0;
text-align: right;
}
.markdown-body span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}
.markdown-body span.float-left span {
margin: 13px 0 0;
}
.markdown-body span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}
.markdown-body span.float-right>span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right;
}
.markdown-body code, .markdown-body tt {
padding: .2em .4em;
margin: 0;
font-size: 85%;
white-space: break-spaces;
background-color: #656c7633;
border-radius: 6px;
}
.markdown-body code br, .markdown-body tt br {
display: none;
}
.markdown-body del code {
text-decoration: inherit;
}
.markdown-body samp {
font-size: 85%;
}
.markdown-body pre code {
font-size: 100%;
}
.markdown-body pre>code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.markdown-body .highlight {
margin-bottom: 1rem;
}
.markdown-body .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.markdown-body .highlight pre, .markdown-body pre {
padding: 1rem;
overflow: auto;
font-size: 85%;
line-height: 1.45;
color: #f0f6fc;
background-color: #151b23;
border-radius: 6px;
}
.markdown-body pre code, .markdown-body pre tt {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.markdown-body .csv-data td, .markdown-body .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap;
}
.markdown-body .csv-data .blob-num {
padding: 10px 0.5rem 9px;
text-align: right;
background: #0d1117;
border: 0;
}
.markdown-body .csv-data tr {
border-top: 0;
}
.markdown-body .csv-data th {
font-weight: 600;
background: #151b23;
border-top: 0;
}
.markdown-body [data-footnote-ref]::before {
content: "[";
}
.markdown-body [data-footnote-ref]::after {
content: "]";
}
.markdown-body .footnotes {
font-size: 12px;
color: #9198a1;
border-top: 1px solid #3d444d;
}
.markdown-body .footnotes ol {
padding-left: 1rem;
}
.markdown-body .footnotes ol ul {
display: inline-block;
padding-left: 1rem;
margin-top: 1rem;
}
.markdown-body .footnotes li {
position: relative;
}
.markdown-body .footnotes li:target::before {
position: absolute;
top: calc(0.5rem*-1);
right: calc(0.5rem*-1);
bottom: calc(0.5rem*-1);
left: calc(1.5rem*-1);
pointer-events: none;
content: "";
border: 2px solid #1f6feb;
border-radius: 6px;
}
.markdown-body .footnotes li:target {
color: #f0f6fc;
}
.markdown-body .footnotes .data-footnote-backref g-emoji {
font-family: monospace;
}
.markdown-body body:has(:modal) {
padding-right: var(--dialog-scrollgutter) !important;
}
.markdown-body .pl-c {
color: #9198a1;
}
.markdown-body .pl-c1, .markdown-body .pl-s .pl-v {
color: #79c0ff;
}
.markdown-body .pl-e, .markdown-body .pl-en {
color: #d2a8ff;
}
.markdown-body .pl-smi, .markdown-body .pl-s .pl-s1 {
color: #f0f6fc;
}
.markdown-body .pl-ent {
color: #7ee787;
}
.markdown-body .pl-k {
color: #ff7b72;
}
.markdown-body .pl-s, .markdown-body .pl-pds, .markdown-body .pl-s .pl-pse .pl-s1, .markdown-body .pl-sr, .markdown-body .pl-sr .pl-cce, .markdown-body .pl-sr .pl-sre, .markdown-body .pl-sr .pl-sra {
color: #a5d6ff;
}
.markdown-body .pl-v, .markdown-body .pl-smw {
color: #ffa657;
}
.markdown-body .pl-bu {
color: #f85149;
}
.markdown-body .pl-ii {
color: #f0f6fc;
background-color: #8e1519;
}
.markdown-body .pl-c2 {
color: #f0f6fc;
background-color: #b62324;
}
.markdown-body .pl-sr .pl-cce {
font-weight: bold;
color: #7ee787;
}
.markdown-body .pl-ml {
color: #f2cc60;
}
.markdown-body .pl-mh, .markdown-body .pl-mh .pl-en, .markdown-body .pl-ms {
font-weight: bold;
color: #1f6feb;
}
.markdown-body .pl-mi {
font-style: italic;
color: #f0f6fc;
}
.markdown-body .pl-mb {
font-weight: bold;
color: #f0f6fc;
}
.markdown-body .pl-md {
color: #ffdcd7;
background-color: #67060c;
}
.markdown-body .pl-mi1 {
color: #aff5b4;
background-color: #033a16;
}
.markdown-body .pl-mc {
color: #ffdfb6;
background-color: #5a1e02;
}
.markdown-body .pl-mi2 {
color: #f0f6fc;
background-color: #1158c7;
}
.markdown-body .pl-mdr {
font-weight: bold;
color: #d2a8ff;
}
.markdown-body .pl-ba {
color: #9198a1;
}
.markdown-body .pl-sg {
color: #3d444d;
}
.markdown-body .pl-corl {
text-decoration: underline;
color: #a5d6ff;
}
.markdown-body [role=button]:focus:not(:focus-visible), .markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible), .markdown-body button:focus:not(:focus-visible), .markdown-body summary:focus:not(:focus-visible), .markdown-body a:focus:not(:focus-visible) {
outline: none;
box-shadow: none;
}
.markdown-body [tabindex="0"]:focus:not(:focus-visible), .markdown-body details-dialog:focus:not(:focus-visible) {
outline: none;
}
.markdown-body g-emoji {
display: inline-block;
min-width: 1ch;
font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1em;
font-style: normal !important;
font-weight: 400;
line-height: 1;
vertical-align: -0.075em;
}
.markdown-body g-emoji img {
width: 1em;
height: 1em;
}
.markdown-body .task-list-item {
list-style-type: none;
}
.markdown-body .task-list-item label {
font-weight: 400;
}
.markdown-body .task-list-item.enabled label {
cursor: pointer;
}
.markdown-body .task-list-item+.task-list-item {
margin-top: 0.25rem;
}
.markdown-body .task-list-item .handle {
display: none;
}
.markdown-body .task-list-item-checkbox {
margin: 0 .2em .25em -1.4em;
vertical-align: middle;
}
.markdown-body ul:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em .25em .2em;
}
.markdown-body ol:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em .25em .2em;
}
.markdown-body .contains-task-list:hover .task-list-item-convert-container, .markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
display: block;
width: auto;
height: 24px;
overflow: visible;
clip: auto;
}
.markdown-body ::-webkit-calendar-picker-indicator {
filter: invert(50%);
}
.markdown-body .markdown-alert {
padding: 0.5rem 1rem;
margin-bottom: 1rem;
color: inherit;
border-left: .25em solid #3d444d;
}
.markdown-body .markdown-alert>:first-child {
margin-top: 0;
}
.markdown-body .markdown-alert>:last-child {
margin-bottom: 0;
}
.markdown-body .markdown-alert .markdown-alert-title {
display: flex;
font-weight: 500;
align-items: center;
line-height: 1;
}
.markdown-body .markdown-alert.markdown-alert-note {
border-left-color: #1f6feb;
}
.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title {
color: #4493f8;
}
.markdown-body .markdown-alert.markdown-alert-important {
border-left-color: #8957e5;
}
.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title {
color: #ab7df8;
}
.markdown-body .markdown-alert.markdown-alert-warning {
border-left-color: #9e6a03;
}
.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title {
color: #d29922;
}
.markdown-body .markdown-alert.markdown-alert-tip {
border-left-color: #238636;
}
.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title {
color: #3fb950;
}
.markdown-body .markdown-alert.markdown-alert-caution {
border-left-color: #da3633;
}
.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title {
color: #f85149;
}
.markdown-body>*:first-child>.heading-element:first-child {
margin-top: 0 !important;
}
.markdown-body .highlight pre:has(+.zeroclipboard-container) {
min-height: 52px;
}
@layer theme, base, components, utilities;
@layer theme {
:root, :host {
--font-sans: "DM Sans";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--color-red-400: oklch(70.4% 0.191 22.216);
--color-red-950: oklch(25.8% 0.092 26.042);
--color-yellow-50: oklch(98.7% 0.026 102.212);
--color-yellow-900: oklch(42.1% 0.095 57.708);
--color-green-200: oklch(92.5% 0.084 155.995);
--color-green-400: oklch(79.2% 0.209 151.711);
--color-green-600: oklch(62.7% 0.194 149.214);
--color-green-950: oklch(26.6% 0.065 152.934);
--color-emerald-300: oklch(84.5% 0.143 164.978);
--color-emerald-400: oklch(76.5% 0.177 163.223);
--color-violet-300: oklch(81.1% 0.111 293.571);
--color-violet-400: oklch(70.2% 0.183 293.541);
--color-pink-300: oklch(82.3% 0.12 346.018);
--color-pink-400: oklch(71.8% 0.202 349.761);
--color-slate-50: oklch(98.4% 0.003 247.858);
--color-slate-100: oklch(96.8% 0.007 247.896);
--color-slate-200: oklch(92.9% 0.013 255.508);
--color-slate-300: oklch(86.9% 0.022 252.894);
--color-slate-400: oklch(70.4% 0.04 256.788);
--color-slate-500: oklch(55.4% 0.046 257.417);
--color-slate-600: oklch(44.6% 0.043 257.281);
--color-slate-700: oklch(37.2% 0.044 257.287);
--color-slate-800: oklch(27.9% 0.041 260.031);
--color-slate-900: oklch(20.8% 0.042 265.755);
--color-slate-950: oklch(12.9% 0.042 264.695);
--color-gray-700: oklch(37.3% 0.034 259.733);
--color-gray-800: oklch(27.8% 0.033 256.848);
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--container-xs: 20rem;
--container-4xl: 56rem;
--container-5xl: 64rem;
--text-xs: 0.75rem;
--text-xs--line-height: calc(1 / 0.75);
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
--text-base: 1rem;
--text-base--line-height: calc(1.5 / 1);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: calc(2.25 / 1.875);
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--font-weight-bold: 700;
--radius-sm: 0.25rem;
--radius-md: 0.375rem;
--radius-lg: 0.5rem;
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
}
}
@layer base {
*, ::after, ::before, ::backdrop, ::file-selector-button {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}
html, :host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
display: block;
vertical-align: middle;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
}
@layer utilities {
.pointer-events-none {
pointer-events: none;
}
.visible {
visibility: visible;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.sticky {
position: sticky;
}
.top-1\/2 {
top: calc(1/2 * 100%);
}
.top-5 {
top: calc(var(--spacing) * 5);
}
.right-2 {
right: calc(var(--spacing) * 2);
}
.left-2 {
left: calc(var(--spacing) * 2);
}
.isolate {
isolation: isolate;
}
.-z-1 {
z-index: calc(1 * -1);
}
.z-10 {
z-index: 10;
}
.mt-4 {
margin-top: calc(var(--spacing) * 4);
}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.mb-8 {
margin-bottom: calc(var(--spacing) * 8);
}
.block {
display: block;
}
.contents {
display: contents;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.table {
display: table;
}
.size-5 {
width: calc(var(--spacing) * 5);
height: calc(var(--spacing) * 5);
}
.size-6 {
width: calc(var(--spacing) * 6);
height: calc(var(--spacing) * 6);
}
.size-8 {
width: calc(var(--spacing) * 8);
height: calc(var(--spacing) * 8);
}
.size-12 {
width: calc(var(--spacing) * 12);
height: calc(var(--spacing) * 12);
}
.h-10 {
height: calc(var(--spacing) * 10);
}
.w-\[120px\] {
width: 120px;
}
.w-full {
width: 100%;
}
.flex-none {
flex: none;
}
.shrink-0 {
flex-shrink: 0;
}
.-translate-y-1\/2 {
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.rotate-180 {
rotate: 180deg;
}
.transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.resize {
resize: both;
}
.place-content-center {
place-content: center;
}
.gap-1 {
gap: calc(var(--spacing) * 1);
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-b-slate-50 {
border-bottom-color: var(--color-slate-50);
}
.bg-slate-700\/50 {
background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
}
}
.px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.pt-4 {
padding-top: calc(var(--spacing) * 4);
}
.pt-8 {
padding-top: calc(var(--spacing) * 8);
}
.text-center {
text-align: center;
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.break-words {
overflow-wrap: break-word;
}
.whitespace-normal {
white-space: normal;
}
.text-emerald-400 {
color: var(--color-emerald-400);
}
.text-pink-400 {
color: var(--color-pink-400);
}
.text-slate-50 {
color: var(--color-slate-50);
}
.text-slate-500 {
color: var(--color-slate-500);
}
.text-violet-400 {
color: var(--color-violet-400);
}
.italic {
font-style: italic;
}
.line-through {
text-decoration-line: line-through;
}
.overline {
text-decoration-line: overline;
}
.underline {
text-decoration-line: underline;
}
.opacity-40 {
opacity: 40%;
}
.shadow {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.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,);
}
.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,) !important;
}
.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, visibility, 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));
}
.group-hover\:text-slate-50 {
&:is(:where(.group):hover *) {
@media (hover: hover) {
color: var(--color-slate-50);
}
}
}
.hover\:cursor-pointer {
&:hover {
@media (hover: hover) {
cursor: pointer;
}
}
}
.hover\:bg-slate-700 {
&:hover {
@media (hover: hover) {
background-color: var(--color-slate-700);
}
}
}
.hover\:bg-slate-800 {
&:hover {
@media (hover: hover) {
background-color: var(--color-slate-800);
}
}
}
.hover\:text-emerald-300 {
&:hover {
@media (hover: hover) {
color: var(--color-emerald-300);
}
}
}
.hover\:text-pink-300 {
&:hover {
@media (hover: hover) {
color: var(--color-pink-300);
}
}
}
.hover\:text-violet-300 {
&:hover {
@media (hover: hover) {
color: var(--color-violet-300);
}
}
}
.hover\:opacity-80 {
&:hover {
@media (hover: hover) {
opacity: 80%;
}
}
}
}
[x-cloak] {
display: none !important;
}
@layer base {
body {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
h1, h2, h3, h4, h5, h6 {
--tw-leading: 1;
line-height: 1;
overflow-wrap: break-word;
}
h1 {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
h2 {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
h3 {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
h4 {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
h5 {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
@layer components {
.body--base {
width: 100%;
height: 100%;
table-layout: auto;
border-collapse: collapse;
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.layout__container {
display: flex;
height: 100vh;
width: 100vw;
background-color: var(--color-slate-950);
padding-left: calc(var(--spacing) * 0);
@media (width >= 48rem) {
padding-left: calc(var(--spacing) * 72);
}
}
.layout__sidebar-left {
position: fixed;
top: calc(var(--spacing) * 0);
left: calc(var(--spacing) * 0);
z-index: 40;
height: 100vh;
width: calc(var(--spacing) * 72);
scrollbar-width: thin;
scrollbar-color: #4b5563 #1f2937;
}
.layout__main-center {
height: 100vh;
width: 100vw;
flex-grow: 1;
overflow-y: auto;
background-color: var(--color-slate-950);
padding: calc(var(--spacing) * 10);
color: var(--color-slate-300);
scrollbar-width: thin;
scrollbar-color: #4b5563 #1f2937;
}
.layout__main-center-content {
@media (width >= 80rem) {
margin-inline: auto;
}
@media (width >= 80rem) {
max-width: var(--container-5xl);
}
@media (width >= 96rem) {
max-width: 1300px;
}
}
.layout__sidebar-right {
width: calc(var(--spacing) * 72);
@media (width < 80rem) {
display: none;
}
}
.layout__container--alt-layout.layout__container--left-hidden .layout__sidebar-left {
--tw-translate-x: -100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.layout__container--alt-layout.layout__container--left-hidden {
padding-left: calc(var(--spacing) * 0);
}
.layout__container--alt-layout.layout__container--left-lg .layout__sidebar-left {
width: calc(var(--spacing) * 96);
}
.layout__container--alt-layout.layout__container--left-lg {
padding-left: calc(var(--spacing) * 0);
@media (width >= 48rem) {
padding-left: calc(var(--spacing) * 96);
}
}
.layout__container--alt-layout.layout__container--left-xl .layout__sidebar-left {
width: 100%;
@media (width >= 48rem) {
width: calc(var(--spacing) * 144);
}
}
.layout__container--alt-layout.layout__container--left-xl {
padding-left: calc(var(--spacing) * 0);
@media (width >= 48rem) {
padding-left: calc(var(--spacing) * 144);
}
}
.layout__container--alt-layout.layout__container--right-hidden .layout__sidebar-right {
display: none;
}
.layout__container--alt-layout.layout__container--right-hidden .layout__main-center {
max-width: 100%;
}
.layout__breadcrumb-container {
margin-bottom: calc(var(--spacing) * 8);
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.layout__breadcrumb-clickable {
color: var(--color-slate-50);
&:hover {
@media (hover: hover) {
color: var(--color-slate-300);
}
}
&:hover {
@media (hover: hover) {
text-decoration-line: underline;
}
}
}
.layout__breadcrumb-inactive {
color: var(--color-slate-400);
}
.main__container {
display: flex;
flex-direction: column;
}
.main__title {
margin-top: calc(var(--spacing) * 4);
margin-bottom: calc(var(--spacing) * 6);
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
color: var(--color-slate-50);
}
.main__section {
margin-top: calc(var(--spacing) * 8);
display: flex;
flex-direction: column;
}
.main__section--empty {
display: flex;
width: 100%;
height: 100%;
flex-grow: 1;
flex-direction: column;
align-items: center;
justify-content: center;
row-gap: calc(var(--spacing) * 2);
padding-top: calc(var(--spacing) * 8);
}
.main__section-header {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
color: var(--color-slate-50);
}
.main__section-subheader {
margin-top: calc(var(--spacing) * 8);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
color: var(--color-slate-50);
}
.main__section-text {
margin-top: calc(var(--spacing) * 3);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
color: var(--color-slate-300);
}
.main__container code {
display: inline;
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-slate-700);
background-color: var(--color-slate-800);
padding: 0.2em;
font-family: var(--font-mono);
font-size: 0.8em;
color: var(--color-slate-200);
}
.main__container a {
&:hover {
@media (hover: hover) {
text-decoration-line: underline;
}
}
}
.main__badge-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: calc(var(--spacing) * 2);
}
.main__badge {
display: flex;
min-height: calc(var(--spacing) * 8);
max-width: fit-content;
flex-direction: row;
align-items: center;
gap: calc(var(--spacing) * 1);
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-slate-700);
background-color: var(--color-slate-800);
padding: calc(var(--spacing) * 1.5);
}
.main__badge-text {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
color: var(--color-slate-100);
}
.main__badge-inner {
display: flex;
height: 18px;
align-items: center;
gap: calc(var(--spacing) * 1);
border-radius: var(--radius-md);
background-color: var(--color-slate-700);
padding-inline: calc(var(--spacing) * 1);
}
.main__badge-inner-latest::before {
content: "";
height: calc(var(--spacing) * 1.5);
width: calc(var(--spacing) * 1.5);
border-radius: calc(infinity * 1px);
background-color: var(--color-green-600);
}
.main__badge-inner-text {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
color: var(--color-slate-100);
}
.main__badge--success {
border-color: var(--color-green-400);
background-color: var(--color-green-950);
color: var(--color-green-200);
}
.main__badge--success::before {
content: "✓";
display: flex;
height: 10px;
width: 10px;
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
background-color: var(--color-green-400);
font-size: 8px;
color: var(--color-green-950);
}
.main__badge--disabled::before {
content: "-";
display: flex;
height: 10px;
width: 10px;
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
background-color: var(--color-red-400);
font-size: 10px;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-red-950);
}
.main__button {
display: flex;
max-width: max-content;
align-items: center;
gap: calc(var(--spacing) * 1.5);
border-radius: 0.25rem;
padding-inline: calc(var(--spacing) * 2);
padding-block: calc(var(--spacing) * 1);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
color: var(--color-slate-50);
&:hover {
@media (hover: hover) {
cursor: pointer;
}
}
&:hover {
@media (hover: hover) {
background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-slate-100) 10%, transparent);
}
}
}
&>b {
overflow-x: hidden;
}
&>b {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
&>b {
text-wrap: nowrap;
}
&>b {
text-overflow: ellipsis;
}
}
.metadata__warning {
margin-top: calc(var(--spacing) * 3);
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
gap: calc(var(--spacing) * 2);
border-radius: var(--radius-lg);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-yellow-900);
background-color: #291404;
padding: calc(var(--spacing) * 3);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
color: var(--color-yellow-50);
}
.main__run-with-container {
margin-top: calc(var(--spacing) * 4);
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 1.5);
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-slate-800);
background-color: var(--color-slate-900);
padding: calc(var(--spacing) * 3);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.main__run-with-label {
display: flex;
flex-shrink: 1;
flex-direction: row;
align-items: center;
gap: calc(var(--spacing) * 2);
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
color: var(--color-slate-50);
}
.main__run-with-label-text {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
color: var(--color-slate-500);
}
.main__run-with-toggle {
display: flex;
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-slate-700);
padding: 2px;
}
.main__run-with-toggle-label--active {
cursor: pointer;
border-radius: calc(infinity * 1px);
background-color: var(--color-slate-50);
padding-inline: calc(var(--spacing) * 1.5);
padding-block: calc(var(--spacing) * 0.5);
color: var(--color-slate-900);
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.main__run-with-toggle-label--inactive {
cursor: pointer;
border-radius: calc(infinity * 1px);
background-color: var(--color-slate-900);
padding-inline: calc(var(--spacing) * 1.5);
padding-block: calc(var(--spacing) * 0.5);
color: var(--color-slate-50);
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.main__run-with-content {
display: flex;
flex-direction: row;
gap: calc(var(--spacing) * 2);
}
.main__run-with-content-text {
border-radius: var(--radius-md);
border-color: var(--color-slate-700);
background-color: var(--color-black);
padding-inline: 0.4em;
padding-block: 0.2em;
font-family: var(--font-mono);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
color: var(--color-slate-300);
}
.main__grid-container {
border-radius: 0.25rem;
padding-block: calc(var(--spacing) * 8);
}
.main__grid-header-separator {
grid-column: 1 / -1;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: var(--color-slate-700);
}
.main__grid-row-separator {
grid-column: 1 / -1;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: var(--color-slate-800);
}
.main__grid-row {
display: contents;
}
.main__grid-header-cell {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.main__grid-cell {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.main__grid-full-width-cell {
grid-column: 1 / -1;
gap: calc(var(--spacing) * 2);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.main__grid-toc-container {
display: grid;
grid-template-columns: 1fr 1fr 3fr;
gap: calc(var(--spacing) * 4);
}
.main__grid-runtime-container {
display: grid;
grid-template-columns: 20% 1fr;
gap: calc(var(--spacing) * 4);
}
.main__grid-req-inputs-container {
display: grid;
grid-template-columns: 1fr 1fr 3fr;
gap: calc(var(--spacing) * 4);
}
.main__grid-non-req-param-container {
display: grid;
grid-template-columns: 1fr 1fr 2fr 3fr;
gap: calc(var(--spacing) * 4);
}
.main__grid-nested-container {
display: grid;
grid-template-columns: 20% 1fr;
gap: calc(var(--spacing) * 4);
}
.main__addl-meta-outer-container {
margin-bottom: calc(var(--spacing) * 4);
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 2);
}
.main__addl-meta-inner-container {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 4);
border-radius: var(--radius-md);
background-color: var(--color-slate-900);
padding: calc(var(--spacing) * 4);
color: var(--color-slate-300);
}
.main__grid-meta-object-container {
display: grid;
grid-template-columns: 20% 1fr;
gap: calc(var(--spacing) * 4);
}
.main__grid-nested-row {
display: contents;
}
.main__grid-nested-cell {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.main__grid-meta-array-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: calc(var(--spacing) * 2);
}
.main__grid-meta-array-item {
display: flex;
}
.main__summary-container {
display: inline;
}
.left-sidebar__indent {
margin-right: calc(var(--spacing) * 1);
margin-left: calc(var(--spacing) * 1.5);
height: 100%;
width: 1px;
border-radius: 0;
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-gray-800);
}
.left-sidebar__container {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
background-color: #111420;
padding-top: calc(var(--spacing) * 4);
text-wrap: nowrap;
color: var(--color-slate-400);
}
.left-sidebar__searchbar-form {
margin-bottom: calc(var(--spacing) * 4);
height: 40px;
width: calc(9/10 * 100%);
flex: none;
align-items: center;
column-gap: calc(var(--spacing) * 2);
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-slate-700);
}
.left-sidebar__searchbar {
display: flex;
width: 100%;
height: 100%;
flex-direction: row;
align-items: center;
}
.left-sidebar__searchbox {
display: flex;
height: 100%;
width: 100%;
align-items: center;
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-slate-700);
background-color: transparent;
padding-inline: calc(var(--spacing) * 8);
color: var(--color-slate-400);
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));
--tw-outline-style: none;
outline-style: none;
&:focus {
border-color: var(--color-slate-400);
}
}
.left-sidebar__search-clear {
margin-left: calc(var(--spacing) * 2);
display: flex;
width: calc(var(--spacing) * 6);
height: calc(var(--spacing) * 6);
padding-right: calc(var(--spacing) * 2);
&:hover {
@media (hover: hover) {
cursor: pointer;
}
}
}
.left-sidebar__tabs-container {
display: flex;
align-items: center;
}
.left-sidebar__tabs {
display: flex;
flex-grow: 1;
align-items: center;
column-gap: calc(var(--spacing) * 1);
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-bottom-color: var(--color-slate-700);
padding-inline: calc(var(--spacing) * 1.5);
padding-block: calc(var(--spacing) * 3);
&:hover {
@media (hover: hover) {
cursor: pointer;
}
}
}
.left-sidebar__icon {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.left-sidebar__content-container {
width: 100%;
height: 100%;
overflow-x: clip;
overflow-y: scroll;
border-radius: var(--radius-md);
padding-right: calc(var(--spacing) * 2);
padding-left: calc(var(--spacing) * 4);
}
.left-sidebar__content {
width: 100%;
}
.left-sidebar__row {
display: flex;
height: calc(var(--spacing) * 8);
width: 100%;
cursor: pointer;
flex-direction: row;
align-items: center;
column-gap: calc(var(--spacing) * 1);
border-radius: var(--radius-md);
&:hover {
@media (hover: hover) {
background-color: var(--color-slate-700);
}
}
&:hover {
@media (hover: hover) {
color: var(--color-slate-50);
}
}
}
.left-sidebar__row--active {
background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-slate-700) 40%, transparent);
}
color: var(--color-slate-50);
}
.left-sidebar__row-folder {
color: var(--color-slate-400);
}
.left-sidebar__content-item-container {
display: flex;
flex-direction: row;
align-items: center;
column-gap: calc(var(--spacing) * 1);
}
.left-sidebar__content-item-container--ancestor {
color: var(--color-slate-50);
}
.left-sidebar__search-result-item {
display: flex;
flex-direction: column;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: var(--color-gray-700);
padding-top: calc(var(--spacing) * 2);
padding-left: calc(var(--spacing) * 2);
color: var(--color-slate-50);
}
.left-sidebar__search-result-item-container {
margin-bottom: calc(var(--spacing) * 2);
display: flex;
flex-direction: row;
align-items: center;
column-gap: calc(var(--spacing) * 1);
}
.left-sidebar__category {
margin-top: calc(var(--spacing) * 2);
display: flex;
height: calc(var(--spacing) * 6);
align-items: center;
column-gap: calc(var(--spacing) * 1);
color: var(--color-slate-50);
}
.left-sidebar__workflow {
display: flex;
height: calc(var(--spacing) * 8);
flex-direction: row;
align-items: center;
column-gap: calc(var(--spacing) * 1);
}
.left-sidebar__workflow-container {
display: flex;
flex-direction: row;
align-items: center;
column-gap: calc(var(--spacing) * 1);
}
.left-sidebar__size-button {
display: flex;
height: calc(var(--spacing) * 6);
width: calc(var(--spacing) * 6);
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: 0.25rem;
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
color: var(--color-slate-500);
opacity: 40%;
&:hover {
@media (hover: hover) {
background-color: var(--color-slate-700);
}
}
&:hover {
@media (hover: hover) {
color: var(--color-slate-100);
}
}
&:hover {
@media (hover: hover) {
opacity: 100%;
}
}
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
&:focus {
--tw-ring-color: var(--color-slate-500);
}
&:focus {
outline-style: var(--tw-outline-style);
outline-width: 0px;
}
}
.left-sidebar__size-button.left-sidebar__size-button--active {
background-color: var(--color-slate-700);
color: var(--color-slate-100);
opacity: 100%;
}
.right-sidebar__container {
isolation: isolate;
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
background-color: var(--color-slate-950);
padding: calc(var(--spacing) * 4);
color: var(--color-white);
}
.right-sidebar__header {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
color: var(--color-slate-600);
}
.right-sidebar__section-header {
display: flex;
height: calc(var(--spacing) * 8);
max-width: var(--container-xs);
cursor: pointer;
align-items: center;
border-radius: var(--radius-sm);
padding-inline: calc(var(--spacing) * 2);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
color: var(--color-slate-400);
&:hover {
@media (hover: hover) {
background-color: var(--color-slate-800);
}
}
&:hover {
@media (hover: hover) {
color: var(--color-slate-300);
}
}
}
.right-sidebar__section-header--active {
background-color: var(--color-slate-700);
color: var(--color-white);
}
.right-sidebar__section-items {
margin-left: calc(var(--spacing) * 4);
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 1.5);
border-left-style: var(--tw-border-style);
border-left-width: 1px;
border-color: var(--color-slate-600);
}
.right-sidebar__section-item {
margin-left: calc(var(--spacing) * -2);
display: flex;
height: calc(var(--spacing) * 8);
max-width: var(--container-xs);
cursor: pointer;
align-items: center;
border-radius: var(--radius-sm);
padding-inline: calc(var(--spacing) * 4);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
color: var(--color-slate-400);
&:hover {
@media (hover: hover) {
background-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-slate-400) 30%, transparent);
}
}
}
&:hover {
@media (hover: hover) {
color: var(--color-slate-300);
}
}
}
.right-sidebar__section-item--active {
background-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-slate-400) 20%, transparent);
}
color: var(--color-white);
}
.right-sidebar__back-to-top-container {
margin-top: calc(var(--spacing) * 4);
}
.right-sidebar__back-to-top {
display: flex;
cursor: pointer;
align-items: center;
color: var(--color-slate-400);
&:hover {
@media (hover: hover) {
color: var(--color-slate-300);
}
}
}
.right-sidebar__back-to-top-icon {
margin-right: calc(var(--spacing) * 2);
display: flex;
height: calc(var(--spacing) * 6);
width: calc(var(--spacing) * 6);
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-slate-500);
}
.right-sidebar__back-to-top-text {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
@layer utilities {
.crop-ellipsis {
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.markdown-body, .markdown-body a {
color: var(--color-slate-300);
}
.markdown-body a {
text-decoration-line: underline;
}
.markdown-body a:hover {
color: var(--color-slate-400);
}
.markdown-body code {
display: inline;
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-slate-700);
background-color: var(--color-slate-800);
padding: 0.2em;
font-family: var(--font-mono);
font-size: 0.8em;
color: var(--color-slate-200);
}
.main__container .markdown-body {
max-width: var(--container-4xl);
}
@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-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: 0px;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-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-leading {
syntax: "*";
inherits: false;
}
@property --tw-font-weight {
syntax: "*";
inherits: false;
}
@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-border-style: solid;
--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-leading: initial;
--tw-font-weight: initial;
}
}
}