html.dark .markdown-body {
color-scheme: dark;
--color-prettylights-syntax-comment: #8b949e;
--color-prettylights-syntax-constant: #79c0ff;
--color-prettylights-syntax-entity: #d2a8ff;
--color-prettylights-syntax-storage-modifier-import: #c9d1d9;
--color-prettylights-syntax-entity-tag: #7ee787;
--color-prettylights-syntax-keyword: #ff7b72;
--color-prettylights-syntax-string: #a5d6ff;
--color-prettylights-syntax-variable: #ffa657;
--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
--color-prettylights-syntax-invalid-illegal-bg: #8e1519;
--color-prettylights-syntax-carriage-return-text: #f0f6fc;
--color-prettylights-syntax-carriage-return-bg: #b62324;
--color-prettylights-syntax-string-regexp: #7ee787;
--color-prettylights-syntax-markup-list: #f2cc60;
--color-prettylights-syntax-markup-heading: #1f6feb;
--color-prettylights-syntax-markup-italic: #c9d1d9;
--color-prettylights-syntax-markup-bold: #c9d1d9;
--color-prettylights-syntax-markup-deleted-text: #ffdcd7;
--color-prettylights-syntax-markup-deleted-bg: #67060c;
--color-prettylights-syntax-markup-inserted-text: #aff5b4;
--color-prettylights-syntax-markup-inserted-bg: #033a16;
--color-prettylights-syntax-markup-changed-text: #ffdfb6;
--color-prettylights-syntax-markup-changed-bg: #5a1e02;
--color-prettylights-syntax-markup-ignored-text: #c9d1d9;
--color-prettylights-syntax-markup-ignored-bg: #1158c7;
--color-prettylights-syntax-meta-diff-range: #d2a8ff;
--color-prettylights-syntax-brackethighlighter-angle: #8b949e;
--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
--color-fg-default: #c9d1d9;
--color-fg-muted: #8b949e;
--color-fg-subtle: #6e7681;
--color-canvas-default: #0d1117;
--color-canvas-subtle: #161b22;
--color-border-default: #30363d;
--color-border-muted: #21262d;
--color-neutral-muted: rgba(110, 118, 129, 0.4);
--color-accent-fg: #58a6ff;
--color-accent-emphasis: #1f6feb;
--color-attention-subtle: rgba(187, 128, 9, 0.15);
--color-danger-fg: #f85149;
}
html .markdown-body {
color-scheme: light;
--color-prettylights-syntax-comment: #6e7781;
--color-prettylights-syntax-constant: #0550ae;
--color-prettylights-syntax-entity: #8250df;
--color-prettylights-syntax-storage-modifier-import: #24292f;
--color-prettylights-syntax-entity-tag: #116329;
--color-prettylights-syntax-keyword: #cf222e;
--color-prettylights-syntax-string: #0a3069;
--color-prettylights-syntax-variable: #953800;
--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
--color-prettylights-syntax-invalid-illegal-bg: #82071e;
--color-prettylights-syntax-carriage-return-text: #f6f8fa;
--color-prettylights-syntax-carriage-return-bg: #cf222e;
--color-prettylights-syntax-string-regexp: #116329;
--color-prettylights-syntax-markup-list: #3b2300;
--color-prettylights-syntax-markup-heading: #0550ae;
--color-prettylights-syntax-markup-italic: #24292f;
--color-prettylights-syntax-markup-bold: #24292f;
--color-prettylights-syntax-markup-deleted-text: #82071e;
--color-prettylights-syntax-markup-deleted-bg: #ffebe9;
--color-prettylights-syntax-markup-inserted-text: #116329;
--color-prettylights-syntax-markup-inserted-bg: #dafbe1;
--color-prettylights-syntax-markup-changed-text: #953800;
--color-prettylights-syntax-markup-changed-bg: #ffd8b5;
--color-prettylights-syntax-markup-ignored-text: #eaeef2;
--color-prettylights-syntax-markup-ignored-bg: #0550ae;
--color-prettylights-syntax-meta-diff-range: #8250df;
--color-prettylights-syntax-brackethighlighter-angle: #57606a;
--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
--color-prettylights-syntax-constant-other-reference-link: #0a3069;
--color-fg-default: #24292f;
--color-fg-muted: #57606a;
--color-fg-subtle: #6e7781;
--color-canvas-default: #ffffff;
--color-canvas-subtle: #f6f8fa;
--color-border-default: #d0d7de;
--color-border-muted: hsl(210, 18%, 87%);
--color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-accent-fg: #0969da;
--color-accent-emphasis: #0969da;
--color-attention-subtle: #fff8c5;
--color-danger-fg: #cf222e;
}
.markdown-body {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0;
color: var(--color-fg-default);
background-color: var(--color-canvas-default);
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.5;
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,");
mask-image: url("data:image/svg+xml,");
}
.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: var(--color-accent-fg);
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: var(--base-text-weight-semibold, 600);
}
.markdown-body dfn {
font-style: italic;
}
.markdown-body h1 {
margin: 0.67em 0;
font-weight: var(--base-text-weight-semibold, 600);
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid var(--color-border-muted);
}
.markdown-body mark {
background-color: var(--color-attention-subtle);
color: var(--color-fg-default);
}
.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;
background-color: var(--color-canvas-default);
}
.markdown-body code,
.markdown-body kbd,
.markdown-body pre,
.markdown-body samp {
font-family: monospace;
font-size: 1em;
}
.markdown-body figure {
margin: 1em 40px;
}
.markdown-body hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid var(--color-border-muted);
height: 0.25em;
padding: 0;
margin: 24px 0;
background-color: var(--color-border-default);
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;
}
.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;
}
.markdown-body ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
.markdown-body ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.markdown-body a:hover {
text-decoration: underline;
}
.markdown-body ::-moz-placeholder {
color: var(--color-fg-subtle);
opacity: 1;
}
.markdown-body ::placeholder {
color: var(--color-fg-subtle);
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: -moz-max-content;
width: max-content;
max-width: 100%;
overflow: auto;
}
.markdown-body td,
.markdown-body th {
padding: 0;
}
.markdown-body details summary {
cursor: pointer;
}
.markdown-body details:not([open]) > *:not(summary) {
display: none !important;
}
.markdown-body a:focus,
.markdown-body [role='button']:focus,
.markdown-body input[type='radio']:focus,
.markdown-body input[type='checkbox']:focus {
outline: 2px solid var(--color-accent-fg);
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 var(--color-accent-fg);
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: 3px 5px;
font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
line-height: 10px;
color: var(--color-fg-default);
vertical-align: middle;
background-color: var(--color-canvas-subtle);
border: solid 1px var(--color-neutral-muted);
border-bottom-color: var(--color-neutral-muted);
border-radius: 6px;
box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: var(--base-text-weight-semibold, 600);
line-height: 1.25;
}
.markdown-body h2 {
font-weight: var(--base-text-weight-semibold, 600);
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid var(--color-border-muted);
}
.markdown-body h3 {
font-weight: var(--base-text-weight-semibold, 600);
font-size: 1.25em;
}
.markdown-body h4 {
font-weight: var(--base-text-weight-semibold, 600);
font-size: 1em;
}
.markdown-body h5 {
font-weight: var(--base-text-weight-semibold, 600);
font-size: 0.875em;
}
.markdown-body h6 {
font-weight: var(--base-text-weight-semibold, 600);
font-size: 0.85em;
color: var(--color-fg-muted);
}
.markdown-body p {
margin-top: 0;
margin-bottom: 10px;
}
.markdown-body blockquote {
margin: 0;
padding: 0 1em;
color: var(--color-fg-muted);
border-left: 0.25em solid var(--color-border-default);
}
.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;
-webkit-appearance: none;
appearance: none;
}
.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: var(--color-danger-fg);
}
.markdown-body .anchor {
float: left;
padding-right: 4px;
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: 16px;
}
.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: var(--color-fg-default);
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 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'] {
list-style-type: lower-alpha;
}
.markdown-body ol[type='A'] {
list-style-type: upper-alpha;
}
.markdown-body ol[type='i'] {
list-style-type: lower-roman;
}
.markdown-body ol[type='I'] {
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: 16px;
}
.markdown-body li + li {
margin-top: 0.25em;
}
.markdown-body dl {
padding: 0;
}
.markdown-body dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: var(--base-text-weight-semibold, 600);
}
.markdown-body dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.markdown-body table th {
font-weight: var(--base-text-weight-semibold, 600);
}
.markdown-body table th,
.markdown-body table td {
padding: 6px 13px;
border: 1px solid var(--color-border-default);
}
.markdown-body table tr {
background-color: var(--color-canvas-default);
border-top: 1px solid var(--color-border-muted);
}
.markdown-body table tr:nth-child(2n) {
background-color: var(--color-canvas-subtle);
}
.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 var(--color-border-default);
}
.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: var(--color-fg-default);
}
.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: 0.2em 0.4em;
margin: 0;
font-size: 85%;
white-space: break-spaces;
background-color: var(--color-neutral-muted);
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: 16px;
}
.markdown-body .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.markdown-body .highlight pre,
.markdown-body pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: var(--color-canvas-subtle);
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 8px 9px;
text-align: right;
background: var(--color-canvas-default);
border: 0;
}
.markdown-body .csv-data tr {
border-top: 0;
}
.markdown-body .csv-data th {
font-weight: var(--base-text-weight-semibold, 600);
background: var(--color-canvas-subtle);
border-top: 0;
}
.markdown-body [data-footnote-ref]::before {
content: '[';
}
.markdown-body [data-footnote-ref]::after {
content: ']';
}
.markdown-body .footnotes {
font-size: 12px;
color: var(--color-fg-muted);
border-top: 1px solid var(--color-border-default);
}
.markdown-body .footnotes ol {
padding-left: 16px;
}
.markdown-body .footnotes ol ul {
display: inline-block;
padding-left: 16px;
margin-top: 16px;
}
.markdown-body .footnotes li {
position: relative;
}
.markdown-body .footnotes li:target::before {
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -24px;
pointer-events: none;
content: '';
border: 2px solid var(--color-accent-emphasis);
border-radius: 6px;
}
.markdown-body .footnotes li:target {
color: var(--color-fg-default);
}
.markdown-body .footnotes .data-footnote-backref g-emoji {
font-family: monospace;
}
.markdown-body .pl-c {
color: var(--color-prettylights-syntax-comment);
}
.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
color: var(--color-prettylights-syntax-constant);
}
.markdown-body .pl-e,
.markdown-body .pl-en {
color: var(--color-prettylights-syntax-entity);
}
.markdown-body .pl-smi,
.markdown-body .pl-s .pl-s1 {
color: var(--color-prettylights-syntax-storage-modifier-import);
}
.markdown-body .pl-ent {
color: var(--color-prettylights-syntax-entity-tag);
}
.markdown-body .pl-k {
color: var(--color-prettylights-syntax-keyword);
}
.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: var(--color-prettylights-syntax-string);
}
.markdown-body .pl-v,
.markdown-body .pl-smw {
color: var(--color-prettylights-syntax-variable);
}
.markdown-body .pl-bu {
color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
}
.markdown-body .pl-ii {
color: var(--color-prettylights-syntax-invalid-illegal-text);
background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
}
.markdown-body .pl-c2 {
color: var(--color-prettylights-syntax-carriage-return-text);
background-color: var(--color-prettylights-syntax-carriage-return-bg);
}
.markdown-body .pl-sr .pl-cce {
font-weight: bold;
color: var(--color-prettylights-syntax-string-regexp);
}
.markdown-body .pl-ml {
color: var(--color-prettylights-syntax-markup-list);
}
.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
font-weight: bold;
color: var(--color-prettylights-syntax-markup-heading);
}
.markdown-body .pl-mi {
font-style: italic;
color: var(--color-prettylights-syntax-markup-italic);
}
.markdown-body .pl-mb {
font-weight: bold;
color: var(--color-prettylights-syntax-markup-bold);
}
.markdown-body .pl-md {
color: var(--color-prettylights-syntax-markup-deleted-text);
background-color: var(--color-prettylights-syntax-markup-deleted-bg);
}
.markdown-body .pl-mi1 {
color: var(--color-prettylights-syntax-markup-inserted-text);
background-color: var(--color-prettylights-syntax-markup-inserted-bg);
}
.markdown-body .pl-mc {
color: var(--color-prettylights-syntax-markup-changed-text);
background-color: var(--color-prettylights-syntax-markup-changed-bg);
}
.markdown-body .pl-mi2 {
color: var(--color-prettylights-syntax-markup-ignored-text);
background-color: var(--color-prettylights-syntax-markup-ignored-bg);
}
.markdown-body .pl-mdr {
font-weight: bold;
color: var(--color-prettylights-syntax-meta-diff-range);
}
.markdown-body .pl-ba {
color: var(--color-prettylights-syntax-brackethighlighter-angle);
}
.markdown-body .pl-sg {
color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
}
.markdown-body .pl-corl {
text-decoration: underline;
color: var(--color-prettylights-syntax-constant-other-reference-link);
}
.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: var(--base-text-weight-normal, 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: var(--base-text-weight-normal, 400);
}
.markdown-body .task-list-item.enabled label {
cursor: pointer;
}
.markdown-body .task-list-item + .task-list-item {
margin-top: 4px;
}
.markdown-body .task-list-item .handle {
display: none;
}
.markdown-body .task-list-item-checkbox {
margin: 0 0.2em 0.25em -1.4em;
vertical-align: middle;
}
.markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
.markdown-body .contains-task-list {
position: relative;
}
.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-body-generate > dd:last-child:after,
.markdown-body.markdown-body-generate > dl:last-child:after,
.markdown-body.markdown-body-generate > dt:last-child:after,
.markdown-body.markdown-body-generate > h1:last-child:after,
.markdown-body.markdown-body-generate > h2:last-child:after,
.markdown-body.markdown-body-generate > h3:last-child:after,
.markdown-body.markdown-body-generate > h4:last-child:after,
.markdown-body.markdown-body-generate > h5:last-child:after,
.markdown-body.markdown-body-generate > h6:last-child:after,
.markdown-body.markdown-body-generate > li:last-child:after,
.markdown-body.markdown-body-generate > ol:last-child li:last-child:after,
.markdown-body.markdown-body-generate > p:last-child:after,
.markdown-body.markdown-body-generate > pre:last-child code:after,
.markdown-body.markdown-body-generate > td:last-child:after,
.markdown-body.markdown-body-generate > ul:last-child li:last-child:after {
content: '';
/* 不使用文本内容 */
display: inline-block;
width: 0.875em;
/* 控制原点的大小 */
height: 0.875em;
/* 保持原点为圆形 */
margin-left: 2px;
--tw-bg-opacity: 1;
background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.markdown-body.markdown-body-generate > dd:last-child:is(.dark *):after,
.markdown-body.markdown-body-generate > dl:last-child:is(.dark *):after,
.markdown-body.markdown-body-generate > dt:last-child:is(.dark *):after,
.markdown-body.markdown-body-generate > h1:last-child:is(.dark *):after,
.markdown-body.markdown-body-generate > h2:last-child:is(.dark *):after,
.markdown-body.markdown-body-generate > h3:last-child:is(.dark *):after,
.markdown-body.markdown-body-generate > h4:last-child:is(.dark *):after,
.markdown-body.markdown-body-generate > h5:last-child:is(.dark *):after,
.markdown-body.markdown-body-generate > h6:last-child:is(.dark *):after,
.markdown-body.markdown-body-generate > li:last-child:is(.dark *):after,
.markdown-body.markdown-body-generate > ol:last-child li:last-child:is(.dark *):after,
.markdown-body.markdown-body-generate > p:last-child:is(.dark *):after,
.markdown-body.markdown-body-generate > pre:last-child code:is(.dark *):after,
.markdown-body.markdown-body-generate > td:last-child:is(.dark *):after,
.markdown-body.markdown-body-generate > ul:last-child li:last-child:is(.dark *):after {
--tw-bg-opacity: 1;
background-color: rgb(236 236 236 / var(--tw-bg-opacity, 1));
}
.markdown-body.markdown-body-generate > dd:last-child:after,
.markdown-body.markdown-body-generate > dl:last-child:after,
.markdown-body.markdown-body-generate > dt:last-child:after,
.markdown-body.markdown-body-generate > h1:last-child:after,
.markdown-body.markdown-body-generate > h2:last-child:after,
.markdown-body.markdown-body-generate > h3:last-child:after,
.markdown-body.markdown-body-generate > h4:last-child:after,
.markdown-body.markdown-body-generate > h5:last-child:after,
.markdown-body.markdown-body-generate > h6:last-child:after,
.markdown-body.markdown-body-generate > li:last-child:after,
.markdown-body.markdown-body-generate > ol:last-child li:last-child:after,
.markdown-body.markdown-body-generate > p:last-child:after,
.markdown-body.markdown-body-generate > pre:last-child code:after,
.markdown-body.markdown-body-generate > td:last-child:after,
.markdown-body.markdown-body-generate > ul:last-child li:last-child:after {
/* 原点颜色 */
border-radius: 50%;
/* 使其成为圆形 */
animation: breathes 2s infinite ease-in-out;
/* 应用呼吸效果动画 */
vertical-align: middle;
/* 根据需要调整垂直对齐 */
}
@keyframes breathes {
0%,
100% {
transform: scale(1);
opacity: 1;
/* 开始和结束时完全不透明 */
}
50% {
transform: scale(0.75);
/* 中间缩小到75% */
opacity: 0.75;
/* 中间透明度降低，增加平滑感 */
}
}
@keyframes blink {
to {
visibility: hidden;
}
}
/* 引入 Tailwind CSS 的基础、组件和工具类 */
html {
height: 100%;
}
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #fff;
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
--tw-text-opacity: 1 !important;
color: rgb(13 13 13 / var(--tw-text-opacity, 1)) !important;
}
body:is(.dark *) {
--tw-text-opacity: 1 !important;
color: rgb(236 236 236 / var(--tw-text-opacity, 1)) !important;
}
:root.dark body {
background-color: #212121;
}
#app {
height: 100%;
overflow: hidden;
}
* :focus {
outline: none;
}
/* 自定义滚动条样式 */
.custom-scrollbar {
/* 现代浏览器：确保滚动条不占据宽度 */
scrollbar-gutter: stable both-edges;
/* Firefox 支持 */
scrollbar-width: thin;
scrollbar-color: rgba(209, 213, 219, 0.8) transparent;
/* 确保滚动条为overlay模式（不占据宽度） */
overflow: overlay;
/* 虽然已废弃，但仍有浏览器支持 */
}
/* 当overflow: overlay不被支持时的回退 */
@supports not (overflow: overlay) {
.custom-scrollbar {
overflow: auto;
/* 通过padding-right为可能出现的滚动条预留空间，然后用负margin抵消 */
padding-right: 8px;
margin-right: -8px;
}
}
/* Webkit内核浏览器的滚动条自定义 */
.custom-scrollbar::-webkit-scrollbar {
width: 6px;
background-color: transparent;
/* 强制滚动条为overlay模式 */
position: absolute;
}
/* 隐藏横向滚动条 */
.custom-scrollbar::-webkit-scrollbar:horizontal {
height: 0;
display: none;
}
.custom-scrollbar::-webkit-scrollbar-track {
background-color: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background-color: rgba(209, 213, 219, 0.8);
border-radius: 6px;
-webkit-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
/* 确保滚动条thumb不会增加宽度 */
border: 1px solid transparent;
background-clip: content-box;
}
/* 滚动条悬停效果 */
.custom-scrollbar:hover::-webkit-scrollbar {
width: 8px;
/* 悬停时加宽 */
}
.custom-scrollbar:hover::-webkit-scrollbar-thumb {
background-color: rgba(156, 163, 175, 0.9);
/* 悬停时颜色加深 */
}
/* 深色模式滚动条 */
.dark .custom-scrollbar {
scrollbar-gutter: stable both-edges;
scrollbar-width: thin;
scrollbar-color: rgba(75, 85, 99, 0.8) transparent;
}
.dark .custom-scrollbar::-webkit-scrollbar-thumb {
background-color: rgba(75, 85, 99, 0.8);
}
.dark .custom-scrollbar:hover::-webkit-scrollbar-thumb {
background-color: rgba(107, 114, 128, 0.9);
}
/* 额外的兼容性处理：针对不同浏览器引擎 */
/* Chrome 和基于 Chromium 的浏览器 */
@supports (-webkit-appearance: none) {
.custom-scrollbar {
overflow: auto;
}
.custom-scrollbar::-webkit-scrollbar {
/* 使用 overlay 样式 */
width: 6px;
height: 6px;
}
}
/* Firefox 特殊处理 */
@-moz-document url-prefix() {
.custom-scrollbar {
scrollbar-width: thin;
scrollbar-color: rgba(209, 213, 219, 0.8) transparent;
/* Firefox 的滚动条通常不占据宽度 */
overflow: auto;
}
}
/*
* 终极方案：完全overlay滚动条
* 如果上面的方案仍有问题，可以使用这个类名：.overlay-scrollbar
* 这将完全隐藏原生滚动条并确保不占据任何宽度
*/
.overlay-scrollbar {
overflow: hidden;
position: relative;
}
.overlay-scrollbar:hover {
overflow: auto;
}
/* 完全隐藏滚动条但保持滚动功能 */
.overlay-scrollbar::-webkit-scrollbar {
width: 0px;
background: transparent;
}
.overlay-scrollbar::-webkit-scrollbar-thumb {
background: transparent;
}
/* 当鼠标悬停时显示滚动条 */
.overlay-scrollbar:hover::-webkit-scrollbar {
width: 6px;
background: transparent;
}
.overlay-scrollbar:hover::-webkit-scrollbar-thumb {
background-color: rgba(209, 213, 219, 0.8);
border-radius: 6px;
}
/* Firefox 的overlay滚动条 */
.overlay-scrollbar {
scrollbar-width: none;
/* 完全隐藏 */
}
.overlay-scrollbar:hover {
scrollbar-width: thin;
scrollbar-color: rgba(209, 213, 219, 0.8) transparent;
}
/* 深色模式的overlay滚动条 */
.dark .overlay-scrollbar:hover::-webkit-scrollbar-thumb {
background-color: rgba(75, 85, 99, 0.8);
}
.dark .overlay-scrollbar:hover {
scrollbar-color: rgba(75, 85, 99, 0.8) transparent;
}
/* 加载动画样式 */
.loading-animation {
display: inline-block;
position: relative;
width: 60px;
height: 20px;
}
.loading-animation:before,
.loading-animation:after,
.loading-animation span {
content: '';
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #6366f1;
animation: dotBounce 1.4s infinite ease-in-out;
}
.loading-animation:before {
left: 0;
animation-delay: 0s;
}
.loading-animation span {
left: 26px;
animation-delay: 0.2s;
}
.loading-animation:after {
left: 52px;
animation-delay: 0.4s;
}
@keyframes dotBounce {
0%,
80%,
100% {
transform: translateY(-50%) scale(0.6);
opacity: 0.6;
}
40% {
transform: translateY(-50%) scale(1);
opacity: 1;
}
}
/* Tailwind base reset 之外，自定义全局字体/排版 */
html {
font-family:
system-ui,
-apple-system,
BlinkMacSystemFont,
'SF Pro SC',
'PingFang SC',
sans-serif;
}
:root,
:root[data-theme='light'] {
/* ────────── Button Color ────────── */
--btn-bg-primary: #4f46e5;
--btn-bg-primary-hover: #6366f1;
--btn-bg-primary-active: #4338ca;
--btn-text-primary: #ffffff;
--btn-border-primary: transparent;
--btn-border-primary-hover: transparent;
--btn-border-primary-active: transparent;
--btn-bg-secondary: #ffffff;
--btn-bg-secondary-hover: #f9f9f9;
--btn-bg-secondary-active: #ececec;
--btn-text-secondary: #424242;
--btn-border-secondary: #e3e3e3;
--btn-border-secondary-hover: #cdcdcd;
--btn-border-secondary-active: #b4b4b4;
--btn-bg-ghost: transparent;
--btn-bg-ghost-hover: rgba(0, 0, 0, 0.04);
--btn-bg-ghost-active: rgba(0, 0, 0, 0.08);
--btn-text-ghost: #424242;
--btn-border-ghost: transparent;
--btn-bg-danger: #ef4444;
--btn-bg-danger-hover: #dc2626;
--btn-bg-danger-active: #b91c1c;
--btn-text-danger: #ffffff;
--btn-border-danger: transparent;
/* ────────── Button Size ────────── */
--btn-border-width: 1px; /* Secondary 用描边，Primary 可自行覆盖为 0 */
/* ────────── Input Color ────────── */
--input-border: #e3e3e3;
--input-border-hover: #cdcdcd;
--input-border-focus: #4f46e5;
--input-border-error: #ef4444;
--input-bg: #ffffff;
--input-text: #424242;
--input-placeholder: #9b9b9b;
/* ────────── Tab Component ────────── */
--tab-group-bg: #ececec;
--tab-group-bg-filled: #e2e8f0;
--tab-text: #424242;
--tab-active-bg: #ffffff;
--tab-active-text: #4f46e5;
--tab-active-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
:root[data-theme='dark'] {
/* ────────── Button Color ────────── */
--btn-bg-primary: #818cf8;
--btn-bg-primary-hover: #6366f1;
--btn-bg-primary-active: #4f46e5;
--btn-text-primary: #ffffff;
--btn-border-primary: transparent;
--btn-bg-secondary: #2f2f2f;
--btn-bg-secondary-hover: #424242;
--btn-bg-secondary-active: #676767;
--btn-text-secondary: #cdcdcd;
--btn-border-secondary: #424242;
--btn-border-secondary-hover: #676767;
--btn-border-secondary-active: #9b9b9b;
--btn-bg-ghost: transparent;
--btn-bg-ghost-hover: rgba(255, 255, 255, 0.08);
--btn-bg-ghost-active: rgba(255, 255, 255, 0.12);
--btn-text-ghost: #cdcdcd;
--btn-bg-danger: #f87171;
--btn-bg-danger-hover: #ef4444;
--btn-bg-danger-active: #dc2626;
--btn-text-danger: #ffffff;
/* ────────── Input Color ────────── */
--input-border: #424242;
--input-border-hover: #676767;
--input-border-focus: #818cf8;
--input-border-error: #f87171;
--input-bg: #2f2f2f;
--input-text: #cdcdcd;
--input-placeholder: #9b9b9b;
/* ────────── Tab Component ────────── */
--tab-group-bg-dark: #212121;
--tab-group-bg-filled-dark: #334155;
--tab-text-dark: #9ca3af;
--tab-active-bg-dark: #424242;
--tab-active-text-dark: #f3f4f6;
}
*, ::before, ::after {
--tw-border-spacing-x:
0;
--tw-border-spacing-y:
0;
--tw-translate-x:
0;
--tw-translate-y:
0;
--tw-rotate:
0;
--tw-skew-x:
0;
--tw-skew-y:
0;
--tw-scale-x:
1;
--tw-scale-y:
1;
--tw-pan-x:
;
--tw-pan-y:
;
--tw-pinch-zoom:
;
--tw-scroll-snap-strictness:
proximity;
--tw-gradient-from-position:
;
--tw-gradient-via-position:
;
--tw-gradient-to-position:
;
--tw-ordinal:
;
--tw-slashed-zero:
;
--tw-numeric-figure:
;
--tw-numeric-spacing:
;
--tw-numeric-fraction:
;
--tw-ring-inset:
;
--tw-ring-offset-width:
0px;
--tw-ring-offset-color:
#fff;
--tw-ring-color:
rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow:
0 0 #0000;
--tw-ring-shadow:
0 0 #0000;
--tw-shadow:
0 0 #0000;
--tw-shadow-colored:
0 0 #0000;
--tw-blur:
;
--tw-brightness:
;
--tw-contrast:
;
--tw-grayscale:
;
--tw-hue-rotate:
;
--tw-invert:
;
--tw-saturate:
;
--tw-sepia:
;
--tw-drop-shadow:
;
--tw-backdrop-blur:
;
--tw-backdrop-brightness:
;
--tw-backdrop-contrast:
;
--tw-backdrop-grayscale:
;
--tw-backdrop-hue-rotate:
;
--tw-backdrop-invert:
;
--tw-backdrop-opacity:
;
--tw-backdrop-saturate:
;
--tw-backdrop-sepia:
;
--tw-contain-size:
;
--tw-contain-layout:
;
--tw-contain-paint:
;
--tw-contain-style:
;
}
::backdrop {
--tw-border-spacing-x:
0;
--tw-border-spacing-y:
0;
--tw-translate-x:
0;
--tw-translate-y:
0;
--tw-rotate:
0;
--tw-skew-x:
0;
--tw-skew-y:
0;
--tw-scale-x:
1;
--tw-scale-y:
1;
--tw-pan-x:
;
--tw-pan-y:
;
--tw-pinch-zoom:
;
--tw-scroll-snap-strictness:
proximity;
--tw-gradient-from-position:
;
--tw-gradient-via-position:
;
--tw-gradient-to-position:
;
--tw-ordinal:
;
--tw-slashed-zero:
;
--tw-numeric-figure:
;
--tw-numeric-spacing:
;
--tw-numeric-fraction:
;
--tw-ring-inset:
;
--tw-ring-offset-width:
0px;
--tw-ring-offset-color:
#fff;
--tw-ring-color:
rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow:
0 0 #0000;
--tw-ring-shadow:
0 0 #0000;
--tw-shadow:
0 0 #0000;
--tw-shadow-colored:
0 0 #0000;
--tw-blur:
;
--tw-brightness:
;
--tw-contrast:
;
--tw-grayscale:
;
--tw-hue-rotate:
;
--tw-invert:
;
--tw-saturate:
;
--tw-sepia:
;
--tw-drop-shadow:
;
--tw-backdrop-blur:
;
--tw-backdrop-brightness:
;
--tw-backdrop-contrast:
;
--tw-backdrop-grayscale:
;
--tw-backdrop-hue-rotate:
;
--tw-backdrop-invert:
;
--tw-backdrop-opacity:
;
--tw-backdrop-saturate:
;
--tw-backdrop-sepia:
;
--tw-contain-size:
;
--tw-contain-layout:
;
--tw-contain-paint:
;
--tw-contain-style:
;
}
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: #e3e3e3; /* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
line-height: 1.5; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-moz-tab-size: 4; /* 3 */
-o-tab-size: 4;
tab-size: 4; /* 3 */
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
font-feature-settings: normal; /* 5 */
font-variation-settings: normal; /* 6 */
-webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0; /* 1 */
line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0; /* 1 */
color: inherit; /* 2 */
border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
font-feature-settings: normal; /* 2 */
font-variation-settings: normal; /* 3 */
font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-feature-settings: inherit; /* 1 */
font-variation-settings: inherit; /* 1 */
font-size: 100%; /* 1 */
font-weight: inherit; /* 1 */
line-height: inherit; /* 1 */
letter-spacing: inherit; /* 1 */
color: inherit; /* 1 */
margin: 0; /* 2 */
padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button; /* 1 */
background-color: transparent; /* 2 */
background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; /* 1 */
color: #b4b4b4; /* 2 */
}
input::placeholder,
textarea::placeholder {
opacity: 1; /* 1 */
color: #b4b4b4; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; /* 1 */
vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
display: none;
}
* {
scrollbar-color:
initial;
scrollbar-width:
initial;
}
.\!container {
width:
100% !important;
}
.container {
width:
100%;
}
@media (min-width: 640px) {
.\!container {
max-width:
640px !important;
}
.container {
max-width:
640px;
}
}
@media (min-width: 768px) {
.\!container {
max-width:
768px !important;
}
.container {
max-width:
768px;
}
}
@media (min-width: 1024px) {
.\!container {
max-width:
1024px !important;
}
.container {
max-width:
1024px;
}
}
@media (min-width: 1280px) {
.\!container {
max-width:
1280px !important;
}
.container {
max-width:
1280px;
}
}
@media (min-width: 1536px) {
.\!container {
max-width:
1536px !important;
}
.container {
max-width:
1536px;
}
}
@media (min-width: 1750px) {
.\!container {
max-width:
1750px !important;
}
.container {
max-width:
1750px;
}
}
@media (min-width: 1870px) {
.\!container {
max-width:
1870px !important;
}
.container {
max-width:
1870px;
}
}
.prose {
color:
var(--tw-prose-body);
max-width:
65ch;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
1.25em;
margin-bottom:
1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
var(--tw-prose-lead);
font-size:
1.25em;
line-height:
1.6;
margin-top:
1.2em;
margin-bottom:
1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
var(--tw-prose-links);
text-decoration:
underline;
font-weight:
500;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
var(--tw-prose-bold);
font-weight:
600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type:
decimal;
margin-top:
1.25em;
margin-bottom:
1.25em;
padding-inline-start:
1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type:
upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type:
lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type:
upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type:
lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type:
upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type:
lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type:
upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type:
lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type:
decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
list-style-type:
disc;
margin-top:
1.25em;
margin-bottom:
1.25em;
padding-inline-start:
1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
font-weight:
400;
color:
var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
color:
var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
var(--tw-prose-headings);
font-weight:
600;
margin-top:
1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-color:
var(--tw-prose-hr);
border-top-width:
1px;
margin-top:
3em;
margin-bottom:
3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight:
500;
font-style:
italic;
color:
var(--tw-prose-quotes);
border-inline-start-width:
0.25rem;
border-inline-start-color:
var(--tw-prose-quote-borders);
quotes:
"\201C""\201D""\2018""\2019";
margin-top:
1.6em;
margin-bottom:
1.6em;
padding-inline-start:
1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
content:
open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
content:
close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
var(--tw-prose-headings);
font-weight:
800;
font-size:
2.25em;
margin-top:
0;
margin-bottom:
0.8888889em;
line-height:
1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight:
900;
color:
inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
var(--tw-prose-headings);
font-weight:
700;
font-size:
1.5em;
margin-top:
2em;
margin-bottom:
1em;
line-height:
1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight:
800;
color:
inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
var(--tw-prose-headings);
font-weight:
600;
font-size:
1.25em;
margin-top:
1.6em;
margin-bottom:
0.6em;
line-height:
1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight:
700;
color:
inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
var(--tw-prose-headings);
font-weight:
600;
margin-top:
1.5em;
margin-bottom:
0.5em;
line-height:
1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight:
700;
color:
inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
2em;
margin-bottom:
2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
display:
block;
margin-top:
2em;
margin-bottom:
2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
2em;
margin-bottom:
2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
font-weight:
500;
font-family:
inherit;
color:
var(--tw-prose-kbd);
box-shadow:
0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
font-size:
0.875em;
border-radius:
0.3125rem;
padding-top:
0.1875em;
padding-inline-end:
0.375em;
padding-bottom:
0.1875em;
padding-inline-start:
0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
var(--tw-prose-code);
font-weight:
600;
font-size:
0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
content:
"`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
content:
"`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
inherit;
font-size:
0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
inherit;
font-size:
0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
var(--tw-prose-pre-code);
background-color:
var(--tw-prose-pre-bg);
overflow-x:
auto;
font-weight:
400;
font-size:
0.875em;
line-height:
1.7142857;
margin-top:
1.7142857em;
margin-bottom:
1.7142857em;
border-radius:
0.375rem;
padding-top:
0.8571429em;
padding-inline-end:
1.1428571em;
padding-bottom:
0.8571429em;
padding-inline-start:
1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
background-color:
transparent;
border-width:
0;
border-radius:
0;
padding:
0;
font-weight:
inherit;
color:
inherit;
font-size:
inherit;
font-family:
inherit;
line-height:
inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
content:
none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
content:
none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
width:
100%;
table-layout:
auto;
margin-top:
2em;
margin-bottom:
2em;
font-size:
0.875em;
line-height:
1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-bottom-width:
1px;
border-bottom-color:
var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
var(--tw-prose-headings);
font-weight:
600;
vertical-align:
bottom;
padding-inline-end:
0.5714286em;
padding-bottom:
0.5714286em;
padding-inline-start:
0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-bottom-width:
1px;
border-bottom-color:
var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-bottom-width:
0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
vertical-align:
baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
border-top-width:
1px;
border-top-color:
var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
vertical-align:
top;
}
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
text-align:
start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
0;
margin-bottom:
0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
color:
var(--tw-prose-captions);
font-size:
0.875em;
line-height:
1.4285714;
margin-top:
0.8571429em;
}
.prose {
--tw-prose-body:
#374151;
--tw-prose-headings:
#111827;
--tw-prose-lead:
#4b5563;
--tw-prose-links:
#111827;
--tw-prose-bold:
#111827;
--tw-prose-counters:
#6b7280;
--tw-prose-bullets:
#d1d5db;
--tw-prose-hr:
#e5e7eb;
--tw-prose-quotes:
#111827;
--tw-prose-quote-borders:
#e5e7eb;
--tw-prose-captions:
#6b7280;
--tw-prose-kbd:
#111827;
--tw-prose-kbd-shadows:
17 24 39;
--tw-prose-code:
#111827;
--tw-prose-pre-code:
#e5e7eb;
--tw-prose-pre-bg:
#1f2937;
--tw-prose-th-borders:
#d1d5db;
--tw-prose-td-borders:
#e5e7eb;
--tw-prose-invert-body:
#d1d5db;
--tw-prose-invert-headings:
#fff;
--tw-prose-invert-lead:
#9ca3af;
--tw-prose-invert-links:
#fff;
--tw-prose-invert-bold:
#fff;
--tw-prose-invert-counters:
#9ca3af;
--tw-prose-invert-bullets:
#4b5563;
--tw-prose-invert-hr:
#374151;
--tw-prose-invert-quotes:
#f3f4f6;
--tw-prose-invert-quote-borders:
#374151;
--tw-prose-invert-captions:
#9ca3af;
--tw-prose-invert-kbd:
#fff;
--tw-prose-invert-kbd-shadows:
255 255 255;
--tw-prose-invert-code:
#fff;
--tw-prose-invert-pre-code:
#d1d5db;
--tw-prose-invert-pre-bg:
rgb(0 0 0 / 50%);
--tw-prose-invert-th-borders:
#4b5563;
--tw-prose-invert-td-borders:
#374151;
font-size:
1rem;
line-height:
1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
0;
margin-bottom:
0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
0.5em;
margin-bottom:
0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-start:
0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-start:
0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
0.75em;
margin-bottom:
0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom:
1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom:
1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
0.75em;
margin-bottom:
0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
1.25em;
margin-bottom:
1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
0.5em;
padding-inline-start:
1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-start:
0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-end:
0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-top:
0.5714286em;
padding-inline-end:
0.5714286em;
padding-bottom:
0.5714286em;
padding-inline-start:
0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-start:
0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
padding-inline-end:
0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
2em;
margin-bottom:
2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top:
0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-bottom:
0;
}
.btn {
display:
inline-flex;
align-items:
center;
justify-content:
center;
font-weight:
500;
transition:
all 0.2s;
white-space:
nowrap;
cursor:
pointer;
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:disabled {
opacity:
.6;
cursor:
not-allowed;
pointer-events:
none;
}
.btn-xs {
padding:
0.125rem 0.5rem;
font-size:
0.6875rem;
line-height:
0.875rem;
border-radius:
0.375rem;
}
.btn-icon.btn-xs {
height:
24px;
width:
24px;
padding:
4px;
font-size:
14px;
}
.btn-sm {
padding:
0.25rem 0.75rem;
font-size:
0.75rem;
line-height:
1rem;
border-radius:
0.5rem;
}
.btn-icon.btn-sm {
height:
28px;
width:
28px;
padding:
6px;
font-size:
15px;
}
.btn-md {
padding:
0.5rem 1rem;
font-size:
0.875rem;
line-height:
1.25rem;
border-radius:
0.625rem;
}
.btn-icon.btn-md {
height:
35px;
width:
35px;
padding:
7px;
font-size:
16px;
}
.btn-lg {
padding:
0.75rem 1.25rem;
font-size:
1rem;
line-height:
1.5rem;
border-radius:
0.75rem;
}
.btn-icon.btn-lg {
height:
40px;
width:
40px;
padding:
10px;
font-size:
18px;
}
.btn-icon.btn-xl {
height:
48px;
width:
48px;
padding:
12px;
font-size:
20px;
}
.btn-primary {
background-color:
#4f46e5;
color:
#ffffff;
border-width:
0;
border-color:
transparent;
}
.btn-primary:hover:not(:disabled) {
background-color:
#6366f1;
border-color:
transparent;
}
.btn-primary:active:not(:disabled) {
background-color:
#4338ca;
border-color:
transparent;
}
.dark .btn-primary {
background-color:
#818cf8;
color:
#ffffff;
border-color:
transparent;
}
.dark .btn-primary:hover:not(:disabled) {
background-color:
#6366f1;
border-color:
transparent;
}
.dark .btn-primary:active:not(:disabled) {
background-color:
#4f46e5;
border-color:
transparent;
}
.btn-secondary {
background-color:
#ffffff;
color:
#424242;
border-width:
1px;
border-color:
#e3e3e3;
}
.btn-secondary:hover:not(:disabled) {
background-color:
#f9f9f9;
border-color:
#cdcdcd;
}
.btn-secondary:active:not(:disabled) {
background-color:
#ececec;
border-color:
#b4b4b4;
}
.dark .btn-secondary {
background-color:
#2f2f2f;
color:
#cdcdcd;
border-color:
#424242;
}
.dark .btn-secondary:hover:not(:disabled) {
background-color:
#424242;
border-color:
#676767;
}
.dark .btn-secondary:active:not(:disabled) {
background-color:
#676767;
border-color:
#9b9b9b;
}
.dark .btn-ghost {
background-color:
transparent;
color:
#cdcdcd;
}
.dark .btn-ghost:hover:not(:disabled) {
background-color:
rgba(255, 255, 255, 0.08);
}
.dark .btn-ghost:active:not(:disabled) {
background-color:
rgba(255, 255, 255, 0.12);
}
.btn-danger {
background-color:
#ef4444;
color:
#ffffff;
border-width:
0;
}
.btn-danger:hover:not(:disabled) {
background-color:
#dc2626;
}
.btn-danger:active:not(:disabled) {
background-color:
#b91c1c;
}
.dark .btn-danger {
background-color:
#f87171;
color:
#ffffff;
}
.dark .btn-danger:hover:not(:disabled) {
background-color:
#ef4444;
}
.dark .btn-danger:active:not(:disabled) {
background-color:
#dc2626;
}
.dark .btn-success {
background-color:
#10b981;
color:
#ffffff;
}
.dark .btn-success:hover:not(:disabled) {
background-color:
#059669;
}
.dark .btn-success:active:not(:disabled) {
background-color:
#047857;
}
.dark .btn-warning {
background-color:
#f59e0b;
color:
#ffffff;
}
.dark .btn-warning:hover:not(:disabled) {
background-color:
#d97706;
}
.dark .btn-warning:active:not(:disabled) {
background-color:
#b45309;
}
.dark .btn-info {
background-color:
#3b82f6;
color:
#ffffff;
}
.dark .btn-info:hover:not(:disabled) {
background-color:
#2563eb;
}
.dark .btn-info:active:not(:disabled) {
background-color:
#1d4ed8;
}
.btn-send {
display:
flex;
align-items:
center;
justify-content:
center;
border-radius:
9999px;
padding:
0.5rem;
height:
2rem;
width:
2rem;
font-size:
1rem;
font-weight:
600;
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.05);
background-color:
#4f46e5;
color:
#ffffff;
transition:
all 0.2s;
}
.btn-send:hover:not(:disabled) {
background-color:
#4338ca;
}
.btn-send:disabled {
background-color:
#a5b4fc;
opacity:
0.6;
cursor:
not-allowed;
}
.dark .btn-send {
background-color:
#424242;
color:
#cdcdcd;
}
.dark .btn-send:hover:not(:disabled) {
background-color:
#424242;
color:
#ececec;
}
.dark .btn-send:disabled {
background-color:
#2f2f2f;
}
.btn-stop {
display:
flex;
align-items:
center;
justify-content:
center;
border-radius:
9999px;
padding:
0.5rem;
height:
2rem;
width:
2rem;
font-size:
1rem;
font-weight:
600;
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.05);
background-color:
#4f46e5;
color:
#ffffff;
transition:
all 0.2s;
}
.btn-stop:hover:not(:disabled) {
background-color:
#4338ca;
}
.dark .btn-stop {
background-color:
#676767;
color:
#ececec;
}
.dark .btn-stop:hover {
background-color:
#676767;
color:
#ececec;
}
.btn-icon {
display:
inline-flex;
align-items:
center;
justify-content:
center;
transition:
all 0.2s;
cursor:
pointer;
background-color:
transparent;
color:
#000;
overflow:
hidden;
position:
relative;
border:
0 solid transparent;
font-weight:
600;
border-radius:
10px;
aspect-ratio:
1 / 1;
}
.btn-icon:hover:not(:disabled) {
background-color:
rgba(0, 0, 0, 0.06);
}
.btn-icon:active:not(:disabled) {
background-color:
rgba(0, 0, 0, 0.1);
}
.btn-icon:disabled {
opacity:
.5;
cursor:
not-allowed;
pointer-events:
none;
}
.dark .btn-icon {
color:
#cdcdcd;
}
.dark .btn-icon:hover:not(:disabled) {
background-color:
rgba(255, 255, 255, 0.08);
}
.dark .btn-icon:active:not(:disabled) {
background-color:
rgba(255, 255, 255, 0.12);
}
.btn-icon-collapse {
display:
inline-flex;
align-items:
center;
justify-content:
center;
transition:
all 0.2s;
cursor:
pointer;
background-color:
transparent;
color:
#9b9b9b;
border:
0 solid transparent;
font-weight:
600;
position:
relative;
overflow:
hidden;
}
.btn-icon-collapse:hover:not(:disabled) {
background-color:
#ffffff;
color:
#6366f1;
}
.btn-icon-collapse:active:not(:disabled) {
background-color:
#ffffff;
color:
#4f46e5;
}
.btn-icon-collapse:disabled {
opacity:
.5;
cursor:
not-allowed;
pointer-events:
none;
}
.dark .btn-icon-collapse {
color:
#9b9b9b;
}
.dark .btn-icon-collapse:hover:not(:disabled) {
background-color:
#2f2f2f;
color:
#cdcdcd;
}
.dark .btn-icon-collapse:active:not(:disabled) {
background-color:
#2f2f2f;
color:
#ececec;
}
.btn-close {
display:
inline-flex;
align-items:
center;
justify-content:
center;
border-radius:
0.375rem;
transition:
all 0.2s;
background-color:
transparent;
color:
var(--btn-text-ghost);
cursor:
pointer;
}
.btn-close:hover:not(:disabled) {
background-color:
var(--btn-bg-ghost-hover);
}
.btn-close:active:not(:disabled) {
background-color:
var(--btn-bg-ghost-active);
}
.btn-close:disabled {
opacity:
.6;
cursor:
not-allowed;
}
.btn-captcha {
position:
absolute;
right:
0;
top:
0;
height:
100%;
display:
flex;
align-items:
center;
justify-content:
center;
border-top-right-radius:
0.75rem;
border-bottom-right-radius:
0.75rem;
padding-left:
0.5rem;
padding-right:
0.5rem;
font-size:
1rem;
line-height:
1rem;
font-weight:
600;
background-color:
#4f46e5;
color:
#ffffff;
transition:
all 0.2s;
}
.btn-captcha:hover:not(:disabled) {
background-color:
#6366f1;
}
.btn-captcha:focus-visible {
outline:
2px solid transparent;
outline-offset:
2px;
}
.btn-captcha:disabled {
opacity:
.6;
cursor:
not-allowed;
}
.dark .btn-captcha {
background-color:
#818cf8;
color:
#ffffff;
}
.dark .btn-captcha:hover:not(:disabled) {
background-color:
#6366f1;
}
.btn-pill {
display:
inline-flex;
align-items:
center;
justify-content:
center;
border-radius:
9999px;
padding:
0.5rem;
height:
2rem;
font-size:
0.875rem;
font-weight:
500;
transition:
all 0.15s ease;
cursor:
pointer;
-webkit-user-select:
none;
-moz-user-select:
none;
user-select:
none;
white-space:
nowrap;
border:
1px solid #cdcdcd;
background-color:
#ffffff;
color:
#6b7280;
box-shadow:
0 1px 1px rgba(0, 0, 0, 0.01);
}
.btn-pill:hover:not(:disabled) {
background-color:
#f9f9f9;
color:
#4b5563;
}
.dark .btn-pill {
background-color:
#2f2f2f;
border-color:
#2f2f2f;
color:
#9b9b9b;
}
.dark .btn-pill:hover:not(:disabled) {
background-color:
#424242;
color:
#cdcdcd;
}
.btn-pill:disabled {
opacity:
.6;
cursor:
not-allowed;
pointer-events:
none;
}
.btn-pill-active {
background-color:
#e0e7ff;
border-color:
#e0e7ff;
color:
#4f46e5;
border:
1px solid #e0e7ff;
}
.btn-pill-active:hover:not(:disabled) {
background-color:
#e0e7ff;
border-color:
#e0e7ff;
color:
#4f46e5;
}
.dark .btn-pill-active {
background-color:
#676767;
border-color:
#2f2f2f;
color:
#ececec;
}
.dark .btn-pill-active:hover:not(:disabled) {
background-color:
#676767;
border-color:
#2f2f2f;
color:
#ececec;
}
.input {
outline:
none;
transition:
all 0.2s;
background-color:
#ffffff;
color:
#424242;
border-width:
1px;
border-color:
#e3e3e3;
border-style:
solid;
}
.input ::-moz-placeholder {
color:
#9b9b9b;
}
.input ::placeholder {
color:
#9b9b9b;
}
.input:hover:not(:disabled) {
border-color:
#cdcdcd;
}
.input:focus:not(:disabled) {
border-color:
#4f46e5;
box-shadow:
0 0 0 2px #4f46e522;
}
.input.is-error {
border-color:
#ef4444;
}
.input.is-error:focus {
box-shadow:
0 0 0 2px #ef444433;
}
.input:disabled {
opacity:
.6;
cursor:
not-allowed;
}
.dark .input {
background-color:
#2f2f2f;
color:
#cdcdcd;
border-color:
#424242;
}
.dark .input ::-moz-placeholder {
color:
#9b9b9b;
}
.dark .input ::placeholder {
color:
#9b9b9b;
}
.dark .input:hover:not(:disabled) {
border-color:
#676767;
}
.dark .input:focus:not(:disabled) {
border-color:
#818cf8;
box-shadow:
0 0 0 2px #818cf822;
}
.dark .input.is-error {
border-color:
#f87171;
}
.dark .input.is-error:focus {
box-shadow:
0 0 0 2px #f8717133;
}
.input-md {
padding:
0.5rem 0.75rem;
font-size:
0.875rem;
line-height:
1.25rem;
border-radius:
0.625rem;
}
.input-lg {
padding:
0.75rem 1rem;
font-size:
1rem;
line-height:
1.5rem;
border-radius:
0.75rem;
}
.tab-group {
display:
flex;
width:
100%;
justify-content:
center;
border-radius:
10px;
padding:
2.5px;
transition:
all 0.2s;
background-color:
#ececec;
}
.dark .tab-group {
background-color:
#212121;
}
.tab-group-default {}
.dark .tab-group-filled {
background-color:
#334155;
}
.tab {
display:
block;
width:
100%;
border-radius:
10px;
transition:
all 0.15s ease;
font-weight:
500;
font-size:
0.875rem;
line-height:
1.25rem;
text-align:
center;
cursor:
pointer;
color:
#424242;
}
.tab:focus {
outline:
none;
}
.dark .tab {
color:
#9ca3af;
}
.tab-lg {
padding:
0.5rem 1rem;
font-size:
1rem;
line-height:
1.5rem;
}
.tab-active {
background-color:
#ffffff;
color:
#4f46e5;
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.05);
}
.dark .tab-active {
background-color:
#374151;
color:
#f3f4f6;
}
.tooltip {
position:
absolute;
padding:
0.5rem 0.75rem;
background-color:
#232629;
color:
#ffffff;
font-size:
0.75rem;
line-height:
1rem;
border-radius:
8px;
white-space:
nowrap;
opacity:
0;
visibility:
hidden;
transition:
opacity 0.2s ease, visibility 0.2s ease;
transition-delay:
0.5s;
z-index:
9999;
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.15);
font-weight:
500;
pointer-events:
none;
max-width:
250px;
text-align:
center;
}
.\!group:hover > .tooltip {
opacity:
1 !important;
visibility:
visible !important;
transition-delay:
0.5s !important;
pointer-events:
auto !important;
}
.group:hover > .tooltip, .group-btn:hover > .tooltip {
opacity:
1;
visibility:
visible;
transition-delay:
0.5s;
pointer-events:
auto;
}
.tooltip {
transition-delay:
0s;
}
.dark .tooltip {
background-color:
#424242;
color:
#ececec;
}
.tooltip::before {
content:
"";
position:
absolute;
width:
0.5rem;
height:
0.5rem;
background-color:
inherit;
transform:
rotate(45deg);
}
.tooltip-top {
bottom:
calc(100% + 0.5rem);
left:
50%;
transform:
translateX(-50%);
}
.tooltip-top::before {
bottom:
-0.25rem;
left:
50%;
transform:
translateX(-50%) rotate(45deg);
}
.tooltip-bottom {
top:
calc(100% + 0.5rem);
left:
50%;
transform:
translateX(-50%);
}
.tooltip-bottom::before {
top:
-0.25rem;
left:
50%;
transform:
translateX(-50%) rotate(45deg);
}
.tooltip-right {
left:
calc(100% + 0.5rem);
top:
50%;
transform:
translateY(-50%);
}
.tooltip-right::before {
left:
-0.25rem;
top:
50%;
transform:
translateY(-50%) rotate(45deg);
}
.tooltip-left {
right:
calc(100% + 0.5rem);
top:
50%;
transform:
translateY(-50%);
}
.tooltip-left::before {
right:
-0.25rem;
top:
50%;
transform:
translateY(-50%) rotate(45deg);
}
.dark .tooltip-primary {
background-color:
rgba(0, 87, 255, 0.9);
}
.dark .tooltip-danger {
background-color:
rgba(249, 57, 32, 0.9);
}
.menu {
position:
relative;
display:
inline-block;
z-index:
50;
}
.menu-sm .menu-button {
height:
28px;
min-height:
28px;
font-size:
0.75rem;
}
.menu-sm .menu-items {
width:
16rem;
}
.menu-sm .menu-item-icon {
width:
1.5rem;
height:
1.5rem;
}
.menu-md .menu-button {
height:
36px;
min-height:
36px;
font-size:
0.875rem;
}
.menu-md .menu-items {
width:
18rem;
}
.menu-md .menu-item-icon {
width:
1.75rem;
height:
1.75rem;
}
.menu-lg .menu-button {
height:
44px;
min-height:
44px;
font-size:
1rem;
}
.menu-lg .menu-items {
width:
20rem;
}
.menu-lg .menu-item-icon {
width:
2rem;
height:
2rem;
}
.menu-button {
display:
inline-flex;
align-items:
center;
justify-content:
center;
white-space:
nowrap;
transition:
all 0.2s;
cursor:
pointer;
font-weight:
500;
border-radius:
0.5rem;
outline:
none;
}
.menu-button:focus {
outline:
none;
}
.menu-trigger {
display:
flex;
align-items:
center;
padding:
0.5rem 0.75rem;
font-size:
0.875rem;
font-weight:
500;
border-radius:
0.5rem;
background-color:
transparent;
color:
#676767;
transition:
all 0.2s;
cursor:
pointer;
outline:
none;
}
.menu-trigger:hover:not(:disabled) {
background-color:
#f9f9f9;
}
.menu-trigger:focus {
outline:
none;
}
.menu-trigger:disabled {
opacity:
.6;
cursor:
not-allowed;
}
.dark .menu-trigger {
color:
#b4b4b4;
}
.dark .menu-trigger:hover:not(:disabled) {
background-color:
#2f2f2f;
}
.dark .menu-button-default {
color:
#cdcdcd;
}
.dark .menu-button-default:hover {
background-color:
#424242;
}
.dark .menu-button-filled {
background-color:
#2f2f2f;
color:
#cdcdcd;
border-color:
#424242;
}
.dark .menu-button-filled:hover {
border-color:
#676767;
}
.dark .menu-button-active {
background-color:
#424242;
color:
#a5b4fc;
}
.menu-items {
position:
absolute;
width:
auto;
min-width:
10rem;
overflow:
hidden;
background-color:
#ffffff;
border-radius:
0.5rem;
box-shadow:
0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
border:
1px solid #e3e3e3;
z-index:
50;
}
.dark .menu-items {
background-color:
#2f2f2f;
border-color:
#424242;
}
.menu-items.custom-scrollbar::-webkit-scrollbar {
width:
4px;
}
.menu-items.custom-scrollbar::-webkit-scrollbar-track {
background-color:
transparent;
}
.menu-items.custom-scrollbar::-webkit-scrollbar-thumb {
background-color:
#9b9b9b;
border-radius:
4px;
}
.dark .menu-items.custom-scrollbar::-webkit-scrollbar-thumb {
background-color:
#676767;
}
.menu-items-top {
bottom:
100%;
left:
0;
transform-origin:
bottom left;
margin-bottom:
0.5rem;
}
.menu-items-bottom {
top:
100%;
left:
0;
transform-origin:
top left;
margin-top:
0.5rem;
}
.menu-items-center {
left:
50%;
transform:
translateX(-50%);
}
.menu-items-right-aligned {
right:
0;
left:
auto;
}
.menu-item {
display:
flex;
align-items:
center;
padding:
0.5rem 0.75rem;
font-size:
0.875rem;
line-height:
1.25rem;
color:
#424242;
cursor:
pointer;
-webkit-user-select:
none;
-moz-user-select:
none;
user-select:
none;
transition:
all 0.15s;
border-radius:
0.5rem;
margin:
0.25rem;
gap:
0.75rem;
}
.menu-item:hover, .menu-item:focus {
background-color:
#f0f0f0;
}
.dark .menu-item {
color:
#cdcdcd;
}
.dark .menu-item:hover, .dark .menu-item:focus {
background-color:
#3b3b3b;
}
.menu-item-md {
padding:
0.5rem 0.75rem;
font-size:
0.875rem;
gap:
0.75rem;
}
.menu-item-icon {
display:
flex;
align-items:
center;
justify-content:
center;
width:
1.75rem;
height:
1.75rem;
border-radius:
9999px;
background-color:
transparent;
flex-shrink:
0;
}
.menu-item-sm .menu-item-icon {
width:
1.5rem;
height:
1.5rem;
}
.menu-item-md .menu-item-icon {
width:
1.75rem;
height:
1.75rem;
}
.menu-item-lg .menu-item-icon {
width:
2.5rem;
height:
2.5rem;
}
.menu-item-content {
display:
flex;
flex-direction:
column;
flex-grow:
1;
min-width:
0;
}
.menu-item-title {
font-weight:
500;
color:
#424242;
white-space:
nowrap;
overflow:
hidden;
text-overflow:
ellipsis;
}
.dark .menu-item-title {
color:
#ececec;
}
.menu-item-description {
font-size:
0.75rem;
color:
#9b9b9b;
white-space:
nowrap;
overflow:
hidden;
text-overflow:
ellipsis;
margin-top:
0.125rem;
}
.dark .menu-item-description {
color:
#b4b4b4;
}
.menu-divider {
margin:
0.25rem 0;
height:
1px;
background-color:
#e3e3e3;
}
.dark .menu-divider {
background-color:
#424242;
}
.menu-item-active {
background-color:
#f0f0f0;
color:
#424242;
}
.dark .menu-item-active {
background-color:
#3b3b3b;
color:
#cdcdcd;
}
.menu-item-disabled {
color:
#9b9b9b;
cursor:
not-allowed;
}
.menu-item-disabled:hover {
background-color:
transparent;
}
.dark .menu-item-disabled {
color:
#676767;
}
.dark .menu-item-danger {
color:
#f87171;
}
.dark .menu-item-danger:hover {
background-color:
#7f1d1d;
}
.btn-icon-action {
color:
#9b9b9b;
transition:
color 0.2s;
}
.dark .btn-icon-action {
color:
#9b9b9b;
}
.btn-icon-action:hover:not(:disabled) {
color:
#424242;
}
.dark .btn-icon-action:hover:not(:disabled) {
color:
#ececec;
}
.dark .glow-band {
background:
linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05), transparent);
}
.\!avatar {
display:
flex !important;
align-items:
center !important;
justify-content:
center !important;
border-radius:
9999px !important;
overflow:
hidden !important;
background-color:
#f3f4f6 !important;
color:
#6b7280 !important;
font-weight:
500 !important;
flex-shrink:
0 !important;
aspect-ratio:
1 / 1 !important;
text-align:
center !important;
line-height:
1 !important;
}
.avatar {
display:
flex;
align-items:
center;
justify-content:
center;
border-radius:
9999px;
overflow:
hidden;
background-color:
#f3f4f6;
color:
#6b7280;
font-weight:
500;
flex-shrink:
0;
aspect-ratio:
1 / 1;
text-align:
center;
line-height:
1;
}
.dark .avatar {
background-color:
#374151;
color:
#9ca3af;
}
.dark .\!avatar {
background-color:
#374151 !important;
color:
#9ca3af !important;
}
.avatar-md {
width:
2rem;
height:
2rem;
font-size:
0.875rem;
}
.avatar-lg {
width:
2.25rem;
height:
2.25rem;
font-size:
1rem;
}
.avatar-primary {
background-color:
#4f46e5;
color:
#ffffff;
}
.dark .avatar-primary {
background-color:
#4f46e5;
color:
#ffffff;
}
.dark .avatar-success {
background-color:
#14532d;
color:
#4ade80;
}
.dark .avatar-warning {
background-color:
#451a03;
color:
#fbbf24;
}
.dark .avatar-danger {
background-color:
#7f1d1d;
color:
#f87171;
}
.avatar-bordered {
border:
1px solid #cdcdcd;
}
.dark .avatar-bordered {
border-color:
#2f2f2f;
}
.avatar-group .\!avatar:not(:first-child) {
margin-left:
-0.5rem !important;
}
.avatar-group .avatar:not(:first-child) {
margin-left:
-0.5rem;
}
.avatar-group .\!avatar {
position:
relative !important;
border:
2px solid #ffffff !important;
}
.avatar-group .avatar {
position:
relative;
border:
2px solid #ffffff;
}
.dark .avatar-group .avatar {
border-color:
#1f2937;
}
.dark .avatar-group .\!avatar {
border-color:
#1f2937 !important;
}
.sr-only {
position:
absolute;
width:
1px;
height:
1px;
padding:
0;
margin:
-1px;
overflow:
hidden;
clip:
rect(0, 0, 0, 0);
white-space:
nowrap;
border-width:
0;
}
.pointer-events-none {
pointer-events:
none;
}
.\!visible {
visibility:
visible !important;
}
.visible {
visibility:
visible;
}
.collapse {
visibility:
collapse;
}
.static {
position:
static;
}
.fixed {
position:
fixed;
}
.absolute {
position:
absolute;
}
.relative {
position:
relative;
}
.sticky {
position:
sticky;
}
.inset-0 {
inset:
0px;
}
.inset-y-0 {
top:
0px;
bottom:
0px;
}
.bottom-0 {
bottom:
0px;
}
.bottom-2 {
bottom:
0.5rem;
}
.bottom-4 {
bottom:
1rem;
}
.bottom-full {
bottom:
100%;
}
.left-0 {
left:
0px;
}
.left-1\/2 {
left:
50%;
}
.left-3 {
left:
0.75rem;
}
.right-0 {
right:
0px;
}
.right-1 {
right:
0.25rem;
}
.right-2 {
right:
0.5rem;
}
.right-3 {
right:
0.75rem;
}
.right-4 {
right:
1rem;
}
.top-0 {
top:
0px;
}
.top-1 {
top:
0.25rem;
}
.top-1\/2 {
top:
50%;
}
.top-10 {
top:
2.5rem;
}
.top-2 {
top:
0.5rem;
}
.top-3 {
top:
0.75rem;
}
.top-4 {
top:
1rem;
}
.top-8 {
top:
2rem;
}
.top-full {
top:
100%;
}
.z-0 {
z-index:
0;
}
.z-10 {
z-index:
10;
}
.z-20 {
z-index:
20;
}
.z-30 {
z-index:
30;
}
.z-40 {
z-index:
40;
}
.z-50 {
z-index:
50;
}
.z-\[10000\] {
z-index:
10000;
}
.z-\[10001\] {
z-index:
10001;
}
.z-\[9000\] {
z-index:
9000;
}
.z-\[999999\] {
z-index:
999999;
}
.z-\[9999\] {
z-index:
9999;
}
.m-0 {
margin:
0px;
}
.m-4 {
margin:
1rem;
}
.m-auto {
margin:
auto;
}
.mx-1 {
margin-left:
0.25rem;
margin-right:
0.25rem;
}
.mx-2 {
margin-left:
0.5rem;
margin-right:
0.5rem;
}
.mx-3 {
margin-left:
0.75rem;
margin-right:
0.75rem;
}
.mx-auto {
margin-left:
auto;
margin-right:
auto;
}
.my-1 {
margin-top:
0.25rem;
margin-bottom:
0.25rem;
}
.my-2 {
margin-top:
0.5rem;
margin-bottom:
0.5rem;
}
.my-3 {
margin-top:
0.75rem;
margin-bottom:
0.75rem;
}
.my-4 {
margin-top:
1rem;
margin-bottom:
1rem;
}
.my-5 {
margin-top:
1.25rem;
margin-bottom:
1.25rem;
}
.my-6 {
margin-top:
1.5rem;
margin-bottom:
1.5rem;
}
.my-8 {
margin-top:
2rem;
margin-bottom:
2rem;
}
.mb-0 {
margin-bottom:
0px;
}
.mb-0\.5 {
margin-bottom:
0.125rem;
}
.mb-1 {
margin-bottom:
0.25rem;
}
.mb-1\.5 {
margin-bottom:
0.375rem;
}
.mb-10 {
margin-bottom:
2.5rem;
}
.mb-16 {
margin-bottom:
4rem;
}
.mb-2 {
margin-bottom:
0.5rem;
}
.mb-3 {
margin-bottom:
0.75rem;
}
.mb-4 {
margin-bottom:
1rem;
}
.mb-5 {
margin-bottom:
1.25rem;
}
.mb-6 {
margin-bottom:
1.5rem;
}
.mb-8 {
margin-bottom:
2rem;
}
.ml-0 {
margin-left:
0px;
}
.ml-0\.5 {
margin-left:
0.125rem;
}
.ml-1 {
margin-left:
0.25rem;
}
.ml-10 {
margin-left:
2.5rem;
}
.ml-2 {
margin-left:
0.5rem;
}
.ml-20 {
margin-left:
5rem;
}
.ml-3 {
margin-left:
0.75rem;
}
.ml-4 {
margin-left:
1rem;
}
.ml-auto {
margin-left:
auto;
}
.mr-1 {
margin-right:
0.25rem;
}
.mr-1\.5 {
margin-right:
0.375rem;
}
.mr-2 {
margin-right:
0.5rem;
}
.mr-3 {
margin-right:
0.75rem;
}
.mr-4 {
margin-right:
1rem;
}
.mt-1 {
margin-top:
0.25rem;
}
.mt-2 {
margin-top:
0.5rem;
}
.mt-3 {
margin-top:
0.75rem;
}
.mt-4 {
margin-top:
1rem;
}
.mt-5 {
margin-top:
1.25rem;
}
.mt-6 {
margin-top:
1.5rem;
}
.mt-8 {
margin-top:
2rem;
}
.mt-auto {
margin-top:
auto;
}
.box-border {
box-sizing:
border-box;
}
.line-clamp-1 {
overflow:
hidden;
display:
-webkit-box;
-webkit-box-orient:
vertical;
-webkit-line-clamp:
1;
}
.line-clamp-2 {
overflow:
hidden;
display:
-webkit-box;
-webkit-box-orient:
vertical;
-webkit-line-clamp:
2;
}
.block {
display:
block;
}
.inline-block {
display:
inline-block;
}
.inline {
display:
inline;
}
.flex {
display:
flex;
}
.inline-flex {
display:
inline-flex;
}
.table {
display:
table;
}
.grid {
display:
grid;
}
.hidden {
display:
none;
}
.h-1 {
height:
0.25rem;
}
.h-1\.5 {
height:
0.375rem;
}
.h-1\/2 {
height:
50%;
}
.h-10 {
height:
2.5rem;
}
.h-12 {
height:
3rem;
}
.h-16 {
height:
4rem;
}
.h-20 {
height:
5rem;
}
.h-3 {
height:
0.75rem;
}
.h-3\.5 {
height:
0.875rem;
}
.h-4 {
height:
1rem;
}
.h-4\/5 {
height:
80%;
}
.h-5 {
height:
1.25rem;
}
.h-6 {
height:
1.5rem;
}
.h-7 {
height:
1.75rem;
}
.h-8 {
height:
2rem;
}
.h-9 {
height:
2.25rem;
}
.h-\[1px\] {
height:
1px;
}
.h-\[200px\] {
height:
200px;
}
.h-\[240px\] {
height:
240px;
}
.h-\[280px\] {
height:
280px;
}
.h-\[32rem\] {
height:
32rem;
}
.h-\[80vh\] {
height:
80vh;
}
.h-full {
height:
100%;
}
.max-h-16 {
max-height:
4rem;
}
.max-h-40 {
max-height:
10rem;
}
.max-h-6 {
max-height:
1.5rem;
}
.max-h-\[30vh\] {
max-height:
30vh;
}
.max-h-\[70vh\] {
max-height:
70vh;
}
.max-h-\[80vh\] {
max-height:
80vh;
}
.max-h-\[85vh\] {
max-height:
85vh;
}
.max-h-\[90vh\] {
max-height:
90vh;
}
.max-h-\[calc\(70vh-120px\)\] {
max-height:
calc(70vh - 120px);
}
.max-h-\[calc\(70vh-160px\)\] {
max-height:
calc(70vh - 160px);
}
.max-h-full {
max-height:
100%;
}
.max-h-none {
max-height:
none;
}
.min-h-0 {
min-height:
0px;
}
.min-h-\[2rem\] {
min-height:
2rem;
}
.min-h-\[40vh\] {
min-height:
40vh;
}
.min-h-\[4rem\] {
min-height:
4rem;
}
.min-h-full {
min-height:
100%;
}
.w-1\.5 {
width:
0.375rem;
}
.w-1\/4 {
width:
25%;
}
.w-1\/5 {
width:
20%;
}
.w-10 {
width:
2.5rem;
}
.w-12 {
width:
3rem;
}
.w-16 {
width:
4rem;
}
.w-20 {
width:
5rem;
}
.w-24 {
width:
6rem;
}
.w-28 {
width:
7rem;
}
.w-3 {
width:
0.75rem;
}
.w-3\.5 {
width:
0.875rem;
}
.w-3\/4 {
width:
75%;
}
.w-4 {
width:
1rem;
}
.w-4\/5 {
width:
80%;
}
.w-5 {
width:
1.25rem;
}
.w-5\/6 {
width:
83.333333%;
}
.w-6 {
width:
1.5rem;
}
.w-7 {
width:
1.75rem;
}
.w-8 {
width:
2rem;
}
.w-9 {
width:
2.25rem;
}
.w-\[200\] {
width:
200;
}
.w-\[200px\] {
width:
200px;
}
.w-\[240px\] {
width:
240px;
}
.w-\[260px\] {
width:
260px;
}
.w-\[280px\] {
width:
280px;
}
.w-\[35\%\] {
width:
35%;
}
.w-\[400px\] {
width:
400px;
}
.w-\[60px\] {
width:
60px;
}
.w-\[800px\] {
width:
800px;
}
.w-\[8rem\] {
width:
8rem;
}
.w-\[98vw\] {
width:
98vw;
}
.w-full {
width:
100%;
}
.w-px {
width:
1px;
}
.min-w-0 {
min-width:
0px;
}
.min-w-48 {
min-width:
12rem;
}
.min-w-\[60px\] {
min-width:
60px;
}
.min-w-\[8rem\] {
min-width:
8rem;
}
.min-w-full {
min-width:
100%;
}
.max-w-3xl {
max-width:
48rem;
}
.max-w-48 {
max-width:
12rem;
}
.max-w-4xl {
max-width:
56rem;
}
.max-w-5xl {
max-width:
64rem;
}
.max-w-6xl {
max-width:
72rem;
}
.max-w-\[30vw\] {
max-width:
30vw;
}
.max-w-\[40vw\] {
max-width:
40vw;
}
.max-w-\[50vw\] {
max-width:
50vw;
}
.max-w-\[70vw\] {
max-width:
70vw;
}
.max-w-\[80\%\] {
max-width:
80%;
}
.max-w-\[90vw\] {
max-width:
90vw;
}
.max-w-\[95vw\] {
max-width:
95vw;
}
.max-w-full {
max-width:
100%;
}
.max-w-none {
max-width:
none;
}
.max-w-xl {
max-width:
36rem;
}
.flex-1 {
flex:
1 1 0%;
}
.flex-none {
flex:
none;
}
.flex-shrink {
flex-shrink:
1;
}
.flex-shrink-0 {
flex-shrink:
0;
}
.flex-grow {
flex-grow:
1;
}
.border-collapse {
border-collapse:
collapse;
}
.-translate-x-1\/2 {
--tw-translate-x:
-50%;
transform:
translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full {
--tw-translate-x:
-100%;
transform:
translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
--tw-translate-y:
-50%;
transform:
translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
--tw-translate-x:
0px;
transform:
translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-5 {
--tw-translate-x:
1.25rem;
transform:
translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
--tw-rotate:
180deg;
transform:
translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
--tw-scale-x:
1;
--tw-scale-y:
1;
transform:
translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-90 {
--tw-scale-x:
.9;
--tw-scale-y:
.9;
transform:
translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95 {
--tw-scale-x:
.95;
--tw-scale-y:
.95;
transform:
translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
transform:
translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {
50% {
opacity:
.5;
}
}
.animate-pulse {
animation:
pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes rotate {
from {
transform:
rotate(0deg);
}
to {
transform:
rotate(360deg);
}
}
.animate-rotate {
animation:
rotate 1s linear infinite;
}
@keyframes spin {
to {
transform:
rotate(360deg);
}
from {
transform:
rotate(0deg);
}
}
.animate-spin {
animation:
spin 1s linear infinite;
}
.cursor-grab {
cursor:
grab;
}
.cursor-grabbing {
cursor:
grabbing;
}
.cursor-not-allowed {
cursor:
not-allowed;
}
.cursor-pointer {
cursor:
pointer;
}
.select-none {
-webkit-user-select:
none;
-moz-user-select:
none;
user-select:
none;
}
.resize-none {
resize:
none;
}
.resize {
resize:
both;
}
.grid-cols-1 {
grid-template-columns:
repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.grid-cols-7 {
grid-template-columns:
repeat(7, minmax(0, 1fr));
}
.flex-row {
flex-direction:
row;
}
.flex-row-reverse {
flex-direction:
row-reverse;
}
.flex-col {
flex-direction:
column;
}
.flex-wrap {
flex-wrap:
wrap;
}
.flex-nowrap {
flex-wrap:
nowrap;
}
.items-start {
align-items:
flex-start;
}
.items-end {
align-items:
flex-end;
}
.items-center {
align-items:
center;
}
.items-baseline {
align-items:
baseline;
}
.justify-start {
justify-content:
flex-start;
}
.justify-end {
justify-content:
flex-end;
}
.justify-center {
justify-content:
center;
}
.justify-between {
justify-content:
space-between;
}
.gap-1 {
gap:
0.25rem;
}
.gap-2 {
gap:
0.5rem;
}
.gap-3 {
gap:
0.75rem;
}
.gap-4 {
gap:
1rem;
}
.gap-x-1 {
-moz-column-gap:
0.25rem;
column-gap:
0.25rem;
}
.gap-x-2 {
-moz-column-gap:
0.5rem;
column-gap:
0.5rem;
}
.gap-x-6 {
-moz-column-gap:
1.5rem;
column-gap:
1.5rem;
}
.gap-y-4 {
row-gap:
1rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse:
0;
margin-right:
calc(0.25rem * var(--tw-space-x-reverse));
margin-left:
calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse:
0;
margin-right:
calc(0.5rem * var(--tw-space-x-reverse));
margin-left:
calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse:
0;
margin-right:
calc(0.75rem * var(--tw-space-x-reverse));
margin-left:
calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse:
0;
margin-right:
calc(1rem * var(--tw-space-x-reverse));
margin-left:
calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse:
0;
margin-right:
calc(1.5rem * var(--tw-space-x-reverse));
margin-left:
calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse:
0;
margin-top:
calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:
calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse:
0;
margin-top:
calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:
calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse:
0;
margin-top:
calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:
calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse:
0;
margin-top:
calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:
calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse:
0;
margin-top:
calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom:
calc(1.5rem * var(--tw-space-y-reverse));
}
.self-start {
align-self:
flex-start;
}
.self-end {
align-self:
flex-end;
}
.overflow-auto {
overflow:
auto;
}
.overflow-hidden {
overflow:
hidden;
}
.overflow-visible {
overflow:
visible;
}
.overflow-x-auto {
overflow-x:
auto;
}
.overflow-y-auto {
overflow-y:
auto;
}
.overflow-x-hidden {
overflow-x:
hidden;
}
.scroll-smooth {
scroll-behavior:
smooth;
}
.truncate {
overflow:
hidden;
text-overflow:
ellipsis;
white-space:
nowrap;
}
.text-ellipsis {
text-overflow:
ellipsis;
}
.whitespace-nowrap {
white-space:
nowrap;
}
.whitespace-pre {
white-space:
pre;
}
.whitespace-pre-wrap {
white-space:
pre-wrap;
}
.break-words {
overflow-wrap:
break-word;
}
.break-all {
word-break:
break-all;
}
.rounded {
border-radius:
0.25rem;
}
.rounded-2xl {
border-radius:
1rem;
}
.rounded-3xl {
border-radius:
1.5rem;
}
.rounded-full {
border-radius:
9999px;
}
.rounded-lg {
border-radius:
0.5rem;
}
.rounded-md {
border-radius:
0.375rem;
}
.rounded-none {
border-radius:
0px;
}
.rounded-xl {
border-radius:
0.75rem;
}
.rounded-b-md {
border-bottom-right-radius:
0.375rem;
border-bottom-left-radius:
0.375rem;
}
.rounded-r-md {
border-top-right-radius:
0.375rem;
border-bottom-right-radius:
0.375rem;
}
.rounded-t-2xl {
border-top-left-radius:
1rem;
border-top-right-radius:
1rem;
}
.border {
border-width:
1px;
}
.border-0 {
border-width:
0px;
}
.border-2 {
border-width:
2px;
}
.border-b {
border-bottom-width:
1px;
}
.border-b-2 {
border-bottom-width:
2px;
}
.border-t {
border-top-width:
1px;
}
.border-solid {
border-style:
solid;
}
.border-blue-200 {
--tw-border-opacity:
1;
border-color:
rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.border-current {
border-color:
currentColor;
}
.border-gray-100 {
--tw-border-opacity:
1;
border-color:
rgb(236 236 236 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
--tw-border-opacity:
1;
border-color:
rgb(227 227 227 / var(--tw-border-opacity, 1));
}
.border-gray-200\/30 {
border-color:
rgb(227 227 227 / 0.3);
}
.border-gray-300 {
--tw-border-opacity:
1;
border-color:
rgb(205 205 205 / var(--tw-border-opacity, 1));
}
.border-gray-400 {
--tw-border-opacity:
1;
border-color:
rgb(180 180 180 / var(--tw-border-opacity, 1));
}
.border-neutral-200 {
--tw-border-opacity:
1;
border-color:
rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-neutral-300 {
--tw-border-opacity:
1;
border-color:
rgb(212 212 212 / var(--tw-border-opacity, 1));
}
.border-primary-600 {
--tw-border-opacity:
1;
border-color:
rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.border-red-200 {
--tw-border-opacity:
1;
border-color:
rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-300 {
--tw-border-opacity:
1;
border-color:
rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.border-slate-100 {
--tw-border-opacity:
1;
border-color:
rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.border-white {
--tw-border-opacity:
1;
border-color:
rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-t-blue-500 {
--tw-border-opacity:
1;
border-top-color:
rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-t-gray-100 {
--tw-border-opacity:
1;
border-top-color:
rgb(236 236 236 / var(--tw-border-opacity, 1));
}
.bg-\[\#fafafa\] {
--tw-bg-opacity:
1;
background-color:
rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff\] {
--tw-bg-opacity:
1;
background-color:
rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-black {
--tw-bg-opacity:
1;
background-color:
rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/40 {
background-color:
rgb(0 0 0 / 0.4);
}
.bg-black\/50 {
background-color:
rgb(0 0 0 / 0.5);
}
.bg-black\/70 {
background-color:
rgb(0 0 0 / 0.7);
}
.bg-blue-300 {
--tw-bg-opacity:
1;
background-color:
rgb(147 197 253 / var(--tw-bg-opacity, 1));
}
.bg-blue-50 {
--tw-bg-opacity:
1;
background-color:
rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-500 {
--tw-bg-opacity:
1;
background-color:
rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/10 {
background-color:
rgb(59 130 246 / 0.1);
}
.bg-blue-600 {
--tw-bg-opacity:
1;
background-color:
rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50 {
--tw-bg-opacity:
1;
background-color:
rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/10 {
background-color:
rgb(16 185 129 / 0.1);
}
.bg-gray-100 {
--tw-bg-opacity:
1;
background-color:
rgb(236 236 236 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
--tw-bg-opacity:
1;
background-color:
rgb(227 227 227 / var(--tw-bg-opacity, 1));
}
.bg-gray-400 {
--tw-bg-opacity:
1;
background-color:
rgb(180 180 180 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
--tw-bg-opacity:
1;
background-color:
rgb(249 249 249 / var(--tw-bg-opacity, 1));
}
.bg-gray-500 {
--tw-bg-opacity:
1;
background-color:
rgb(155 155 155 / var(--tw-bg-opacity, 1));
}
.bg-gray-700\/80 {
background-color:
rgb(66 66 66 / 0.8);
}
.bg-gray-900 {
--tw-bg-opacity:
1;
background-color:
rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.bg-gray-950 {
--tw-bg-opacity:
1;
background-color:
rgb(13 13 13 / var(--tw-bg-opacity, 1));
}
.bg-green-300 {
--tw-bg-opacity:
1;
background-color:
rgb(134 239 172 / var(--tw-bg-opacity, 1));
}
.bg-green-500 {
--tw-bg-opacity:
1;
background-color:
rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-indigo-500 {
--tw-bg-opacity:
1;
background-color:
rgb(99 102 241 / var(--tw-bg-opacity, 1));
}
.bg-indigo-600 {
--tw-bg-opacity:
1;
background-color:
rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.bg-neutral-100 {
--tw-bg-opacity:
1;
background-color:
rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-neutral-200 {
--tw-bg-opacity:
1;
background-color:
rgb(229 229 229 / var(--tw-bg-opacity, 1));
}
.bg-neutral-50 {
--tw-bg-opacity:
1;
background-color:
rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-opacity {
--tw-bg-opacity:
1;
background-color:
rgb(244 244 244 / var(--tw-bg-opacity, 1));
}
.bg-pink-300 {
--tw-bg-opacity:
1;
background-color:
rgb(249 168 212 / var(--tw-bg-opacity, 1));
}
.bg-primary-500 {
--tw-bg-opacity:
1;
background-color:
rgb(99 102 241 / var(--tw-bg-opacity, 1));
}
.bg-primary-600 {
--tw-bg-opacity:
1;
background-color:
rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.bg-purple-300 {
--tw-bg-opacity:
1;
background-color:
rgb(216 180 254 / var(--tw-bg-opacity, 1));
}
.bg-purple-500 {
--tw-bg-opacity:
1;
background-color:
rgb(168 85 247 / var(--tw-bg-opacity, 1));
}
.bg-red-300 {
--tw-bg-opacity:
1;
background-color:
rgb(252 165 165 / var(--tw-bg-opacity, 1));
}
.bg-red-50 {
--tw-bg-opacity:
1;
background-color:
rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
--tw-bg-opacity:
1;
background-color:
rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/10 {
background-color:
rgb(239 68 68 / 0.1);
}
.bg-slate-50 {
--tw-bg-opacity:
1;
background-color:
rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
background-color:
transparent;
}
.bg-white {
--tw-bg-opacity:
1;
background-color:
rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/20 {
background-color:
rgb(255 255 255 / 0.2);
}
.bg-white\/50 {
background-color:
rgb(255 255 255 / 0.5);
}
.bg-white\/80 {
background-color:
rgb(255 255 255 / 0.8);
}
.bg-yellow-300 {
--tw-bg-opacity:
1;
background-color:
rgb(253 224 71 / var(--tw-bg-opacity, 1));
}
.bg-yellow-50 {
--tw-bg-opacity:
1;
background-color:
rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.bg-yellow-500 {
--tw-bg-opacity:
1;
background-color:
rgb(234 179 8 / var(--tw-bg-opacity, 1));
}
.bg-yellow-500\/10 {
background-color:
rgb(234 179 8 / 0.1);
}
.bg-opacity-50 {
--tw-bg-opacity:
0.5;
}
.bg-opacity-80 {
--tw-bg-opacity:
0.8;
}
.bg-opacity-90 {
--tw-bg-opacity:
0.9;
}
.bg-gradient-to-br {
background-image:
linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
background-image:
linear-gradient(to right, var(--tw-gradient-stops));
}
.from-blue-500 {
--tw-gradient-from:
#3b82f6 var(--tw-gradient-from-position);
--tw-gradient-to:
rgb(59 130 246 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops:
var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
--tw-gradient-from:
transparent var(--tw-gradient-from-position);
--tw-gradient-to:
rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops:
var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white {
--tw-gradient-from:
#fff var(--tw-gradient-from-position);
--tw-gradient-to:
rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops:
var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-primary-500 {
--tw-gradient-to:
rgb(99 102 241 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops:
var(--tw-gradient-from), #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-gray-50 {
--tw-gradient-to:
#f9f9f9 var(--tw-gradient-to-position);
}
.to-purple-600 {
--tw-gradient-to:
#9333ea var(--tw-gradient-to-position);
}
.to-transparent {
--tw-gradient-to:
transparent var(--tw-gradient-to-position);
}
.object-contain {
-o-object-fit:
contain;
object-fit:
contain;
}
.object-cover {
-o-object-fit:
cover;
object-fit:
cover;
}
.p-0 {
padding:
0px;
}
.p-1 {
padding:
0.25rem;
}
.p-2 {
padding:
0.5rem;
}
.p-3 {
padding:
0.75rem;
}
.p-4 {
padding:
1rem;
}
.p-6 {
padding:
1.5rem;
}
.px-0 {
padding-left:
0px;
padding-right:
0px;
}
.px-1 {
padding-left:
0.25rem;
padding-right:
0.25rem;
}
.px-10 {
padding-left:
2.5rem;
padding-right:
2.5rem;
}
.px-2 {
padding-left:
0.5rem;
padding-right:
0.5rem;
}
.px-20 {
padding-left:
5rem;
padding-right:
5rem;
}
.px-3 {
padding-left:
0.75rem;
padding-right:
0.75rem;
}
.px-4 {
padding-left:
1rem;
padding-right:
1rem;
}
.px-5 {
padding-left:
1.25rem;
padding-right:
1.25rem;
}
.px-6 {
padding-left:
1.5rem;
padding-right:
1.5rem;
}
.px-8 {
padding-left:
2rem;
padding-right:
2rem;
}
.py-0\.5 {
padding-top:
0.125rem;
padding-bottom:
0.125rem;
}
.py-1 {
padding-top:
0.25rem;
padding-bottom:
0.25rem;
}
.py-1\.5 {
padding-top:
0.375rem;
padding-bottom:
0.375rem;
}
.py-10 {
padding-top:
2.5rem;
padding-bottom:
2.5rem;
}
.py-12 {
padding-top:
3rem;
padding-bottom:
3rem;
}
.py-2 {
padding-top:
0.5rem;
padding-bottom:
0.5rem;
}
.py-20 {
padding-top:
5rem;
padding-bottom:
5rem;
}
.py-3 {
padding-top:
0.75rem;
padding-bottom:
0.75rem;
}
.py-4 {
padding-top:
1rem;
padding-bottom:
1rem;
}
.py-5 {
padding-top:
1.25rem;
padding-bottom:
1.25rem;
}
.py-6 {
padding-top:
1.5rem;
padding-bottom:
1.5rem;
}
.py-8 {
padding-top:
2rem;
padding-bottom:
2rem;
}
.pb-1 {
padding-bottom:
0.25rem;
}
.pb-10 {
padding-bottom:
2.5rem;
}
.pb-2 {
padding-bottom:
0.5rem;
}
.pb-3 {
padding-bottom:
0.75rem;
}
.pb-4 {
padding-bottom:
1rem;
}
.pb-5 {
padding-bottom:
1.25rem;
}
.pb-6 {
padding-bottom:
1.5rem;
}
.pl-10 {
padding-left:
2.5rem;
}
.pl-20 {
padding-left:
5rem;
}
.pl-28 {
padding-left:
7rem;
}
.pl-3 {
padding-left:
0.75rem;
}
.pl-\[260px\] {
padding-left:
260px;
}
.pr-10 {
padding-right:
2.5rem;
}
.pr-12 {
padding-right:
3rem;
}
.pr-2 {
padding-right:
0.5rem;
}
.pr-32 {
padding-right:
8rem;
}
.pt-16 {
padding-top:
4rem;
}
.pt-2 {
padding-top:
0.5rem;
}
.pt-3 {
padding-top:
0.75rem;
}
.pt-4 {
padding-top:
1rem;
}
.text-left {
text-align:
left;
}
.text-center {
text-align:
center;
}
.text-start {
text-align:
start;
}
.align-top {
vertical-align:
top;
}
.align-middle {
vertical-align:
middle;
}
.font-sans {
font-family:
ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.text-2xl {
font-size:
1.5rem;
line-height:
2rem;
}
.text-3xl {
font-size:
1.875rem;
line-height:
2.25rem;
}
.text-base {
font-size:
1rem;
line-height:
1.5rem;
}
.text-lg {
font-size:
1.125rem;
line-height:
1.75rem;
}
.text-sm {
font-size:
0.875rem;
line-height:
1.25rem;
}
.text-sm\/6 {
font-size:
0.875rem;
line-height:
1.5rem;
}
.text-xl {
font-size:
1.25rem;
line-height:
1.75rem;
}
.text-xs {
font-size:
0.75rem;
line-height:
1rem;
}
.font-bold {
font-weight:
700;
}
.font-medium {
font-weight:
500;
}
.font-semibold {
font-weight:
600;
}
.uppercase {
text-transform:
uppercase;
}
.italic {
font-style:
italic;
}
.leading-6 {
line-height:
1.5rem;
}
.leading-7 {
line-height:
1.75rem;
}
.leading-8 {
line-height:
2rem;
}
.leading-9 {
line-height:
2.25rem;
}
.leading-normal {
line-height:
1.5;
}
.leading-relaxed {
line-height:
1.625;
}
.tracking-tight {
letter-spacing:
-0.025em;
}
.tracking-wide {
letter-spacing:
0.025em;
}
.tracking-wider {
letter-spacing:
0.05em;
}
.text-amber-500 {
--tw-text-opacity:
1;
color:
rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-amber-600 {
--tw-text-opacity:
1;
color:
rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-blue-500 {
--tw-text-opacity:
1;
color:
rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
--tw-text-opacity:
1;
color:
rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
--tw-text-opacity:
1;
color:
rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-current {
color:
currentColor;
}
.text-emerald-500 {
--tw-text-opacity:
1;
color:
rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-gray-200 {
--tw-text-opacity:
1;
color:
rgb(227 227 227 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
--tw-text-opacity:
1;
color:
rgb(205 205 205 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
--tw-text-opacity:
1;
color:
rgb(180 180 180 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
--tw-text-opacity:
1;
color:
rgb(155 155 155 / var(--tw-text-opacity, 1));
}
.text-gray-500\/90 {
color:
rgb(155 155 155 / 0.9);
}
.text-gray-600 {
--tw-text-opacity:
1;
color:
rgb(103 103 103 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
--tw-text-opacity:
1;
color:
rgb(66 66 66 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
--tw-text-opacity:
1;
color:
rgb(33 33 33 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
--tw-text-opacity:
1;
color:
rgb(23 23 23 / var(--tw-text-opacity, 1));
}
.text-gray-950 {
--tw-text-opacity:
1;
color:
rgb(13 13 13 / var(--tw-text-opacity, 1));
}
.text-green-500 {
--tw-text-opacity:
1;
color:
rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600 {
--tw-text-opacity:
1;
color:
rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-indigo-500 {
--tw-text-opacity:
1;
color:
rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-indigo-600 {
--tw-text-opacity:
1;
color:
rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-neutral-300 {
--tw-text-opacity:
1;
color:
rgb(212 212 212 / var(--tw-text-opacity, 1));
}
.text-neutral-500 {
--tw-text-opacity:
1;
color:
rgb(115 115 115 / var(--tw-text-opacity, 1));
}
.text-neutral-700 {
--tw-text-opacity:
1;
color:
rgb(64 64 64 / var(--tw-text-opacity, 1));
}
.text-neutral-800 {
--tw-text-opacity:
1;
color:
rgb(38 38 38 / var(--tw-text-opacity, 1));
}
.text-neutral-900 {
--tw-text-opacity:
1;
color:
rgb(23 23 23 / var(--tw-text-opacity, 1));
}
.text-pink-500 {
--tw-text-opacity:
1;
color:
rgb(236 72 153 / var(--tw-text-opacity, 1));
}
.text-primary-400 {
--tw-text-opacity:
1;
color:
rgb(129 140 248 / var(--tw-text-opacity, 1));
}
.text-primary-500 {
--tw-text-opacity:
1;
color:
rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-primary-600 {
--tw-text-opacity:
1;
color:
rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-purple-500 {
--tw-text-opacity:
1;
color:
rgb(168 85 247 / var(--tw-text-opacity, 1));
}
.text-purple-600 {
--tw-text-opacity:
1;
color:
rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.text-red-500 {
--tw-text-opacity:
1;
color:
rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-700 {
--tw-text-opacity:
1;
color:
rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-white {
--tw-text-opacity:
1;
color:
rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-yellow-400 {
--tw-text-opacity:
1;
color:
rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.text-yellow-500 {
--tw-text-opacity:
1;
color:
rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.underline {
text-decoration-line:
underline;
}
.opacity-0 {
opacity:
0;
}
.opacity-10 {
opacity:
0.1;
}
.opacity-100 {
opacity:
1;
}
.opacity-30 {
opacity:
0.3;
}
.opacity-50 {
opacity:
0.5;
}
.opacity-60 {
opacity:
0.6;
}
.opacity-70 {
opacity:
0.7;
}
.shadow {
--tw-shadow:
0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored:
0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
--tw-shadow:
0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored:
0 25px 50px -12px var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow:
0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored:
0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
--tw-shadow:
0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored:
0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
--tw-shadow:
0 0 #0000;
--tw-shadow-colored:
0 0 #0000;
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
--tw-shadow:
0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored:
0 1px 2px 0 var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
outline-style:
solid;
}
.ring-0 {
--tw-ring-offset-shadow:
var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow:
var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
--tw-ring-offset-shadow:
var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow:
var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
--tw-ring-offset-shadow:
var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow:
var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
--tw-ring-inset:
inset;
}
.ring-gray-100 {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(236 236 236 / var(--tw-ring-opacity, 1));
}
.ring-gray-200 {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(227 227 227 / var(--tw-ring-opacity, 1));
}
.ring-gray-300 {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(205 205 205 / var(--tw-ring-opacity, 1));
}
.ring-primary-500 {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.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);
}
.drop-shadow {
--tw-drop-shadow:
drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
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);
}
.backdrop-blur-md {
--tw-backdrop-blur:
blur(12px);
-webkit-backdrop-filter:
var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter:
var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
--tw-backdrop-blur:
blur(4px);
-webkit-backdrop-filter:
var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter:
var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-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);
}
.transition {
transition-property:
color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property:
color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property:
color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function:
cubic-bezier(0.4, 0, 0.2, 1);
transition-duration:
150ms;
}
.transition-\[margin\] {
transition-property:
margin;
transition-timing-function:
cubic-bezier(0.4, 0, 0.2, 1);
transition-duration:
150ms;
}
.transition-\[padding\] {
transition-property:
padding;
transition-timing-function:
cubic-bezier(0.4, 0, 0.2, 1);
transition-duration:
150ms;
}
.transition-all {
transition-property:
all;
transition-timing-function:
cubic-bezier(0.4, 0, 0.2, 1);
transition-duration:
150ms;
}
.transition-colors {
transition-property:
color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function:
cubic-bezier(0.4, 0, 0.2, 1);
transition-duration:
150ms;
}
.transition-opacity {
transition-property:
opacity;
transition-timing-function:
cubic-bezier(0.4, 0, 0.2, 1);
transition-duration:
150ms;
}
.transition-transform {
transition-property:
transform;
transition-timing-function:
cubic-bezier(0.4, 0, 0.2, 1);
transition-duration:
150ms;
}
.duration-100 {
transition-duration:
100ms;
}
.duration-150 {
transition-duration:
150ms;
}
.duration-200 {
transition-duration:
200ms;
}
.duration-300 {
transition-duration:
300ms;
}
.duration-500 {
transition-duration:
500ms;
}
.duration-75 {
transition-duration:
75ms;
}
.ease-in {
transition-timing-function:
cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
transition-timing-function:
cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
transition-timing-function:
cubic-bezier(0, 0, 0.2, 1);
}
.scrollbar::-webkit-scrollbar-track {
background-color:
var(--scrollbar-track);
border-radius:
var(--scrollbar-track-radius);
}
.scrollbar::-webkit-scrollbar-track:hover {
background-color:
var(--scrollbar-track-hover, var(--scrollbar-track));
}
.scrollbar::-webkit-scrollbar-track:active {
background-color:
var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}
.scrollbar::-webkit-scrollbar-thumb {
background-color:
var(--scrollbar-thumb);
border-radius:
var(--scrollbar-thumb-radius);
}
.scrollbar::-webkit-scrollbar-thumb:hover {
background-color:
var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}
.scrollbar::-webkit-scrollbar-thumb:active {
background-color:
var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}
.scrollbar::-webkit-scrollbar-corner {
background-color:
var(--scrollbar-corner);
border-radius:
var(--scrollbar-corner-radius);
}
.scrollbar::-webkit-scrollbar-corner:hover {
background-color:
var(--scrollbar-corner-hover, var(--scrollbar-corner));
}
.scrollbar::-webkit-scrollbar-corner:active {
background-color:
var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}
.scrollbar {
scrollbar-width:
auto;
scrollbar-color:
var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}
.scrollbar::-webkit-scrollbar {
display:
block;
width:
var(--scrollbar-width, 16px);
height:
var(--scrollbar-height, 16px);
}
.dark\:prose-invert:is(.dark *) {
--tw-prose-body:
var(--tw-prose-invert-body);
--tw-prose-headings:
var(--tw-prose-invert-headings);
--tw-prose-lead:
var(--tw-prose-invert-lead);
--tw-prose-links:
var(--tw-prose-invert-links);
--tw-prose-bold:
var(--tw-prose-invert-bold);
--tw-prose-counters:
var(--tw-prose-invert-counters);
--tw-prose-bullets:
var(--tw-prose-invert-bullets);
--tw-prose-hr:
var(--tw-prose-invert-hr);
--tw-prose-quotes:
var(--tw-prose-invert-quotes);
--tw-prose-quote-borders:
var(--tw-prose-invert-quote-borders);
--tw-prose-captions:
var(--tw-prose-invert-captions);
--tw-prose-kbd:
var(--tw-prose-invert-kbd);
--tw-prose-kbd-shadows:
var(--tw-prose-invert-kbd-shadows);
--tw-prose-code:
var(--tw-prose-invert-code);
--tw-prose-pre-code:
var(--tw-prose-invert-pre-code);
--tw-prose-pre-bg:
var(--tw-prose-invert-pre-bg);
--tw-prose-th-borders:
var(--tw-prose-invert-th-borders);
--tw-prose-td-borders:
var(--tw-prose-invert-td-borders);
}
.placeholder\:text-gray-400::-moz-placeholder {
--tw-text-opacity:
1;
color:
rgb(180 180 180 / var(--tw-text-opacity, 1));
}
.placeholder\:text-gray-400::placeholder {
--tw-text-opacity:
1;
color:
rgb(180 180 180 / var(--tw-text-opacity, 1));
}
.last\:border-b-0:last-child {
border-bottom-width:
0px;
}
.focus-within\:ring-1:focus-within {
--tw-ring-offset-shadow:
var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow:
var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-primary-500:focus-within {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.group:hover .group-hover\:text-yellow-400 {
--tw-text-opacity:
1;
color:
rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:opacity-100 {
opacity:
1;
}
.hover\:scale-105:hover {
--tw-scale-x:
1.05;
--tw-scale-y:
1.05;
transform:
translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:bg-blue-600:hover {
--tw-bg-opacity:
1;
background-color:
rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-700:hover {
--tw-bg-opacity:
1;
background-color:
rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-100:hover {
--tw-bg-opacity:
1;
background-color:
rgb(236 236 236 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-200:hover {
--tw-bg-opacity:
1;
background-color:
rgb(227 227 227 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover {
--tw-bg-opacity:
1;
background-color:
rgb(249 249 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-600:hover {
--tw-bg-opacity:
1;
background-color:
rgb(103 103 103 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-600:hover {
--tw-bg-opacity:
1;
background-color:
rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-600:hover {
--tw-bg-opacity:
1;
background-color:
rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-neutral-100:hover {
--tw-bg-opacity:
1;
background-color:
rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-neutral-200:hover {
--tw-bg-opacity:
1;
background-color:
rgb(229 229 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-neutral-300:hover {
--tw-bg-opacity:
1;
background-color:
rgb(212 212 212 / var(--tw-bg-opacity, 1));
}
.hover\:bg-opacity:hover {
--tw-bg-opacity:
1;
background-color:
rgb(244 244 244 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-400:hover {
--tw-bg-opacity:
1;
background-color:
rgb(129 140 248 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-50:hover {
--tw-bg-opacity:
1;
background-color:
rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-500:hover {
--tw-bg-opacity:
1;
background-color:
rgb(99 102 241 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-600:hover {
--tw-bg-opacity:
1;
background-color:
rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-600:hover {
--tw-bg-opacity:
1;
background-color:
rgb(147 51 234 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-100:hover {
--tw-bg-opacity:
1;
background-color:
rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-600:hover {
--tw-bg-opacity:
1;
background-color:
rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white:hover {
--tw-bg-opacity:
1;
background-color:
rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/30:hover {
background-color:
rgb(255 255 255 / 0.3);
}
.hover\:bg-opacity-20:hover {
--tw-bg-opacity:
0.2;
}
.hover\:bg-opacity-70:hover {
--tw-bg-opacity:
0.7;
}
.hover\:text-blue-800:hover {
--tw-text-opacity:
1;
color:
rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-500:hover {
--tw-text-opacity:
1;
color:
rgb(155 155 155 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-600:hover {
--tw-text-opacity:
1;
color:
rgb(103 103 103 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-700:hover {
--tw-text-opacity:
1;
color:
rgb(66 66 66 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-800:hover {
--tw-text-opacity:
1;
color:
rgb(33 33 33 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-900:hover {
--tw-text-opacity:
1;
color:
rgb(23 23 23 / var(--tw-text-opacity, 1));
}
.hover\:text-neutral-700:hover {
--tw-text-opacity:
1;
color:
rgb(64 64 64 / var(--tw-text-opacity, 1));
}
.hover\:text-neutral-800:hover {
--tw-text-opacity:
1;
color:
rgb(38 38 38 / var(--tw-text-opacity, 1));
}
.hover\:text-primary-500:hover {
--tw-text-opacity:
1;
color:
rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.hover\:text-primary-600:hover {
--tw-text-opacity:
1;
color:
rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.hover\:opacity-100:hover {
opacity:
1;
}
.hover\:opacity-90:hover {
opacity:
0.9;
}
.hover\:shadow-md:hover {
--tw-shadow:
0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored:
0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:ring-1:hover {
--tw-ring-offset-shadow:
var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow:
var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.hover\:ring-primary-500:hover {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.focus\:outline-none:focus {
outline:
2px solid transparent;
outline-offset:
2px;
}
.focus\:ring-2:focus {
--tw-ring-offset-shadow:
var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow:
var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-inset:focus {
--tw-ring-inset:
inset;
}
.focus\:ring-gray-300:focus {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(205 205 205 / var(--tw-ring-opacity, 1));
}
.focus\:ring-indigo-600:focus {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(79 70 229 / var(--tw-ring-opacity, 1));
}
.focus\:ring-primary-600:focus {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(79 70 229 / var(--tw-ring-opacity, 1));
}
.focus\:ring-red-300:focus {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(252 165 165 / var(--tw-ring-opacity, 1));
}
.focus-visible\:outline:focus-visible {
outline-style:
solid;
}
.focus-visible\:outline-2:focus-visible {
outline-width:
2px;
}
.focus-visible\:outline-offset-2:focus-visible {
outline-offset:
2px;
}
.focus-visible\:outline-indigo-600:focus-visible {
outline-color:
#4f46e5;
}
.disabled\:cursor-not-allowed:disabled {
cursor:
not-allowed;
}
.disabled\:bg-gray-400:disabled {
--tw-bg-opacity:
1;
background-color:
rgb(180 180 180 / var(--tw-bg-opacity, 1));
}
.disabled\:opacity-50:disabled {
opacity:
0.5;
}
.dark\:border-blue-800:is(.dark *) {
--tw-border-opacity:
1;
border-color:
rgb(30 64 175 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-400:is(.dark *) {
--tw-border-opacity:
1;
border-color:
rgb(180 180 180 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-600:is(.dark *) {
--tw-border-opacity:
1;
border-color:
rgb(103 103 103 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-700:is(.dark *) {
--tw-border-opacity:
1;
border-color:
rgb(66 66 66 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-700\/30:is(.dark *) {
border-color:
rgb(66 66 66 / 0.3);
}
.dark\:border-gray-750:is(.dark *) {
--tw-border-opacity:
1;
border-color:
rgb(47 47 47 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-800:is(.dark *) {
--tw-border-opacity:
1;
border-color:
rgb(33 33 33 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-900:is(.dark *) {
--tw-border-opacity:
1;
border-color:
rgb(23 23 23 / var(--tw-border-opacity, 1));
}
.dark\:border-neutral-600:is(.dark *) {
--tw-border-opacity:
1;
border-color:
rgb(82 82 82 / var(--tw-border-opacity, 1));
}
.dark\:border-neutral-700:is(.dark *) {
--tw-border-opacity:
1;
border-color:
rgb(64 64 64 / var(--tw-border-opacity, 1));
}
.dark\:border-neutral-800:is(.dark *) {
--tw-border-opacity:
1;
border-color:
rgb(38 38 38 / var(--tw-border-opacity, 1));
}
.dark\:border-primary-400:is(.dark *) {
--tw-border-opacity:
1;
border-color:
rgb(129 140 248 / var(--tw-border-opacity, 1));
}
.dark\:border-red-500\/50:is(.dark *) {
border-color:
rgb(239 68 68 / 0.5);
}
.dark\:border-red-800:is(.dark *) {
--tw-border-opacity:
1;
border-color:
rgb(153 27 27 / var(--tw-border-opacity, 1));
}
.dark\:border-t-gray-800:is(.dark *) {
--tw-border-opacity:
1;
border-top-color:
rgb(33 33 33 / var(--tw-border-opacity, 1));
}
.dark\:bg-\[\#24272e\]:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(36 39 46 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#2f2f2f\]:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(47 47 47 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-400:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(96 165 250 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-500\/10:is(.dark *) {
background-color:
rgb(59 130 246 / 0.1);
}
.dark\:bg-blue-600:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-900\/20:is(.dark *) {
background-color:
rgb(30 58 138 / 0.2);
}
.dark\:bg-emerald-500\/10:is(.dark *) {
background-color:
rgb(16 185 129 / 0.1);
}
.dark\:bg-gray-100:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(236 236 236 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-500:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(155 155 155 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-600:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(103 103 103 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-700:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(66 66 66 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-700\/80:is(.dark *) {
background-color:
rgb(66 66 66 / 0.8);
}
.dark\:bg-gray-750:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(47 47 47 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-750\/80:is(.dark *) {
background-color:
rgb(47 47 47 / 0.8);
}
.dark\:bg-gray-800:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(33 33 33 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-900:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-900\/50:is(.dark *) {
background-color:
rgb(23 23 23 / 0.5);
}
.dark\:bg-indigo-600:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.dark\:bg-neutral-600:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(82 82 82 / var(--tw-bg-opacity, 1));
}
.dark\:bg-neutral-700:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(64 64 64 / var(--tw-bg-opacity, 1));
}
.dark\:bg-neutral-800:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(38 38 38 / var(--tw-bg-opacity, 1));
}
.dark\:bg-neutral-900:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-500\/10:is(.dark *) {
background-color:
rgb(239 68 68 / 0.1);
}
.dark\:bg-red-900\/20:is(.dark *) {
background-color:
rgb(127 29 29 / 0.2);
}
.dark\:bg-red-900\/30:is(.dark *) {
background-color:
rgb(127 29 29 / 0.3);
}
.dark\:bg-transparent:is(.dark *) {
background-color:
transparent;
}
.dark\:bg-yellow-500\/10:is(.dark *) {
background-color:
rgb(234 179 8 / 0.1);
}
.dark\:bg-opacity-80:is(.dark *) {
--tw-bg-opacity:
0.8;
}
.dark\:from-gray-800:is(.dark *) {
--tw-gradient-from:
#212121 var(--tw-gradient-from-position);
--tw-gradient-to:
rgb(33 33 33 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops:
var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:text-blue-300:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-400:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-400:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-100:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(236 236 236 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-200:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(227 227 227 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-300:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(205 205 205 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-400:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(180 180 180 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-400\/80:is(.dark *) {
color:
rgb(180 180 180 / 0.8);
}
.dark\:text-gray-500:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(155 155 155 / var(--tw-text-opacity, 1));
}
.dark\:text-neutral-100:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(245 245 245 / var(--tw-text-opacity, 1));
}
.dark\:text-neutral-300:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(212 212 212 / var(--tw-text-opacity, 1));
}
.dark\:text-primary-400:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(129 140 248 / var(--tw-text-opacity, 1));
}
.dark\:text-primary-500:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.dark\:text-red-400:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.dark\:text-white:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:text-yellow-400:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.dark\:text-yellow-600:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.dark\:ring-gray-400:is(.dark *) {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(180 180 180 / var(--tw-ring-opacity, 1));
}
.dark\:ring-gray-700:is(.dark *) {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(66 66 66 / var(--tw-ring-opacity, 1));
}
.dark\:ring-gray-750:is(.dark *) {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(47 47 47 / var(--tw-ring-opacity, 1));
}
.dark\:ring-primary-500:is(.dark *) {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.dark\:placeholder\:text-gray-500:is(.dark *)::-moz-placeholder {
--tw-text-opacity:
1;
color:
rgb(155 155 155 / var(--tw-text-opacity, 1));
}
.dark\:placeholder\:text-gray-500:is(.dark *)::placeholder {
--tw-text-opacity:
1;
color:
rgb(155 155 155 / var(--tw-text-opacity, 1));
}
.dark\:focus-within\:ring-primary-500:focus-within:is(.dark *) {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.group:hover .dark\:group-hover\:text-yellow-500:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.dark\:hover\:bg-gray-500:hover:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(155 155 155 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-600:hover:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(103 103 103 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-700:hover:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(66 66 66 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-750:hover:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(47 47 47 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-800:hover:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(33 33 33 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-neutral-500:hover:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(115 115 115 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-neutral-600:hover:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(82 82 82 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-neutral-700:hover:is(.dark *) {
--tw-bg-opacity:
1;
background-color:
rgb(64 64 64 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-red-900\/50:hover:is(.dark *) {
background-color:
rgb(127 29 29 / 0.5);
}
.dark\:hover\:text-gray-200:hover:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(227 227 227 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-300:hover:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(205 205 205 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-400:hover:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(180 180 180 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-neutral-200:hover:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(229 229 229 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-neutral-300:hover:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(212 212 212 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-primary-300:hover:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-primary-600:hover:is(.dark *) {
--tw-text-opacity:
1;
color:
rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.dark\:hover\:ring-gray-600:hover:is(.dark *) {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(103 103 103 / var(--tw-ring-opacity, 1));
}
.dark\:hover\:ring-primary-500:hover:is(.dark *) {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-gray-400:focus:is(.dark *) {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(180 180 180 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-red-600:focus:is(.dark *) {
--tw-ring-opacity:
1;
--tw-ring-color:
rgb(220 38 38 / var(--tw-ring-opacity, 1));
}
@media (min-width: 640px) {
.sm\:mx-auto {
margin-left:
auto;
margin-right:
auto;
}
.sm\:w-full {
width:
100%;
}
.sm\:max-w-\[70\%\] {
max-width:
70%;
}
.sm\:max-w-sm {
max-width:
24rem;
}
.sm\:grid-cols-2 {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.sm\:text-sm {
font-size:
0.875rem;
line-height:
1.25rem;
}
.sm\:leading-6 {
line-height:
1.5rem;
}
}
@media (min-width: 768px) {
.md\:max-w-\[40rem\] {
max-width:
40rem;
}
.md\:grid-cols-2 {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.md\:text-lg {
font-size:
1.125rem;
line-height:
1.75rem;
}
}
@media (min-width: 1024px) {
.lg\:grid-cols-2 {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-4 {
grid-template-columns:
repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 1280px) {
.xl\:grid-cols-3 {
grid-template-columns:
repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1536px) {
.\32xl\:grid-cols-4 {
grid-template-columns:
repeat(4, minmax(0, 1fr));
}
}
pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em
}
code.hljs {
padding: 3px 5px
}
/*!
Theme: GitHub
Description: Light theme as seen on github.com
Author: github.com
Maintainer: @Hirse
Updated: 2021-05-15
Outdated base version: https://github.com/primer/github-syntax-light
Current colors taken from GitHub's CSS
*/
.hljs {
color: #24292e;
background: #ffffff
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
/* prettylights-syntax-keyword */
color: #d73a49
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
/* prettylights-syntax-entity */
color: #6f42c1
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
/* prettylights-syntax-constant */
color: #005cc5
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
/* prettylights-syntax-string */
color: #032f62
}
.hljs-built_in,
.hljs-symbol {
/* prettylights-syntax-variable */
color: #e36209
}
.hljs-comment,
.hljs-code,
.hljs-formula {
/* prettylights-syntax-comment */
color: #6a737d
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
/* prettylights-syntax-entity-tag */
color: #22863a
}
.hljs-subst {
/* prettylights-syntax-storage-modifier-import */
color: #24292e
}
.hljs-section {
/* prettylights-syntax-markup-heading */
color: #005cc5;
font-weight: bold
}
.hljs-bullet {
/* prettylights-syntax-markup-list */
color: #735c0f
}
.hljs-emphasis {
/* prettylights-syntax-markup-italic */
color: #24292e;
font-style: italic
}
.hljs-strong {
/* prettylights-syntax-markup-bold */
color: #24292e;
font-weight: bold
}
.hljs-addition {
/* prettylights-syntax-markup-inserted */
color: #22863a;
background-color: #f0fff4
}
.hljs-deletion {
/* prettylights-syntax-markup-deleted */
color: #b31d28;
background-color: #ffeef0
}
.hljs-char.escape_,
.hljs-link,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {
/* purposely ignored */
}@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_AMS-Regular-0cdd387c.woff2) format("woff2"),url(../fonts/KaTeX_AMS-Regular-30da91e8.woff) format("woff"),url(../fonts/KaTeX_AMS-Regular-68534840.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(../fonts/KaTeX_Caligraphic-Bold-de7701e4.woff2) format("woff2"),url(../fonts/KaTeX_Caligraphic-Bold-1ae6bd74.woff) format("woff"),url(../fonts/KaTeX_Caligraphic-Bold-07d8e303.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_Caligraphic-Regular-5d53e70a.woff2) format("woff2"),url(../fonts/KaTeX_Caligraphic-Regular-3398dd02.woff) format("woff"),url(../fonts/KaTeX_Caligraphic-Regular-ed0b7437.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(../fonts/KaTeX_Fraktur-Bold-74444efd.woff2) format("woff2"),url(../fonts/KaTeX_Fraktur-Bold-9be7ceb8.woff) format("woff"),url(../fonts/KaTeX_Fraktur-Bold-9163df9c.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_Fraktur-Regular-51814d27.woff2) format("woff2"),url(../fonts/KaTeX_Fraktur-Regular-5e28753b.woff) format("woff"),url(../fonts/KaTeX_Fraktur-Regular-1e6f9579.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(../fonts/KaTeX_Main-Bold-0f60d1b8.woff2) format("woff2"),url(../fonts/KaTeX_Main-Bold-c76c5d69.woff) format("woff"),url(../fonts/KaTeX_Main-Bold-138ac28d.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(../fonts/KaTeX_Main-BoldItalic-99cd42a3.woff2) format("woff2"),url(../fonts/KaTeX_Main-BoldItalic-a6f7ec0d.woff) format("woff"),url(../fonts/KaTeX_Main-BoldItalic-70ee1f64.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(../fonts/KaTeX_Main-Italic-97479ca6.woff2) format("woff2"),url(../fonts/KaTeX_Main-Italic-f1d6ef86.woff) format("woff"),url(../fonts/KaTeX_Main-Italic-0d85ae7c.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_Main-Regular-c2342cd8.woff2) format("woff2"),url(../fonts/KaTeX_Main-Regular-c6368d87.woff) format("woff"),url(../fonts/KaTeX_Main-Regular-d0332f52.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(../fonts/KaTeX_Math-BoldItalic-dc47344d.woff2) format("woff2"),url(../fonts/KaTeX_Math-BoldItalic-850c0af5.woff) format("woff"),url(../fonts/KaTeX_Math-BoldItalic-f9377ab0.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(../fonts/KaTeX_Math-Italic-7af58c5e.woff2) format("woff2"),url(../fonts/KaTeX_Math-Italic-8a8d2445.woff) format("woff"),url(../fonts/KaTeX_Math-Italic-08ce98e5.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(../fonts/KaTeX_SansSerif-Bold-e99ae511.woff2) format("woff2"),url(../fonts/KaTeX_SansSerif-Bold-ece03cfd.woff) format("woff"),url(../fonts/KaTeX_SansSerif-Bold-1ece03f7.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(../fonts/KaTeX_SansSerif-Italic-00b26ac8.woff2) format("woff2"),url(../fonts/KaTeX_SansSerif-Italic-91ee6750.woff) format("woff"),url(../fonts/KaTeX_SansSerif-Italic-3931dd81.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(../fonts/KaTeX_SansSerif-Regular-68e8c73e.woff2) format("woff2"),url(../fonts/KaTeX_SansSerif-Regular-11e4dc8a.woff) format("woff"),url(../fonts/KaTeX_SansSerif-Regular-f36ea897.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_Script-Regular-036d4e95.woff2) format("woff2"),url(../fonts/KaTeX_Script-Regular-d96cdf2b.woff) format("woff"),url(../fonts/KaTeX_Script-Regular-1c67f068.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_Size1-Regular-6b47c401.woff2) format("woff2"),url(../fonts/KaTeX_Size1-Regular-c943cc98.woff) format("woff"),url(../fonts/KaTeX_Size1-Regular-95b6d2f1.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_Size2-Regular-d04c5421.woff2) format("woff2"),url(../fonts/KaTeX_Size2-Regular-2014c523.woff) format("woff"),url(../fonts/KaTeX_Size2-Regular-a6b2099f.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(../fonts/KaTeX_Size3-Regular-6ab6b62e.woff) format("woff"),url(../fonts/KaTeX_Size3-Regular-500e04d5.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_Size4-Regular-a4af7d41.woff2) format("woff2"),url(../fonts/KaTeX_Size4-Regular-99f9c675.woff) format("woff"),url(../fonts/KaTeX_Size4-Regular-c647367d.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(../fonts/KaTeX_Typewriter-Regular-71d517d6.woff2) format("woff2"),url(../fonts/KaTeX_Typewriter-Regular-e14fed02.woff) format("woff"),url(../fonts/KaTeX_Typewriter-Regular-f01f3e87.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.22"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}
.fixed[data-v-07906350] {
position: fixed;
-webkit-position: fixed;
}
iframe[data-v-07906350] {
width: 100%;
height: 100%;
border: none;
}
/* CodeMirror编辑器容器样式 (从 PythonDialog.vue 复制并调整) */
.code-editor-container[data-v-07906350] {
height: calc(100% - 40px); /* Adjust height based on button container */
}
.code-editor-container[data-v-07906350] .cm-editor {
height: 100% !important;
font-family: 'Fira Code', 'Consolas', 'Monaco', 'Andale Mono', 'Ubuntu Mono', monospace;
font-size: 14px;
}
.code-editor-container[data-v-07906350] .cm-scroller {
overflow: auto;
}
.code-editor-container[data-v-07906350] .cm-gutters {
border-right: 1px solid #ddd;
}
.code-editor-container[data-v-07906350] .dark .cm-gutters {
border-right: 1px solid #444;
background-color: #1e1e1e;
}
.code-editor-container[data-v-07906350] .cm-activeLineGutter {
background-color: rgba(0, 0, 0, 0.1);
}
.code-editor-container[data-v-07906350] .dark .cm-activeLineGutter {
background-color: rgba(255, 255, 255, 0.1);
}
.code-editor-container[data-v-07906350] .cm-focused {
outline: none !important;
}
.toolbar-btn[data-v-77d28dd8] {
border-radius: 0.375rem;
padding: 0.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 200ms
}
.toolbar-btn[data-v-77d28dd8]:hover {
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-bg-opacity: 0.2
}
.toolbar-btn[data-v-77d28dd8]:disabled {
cursor: not-allowed;
opacity: 0.5
}
.toolbar-btn[data-v-77d28dd8]:not(:disabled):hover {
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-bg-opacity: 0.2
}
.toolbar-btn[data-v-77d28dd8]:not(:disabled):active {
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-bg-opacity: 0.3
}