) */ .rich-text-editor li > p { margin: 0; } .rich-text-editor li > p + p { margin-top: 0.25rem; } .rich-text-editor .math-node { display: inline-flex; max-width: 100%; vertical-align: middle; } .rich-text-editor .math-node.inline { align-items: center; } .rich-text-editor .math-node.block { display: block; margin: 0.75rem 0; overflow-x: auto; overflow-y: hidden; } .rich-text-editor .math-node.block .katex-display { margin: 0; } .rich-text-editor .math-node .katex { max-width: 100%; } /* Nested lists — bullet style progression and tighter spacing */ .rich-text-editor ul ul { list-style-type: circle; margin: 0.25rem 0; } .rich-text-editor ul ul ul { list-style-type: square; } .rich-text-editor ol ol { list-style-type: lower-alpha; margin: 0.25rem 0; } .rich-text-editor ol ol ol { list-style-type: lower-roman; } /* * Task lists (checkboxes) — `- [ ]` / `- [x]`. * * The editor and readonly views emit DIFFERENT DOM, so they are styled * separately rather than sharing a flex rule: * * - Editor (Tiptap NodeView): * ul[data-type="taskList"] > li[data-checked] * > label(contenteditable) > input + span * > div(content) > p, [nested ul] * The item body is wrapped in a
(which carries 1.625); the readonly render keeps bare text in the cell,
which otherwise inherits the host's text-body line-height (~1.43) and
makes every readonly cell 2.5px shorter per line. */
line-height: 1.625;
}
.rich-text-editor th {
font-weight: 600;
}
/* Remove paragraph margin inside table cells */
.rich-text-editor th p,
.rich-text-editor td p {
margin: 0;
}
/* Blockquotes */
.rich-text-editor blockquote {
border-left: 3px solid color-mix(in srgb, var(--muted-foreground) 30%, transparent);
padding-left: 0.75rem;
margin: 0.625rem 0;
color: var(--muted-foreground);
font-style: italic;
}
.rich-text-editor blockquote p {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.rich-text-editor blockquote > *:first-child {
margin-top: 0;
}
.rich-text-editor blockquote > *:last-child {
margin-bottom: 0;
}
.rich-text-editor blockquote blockquote {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
border-left-color: color-mix(in srgb, var(--muted-foreground) 15%, transparent);
}
/* Horizontal rules */
.rich-text-editor hr {
border: none;
border-top: 1px solid var(--border);
margin: 1rem 0;
}
/* Links */
.rich-text-editor a {
color: var(--brand);
text-decoration: underline;
text-decoration-color: color-mix(in srgb, var(--brand) 40%, transparent);
text-underline-offset: 2px;
cursor: pointer;
}
.rich-text-editor a:hover {
text-decoration-color: var(--brand);
}
/* Mention chips — inline cards that sit within text flow. The chip already
carries its own affordance (border, icon, hover background), so the generic
link color and underline above would be a second, competing one drawn
through the card. Every chip-shaped mention belongs here. */
.rich-text-editor a.issue-mention,
.rich-text-editor a.project-mention {
color: inherit;
text-decoration: none;
}
.rich-text-editor a.issue-mention:hover,
.rich-text-editor a.project-mention:hover {
text-decoration: none;
}
/* Mentions */
.rich-text-editor .mention {
color: var(--primary);
font-weight: 600;
text-decoration: none;
margin: 0 0.125rem;
}
/* Slash command pills */
.rich-text-editor .slash-command {
color: var(--primary);
font-weight: 600;
text-decoration: none;
margin: 0 0.125rem;
}
/* Strong / emphasis */
.rich-text-editor strong {
font-weight: 600;
}
.rich-text-editor em {
font-style: italic;
}
.rich-text-editor s,
.rich-text-editor del {
text-decoration: line-through;
color: var(--muted-foreground);
}
/* Text highlight (`==text==` → ). Single yellow tint that stays legible
in both light and dark themes; `color: inherit` keeps the underlying text
color so highlighted links/code remain readable. box-decoration-break clones
the background across wrapped lines (same approach as inline code above). */
.rich-text-editor mark {
background-color: color-mix(in srgb, #facc15 45%, transparent);
color: inherit;
border-radius: 0.2em;
padding: 0 0.15em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
/*
* Code typography and lowlight highlighting.
*
* The literal-code rules intentionally disable font ligatures for both inline
* code and code blocks. Command flags such as `--extra` must render as the
* exact characters the user can copy.
*/
/* Inline code */
.rich-text-editor code {
font-family: var(--font-mono, ui-monospace, monospace);
font-variant-ligatures: none;
font-feature-settings: "liga" 0;
font-size: var(--text-body);
background: color-mix(in srgb, var(--foreground) 3%, transparent);
border: 1px solid color-mix(in srgb, var(--foreground) 5%, transparent);
color: color-mix(in srgb, var(--foreground) 75%, transparent);
padding: 0.125rem 0.375rem;
border-radius: var(--radius-sm);
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
line-height: 2;
}
/* Code blocks */
.rich-text-editor pre,
pre.rich-text-editor {
font-family: var(--font-mono, ui-monospace, monospace);
font-variant-ligatures: none;
font-feature-settings: "liga" 0;
background: var(--muted);
border-radius: var(--radius);
padding: 0.75rem 1rem;
margin: 0.75rem 0;
/* Long lines wrap, matching the editable code block (its NodeViewContent
sets an inline pre-wrap). Without this, readonly blocks scroll while
editable blocks wrap and the same document changes shape between the
two renderers. overflow-x stays as a fallback for unbreakable tokens. */
white-space: pre-wrap;
overflow-x: auto;
}
.rich-text-editor pre code,
pre.rich-text-editor code {
font-variant-ligatures: none;
font-feature-settings: "liga" 0;
background: none;
border: none;
color: var(--foreground);
padding: 0;
font-size: var(--text-label);
line-height: 1.6;
}
/* Syntax highlighting — lowlight (hljs). Scoped to the editor surface, to the
task transcript, which highlights file bodies with the same engine so a
file reads identically in a comment and in an execution trace, and to the
attachment viewer's data tree, whose keys and values borrow the same token
colours as the file's source. */
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-keyword,
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-selector-tag,
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-built_in { color: oklch(0.55 0.16 255); }
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-string,
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-addition { color: oklch(0.55 0.14 155); }
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-comment,
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-quote { color: var(--muted-foreground); font-style: italic; }
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-number,
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-literal { color: oklch(0.58 0.16 30); }
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-title,
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-section,
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-title\.function_ { color: oklch(0.55 0.14 280); }
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-attr,
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-attribute { color: oklch(0.58 0.12 60); }
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-variable,
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-template-variable { color: oklch(0.58 0.14 20); }
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-type,
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-title\.class_ { color: oklch(0.55 0.14 200); }
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-deletion { color: oklch(0.55 0.2 25); }
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-meta { color: var(--muted-foreground); }
/* XML / HTML — lowlight emits .hljs-tag for `<` `>` brackets and .hljs-name
for the element name. Without these rules, HTML source renders mostly in
the default text color and looks unhighlighted. */
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-tag { color: var(--muted-foreground); }
:is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-name { color: oklch(0.55 0.16 255); }
/* Dark mode overrides */
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-keyword,
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-selector-tag,
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-built_in { color: oklch(0.7 0.14 255); }
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-string,
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-addition { color: oklch(0.7 0.14 155); }
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-number,
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-literal { color: oklch(0.72 0.14 30); }
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-title,
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-section,
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-title\.function_ { color: oklch(0.72 0.12 280); }
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-attr,
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-attribute { color: oklch(0.72 0.1 60); }
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-variable,
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-template-variable { color: oklch(0.72 0.12 20); }
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-type,
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-title\.class_ { color: oklch(0.72 0.12 200); }
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-deletion { color: oklch(0.7 0.18 25); }
.dark :is(.rich-text-editor, .transcript-code, .structured-tree) .hljs-name { color: oklch(0.72 0.14 255); }
/* Numbered lines — CodeBlockStatic with `lineNumbers` (the attachment viewer's
code, text and log files). A whole document rather than a block inside
prose: no margin, no rounded panel, just the page it sits on. Each line is a
flex row: a gutter pseudo-element carrying `data-line`, then the code. Lines
keep their shape and the block scrolls sideways; `.code-lines-wrap` wraps
them under their own number instead. The gutter is sticky so numbers stay
in view while scrolling sideways, and opaque so code passing beneath it
never shows through — a host on another surface sets `--code-gutter-bg`. */
pre.code-lines {
margin: 0;
border-radius: 0;
background: transparent;
padding: 1rem 0;
white-space: pre;
}
pre.code-lines code {
display: block;
width: max-content;
min-width: 100%;
}
pre.code-lines.code-lines-wrap code {
width: auto;
}
pre.code-lines .code-line {
display: flex;
}
pre.code-lines .code-line::before {
content: attr(data-line);
position: sticky;
left: 0;
flex: none;
box-sizing: content-box;
width: calc(var(--line-digits, 1) * 1ch);
padding-inline: 1rem 1.25rem;
text-align: right;
color: color-mix(in srgb, var(--muted-foreground) 70%, transparent);
background: var(--code-gutter-bg, var(--background));
user-select: none;
}
pre.code-lines .code-text {
flex: 1 0 auto;
padding-right: 1.5rem;
white-space: pre;
}
pre.code-lines.code-lines-wrap .code-text {
flex: 1 1 0;
min-width: 0;
white-space: pre-wrap;
overflow-wrap: anywhere;
}
/* Mermaid diagrams */
/* The outer container does NOT scroll — `.mermaid-diagram-scroll` inside it
does. That split is what keeps the toolbar pinned: when the container itself
was the scroller, the absolutely-positioned toolbar scrolled away with wide
diagrams and left no visible way to open or copy them. */
.rich-text-editor .mermaid-diagram {
background: var(--muted);
border: 1px solid var(--border);
border-radius: var(--radius);
margin: 0.75rem 0;
overflow: hidden;
padding: 1rem;
position: relative;
}
/* Fitted, the diagram fits this box and nothing scrolls. Zoomed in, it
scrolls both ways inside it; the height cap (inline style, from
MERMAID_PREVIEW_MAX_HEIGHT_PX) keeps a zoomed diagram from pushing the
rest of the page down. */
.rich-text-editor .mermaid-diagram-scroll {
display: flex;
overflow: auto;
cursor: zoom-in;
/* Dragging a diagram would otherwise start a native text selection: the
iframe is a replaced element, so the whole diagram box gets painted with
the selection highlight, and the drag runs on into the surrounding
comment text. Selecting prose *through* the diagram still works — this
only stops a selection from starting on the diagram itself. */
user-select: none;
}
.rich-text-editor .mermaid-diagram-frame {
border: 0;
display: block;
/* The size is the zoom (MUL-7766): the component sets it, and the flex
parent must not shrink it back to the column, or zooming in would squash
the diagram instead of scrolling it. */
flex: none;
/* Diagrams narrower than the column sit centered; the fit never upscales
past natural size, which would only coarsen a small diagram.
Centered with auto margins, not `justify-content: center` on the
scroller: that pushes an oversized diagram's left part past the scroll
origin, where it is cut off and cannot be scrolled to (MUL-7733). Auto
margins never go negative, so a wide diagram starts at its left edge. */
margin-inline: auto;
/* The iframe cannot forward clicks to this document, so it would swallow
the click-to-open gesture. Disabling pointer events hands wheel, click,
and drag to the scroll container instead. */
pointer-events: none;
}
/* Edge fades: a hint that the diagram continues past the container. Driven by
data attributes the component sets from scroll position, so a diagram that
fits shows no fade, and a scrolled-to-the-end one fades only on the left. */
.rich-text-editor .mermaid-diagram::before,
.rich-text-editor .mermaid-diagram::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 2rem;
pointer-events: none;
opacity: 0;
transition: opacity 0.15s;
z-index: 1;
}
.rich-text-editor .mermaid-diagram::before {
left: 0;
background: linear-gradient(to right, var(--muted), transparent);
}
.rich-text-editor .mermaid-diagram::after {
right: 0;
background: linear-gradient(to left, var(--muted), transparent);
}
.rich-text-editor .mermaid-diagram[data-overflow-start]::before,
.rich-text-editor .mermaid-diagram[data-overflow-end]::after {
opacity: 1;
}
/* Inside a DynamicBlock (MUL-7649) the frame draws the border, background and
chrome; the diagram sits directly on the frame's surface. */
.rich-text-editor .mermaid-diagram[data-framed] {
background: transparent;
border: 0;
border-radius: 0;
margin: 0;
}
.rich-text-editor .mermaid-diagram[data-framed]::before {
background: linear-gradient(to right, var(--surface), transparent);
}
.rich-text-editor .mermaid-diagram[data-framed]::after {
background: linear-gradient(to left, var(--surface), transparent);
}
.rich-text-editor .mermaid-diagram-loading,
.rich-text-editor .mermaid-diagram-error p {
color: var(--muted-foreground);
font-size: var(--text-label);
margin: 0;
}
.rich-text-editor .mermaid-diagram-error-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
}
.rich-text-editor .mermaid-diagram-error-head button {
display: flex;
align-items: center;
justify-content: center;
width: 1.75rem;
height: 1.75rem;
border-radius: calc(var(--radius) - 2px);
color: var(--muted-foreground);
flex: none;
}
.rich-text-editor .mermaid-diagram-error-head button:hover {
background: var(--secondary);
color: var(--foreground);
}
.rich-text-editor .mermaid-diagram-error-detail {
font-family: var(--font-mono, monospace);
font-size: var(--text-caption);
margin: 0.375rem 0 0;
white-space: pre-wrap;
word-break: break-word;
}
/* The error state has no inner scroller, and the container clips; without its
own overflow a long source line would be cut off with no way to read it. */
.rich-text-editor .mermaid-diagram-error pre {
margin-bottom: 0;
overflow-x: auto;
}
/* Mermaid toolbar — dark pill, top-right corner */
.rich-text-editor .mermaid-diagram-toolbar {
position: absolute;
top: 0.5rem;
right: 0.5rem;
display: flex;
gap: 1px;
padding: 0.25rem;
background: color-mix(in srgb, black 75%, transparent);
backdrop-filter: blur(8px);
border-radius: var(--radius);
transition: opacity 0.15s;
z-index: 2;
}
/* Reveal-on-hover only where hovering exists. On touch there is no hover
state to enter, so the toolbar would have been permanently invisible and
the diagram effectively un-openable. */
@media (hover: hover) {
.rich-text-editor .mermaid-diagram-toolbar {
opacity: 0;
}
.rich-text-editor .mermaid-diagram:hover .mermaid-diagram-toolbar,
.rich-text-editor .mermaid-diagram-toolbar:focus-within {
opacity: 1;
}
}
.rich-text-editor .mermaid-diagram-toolbar button {
display: flex;
align-items: center;
justify-content: center;
width: 1.75rem;
height: 1.75rem;
border-radius: calc(var(--radius) - 2px);
color: white;
transition: background 0.15s;
}
.rich-text-editor .mermaid-diagram-toolbar button:hover {
background: color-mix(in srgb, white 15%, transparent);
}
/* Zoom pill — bottom-right, over a framed diagram, in the frame's light
chrome. The standalone preview puts the same controls in its dark toolbar
instead (below). */
.rich-text-editor .mermaid-diagram-zoom {
position: absolute;
right: 0.5rem;
bottom: 0.5rem;
display: flex;
align-items: center;
gap: 1px;
padding: 0.125rem;
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius);
box-shadow: var(--surface-shadow);
transition: opacity 0.15s;
z-index: 2;
}
/* Same reveal rule as the toolbar: on hover where hovering exists, always on
touch, and whenever a button inside holds focus. */
@media (hover: hover) {
.rich-text-editor .mermaid-diagram-zoom {
opacity: 0;
}
.rich-text-editor .mermaid-diagram:hover .mermaid-diagram-zoom,
.rich-text-editor .mermaid-diagram-zoom:focus-within {
opacity: 1;
}
}
.rich-text-editor .mermaid-diagram-zoom button {
display: flex;
align-items: center;
justify-content: center;
width: 1.75rem;
height: 1.75rem;
border-radius: calc(var(--radius) - 2px);
color: var(--muted-foreground);
transition: background 0.15s, color 0.15s;
}
.rich-text-editor .mermaid-diagram-zoom button:hover {
background: var(--secondary);
color: var(--foreground);
}
.rich-text-editor .mermaid-diagram-zoom button:disabled {
opacity: 0.4;
pointer-events: none;
}
/* Fixed width so the pill doesn't jitter as the digits change. */
.rich-text-editor .mermaid-diagram-zoom span {
width: 2.75rem;
color: var(--muted-foreground);
font-size: var(--text-caption);
font-variant-numeric: tabular-nums;
text-align: center;
user-select: none;
}
/* Inside the standalone toolbar: a plain group, separated from copy/expand
by a hairline. The toolbar owns the pill, the reveal and the hover. */
.rich-text-editor .mermaid-diagram-toolbar .mermaid-diagram-zoom {
position: static;
padding: 0 0.25rem 0 0;
margin-right: 0.25rem;
background: none;
border: 0;
border-right: 1px solid color-mix(in srgb, white 20%, transparent);
border-radius: 0;
box-shadow: none;
opacity: 1;
}
.rich-text-editor .mermaid-diagram-toolbar .mermaid-diagram-zoom button,
.rich-text-editor .mermaid-diagram-toolbar .mermaid-diagram-zoom span {
color: white;
}
.rich-text-editor .mermaid-diagram-toolbar .mermaid-diagram-zoom button:hover {
background: color-mix(in srgb, white 15%, transparent);
}
/* Full-screen viewer frame. The canvas that pans/zooms it is shared with the
image preview and lives in ./zoom-canvas.css. */
.mermaid-viewer-frame {
border: 0;
display: block;
background: transparent;
/* Same reason as the inline frame: interaction is owned by the canvas in
this document, so the sandbox never has to be relaxed to allow zooming. */
pointer-events: none;
}
/*
* Media rules that are specific to rich text editor surfaces.
*
* The reusable Attachment component owns the generic .image-* figure and
* toolbar styles in attachment.css. This file only contains rich-text-editor
* fallbacks and editor-specific constraints.
*/
/* Images — generic fallback (non-NodeView contexts) */
.rich-text-editor img {
max-width: 100%;
height: auto;
border-radius: var(--radius);
margin: 0.5rem 0;
}
/* Editor-only overrides: center the figure inside the NodeView and cap
* width so an oversize paste doesn't blow out the editor column. */
.rich-text-editor .image-node {
display: block !important;
text-align: center;
}
.rich-text-editor .image-figure {
max-width: min(100%, 640px);
}
/*
* RichContent density modifier.
*
* `density` is CSS-only (MUL-4922): compact and document render the SAME
* semantic DOM through the same components map, and differ only in spacing.
* Nothing here may change which blocks exist — only how tightly they sit.
*
* Compact is used by Chat, where a message bubble should not carry the
* leading/trailing block margins a document body wants, and consecutive
* paragraphs sit closer together.
*/
.rich-text-editor.rich-content-compact > :first-child {
margin-top: 0;
}
.rich-text-editor.rich-content-compact > :last-child {
margin-bottom: 0;
}
.rich-content-compact p {
margin-top: 0.375rem;
margin-bottom: 0.375rem;
}
.rich-content-compact ul,
.rich-content-compact ol {
margin-top: 0.375rem;
margin-bottom: 0.375rem;
}
/* Code blocks and rich blocks keep a little more air than prose so a diagram
or preview does not collide with the surrounding text. */
.rich-content-compact .code-block-wrapper {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
/*
* Attachment image figure.
*
* Shared by the editor NodeView and standalone attachment surfaces such as
* chat messages, comment attachment lists, and markdown image renderers.
* The Attachment component imports this file directly so its visual contract
* does not depend on ContentEditor or ReadonlyContent being mounted first.
*/
.image-figure {
position: relative;
display: inline-block;
margin: 0.75rem 0;
}
.image-figure[data-clickable="true"] {
cursor: zoom-in;
}
.image-figure.image-selected .image-content {
outline: 2px solid var(--brand);
outline-offset: 2px;
}
.image-content {
display: block;
width: 100%;
height: auto;
border-radius: var(--radius);
}
/* An image in a list of standalone attachments (the "card" layout): full
size, so it reads without opening, but capped in height — a phone
screenshot keeps its shape instead of running the length of the page.
The list spaces its images itself. */
.image-figure.image-standalone {
margin: 0;
}
.image-figure.image-standalone .image-content {
width: auto;
max-width: 100%;
max-height: 36rem;
box-shadow: 0 0 0 1px var(--border);
}
.image-uploading {
opacity: 0.5;
animation: rte-upload-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes rte-upload-pulse {
0%, 100% { opacity: 0.5; }
50% { opacity: 0.3; }
}
.image-toolbar {
position: absolute;
top: 0.5rem;
right: 0.5rem;
display: flex;
gap: 1px;
padding: 0.25rem;
background: color-mix(in srgb, black 75%, transparent);
backdrop-filter: blur(8px);
border-radius: var(--radius);
opacity: 0;
transition: opacity 0.15s;
z-index: 1;
}
.image-figure:hover .image-toolbar {
opacity: 1;
}
.image-toolbar button {
display: flex;
align-items: center;
justify-content: center;
width: 1.75rem;
height: 1.75rem;
border-radius: calc(var(--radius) - 2px);
color: white;
transition: background 0.15s;
}
.image-toolbar button:hover {
background: color-mix(in srgb, white 15%, transparent);
}
/* Title editor: minimal ProseMirror for single-line titles */
.title-editor.ProseMirror {
outline: none;
}
.title-editor.ProseMirror p {
margin: 0;
}
/* Placeholder */
.title-editor .is-editor-empty:first-child::before {
content: attr(data-placeholder);
float: left;
color: var(--muted-foreground);
pointer-events: none;
height: 0;
}
/*
* Log-scale markdown for transcript agent text (rendered via RichContent with
* className="transcript-prose"). Structure is preserved; the type scale is
* flattened to the transcript's data-panel rhythm: body caption (12px), mono
* micro (11px),
* headings demoted to body size. Selectors double up with .rich-text-editor
* (the RichContent root) so they outrank the shared base styles regardless of
* CSS load order.
*/
.rich-text-editor.transcript-prose {
font-size: var(--text-caption);
line-height: 1.7;
}
.rich-text-editor.transcript-prose > :first-child {
margin-top: 0;
}
.rich-text-editor.transcript-prose > :last-child {
margin-bottom: 0;
}
.rich-text-editor.transcript-prose p {
margin: 0.25rem 0;
}
.rich-text-editor.transcript-prose ul,
.rich-text-editor.transcript-prose ol {
margin: 0.25rem 0;
padding-left: 1.25rem;
}
.rich-text-editor.transcript-prose li {
margin: 0.1rem 0;
}
/* A transcript is not an article: every heading demotes to emphasized body. */
.rich-text-editor.transcript-prose h1,
.rich-text-editor.transcript-prose h2,
.rich-text-editor.transcript-prose h3,
.rich-text-editor.transcript-prose h4,
.rich-text-editor.transcript-prose h5,
.rich-text-editor.transcript-prose h6 {
font-size: var(--text-caption);
font-weight: 500;
margin: 0.5rem 0 0.15rem;
}
.rich-text-editor.transcript-prose code {
font-size: var(--text-micro);
}
.rich-text-editor.transcript-prose pre,
.rich-text-editor.transcript-prose .code-block-wrapper {
font-size: var(--text-micro);
margin: 0.35rem 0;
}
.rich-text-editor.transcript-prose blockquote {
margin: 0.35rem 0;
font-size: var(--text-caption);
}
/* Large interaction regions share the inset focus treatment defined by
editor/styles/zoom-canvas.css: the indicator stays visible without adding
an outer halo around the containing card. */
.leaderboard-scroll-region {
outline: none;
}
.leaderboard-scroll-region:focus-visible {
outline: 2px solid var(--ring);
outline-offset: -2px;
}
/* inter-cyrillic-ext-wght-normal */
@font-face {
font-family: 'Inter Variable';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format('woff2-variations');
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* inter-cyrillic-wght-normal */
@font-face {
font-family: 'Inter Variable';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(./inter-cyrillic-wght-normal-DqGufNeO.woff2) format('woff2-variations');
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* inter-greek-ext-wght-normal */
@font-face {
font-family: 'Inter Variable';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(./inter-greek-ext-wght-normal-DlzME5K_.woff2) format('woff2-variations');
unicode-range: U+1F00-1FFF;
}
/* inter-greek-wght-normal */
@font-face {
font-family: 'Inter Variable';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(./inter-greek-wght-normal-CkhJZR-_.woff2) format('woff2-variations');
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* inter-vietnamese-wght-normal */
@font-face {
font-family: 'Inter Variable';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2) format('woff2-variations');
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* inter-latin-ext-wght-normal */
@font-face {
font-family: 'Inter Variable';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2) format('woff2-variations');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* inter-latin-wght-normal */
@font-face {
font-family: 'Inter Variable';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(./inter-latin-wght-normal-Dx4kXJAl.woff2) format('woff2-variations');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* inter-cyrillic-ext-wght-italic */
@font-face {
font-family: 'Inter Variable';
font-style: italic;
font-display: swap;
font-weight: 100 900;
src: url(./inter-cyrillic-ext-wght-italic-B5xAaiFk.woff2) format('woff2-variations');
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* inter-cyrillic-wght-italic */
@font-face {
font-family: 'Inter Variable';
font-style: italic;
font-display: swap;
font-weight: 100 900;
src: url(./inter-cyrillic-wght-italic-DzZdc28x.woff2) format('woff2-variations');
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* inter-greek-ext-wght-italic */
@font-face {
font-family: 'Inter Variable';
font-style: italic;
font-display: swap;
font-weight: 100 900;
src: url(./inter-greek-ext-wght-italic-DcOpz6Lw.woff2) format('woff2-variations');
unicode-range: U+1F00-1FFF;
}
/* inter-greek-wght-italic */
@font-face {
font-family: 'Inter Variable';
font-style: italic;
font-display: swap;
font-weight: 100 900;
src: url(./inter-greek-wght-italic-CILZdfAp.woff2) format('woff2-variations');
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* inter-vietnamese-wght-italic */
@font-face {
font-family: 'Inter Variable';
font-style: italic;
font-display: swap;
font-weight: 100 900;
src: url(./inter-vietnamese-wght-italic-K3WlGtc8.woff2) format('woff2-variations');
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* inter-latin-ext-wght-italic */
@font-face {
font-family: 'Inter Variable';
font-style: italic;
font-display: swap;
font-weight: 100 900;
src: url(./inter-latin-ext-wght-italic-0pjOp8NU.woff2) format('woff2-variations');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* inter-latin-wght-italic */
@font-face {
font-family: 'Inter Variable';
font-style: italic;
font-display: swap;
font-weight: 100 900;
src: url(./inter-latin-wght-italic-DpCbqKDY.woff2) format('woff2-variations');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* source-serif-4-cyrillic-ext-wght-normal */
@font-face {
font-family: 'Source Serif 4 Variable';
font-style: normal;
font-display: swap;
font-weight: 200 900;
src: url(./source-serif-4-cyrillic-ext-wght-normal-cHuGMAiY.woff2) format('woff2-variations');
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* source-serif-4-cyrillic-wght-normal */
@font-face {
font-family: 'Source Serif 4 Variable';
font-style: normal;
font-display: swap;
font-weight: 200 900;
src: url(./source-serif-4-cyrillic-wght-normal-DwHjdM4S.woff2) format('woff2-variations');
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* source-serif-4-greek-wght-normal */
@font-face {
font-family: 'Source Serif 4 Variable';
font-style: normal;
font-display: swap;
font-weight: 200 900;
src: url(./source-serif-4-greek-wght-normal-ece1310W.woff2) format('woff2-variations');
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* source-serif-4-vietnamese-wght-normal */
@font-face {
font-family: 'Source Serif 4 Variable';
font-style: normal;
font-display: swap;
font-weight: 200 900;
src: url(./source-serif-4-vietnamese-wght-normal-D-yuW59g.woff2) format('woff2-variations');
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* source-serif-4-latin-ext-wght-normal */
@font-face {
font-family: 'Source Serif 4 Variable';
font-style: normal;
font-display: swap;
font-weight: 200 900;
src: url(./source-serif-4-latin-ext-wght-normal-CxNHBx-q.woff2) format('woff2-variations');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* source-serif-4-latin-wght-normal */
@font-face {
font-family: 'Source Serif 4 Variable';
font-style: normal;
font-display: swap;
font-weight: 200 900;
src: url(./source-serif-4-latin-wght-normal-D9elroTD.woff2) format('woff2-variations');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* source-serif-4-cyrillic-ext-wght-italic */
@font-face {
font-family: 'Source Serif 4 Variable';
font-style: italic;
font-display: swap;
font-weight: 200 900;
src: url(./source-serif-4-cyrillic-ext-wght-italic-BXuSHrjR.woff2) format('woff2-variations');
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* source-serif-4-cyrillic-wght-italic */
@font-face {
font-family: 'Source Serif 4 Variable';
font-style: italic;
font-display: swap;
font-weight: 200 900;
src: url(./source-serif-4-cyrillic-wght-italic-RLIThRd4.woff2) format('woff2-variations');
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* source-serif-4-greek-wght-italic */
@font-face {
font-family: 'Source Serif 4 Variable';
font-style: italic;
font-display: swap;
font-weight: 200 900;
src: url(./source-serif-4-greek-wght-italic-F2ziEGcb.woff2) format('woff2-variations');
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* source-serif-4-vietnamese-wght-italic */
@font-face {
font-family: 'Source Serif 4 Variable';
font-style: italic;
font-display: swap;
font-weight: 200 900;
src: url(./source-serif-4-vietnamese-wght-italic-C3q834ic.woff2) format('woff2-variations');
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* source-serif-4-latin-ext-wght-italic */
@font-face {
font-family: 'Source Serif 4 Variable';
font-style: italic;
font-display: swap;
font-weight: 200 900;
src: url(./source-serif-4-latin-ext-wght-italic-CpkvI5hy.woff2) format('woff2-variations');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* source-serif-4-latin-wght-italic */
@font-face {
font-family: 'Source Serif 4 Variable';
font-style: italic;
font-display: swap;
font-weight: 200 900;
src: url(./source-serif-4-latin-wght-italic-D2yaqPoE.woff2) format('woff2-variations');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* geist-mono-cyrillic-ext-wght-normal */
@font-face {
font-family: 'Geist Mono Variable';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(./geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2) format('woff2-variations');
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* geist-mono-cyrillic-wght-normal */
@font-face {
font-family: 'Geist Mono Variable';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(./geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2) format('woff2-variations');
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* geist-mono-symbols2-wght-normal */
@font-face {
font-family: 'Geist Mono Variable';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(./geist-mono-symbols2-wght-normal-CO5SzqOn.woff2) format('woff2-variations');
unicode-range: U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F;
}
/* geist-mono-vietnamese-wght-normal */
@font-face {
font-family: 'Geist Mono Variable';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(./geist-mono-vietnamese-wght-normal-DadHysG0.woff2) format('woff2-variations');
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* geist-mono-latin-ext-wght-normal */
@font-face {
font-family: 'Geist Mono Variable';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(./geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2) format('woff2-variations');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* geist-mono-latin-wght-normal */
@font-face {
font-family: 'Geist Mono Variable';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(./geist-mono-latin-wght-normal-XN7g48iV.woff2) format('woff2-variations');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties {
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
*, :before, :after, ::backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-space-x-reverse: 0;
--tw-divide-y-reverse: 0;
--tw-border-style: solid;
--tw-gradient-position: initial;
--tw-gradient-from: #0000;
--tw-gradient-via: #0000;
--tw-gradient-to: #0000;
--tw-gradient-stops: initial;
--tw-gradient-via-stops: initial;
--tw-gradient-from-position: 0%;
--tw-gradient-via-position: 50%;
--tw-gradient-to-position: 100%;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-ordinal: initial;
--tw-slashed-zero: initial;
--tw-numeric-figure: initial;
--tw-numeric-spacing: initial;
--tw-numeric-fraction: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-ease: initial;
--tw-content: "";
--tw-divide-x-reverse: 0;
--tw-animation-delay: 0s;
--tw-animation-direction: normal;
--tw-animation-duration: initial;
--tw-animation-fill-mode: none;
--tw-animation-iteration-count: 1;
--tw-enter-blur: 0;
--tw-enter-opacity: 1;
--tw-enter-rotate: 0;
--tw-enter-scale: 1;
--tw-enter-translate-x: 0;
--tw-enter-translate-y: 0;
--tw-exit-blur: 0;
--tw-exit-opacity: 1;
--tw-exit-rotate: 0;
--tw-exit-scale: 1;
--tw-exit-translate-x: 0;
--tw-exit-translate-y: 0;
}
}
}
@layer theme {
:root, :host {
--font-sans: var(--font-sans);
--font-serif: var(--font-serif);
--font-mono: var(--font-mono);
--color-red-50: oklch(97.1% .013 17.38);
--color-red-400: oklch(70.4% .191 22.216);
--color-red-500: oklch(63.7% .237 25.331);
--color-red-700: oklch(50.5% .213 27.518);
--color-red-950: oklch(25.8% .092 26.042);
--color-amber-50: oklch(98.7% .022 95.277);
--color-amber-100: oklch(96.2% .059 95.617);
--color-amber-200: oklch(92.4% .12 95.746);
--color-amber-300: oklch(87.9% .169 91.605);
--color-amber-400: oklch(82.8% .189 84.429);
--color-amber-500: oklch(76.9% .188 70.08);
--color-amber-600: oklch(66.6% .179 58.318);
--color-amber-700: oklch(55.5% .163 48.998);
--color-amber-900: oklch(41.4% .112 45.904);
--color-amber-950: oklch(27.9% .077 45.635);
--color-yellow-50: oklch(98.7% .026 102.212);
--color-yellow-200: oklch(94.5% .129 101.54);
--color-yellow-400: oklch(85.2% .199 91.936);
--color-yellow-600: oklch(68.1% .162 75.834);
--color-yellow-700: oklch(55.4% .135 66.442);
--color-yellow-900: oklch(42.1% .095 57.708);
--color-yellow-950: oklch(28.6% .066 53.813);
--color-green-50: oklch(98.2% .018 155.826);
--color-green-400: oklch(79.2% .209 151.711);
--color-green-500: oklch(72.3% .219 149.579);
--color-green-600: oklch(62.7% .194 149.214);
--color-green-700: oklch(52.7% .154 150.069);
--color-green-950: oklch(26.6% .065 152.934);
--color-emerald-400: oklch(76.5% .177 163.223);
--color-emerald-500: oklch(69.6% .17 162.48);
--color-emerald-600: oklch(59.6% .145 163.225);
--color-emerald-700: oklch(50.8% .118 165.612);
--color-blue-50: oklch(97% .014 254.604);
--color-blue-400: oklch(70.7% .165 254.624);
--color-blue-500: oklch(62.3% .214 259.815);
--color-blue-600: oklch(54.6% .245 262.881);
--color-blue-700: oklch(48.8% .243 264.376);
--color-blue-950: oklch(28.2% .091 267.935);
--color-violet-400: oklch(70.2% .183 293.541);
--color-violet-600: oklch(54.1% .281 293.009);
--color-violet-700: oklch(49.1% .27 292.581);
--color-rose-400: oklch(71.2% .194 13.428);
--color-rose-600: oklch(58.6% .253 17.585);
--color-rose-700: oklch(51.4% .222 16.935);
--color-neutral-900: oklch(20.5% 0 0);
--color-black: #000;
--color-white: #fff;
--spacing: .25rem;
--container-xs: 20rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-lg: 32rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-4xl: 56rem;
--container-5xl: 64rem;
--container-6xl: 72rem;
--text-xs: .75rem;
--text-xs--line-height: calc(1 / .75);
--text-sm: .875rem;
--text-sm--line-height: calc(1.25 / .875);
--text-base: 1rem;
--text-base--line-height: calc(1.5 / 1);
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--text-6xl: 3.75rem;
--text-6xl--line-height: 1;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--tracking-tight: -.025em;
--tracking-normal: 0em;
--tracking-wide: .025em;
--tracking-wider: .05em;
--tracking-widest: .1em;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-normal: 1.5;
--leading-relaxed: 1.625;
--radius-md: calc(var(--radius) * .75);
--ease-out: cubic-bezier(0, 0, .2, 1);
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--animate-spin: spin 1s linear infinite;
--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
--blur-xs: 4px;
--blur-sm: 8px;
--blur-xl: 24px;
--aspect-video: 16 / 9;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--color-sidebar-border: var(--sidebar-border);
--color-sidebar-accent: var(--sidebar-accent);
--color-chart-4: var(--chart-4);
--color-chart-3: var(--chart-3);
--color-chart-2: var(--chart-2);
--color-chart-1: var(--chart-1);
--color-input: var(--input);
--color-border: var(--border);
--color-destructive: var(--destructive);
--color-brand: var(--brand);
--color-muted-foreground: var(--muted-foreground);
--color-muted: var(--muted);
--color-foreground: var(--foreground);
--text-micro: 11px;
--text-micro--line-height: 15px;
--text-caption: 12px;
--text-caption--line-height: 16px;
--text-label: 13px;
--text-label--line-height: 18px;
--text-body: 14px;
--text-body--line-height: 20px;
--text-body-lg: 15px;
--text-body-lg--line-height: 22px;
--text-title-sm: 16px;
--text-title-sm--line-height: 24px;
--text-title: 18px;
--text-title--line-height: 28px;
--text-title-lg: 20px;
--text-title-lg--line-height: 28px;
--text-display-sm: 24px;
--text-display-sm--line-height: 32px;
--text-display: 36px;
--text-display--line-height: 40px;
}
}
@layer base {
*, :after, :before, ::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
::file-selector-button {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
html, :host {
-webkit-text-size-adjust: 100%;
tab-size: 4;
line-height: 1.5;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
-webkit-text-decoration: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
vertical-align: middle;
display: block;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit {
padding-block: 0;
}
::-webkit-datetime-edit-year-field {
padding-block: 0;
}
::-webkit-datetime-edit-month-field {
padding-block: 0;
}
::-webkit-datetime-edit-day-field {
padding-block: 0;
}
::-webkit-datetime-edit-hour-field {
padding-block: 0;
}
::-webkit-datetime-edit-minute-field {
padding-block: 0;
}
::-webkit-datetime-edit-second-field {
padding-block: 0;
}
::-webkit-datetime-edit-millisecond-field {
padding-block: 0;
}
::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]) {
appearance: button;
}
::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button {
height: auto;
}
::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
* {
border-color: var(--border);
outline-color: var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
* {
outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
* {
scrollbar-width: thin;
scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
background: var(--scrollbar-track);
}
::-webkit-scrollbar-thumb {
background: var(--scrollbar-thumb);
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: var(--scrollbar-thumb-hover);
}
body {
background-color: var(--background);
color: var(--foreground);
}
html {
font-family: var(--font-sans);
text-autospace: ideograph-alpha ideograph-numeric;
font-synthesis: style;
}
@media (max-width: 767px), (pointer: coarse) {
input:not([type="button"]):not([type="checkbox"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not([type="image"]):not([type="radio"]):not([type="range"]):not([type="reset"]):not([type="submit"]), textarea, select, [contenteditable]:not([contenteditable="false"]) {
font-size: 16px !important;
}
}
}
@layer components;
@layer utilities {
.\@container\/card-header {
container: card-header / inline-size;
}
.\@container\/execution-log {
container: execution-log / inline-size;
}
.\@container\/field-group {
container: field-group / inline-size;
}
.\@container\/run {
container: run / inline-size;
}
.\@container {
container-type: inline-size;
}
.pointer-events-auto {
pointer-events: auto;
}
.pointer-events-none {
pointer-events: none;
}
.collapse {
visibility: collapse;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
.sr-only {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: calc(var(--spacing) * 0);
}
.inset-\[3px\] {
inset: 3px;
}
.inset-x-0 {
inset-inline: calc(var(--spacing) * 0);
}
.inset-x-0\.5 {
inset-inline: calc(var(--spacing) * .5);
}
.inset-y-0 {
inset-block: calc(var(--spacing) * 0);
}
.inset-y-0\.5 {
inset-block: calc(var(--spacing) * .5);
}
.\!start {
inset-inline-start: var(--spacing) !important;
}
.start {
inset-inline-start: var(--spacing);
}
.end {
inset-inline-end: var(--spacing);
}
.\!top-1\/2 {
top: 50% !important;
}
.-top-0\.5 {
top: calc(var(--spacing) * -.5);
}
.-top-1\.5 {
top: calc(var(--spacing) * -1.5);
}
.top-0 {
top: calc(var(--spacing) * 0);
}
.top-0\.5 {
top: calc(var(--spacing) * .5);
}
.top-1 {
top: calc(var(--spacing) * 1);
}
.top-1\.5 {
top: calc(var(--spacing) * 1.5);
}
.top-1\/2 {
top: 50%;
}
.top-1\/3 {
top: 33.3333%;
}
.top-2 {
top: calc(var(--spacing) * 2);
}
.top-2\.5 {
top: calc(var(--spacing) * 2.5);
}
.top-3 {
top: calc(var(--spacing) * 3);
}
.top-3\.5 {
top: calc(var(--spacing) * 3.5);
}
.top-4 {
top: calc(var(--spacing) * 4);
}
.top-6 {
top: calc(var(--spacing) * 6);
}
.top-8 {
top: calc(var(--spacing) * 8);
}
.top-12 {
top: calc(var(--spacing) * 12);
}
.top-14 {
top: calc(var(--spacing) * 14);
}
.top-16 {
top: calc(var(--spacing) * 16);
}
.top-\[20\%\] {
top: 20%;
}
.-right-0\.5 {
right: calc(var(--spacing) * -.5);
}
.-right-1\.5 {
right: calc(var(--spacing) * -1.5);
}
.right-0 {
right: calc(var(--spacing) * 0);
}
.right-0\.5 {
right: calc(var(--spacing) * .5);
}
.right-1 {
right: calc(var(--spacing) * 1);
}
.right-1\.5 {
right: calc(var(--spacing) * 1.5);
}
.right-2 {
right: calc(var(--spacing) * 2);
}
.right-3 {
right: calc(var(--spacing) * 3);
}
.right-4 {
right: calc(var(--spacing) * 4);
}
.right-8 {
right: calc(var(--spacing) * 8);
}
.right-10 {
right: calc(var(--spacing) * 10);
}
.right-12 {
right: calc(var(--spacing) * 12);
}
.right-24 {
right: calc(var(--spacing) * 24);
}
.right-28 {
right: calc(var(--spacing) * 28);
}
.right-\[var\(--chat-launcher-inset\)\] {
right: var(--chat-launcher-inset);
}
.-bottom-0\.5 {
bottom: calc(var(--spacing) * -.5);
}
.above-chat-launcher {
bottom: calc(var(--chat-launcher-clearance) + var(--chat-launcher-inset));
}
.bottom-0 {
bottom: calc(var(--spacing) * 0);
}
.bottom-1 {
bottom: calc(var(--spacing) * 1);
}
.bottom-1\.5 {
bottom: calc(var(--spacing) * 1.5);
}
.bottom-2\.5 {
bottom: calc(var(--spacing) * 2.5);
}
.bottom-3 {
bottom: calc(var(--spacing) * 3);
}
.bottom-4 {
bottom: calc(var(--spacing) * 4);
}
.bottom-5 {
bottom: calc(var(--spacing) * 5);
}
.bottom-6 {
bottom: calc(var(--spacing) * 6);
}
.bottom-\[var\(--chat-launcher-inset\)\] {
bottom: var(--chat-launcher-inset);
}
.\!left-1\/2 {
left: 50% !important;
}
.left-0 {
left: calc(var(--spacing) * 0);
}
.left-1 {
left: calc(var(--spacing) * 1);
}
.left-1\.5 {
left: calc(var(--spacing) * 1.5);
}
.left-1\/2 {
left: 50%;
}
.left-2 {
left: calc(var(--spacing) * 2);
}
.left-2\.5 {
left: calc(var(--spacing) * 2.5);
}
.left-3 {
left: calc(var(--spacing) * 3);
}
.left-4 {
left: calc(var(--spacing) * 4);
}
.left-12 {
left: calc(var(--spacing) * 12);
}
.isolate {
isolation: isolate;
}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-50 {
z-index: 50;
}
.z-\[1\] {
z-index: 1;
}
.-order-1 {
order: calc(1 * -1);
}
.order-first {
order: -9999;
}
.order-last {
order: 9999;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-full {
grid-column: 1 / -1;
}
.col-start-1 {
grid-column-start: 1;
}
.col-start-2 {
grid-column-start: 2;
}
.row-span-2 {
grid-row: span 2 / span 2;
}
.row-start-1 {
grid-row-start: 1;
}
.row-start-2 {
grid-row-start: 2;
}
.\!container {
width: 100% !important;
}
@media (min-width: 40rem) {
.\!container {
max-width: 40rem !important;
}
}
@media (min-width: 48rem) {
.\!container {
max-width: 48rem !important;
}
}
@media (min-width: 64rem) {
.\!container {
max-width: 64rem !important;
}
}
@media (min-width: 80rem) {
.\!container {
max-width: 80rem !important;
}
}
@media (min-width: 96rem) {
.\!container {
max-width: 96rem !important;
}
}
.container {
width: 100%;
}
@media (min-width: 40rem) {
.container {
max-width: 40rem;
}
}
@media (min-width: 48rem) {
.container {
max-width: 48rem;
}
}
@media (min-width: 64rem) {
.container {
max-width: 64rem;
}
}
@media (min-width: 80rem) {
.container {
max-width: 80rem;
}
}
@media (min-width: 96rem) {
.container {
max-width: 96rem;
}
}
.\!m-0 {
margin: calc(var(--spacing) * 0) !important;
}
.-m-1\.5 {
margin: calc(var(--spacing) * -1.5);
}
.m-0 {
margin: calc(var(--spacing) * 0);
}
.m-0\.5 {
margin: calc(var(--spacing) * .5);
}
.m-auto {
margin: auto;
}
.-mx-1 {
margin-inline: calc(var(--spacing) * -1);
}
.-mx-1\.5 {
margin-inline: calc(var(--spacing) * -1.5);
}
.-mx-2 {
margin-inline: calc(var(--spacing) * -2);
}
.-mx-4 {
margin-inline: calc(var(--spacing) * -4);
}
.mx-0\.5 {
margin-inline: calc(var(--spacing) * .5);
}
.mx-1 {
margin-inline: calc(var(--spacing) * 1);
}
.mx-1\.5 {
margin-inline: calc(var(--spacing) * 1.5);
}
.mx-2 {
margin-inline: calc(var(--spacing) * 2);
}
.mx-3 {
margin-inline: calc(var(--spacing) * 3);
}
.mx-3\.5 {
margin-inline: calc(var(--spacing) * 3.5);
}
.mx-4 {
margin-inline: calc(var(--spacing) * 4);
}
.mx-5 {
margin-inline: calc(var(--spacing) * 5);
}
.mx-auto {
margin-inline: auto;
}
.-my-1 {
margin-block: calc(var(--spacing) * -1);
}
.-my-2 {
margin-block: calc(var(--spacing) * -2);
}
.my-0 {
margin-block: calc(var(--spacing) * 0);
}
.my-0\.5 {
margin-block: calc(var(--spacing) * .5);
}
.my-1 {
margin-block: calc(var(--spacing) * 1);
}
.my-1\.5 {
margin-block: calc(var(--spacing) * 1.5);
}
.my-2 {
margin-block: calc(var(--spacing) * 2);
}
.my-3 {
margin-block: calc(var(--spacing) * 3);
}
.my-4 {
margin-block: calc(var(--spacing) * 4);
}
.my-5 {
margin-block: calc(var(--spacing) * 5);
}
.my-6 {
margin-block: calc(var(--spacing) * 6);
}
.my-8 {
margin-block: calc(var(--spacing) * 8);
}
.mt-0 {
margin-top: calc(var(--spacing) * 0);
}
.mt-0\.5 {
margin-top: calc(var(--spacing) * .5);
}
.mt-1 {
margin-top: calc(var(--spacing) * 1);
}
.mt-1\.5 {
margin-top: calc(var(--spacing) * 1.5);
}
.mt-2 {
margin-top: calc(var(--spacing) * 2);
}
.mt-2\.5 {
margin-top: calc(var(--spacing) * 2.5);
}
.mt-3 {
margin-top: calc(var(--spacing) * 3);
}
.mt-3\.5 {
margin-top: calc(var(--spacing) * 3.5);
}
.mt-4 {
margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
margin-top: calc(var(--spacing) * 6);
}
.mt-7 {
margin-top: calc(var(--spacing) * 7);
}
.mt-8 {
margin-top: calc(var(--spacing) * 8);
}
.mt-9 {
margin-top: calc(var(--spacing) * 9);
}
.mt-10 {
margin-top: calc(var(--spacing) * 10);
}
.mt-\[9px\] {
margin-top: 9px;
}
.mt-auto {
margin-top: auto;
}
.mt-px {
margin-top: 1px;
}
.-mr-1 {
margin-right: calc(var(--spacing) * -1);
}
.-mr-1\.5 {
margin-right: calc(var(--spacing) * -1.5);
}
.-mr-2 {
margin-right: calc(var(--spacing) * -2);
}
.mr-0\.5 {
margin-right: calc(var(--spacing) * .5);
}
.mr-1 {
margin-right: calc(var(--spacing) * 1);
}
.mr-1\.5 {
margin-right: calc(var(--spacing) * 1.5);
}
.mr-2 {
margin-right: calc(var(--spacing) * 2);
}
.mr-auto {
margin-right: auto;
}
.-mb-3 {
margin-bottom: calc(var(--spacing) * -3);
}
.-mb-4 {
margin-bottom: calc(var(--spacing) * -4);
}
.mb-0\.5 {
margin-bottom: calc(var(--spacing) * .5);
}
.mb-1 {
margin-bottom: calc(var(--spacing) * 1);
}
.mb-1\.5 {
margin-bottom: calc(var(--spacing) * 1.5);
}
.mb-2 {
margin-bottom: calc(var(--spacing) * 2);
}
.mb-2\.5 {
margin-bottom: calc(var(--spacing) * 2.5);
}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
margin-bottom: calc(var(--spacing) * 6);
}
.-ml-1 {
margin-left: calc(var(--spacing) * -1);
}
.-ml-1\.5 {
margin-left: calc(var(--spacing) * -1.5);
}
.-ml-2 {
margin-left: calc(var(--spacing) * -2);
}
.ml-0\.5 {
margin-left: calc(var(--spacing) * .5);
}
.ml-1 {
margin-left: calc(var(--spacing) * 1);
}
.ml-1\.5 {
margin-left: calc(var(--spacing) * 1.5);
}
.ml-2 {
margin-left: calc(var(--spacing) * 2);
}
.ml-3 {
margin-left: calc(var(--spacing) * 3);
}
.ml-4 {
margin-left: calc(var(--spacing) * 4);
}
.ml-5 {
margin-left: calc(var(--spacing) * 5);
}
.ml-7 {
margin-left: calc(var(--spacing) * 7);
}
.ml-\[4\.4rem\] {
margin-left: 4.4rem;
}
.ml-\[7px\] {
margin-left: 7px;
}
.ml-\[18px\] {
margin-left: 18px;
}
.ml-auto {
margin-left: auto;
}
.line-clamp-1 {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.line-clamp-2 {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.line-clamp-4 {
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.no-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
display: none;
}
.block {
display: block;
}
.contents {
display: contents;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.inline-grid {
display: inline-grid;
}
.list-item {
display: list-item;
}
.table {
display: table;
}
.table-caption {
display: table-caption;
}
.table-cell {
display: table-cell;
}
.table-row {
display: table-row;
}
.field-sizing-content {
field-sizing: content;
}
.aspect-\[3\/1\] {
aspect-ratio: 3;
}
.aspect-\[4\/3\] {
aspect-ratio: 4 / 3;
}
.aspect-\[16\/10\] {
aspect-ratio: 16 / 10;
}
.aspect-square {
aspect-ratio: 1;
}
.aspect-video {
aspect-ratio: var(--aspect-video);
}
.\!size-3 {
width: calc(var(--spacing) * 3) !important;
height: calc(var(--spacing) * 3) !important;
}
.\!size-3\.5 {
width: calc(var(--spacing) * 3.5) !important;
height: calc(var(--spacing) * 3.5) !important;
}
.size-\(--cell-size\) {
width: var(--cell-size);
height: var(--cell-size);
}
.size-1 {
width: calc(var(--spacing) * 1);
height: calc(var(--spacing) * 1);
}
.size-1\.5 {
width: calc(var(--spacing) * 1.5);
height: calc(var(--spacing) * 1.5);
}
.size-2 {
width: calc(var(--spacing) * 2);
height: calc(var(--spacing) * 2);
}
.size-2\.5 {
width: calc(var(--spacing) * 2.5);
height: calc(var(--spacing) * 2.5);
}
.size-3 {
width: calc(var(--spacing) * 3);
height: calc(var(--spacing) * 3);
}
.size-3\.5 {
width: calc(var(--spacing) * 3.5);
height: calc(var(--spacing) * 3.5);
}
.size-4 {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.size-4\.5 {
width: calc(var(--spacing) * 4.5);
height: calc(var(--spacing) * 4.5);
}
.size-5 {
width: calc(var(--spacing) * 5);
height: calc(var(--spacing) * 5);
}
.size-6 {
width: calc(var(--spacing) * 6);
height: calc(var(--spacing) * 6);
}
.size-7 {
width: calc(var(--spacing) * 7);
height: calc(var(--spacing) * 7);
}
.size-8 {
width: calc(var(--spacing) * 8);
height: calc(var(--spacing) * 8);
}
.size-9 {
width: calc(var(--spacing) * 9);
height: calc(var(--spacing) * 9);
}
.size-10 {
width: calc(var(--spacing) * 10);
height: calc(var(--spacing) * 10);
}
.size-11 {
width: calc(var(--spacing) * 11);
height: calc(var(--spacing) * 11);
}
.size-12 {
width: calc(var(--spacing) * 12);
height: calc(var(--spacing) * 12);
}
.size-14 {
width: calc(var(--spacing) * 14);
height: calc(var(--spacing) * 14);
}
.size-\[1em\] {
width: 1em;
height: 1em;
}
.size-\[18px\] {
width: 18px;
height: 18px;
}
.size-\[30px\] {
width: 30px;
height: 30px;
}
.size-\[34px\] {
width: 34px;
height: 34px;
}
.size-\[var\(--chat-launcher-size\)\] {
width: var(--chat-launcher-size);
height: var(--chat-launcher-size);
}
.size-auto {
width: auto;
height: auto;
}
.size-full {
width: 100%;
height: 100%;
}
.\!h-5\/6 {
height: 83.3333% !important;
}
.\!h-96 {
height: calc(var(--spacing) * 96) !important;
}
.\!h-\[28rem\] {
height: 28rem !important;
}
.\!h-\[85vh\] {
height: 85vh !important;
}
.\!h-\[calc\(100vh-3rem\)\] {
height: calc(100vh - 3rem) !important;
}
.\!h-\[calc\(100vh-4rem\)\] {
height: calc(100vh - 4rem) !important;
}
.\!h-\[min\(56rem\,calc\(100dvh-4rem\)\)\] {
height: min(56rem, 100dvh - 4rem) !important;
}
.\!h-\[min\(90dvh\,calc\(100dvh-2rem\)\)\] {
height: min(90dvh, 100dvh - 2rem) !important;
}
.\!h-\[min\(90vh\,calc\(100vh-2rem\)\)\] {
height: min(90vh, 100vh - 2rem) !important;
}
.\!h-\[min\(600px\,85vh\)\] {
height: min(600px, 85vh) !important;
}
.\!h-\[min\(720px\,calc\(100vh-4rem\)\)\] {
height: min(720px, 100vh - 4rem) !important;
}
.\!h-auto {
height: auto !important;
}
.h-\(--cell-size\) {
height: var(--cell-size);
}
.h-\(--collapsible-panel-height\) {
height: var(--collapsible-panel-height);
}
.h-0\.5 {
height: calc(var(--spacing) * .5);
}
.h-1 {
height: calc(var(--spacing) * 1);
}
.h-1\.5 {
height: calc(var(--spacing) * 1.5);
}
.h-2 {
height: calc(var(--spacing) * 2);
}
.h-2\.5 {
height: calc(var(--spacing) * 2.5);
}
.h-3 {
height: calc(var(--spacing) * 3);
}
.h-3\.5 {
height: calc(var(--spacing) * 3.5);
}
.h-4 {
height: calc(var(--spacing) * 4);
}
.h-4\.5 {
height: calc(var(--spacing) * 4.5);
}
.h-5 {
height: calc(var(--spacing) * 5);
}
.h-6 {
height: calc(var(--spacing) * 6);
}
.h-6\.5 {
height: calc(var(--spacing) * 6.5);
}
.h-7 {
height: calc(var(--spacing) * 7);
}
.h-8 {
height: calc(var(--spacing) * 8);
}
.h-8\! {
height: calc(var(--spacing) * 8) !important;
}
.h-9 {
height: calc(var(--spacing) * 9);
}
.h-10 {
height: calc(var(--spacing) * 10);
}
.h-11 {
height: calc(var(--spacing) * 11);
}
.h-12 {
height: calc(var(--spacing) * 12);
}
.h-14 {
height: calc(var(--spacing) * 14);
}
.h-16 {
height: calc(var(--spacing) * 16);
}
.h-20 {
height: calc(var(--spacing) * 20);
}
.h-24 {
height: calc(var(--spacing) * 24);
}
.h-26 {
height: calc(var(--spacing) * 26);
}
.h-28 {
height: calc(var(--spacing) * 28);
}
.h-32 {
height: calc(var(--spacing) * 32);
}
.h-36 {
height: calc(var(--spacing) * 36);
}
.h-40 {
height: calc(var(--spacing) * 40);
}
.h-48 {
height: calc(var(--spacing) * 48);
}
.h-56 {
height: calc(var(--spacing) * 56);
}
.h-64 {
height: calc(var(--spacing) * 64);
}
.h-96 {
height: calc(var(--spacing) * 96);
}
.h-\[1lh\] {
height: 1lh;
}
.h-\[10px\] {
height: 10px;
}
.h-\[15px\] {
height: 15px;
}
.h-\[18px\] {
height: 18px;
}
.h-\[22px\] {
height: 22px;
}
.h-\[32rem\] {
height: 32rem;
}
.h-\[53\%\] {
height: 53%;
}
.h-\[60vh\] {
height: 60vh;
}
.h-\[70vh\] {
height: 70vh;
}
.h-\[76px\] {
height: 76px;
}
.h-\[85dvh\] {
height: 85dvh;
}
.h-\[85vh\] {
height: 85vh;
}
.h-\[480px\] {
height: 480px;
}
.h-\[calc\(100\%\+1rem\)\] {
height: calc(100% + 1rem);
}
.h-\[calc\(100\%-1px\)\] {
height: calc(100% - 1px);
}
.h-\[calc\(100dvh-2rem\)\] {
height: calc(100dvh - 2rem);
}
.h-\[min\(82dvh\,56rem\)\] {
height: min(82dvh, 56rem);
}
.h-auto {
height: auto;
}
.h-dvh {
height: 100dvh;
}
.h-full {
height: 100%;
}
.h-lh {
height: 1lh;
}
.h-px {
height: 1px;
}
.h-screen {
height: 100vh;
}
.h-svh {
height: 100svh;
}
.\!max-h-\[80dvh\] {
max-height: 80dvh !important;
}
.\!max-h-\[85vh\] {
max-height: 85vh !important;
}
.\!max-h-\[calc\(100vh-4rem\)\] {
max-height: calc(100vh - 4rem) !important;
}
.max-h-\(--available-height\) {
max-height: var(--available-height);
}
.max-h-28 {
max-height: calc(var(--spacing) * 28);
}
.max-h-32 {
max-height: calc(var(--spacing) * 32);
}
.max-h-40 {
max-height: calc(var(--spacing) * 40);
}
.max-h-48 {
max-height: calc(var(--spacing) * 48);
}
.max-h-52 {
max-height: calc(var(--spacing) * 52);
}
.max-h-60 {
max-height: calc(var(--spacing) * 60);
}
.max-h-64 {
max-height: calc(var(--spacing) * 64);
}
.max-h-72 {
max-height: calc(var(--spacing) * 72);
}
.max-h-80 {
max-height: calc(var(--spacing) * 80);
}
.max-h-96 {
max-height: calc(var(--spacing) * 96);
}
.max-h-\[30dvh\] {
max-height: 30dvh;
}
.max-h-\[40vh\] {
max-height: 40vh;
}
.max-h-\[45dvh\] {
max-height: 45dvh;
}
.max-h-\[50\%\] {
max-height: 50%;
}
.max-h-\[60vh\] {
max-height: 60vh;
}
.max-h-\[70dvh\] {
max-height: 70dvh;
}
.max-h-\[80vh\] {
max-height: 80vh;
}
.max-h-\[85dvh\] {
max-height: 85dvh;
}
.max-h-\[85svh\] {
max-height: 85svh;
}
.max-h-\[85vh\] {
max-height: 85vh;
}
.max-h-\[88vh\] {
max-height: 88vh;
}
.max-h-\[240px\] {
max-height: 240px;
}
.max-h-\[320px\] {
max-height: 320px;
}
.max-h-\[410px\] {
max-height: 410px;
}
.max-h-\[calc\(4lh\+0\.75rem\)\] {
max-height: calc(4lh + .75rem);
}
.max-h-\[calc\(100\%-3rem\)\] {
max-height: calc(100% - 3rem);
}
.max-h-\[calc\(100dvh-2rem\)\] {
max-height: calc(100dvh - 2rem);
}
.max-h-\[min\(300px\,var\(--suggestion-available-height\,300px\)\)\] {
max-height: min(300px, var(--suggestion-available-height, 300px));
}
.max-h-\[min\(400px\,50vh\)\] {
max-height: min(400px, 50vh);
}
.max-h-\[min\(420px\,var\(--suggestion-available-height\,420px\)\)\] {
max-height: min(420px, var(--suggestion-available-height, 420px));
}
.max-h-full {
max-height: 100%;
}
.max-h-none {
max-height: none;
}
.min-h-0 {
min-height: calc(var(--spacing) * 0);
}
.min-h-1 {
min-height: calc(var(--spacing) * 1);
}
.min-h-3 {
min-height: calc(var(--spacing) * 3);
}
.min-h-7 {
min-height: calc(var(--spacing) * 7);
}
.min-h-8 {
min-height: calc(var(--spacing) * 8);
}
.min-h-9 {
min-height: calc(var(--spacing) * 9);
}
.min-h-10 {
min-height: calc(var(--spacing) * 10);
}
.min-h-11 {
min-height: calc(var(--spacing) * 11);
}
.min-h-12 {
min-height: calc(var(--spacing) * 12);
}
.min-h-14 {
min-height: calc(var(--spacing) * 14);
}
.min-h-16 {
min-height: calc(var(--spacing) * 16);
}
.min-h-28 {
min-height: calc(var(--spacing) * 28);
}
.min-h-44 {
min-height: calc(var(--spacing) * 44);
}
.min-h-48 {
min-height: calc(var(--spacing) * 48);
}
.min-h-56 {
min-height: calc(var(--spacing) * 56);
}
.min-h-72 {
min-height: calc(var(--spacing) * 72);
}
.min-h-96 {
min-height: calc(var(--spacing) * 96);
}
.min-h-\[5px\] {
min-height: 5px;
}
.min-h-\[12rem\] {
min-height: 12rem;
}
.min-h-\[20rem\] {
min-height: 20rem;
}
.min-h-\[32rem\] {
min-height: 32rem;
}
.min-h-\[60vh\] {
min-height: 60vh;
}
.min-h-\[120px\] {
min-height: 120px;
}
.min-h-\[140px\] {
min-height: 140px;
}
.min-h-\[160px\] {
min-height: 160px;
}
.min-h-\[200px\] {
min-height: 200px;
}
.min-h-\[240px\] {
min-height: 240px;
}
.min-h-\[260px\] {
min-height: 260px;
}
.min-h-\[620px\] {
min-height: 620px;
}
.min-h-\[640px\] {
min-height: 640px;
}
.min-h-dvh {
min-height: 100dvh;
}
.min-h-full {
min-height: 100%;
}
.min-h-screen {
min-height: 100vh;
}
.min-h-svh {
min-height: 100svh;
}
.\!w-\[calc\(100vw-2rem\)\] {
width: calc(100vw - 2rem) !important;
}
.\!w-\[calc\(100vw-3rem\)\] {
width: calc(100vw - 3rem) !important;
}
.\!w-\[calc\(100vw-4rem\)\] {
width: calc(100vw - 4rem) !important;
}
.\!w-full {
width: 100% !important;
}
.w-\(--anchor-width\) {
width: var(--anchor-width);
}
.w-\(--cell-size\) {
width: var(--cell-size);
}
.w-\(--sidebar-width\) {
width: var(--sidebar-width);
}
.w-0 {
width: calc(var(--spacing) * 0);
}
.w-0\.5 {
width: calc(var(--spacing) * .5);
}
.w-1 {
width: calc(var(--spacing) * 1);
}
.w-1\.5 {
width: calc(var(--spacing) * 1.5);
}
.w-1\/2 {
width: 50%;
}
.w-1\/3 {
width: 33.3333%;
}
.w-1\/4 {
width: 25%;
}
.w-2 {
width: calc(var(--spacing) * 2);
}
.w-2\.5 {
width: calc(var(--spacing) * 2.5);
}
.w-2\/3 {
width: 66.6667%;
}
.w-2\/5 {
width: 40%;
}
.w-3 {
width: calc(var(--spacing) * 3);
}
.w-3\.5 {
width: calc(var(--spacing) * 3.5);
}
.w-3\/4 {
width: 75%;
}
.w-3\/5 {
width: 60%;
}
.w-4 {
width: calc(var(--spacing) * 4);
}
.w-4\/5 {
width: 80%;
}
.w-4\/6 {
width: 66.6667%;
}
.w-5 {
width: calc(var(--spacing) * 5);
}
.w-5\/6 {
width: 83.3333%;
}
.w-6 {
width: calc(var(--spacing) * 6);
}
.w-6\.5 {
width: calc(var(--spacing) * 6.5);
}
.w-7 {
width: calc(var(--spacing) * 7);
}
.w-8 {
width: calc(var(--spacing) * 8);
}
.w-9 {
width: calc(var(--spacing) * 9);
}
.w-10 {
width: calc(var(--spacing) * 10);
}
.w-11 {
width: calc(var(--spacing) * 11);
}
.w-12 {
width: calc(var(--spacing) * 12);
}
.w-14 {
width: calc(var(--spacing) * 14);
}
.w-16 {
width: calc(var(--spacing) * 16);
}
.w-20 {
width: calc(var(--spacing) * 20);
}
.w-24 {
width: calc(var(--spacing) * 24);
}
.w-28 {
width: calc(var(--spacing) * 28);
}
.w-32 {
width: calc(var(--spacing) * 32);
}
.w-36 {
width: calc(var(--spacing) * 36);
}
.w-40 {
width: calc(var(--spacing) * 40);
}
.w-43 {
width: calc(var(--spacing) * 43);
}
.w-44 {
width: calc(var(--spacing) * 44);
}
.w-45 {
width: calc(var(--spacing) * 45);
}
.w-48 {
width: calc(var(--spacing) * 48);
}
.w-49 {
width: calc(var(--spacing) * 49);
}
.w-52 {
width: calc(var(--spacing) * 52);
}
.w-56 {
width: calc(var(--spacing) * 56);
}
.w-60 {
width: calc(var(--spacing) * 60);
}
.w-64 {
width: calc(var(--spacing) * 64);
}
.w-72 {
width: calc(var(--spacing) * 72);
}
.w-80 {
width: calc(var(--spacing) * 80);
}
.w-96 {
width: calc(var(--spacing) * 96);
}
.w-\[10px\] {
width: 10px;
}
.w-\[15px\] {
width: 15px;
}
.w-\[15rem\] {
width: 15rem;
}
.w-\[18px\] {
width: 18px;
}
.w-\[22px\] {
width: 22px;
}
.w-\[26rem\] {
width: 26rem;
}
.w-\[38\%\] {
width: 38%;
}
.w-\[40\%\] {
width: 40%;
}
.w-\[240px\] {
width: 240px;
}
.w-\[280px\] {
width: 280px;
}
.w-\[320px\] {
width: 320px;
}
.w-\[360px\] {
width: 360px;
}
.w-\[420px\] {
width: 420px;
}
.w-\[calc\(100\%\+0\.5rem\)\] {
width: calc(100% + .5rem);
}
.w-\[calc\(100\%\+1rem\)\] {
width: calc(100% + 1rem);
}
.w-\[calc\(100vw-2rem\)\] {
width: calc(100vw - 2rem);
}
.w-\[min\(var\(--issue-peek-width\)\,calc\(100\%-1rem\)\)\] {
width: min(var(--issue-peek-width), calc(100% - 1rem));
}
.w-\[var\(--anchor-width\)\] {
width: var(--anchor-width);
}
.w-auto {
width: auto;
}
.w-fit {
width: fit-content;
}
.w-full {
width: 100%;
}
.w-max {
width: max-content;
}
.w-px {
width: 1px;
}
.w-screen {
width: 100vw;
}
.\!max-w-2xl {
max-width: var(--container-2xl) !important;
}
.\!max-w-4xl {
max-width: var(--container-4xl) !important;
}
.\!max-w-5xl {
max-width: var(--container-5xl) !important;
}
.\!max-w-6xl {
max-width: var(--container-6xl) !important;
}
.\!max-w-\[440px\] {
max-width: 440px !important;
}
.\!max-w-\[640px\] {
max-width: 640px !important;
}
.\!max-w-\[1200px\] {
max-width: 1200px !important;
}
.\!max-w-\[1600px\] {
max-width: 1600px !important;
}
.\!max-w-\[calc\(100vw-1\.5rem\)\] {
max-width: calc(100vw - 1.5rem) !important;
}
.\!max-w-\[calc\(100vw-2rem\)\] {
max-width: calc(100vw - 2rem) !important;
}
.\!max-w-md {
max-width: var(--container-md) !important;
}
.max-w-\(--skeleton-width\) {
max-width: var(--skeleton-width);
}
.max-w-0 {
max-width: calc(var(--spacing) * 0);
}
.max-w-2xl {
max-width: var(--container-2xl);
}
.max-w-3xl {
max-width: var(--container-3xl);
}
.max-w-4xl {
max-width: var(--container-4xl);
}
.max-w-5xl {
max-width: var(--container-5xl);
}
.max-w-6xl {
max-width: var(--container-6xl);
}
.max-w-24 {
max-width: calc(var(--spacing) * 24);
}
.max-w-28 {
max-width: calc(var(--spacing) * 28);
}
.max-w-32 {
max-width: calc(var(--spacing) * 32);
}
.max-w-36 {
max-width: calc(var(--spacing) * 36);
}
.max-w-40 {
max-width: calc(var(--spacing) * 40);
}
.max-w-44 {
max-width: calc(var(--spacing) * 44);
}
.max-w-48 {
max-width: calc(var(--spacing) * 48);
}
.max-w-56 {
max-width: calc(var(--spacing) * 56);
}
.max-w-60 {
max-width: calc(var(--spacing) * 60);
}
.max-w-64 {
max-width: calc(var(--spacing) * 64);
}
.max-w-72 {
max-width: calc(var(--spacing) * 72);
}
.max-w-80 {
max-width: calc(var(--spacing) * 80);
}
.max-w-96 {
max-width: calc(var(--spacing) * 96);
}
.max-w-\[3\.5rem\] {
max-width: 3.5rem;
}
.max-w-\[4rem\] {
max-width: 4rem;
}
.max-w-\[10rem\] {
max-width: 10rem;
}
.max-w-\[11rem\] {
max-width: 11rem;
}
.max-w-\[12rem\] {
max-width: 12rem;
}
.max-w-\[14rem\] {
max-width: 14rem;
}
.max-w-\[28rem\] {
max-width: 28rem;
}
.max-w-\[30\%\] {
max-width: 30%;
}
.max-w-\[40\%\] {
max-width: 40%;
}
.max-w-\[45\%\] {
max-width: 45%;
}
.max-w-\[45vw\] {
max-width: 45vw;
}
.max-w-\[50\%\] {
max-width: 50%;
}
.max-w-\[56\%\] {
max-width: 56%;
}
.max-w-\[60\%\] {
max-width: 60%;
}
.max-w-\[60ch\] {
max-width: 60ch;
}
.max-w-\[60px\] {
max-width: 60px;
}
.max-w-\[62rem\] {
max-width: 62rem;
}
.max-w-\[65ch\] {
max-width: 65ch;
}
.max-w-\[68ch\] {
max-width: 68ch;
}
.max-w-\[70\%\] {
max-width: 70%;
}
.max-w-\[80\%\] {
max-width: 80%;
}
.max-w-\[120px\] {
max-width: 120px;
}
.max-w-\[140px\] {
max-width: 140px;
}
.max-w-\[160px\] {
max-width: 160px;
}
.max-w-\[200px\] {
max-width: 200px;
}
.max-w-\[260px\] {
max-width: 260px;
}
.max-w-\[460px\] {
max-width: 460px;
}
.max-w-\[540px\] {
max-width: 540px;
}
.max-w-\[1440px\] {
max-width: 1440px;
}
.max-w-\[calc\(100\%-2rem\)\] {
max-width: calc(100% - 2rem);
}
.max-w-\[calc\(100vw-1rem\)\] {
max-width: calc(100vw - 1rem);
}
.max-w-\[calc\(100vw-2rem\)\] {
max-width: calc(100vw - 2rem);
}
.max-w-\[calc\(100vw-4rem\)\] {
max-width: calc(100vw - 4rem);
}
.max-w-\[calc\(100vw-16px\)\] {
max-width: calc(100vw - 16px);
}
.max-w-\[calc\(100vw-26px\)\] {
max-width: calc(100vw - 26px);
}
.max-w-\[min\(18rem\,100\%\)\] {
max-width: min(18rem, 100%);
}
.max-w-\[min\(20rem\,var\(--available-width\)\)\] {
max-width: min(20rem, var(--available-width));
}
.max-w-full {
max-width: 100%;
}
.max-w-lg {
max-width: var(--container-lg);
}
.max-w-md {
max-width: var(--container-md);
}
.max-w-none {
max-width: none;
}
.max-w-sm {
max-width: var(--container-sm);
}
.max-w-xl {
max-width: var(--container-xl);
}
.max-w-xs {
max-width: var(--container-xs);
}
.min-w-\(--anchor-width\) {
min-width: var(--anchor-width);
}
.min-w-\(--cell-size\) {
min-width: var(--cell-size);
}
.min-w-0 {
min-width: calc(var(--spacing) * 0);
}
.min-w-5 {
min-width: calc(var(--spacing) * 5);
}
.min-w-7 {
min-width: calc(var(--spacing) * 7);
}
.min-w-8 {
min-width: calc(var(--spacing) * 8);
}
.min-w-9 {
min-width: calc(var(--spacing) * 9);
}
.min-w-16 {
min-width: calc(var(--spacing) * 16);
}
.min-w-28 {
min-width: calc(var(--spacing) * 28);
}
.min-w-32 {
min-width: calc(var(--spacing) * 32);
}
.min-w-36 {
min-width: calc(var(--spacing) * 36);
}
.min-w-40 {
min-width: calc(var(--spacing) * 40);
}
.min-w-44 {
min-width: calc(var(--spacing) * 44);
}
.min-w-48 {
min-width: calc(var(--spacing) * 48);
}
.min-w-52 {
min-width: calc(var(--spacing) * 52);
}
.min-w-56 {
min-width: calc(var(--spacing) * 56);
}
.min-w-\[2\.5ch\] {
min-width: 2.5ch;
}
.min-w-\[2rem\] {
min-width: 2rem;
}
.min-w-\[3\.5rem\] {
min-width: 3.5rem;
}
.min-w-\[3px\] {
min-width: 3px;
}
.min-w-\[7rem\] {
min-width: 7rem;
}
.min-w-\[12rem\] {
min-width: 12rem;
}
.min-w-\[14rem\] {
min-width: 14rem;
}
.min-w-\[16rem\] {
min-width: 16rem;
}
.min-w-\[18px\] {
min-width: 18px;
}
.min-w-\[18rem\] {
min-width: 18rem;
}
.min-w-\[96px\] {
min-width: 96px;
}
.min-w-\[900px\] {
min-width: 900px;
}
.min-w-\[max\(16rem\,var\(--anchor-width\,16rem\)\)\] {
min-width: max(16rem, var(--anchor-width, 16rem));
}
.min-w-fit {
min-width: fit-content;
}
.min-w-full {
min-width: 100%;
}
.min-w-max {
min-width: max-content;
}
.flex-1 {
flex: 1;
}
.flex-\[0_1_0\.875rem\] {
flex: 0 .875rem;
}
.flex-\[0_1_0\.4375rem\] {
flex: 0 .4375rem;
}
.flex-none {
flex: none;
}
.shrink {
flex-shrink: 1;
}
.shrink-0 {
flex-shrink: 0;
}
.grow {
flex-grow: 1;
}
.basis-full {
flex-basis: 100%;
}
.table-fixed {
table-layout: fixed;
}
.caption-bottom {
caption-side: bottom;
}
.border-collapse {
border-collapse: collapse;
}
.origin-\(--transform-origin\) {
transform-origin: var(--transform-origin);
}
.origin-right {
transform-origin: 100%;
}
.\!-translate-x-1\/2 {
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1) !important;
translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.-translate-x-1\/2 {
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-5 {
--tw-translate-x: calc(var(--spacing) * -5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-6 {
--tw-translate-x: calc(var(--spacing) * -6);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-full {
--tw-translate-x: -100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-px {
--tw-translate-x: -1px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-0 {
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-6 {
--tw-translate-x: calc(var(--spacing) * 6);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-8 {
--tw-translate-x: calc(var(--spacing) * 8);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-px {
--tw-translate-x: 1px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.\!-translate-y-1\/2 {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.-translate-y-1\/2 {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-\[1\.5px\] {
--tw-translate-y: calc(1.5px * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-0 {
--tw-translate-y: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-105 {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-x-\[1\.7\] {
--tw-scale-x: 1.7;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.-rotate-45 {
rotate: -45deg;
}
.-rotate-90 {
rotate: -90deg;
}
.-rotate-\[0\.8deg\] {
rotate: -.8deg;
}
.-rotate-\[1\.2deg\] {
rotate: -1.2deg;
}
.rotate-1 {
rotate: 1deg;
}
.rotate-2 {
rotate: 2deg;
}
.rotate-45 {
rotate: 45deg;
}
.rotate-90 {
rotate: 90deg;
}
.rotate-180 {
rotate: 180deg;
}
.rotate-\[1\.6deg\] {
rotate: 1.6deg;
}
.rotate-\[1deg\] {
rotate: 1deg;
}
.transform {
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}
.animate-caret-blink {
animation: 1.25s ease-out infinite caret-blink;
}
.animate-in {
animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}
.animate-ping {
animation: var(--animate-ping);
}
.animate-pulse {
animation: var(--animate-pulse);
}
.animate-spin {
animation: var(--animate-spin);
}
.cursor-col-resize {
cursor: col-resize;
}
.cursor-crosshair {
cursor: crosshair;
}
.cursor-default {
cursor: default;
}
.cursor-ew-resize {
cursor: ew-resize;
}
.cursor-grab {
cursor: grab;
}
.cursor-grabbing {
cursor: grabbing;
}
.cursor-help {
cursor: help;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-nw-resize {
cursor: nw-resize;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-row-resize {
cursor: row-resize;
}
.cursor-text {
cursor: text;
}
.touch-manipulation {
touch-action: manipulation;
}
.touch-none {
touch-action: none;
}
.resize {
resize: both;
}
.resize-none {
resize: none;
}
.resize-y {
resize: vertical;
}
.scroll-my-1 {
scroll-margin-block: calc(var(--spacing) * 1);
}
.scroll-mt-4 {
scroll-margin-top: calc(var(--spacing) * 4);
}
.scroll-mt-6 {
scroll-margin-top: calc(var(--spacing) * 6);
}
.scroll-py-1 {
scroll-padding-block: calc(var(--spacing) * 1);
}
.list-inside {
list-style-position: inside;
}
.list-decimal {
list-style-type: decimal;
}
.list-disc {
list-style-type: disc;
}
.list-none {
list-style-type: none;
}
.\[appearance\:textfield\] {
appearance: textfield;
}
.auto-cols-fr {
grid-auto-columns: minmax(0, 1fr);
}
.grid-flow-col {
grid-auto-flow: column;
}
.auto-rows-min {
grid-auto-rows: min-content;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-\[\.\.\.\] {
grid-template-columns: ...;
}
.grid-cols-\[0\.75rem_1rem_minmax\(120px\,1fr\)_116px_1\.75rem_0\.75rem\] {
grid-template-columns: .75rem 1rem minmax(120px, 1fr) 116px 1.75rem .75rem;
}
.grid-cols-\[0\.75rem_1rem_minmax\(120px\,1fr\)_var\(--apc-assignee\)_1\.75rem_0\.75rem\] {
grid-template-columns: .75rem 1rem minmax(120px,1fr) var(--apc-assignee) 1.75rem .75rem;
}
.grid-cols-\[0\.75rem_1rem_minmax\(120px\,1fr\)_var\(--lgc-usedby\)_1\.75rem_0\.75rem\] {
grid-template-columns: .75rem 1rem minmax(120px,1fr) var(--lgc-usedby) 1.75rem .75rem;
}
.grid-cols-\[0\.75rem_minmax\(120px\,1fr\)_var\(--agc-status-mobile\)_1\.75rem_0\.75rem\] {
grid-template-columns: .75rem minmax(120px,1fr) var(--agc-status-mobile) 1.75rem .75rem;
}
.grid-cols-\[0\.75rem_minmax\(120px\,1fr\)_var\(--rtc-health\)_var\(--rtc-kebab\)_0\.75rem\] {
grid-template-columns: .75rem minmax(120px,1fr) var(--rtc-health) var(--rtc-kebab) .75rem;
}
.grid-cols-\[0\.75rem_minmax\(120px\,1fr\)_var\(--sqc-leader\)_var\(--sqc-kebab\)_0\.75rem\] {
grid-template-columns: .75rem minmax(120px,1fr) var(--sqc-leader) var(--sqc-kebab) .75rem;
}
.grid-cols-\[1\.25rem_minmax\(0\,1fr\)\] {
grid-template-columns: 1.25rem minmax(0, 1fr);
}
.grid-cols-\[2\.5rem_minmax\(0\,1fr\)\] {
grid-template-columns: 2.5rem minmax(0, 1fr);
}
.grid-cols-\[3\.5rem_1\.5rem_minmax\(max-content\,1fr\)\] {
grid-template-columns: 3.5rem 1.5rem minmax(max-content, 1fr);
}
.grid-cols-\[3\.5rem_3\.5rem_1\.5rem_minmax\(max-content\,1fr\)\] {
grid-template-columns: 3.5rem 3.5rem 1.5rem minmax(max-content, 1fr);
}
.grid-cols-\[4\.5rem_minmax\(0\,1fr\)\] {
grid-template-columns: 4.5rem minmax(0, 1fr);
}
.grid-cols-\[4\.25rem_minmax\(0\,1fr\)_10rem\] {
grid-template-columns: 4.25rem minmax(0, 1fr) 10rem;
}
.grid-cols-\[4rem_minmax\(max-content\,1fr\)\] {
grid-template-columns: 4rem minmax(max-content, 1fr);
}
.grid-cols-\[7fr_4fr\] {
grid-template-columns: 7fr 4fr;
}
.grid-cols-\[88px_minmax\(0\,1fr\)\] {
grid-template-columns: 88px minmax(0, 1fr);
}
.grid-cols-\[100px_1fr_80px_80px_80px_80px\] {
grid-template-columns: 100px 1fr 80px 80px 80px 80px;
}
.grid-cols-\[120px_1fr\] {
grid-template-columns: 120px 1fr;
}
.grid-cols-\[140px_minmax\(0\,1fr\)\] {
grid-template-columns: 140px minmax(0, 1fr);
}
.grid-cols-\[auto_1fr\] {
grid-template-columns: auto 1fr;
}
.grid-cols-\[auto_auto_minmax\(0\,1fr\)\] {
grid-template-columns: auto auto minmax(0, 1fr);
}
.grid-cols-\[auto_minmax\(0\,1fr\)\] {
grid-template-columns: auto minmax(0, 1fr);
}
.grid-cols-\[max-content_max-content\] {
grid-template-columns: max-content max-content;
}
.grid-cols-\[max-content_minmax\(0\,1fr\)\] {
grid-template-columns: max-content minmax(0, 1fr);
}
.grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,1fr\)_4rem_4rem_4rem\] {
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) 4rem 4rem 4rem;
}
.grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)_minmax\(0\,0\.8fr\)_minmax\(0\,1fr\)\] {
grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, .8fr) minmax(0, 1fr);
}
.grid-cols-\[minmax\(0\,1fr\)_auto\] {
grid-template-columns: minmax(0, 1fr) auto;
}
.grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}
.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)_5rem_5rem\] {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) 5rem 5rem;
}
.grid-cols-\[minmax\(10rem\,1fr\)_6rem_minmax\(10rem\,1\.4fr\)_6rem_7rem_2rem\] {
grid-template-columns: minmax(10rem, 1fr) 6rem minmax(10rem, 1.4fr) 6rem 7rem 2rem;
}
.grid-cols-\[minmax\(10rem\,1fr\)_minmax\(9rem\,1fr\)_6rem_5rem_7rem_2rem\] {
grid-template-columns: minmax(10rem, 1fr) minmax(9rem, 1fr) 6rem 5rem 7rem 2rem;
}
.grid-cols-\[minmax\(11rem\,1fr\)_minmax\(12rem\,1\.4fr\)_6rem_7rem_2rem\] {
grid-template-columns: minmax(11rem, 1fr) minmax(12rem, 1.4fr) 6rem 7rem 2rem;
}
.grid-cols-\[minmax\(190px\,260px\)_1fr\] {
grid-template-columns: minmax(190px, 260px) 1fr;
}
.grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\] {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.grid-cols-\[repeat\(auto-fill\,minmax\(min\(15rem\,100\%\)\,1fr\)\)\] {
grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr));
}
.grid-cols-subgrid {
grid-template-columns: subgrid;
}
.grid-rows-\[0fr\] {
grid-template-rows: 0fr;
}
.grid-rows-\[1fr\] {
grid-template-rows: 1fr;
}
.grid-rows-\[auto_1fr\] {
grid-template-rows: auto 1fr;
}
.grid-rows-\[auto_minmax\(0\,1fr\)\] {
grid-template-rows: auto minmax(0, 1fr);
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-row {
flex-direction: row;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.flex-wrap {
flex-wrap: wrap;
}
.place-content-center {
place-content: center;
}
.place-items-center {
place-items: center;
}
.content-start {
align-content: flex-start;
}
.items-baseline {
align-items: baseline;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.items-start {
align-items: flex-start;
}
.items-stretch {
align-items: stretch;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.justify-center-safe {
justify-content: safe center;
}
.justify-end {
justify-content: flex-end;
}
.justify-start {
justify-content: flex-start;
}
.\!gap-0 {
gap: calc(var(--spacing) * 0) !important;
}
.gap-0 {
gap: calc(var(--spacing) * 0);
}
.gap-0\.5 {
gap: calc(var(--spacing) * .5);
}
.gap-1 {
gap: calc(var(--spacing) * 1);
}
.gap-1\.5 {
gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
gap: calc(var(--spacing) * 3);
}
.gap-3\.5 {
gap: calc(var(--spacing) * 3.5);
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.gap-5 {
gap: calc(var(--spacing) * 5);
}
.gap-6 {
gap: calc(var(--spacing) * 6);
}
.gap-7 {
gap: calc(var(--spacing) * 7);
}
.gap-8 {
gap: calc(var(--spacing) * 8);
}
:where(.space-y-0 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-0\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-1 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-1\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-3 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-4 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-6 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-8 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-10 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-px > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(1px * var(--tw-space-y-reverse));
margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
}
.gap-x-1 {
column-gap: calc(var(--spacing) * 1);
}
.gap-x-1\.5 {
column-gap: calc(var(--spacing) * 1.5);
}
.gap-x-2 {
column-gap: calc(var(--spacing) * 2);
}
.gap-x-2\.5 {
column-gap: calc(var(--spacing) * 2.5);
}
.gap-x-3 {
column-gap: calc(var(--spacing) * 3);
}
.gap-x-4 {
column-gap: calc(var(--spacing) * 4);
}
.gap-x-5 {
column-gap: calc(var(--spacing) * 5);
}
.gap-x-6 {
column-gap: calc(var(--spacing) * 6);
}
.gap-x-8 {
column-gap: calc(var(--spacing) * 8);
}
:where(.-space-x-1 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.-space-x-1\.5 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.-space-x-2 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
}
.gap-y-0\.5 {
row-gap: calc(var(--spacing) * .5);
}
.gap-y-1 {
row-gap: calc(var(--spacing) * 1);
}
.gap-y-1\.5 {
row-gap: calc(var(--spacing) * 1.5);
}
.gap-y-2 {
row-gap: calc(var(--spacing) * 2);
}
.gap-y-2\.5 {
row-gap: calc(var(--spacing) * 2.5);
}
.gap-y-3 {
row-gap: calc(var(--spacing) * 3);
}
.gap-y-5 {
row-gap: calc(var(--spacing) * 5);
}
:where(.divide-y > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(1px * var(--tw-divide-y-reverse));
border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.divide-border > :not(:last-child)), :where(.divide-border\/40 > :not(:last-child)) {
border-color: var(--border);
}
@supports (color: color-mix(in lab, red, red)) {
:where(.divide-border\/40 > :not(:last-child)) {
border-color: color-mix(in oklab, var(--border) 40%, transparent);
}
}
:where(.divide-border\/60 > :not(:last-child)) {
border-color: var(--border);
}
@supports (color: color-mix(in lab, red, red)) {
:where(.divide-border\/60 > :not(:last-child)) {
border-color: color-mix(in oklab, var(--border) 60%, transparent);
}
}
:where(.divide-border\/70 > :not(:last-child)) {
border-color: var(--border);
}
@supports (color: color-mix(in lab, red, red)) {
:where(.divide-border\/70 > :not(:last-child)) {
border-color: color-mix(in oklab, var(--border) 70%, transparent);
}
}
:where(.divide-surface-border > :not(:last-child)) {
border-color: var(--surface-border);
}
.self-end {
align-self: flex-end;
}
.self-start {
align-self: flex-start;
}
.self-stretch {
align-self: stretch;
}
.justify-self-center {
justify-self: center;
}
.justify-self-end {
justify-self: flex-end;
}
.truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.overflow-auto {
overflow: auto;
}
.overflow-clip {
overflow: clip;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.overscroll-contain {
overscroll-behavior: contain;
}
.overscroll-x-contain {
overscroll-behavior-x: contain;
}
.\!rounded-none {
border-radius: 0 !important;
}
.rounded {
border-radius: .25rem;
}
.rounded-\(--cell-radius\) {
border-radius: var(--cell-radius);
}
.rounded-2xl {
border-radius: calc(var(--radius) * 2);
}
.rounded-\[2px\] {
border-radius: 2px;
}
.rounded-\[3px\] {
border-radius: 3px;
}
.rounded-\[calc\(var\(--radius\)-3px\)\] {
border-radius: calc(var(--radius) - 3px);
}
.rounded-\[inherit\] {
border-radius: inherit;
}
.rounded-full {
border-radius: 3.40282e38px;
}
.rounded-lg {
border-radius: var(--radius);
}
.rounded-lg\! {
border-radius: var(--radius) !important;
}
.rounded-md {
border-radius: calc(var(--radius) * .75);
}
.rounded-none {
border-radius: 0;
}
.rounded-sm {
border-radius: calc(var(--radius) * .5);
}
.rounded-xl {
border-radius: calc(var(--radius) * 1.5);
}
.rounded-xl\! {
border-radius: calc(var(--radius) * 1.5) !important;
}
.rounded-xs {
border-radius: calc(var(--radius) * .375);
}
.rounded-t-lg {
border-top-left-radius: var(--radius);
border-top-right-radius: var(--radius);
}
.rounded-t-xl {
border-top-left-radius: calc(var(--radius) * 1.5);
border-top-right-radius: calc(var(--radius) * 1.5);
}
.rounded-l-\(--cell-radius\) {
border-top-left-radius: var(--cell-radius);
border-bottom-left-radius: var(--cell-radius);
}
.rounded-r-\(--cell-radius\) {
border-top-right-radius: var(--cell-radius);
border-bottom-right-radius: var(--cell-radius);
}
.rounded-r-lg {
border-top-right-radius: var(--radius);
border-bottom-right-radius: var(--radius);
}
.rounded-r-md {
border-top-right-radius: calc(var(--radius) * .75);
border-bottom-right-radius: calc(var(--radius) * .75);
}
.rounded-b-md {
border-bottom-right-radius: calc(var(--radius) * .75);
border-bottom-left-radius: calc(var(--radius) * .75);
}
.rounded-b-xl {
border-bottom-right-radius: calc(var(--radius) * 1.5);
border-bottom-left-radius: calc(var(--radius) * 1.5);
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-0 {
border-style: var(--tw-border-style);
border-width: 0;
}
.border-1 {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-2 {
border-style: var(--tw-border-style);
border-width: 2px;
}
.border-\[0\.5px\] {
border-style: var(--tw-border-style);
border-width: .5px;
}
.border-\[1\.5px\] {
border-style: var(--tw-border-style);
border-width: 1.5px;
}
.border-x-0 {
border-inline-style: var(--tw-border-style);
border-inline-width: 0;
}
.border-y {
border-block-style: var(--tw-border-style);
border-block-width: 1px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-t-0 {
border-top-style: var(--tw-border-style);
border-top-width: 0;
}
.border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-b-0 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
.border-b-2 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px;
}
.border-l {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.border-l-2 {
border-left-style: var(--tw-border-style);
border-left-width: 2px;
}
.border-l-4 {
border-left-style: var(--tw-border-style);
border-left-width: 4px;
}
.border-dashed {
--tw-border-style: dashed;
border-style: dashed;
}
.border-\(--color-border\) {
border-color: var(--color-border);
}
.border-amber-200 {
border-color: var(--color-amber-200);
}
.border-amber-500\/30 {
border-color: #f99c004d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-500\/30 {
border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
}
}
.border-amber-500\/40 {
border-color: #f99c0066;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-500\/40 {
border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
}
}
.border-background, .border-background\/30 {
border-color: var(--background);
}
@supports (color: color-mix(in lab, red, red)) {
.border-background\/30 {
border-color: color-mix(in oklab, var(--background) 30%, transparent);
}
}
.border-border, .border-border\/20 {
border-color: var(--border);
}
@supports (color: color-mix(in lab, red, red)) {
.border-border\/20 {
border-color: color-mix(in oklab, var(--border) 20%, transparent);
}
}
.border-border\/40 {
border-color: var(--border);
}
@supports (color: color-mix(in lab, red, red)) {
.border-border\/40 {
border-color: color-mix(in oklab, var(--border) 40%, transparent);
}
}
.border-border\/50 {
border-color: var(--border);
}
@supports (color: color-mix(in lab, red, red)) {
.border-border\/50 {
border-color: color-mix(in oklab, var(--border) 50%, transparent);
}
}
.border-border\/60 {
border-color: var(--border);
}
@supports (color: color-mix(in lab, red, red)) {
.border-border\/60 {
border-color: color-mix(in oklab, var(--border) 60%, transparent);
}
}
.border-border\/70 {
border-color: var(--border);
}
@supports (color: color-mix(in lab, red, red)) {
.border-border\/70 {
border-color: color-mix(in oklab, var(--border) 70%, transparent);
}
}
.border-brand, .border-brand\/10 {
border-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.border-brand\/10 {
border-color: color-mix(in oklab, var(--brand) 10%, transparent);
}
}
.border-brand\/20 {
border-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.border-brand\/20 {
border-color: color-mix(in oklab, var(--brand) 20%, transparent);
}
}
.border-brand\/28 {
border-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.border-brand\/28 {
border-color: color-mix(in oklab, var(--brand) 28%, transparent);
}
}
.border-brand\/30 {
border-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.border-brand\/30 {
border-color: color-mix(in oklab, var(--brand) 30%, transparent);
}
}
.border-brand\/40 {
border-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.border-brand\/40 {
border-color: color-mix(in oklab, var(--brand) 40%, transparent);
}
}
.border-brand\/45 {
border-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.border-brand\/45 {
border-color: color-mix(in oklab, var(--brand) 45%, transparent);
}
}
.border-destructive, .border-destructive\/20 {
border-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.border-destructive\/20 {
border-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
.border-destructive\/30 {
border-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.border-destructive\/30 {
border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
}
}
.border-destructive\/35 {
border-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.border-destructive\/35 {
border-color: color-mix(in oklab, var(--destructive) 35%, transparent);
}
}
.border-destructive\/40 {
border-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.border-destructive\/40 {
border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
.border-foreground, .border-foreground\/5 {
border-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.border-foreground\/5 {
border-color: color-mix(in oklab, var(--foreground) 5%, transparent);
}
}
.border-foreground\/10 {
border-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.border-foreground\/10 {
border-color: color-mix(in oklab, var(--foreground) 10%, transparent);
}
}
.border-foreground\/15 {
border-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.border-foreground\/15 {
border-color: color-mix(in oklab, var(--foreground) 15%, transparent);
}
}
.border-foreground\/30 {
border-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.border-foreground\/30 {
border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
}
}
.border-foreground\/\[0\.05\] {
border-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.border-foreground\/\[0\.05\] {
border-color: color-mix(in oklab, var(--foreground) 5%, transparent);
}
}
.border-input, .border-input\/30 {
border-color: var(--input);
}
@supports (color: color-mix(in lab, red, red)) {
.border-input\/30 {
border-color: color-mix(in oklab, var(--input) 30%, transparent);
}
}
.border-muted {
border-color: var(--muted);
}
.border-muted-foreground, .border-muted-foreground\/25 {
border-color: var(--muted-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.border-muted-foreground\/25 {
border-color: color-mix(in oklab, var(--muted-foreground) 25%, transparent);
}
}
.border-muted-foreground\/30 {
border-color: var(--muted-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.border-muted-foreground\/30 {
border-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
}
}
.border-muted-foreground\/40 {
border-color: var(--muted-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.border-muted-foreground\/40 {
border-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
}
}
.border-primary, .border-primary\/30 {
border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary\/30 {
border-color: color-mix(in oklab, var(--primary) 30%, transparent);
}
}
.border-primary\/40 {
border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary\/40 {
border-color: color-mix(in oklab, var(--primary) 40%, transparent);
}
}
.border-ring {
border-color: var(--ring);
}
.border-sidebar-border {
border-color: var(--sidebar-border);
}
.border-surface-border {
border-color: var(--surface-border);
}
.border-transparent {
border-color: #0000;
}
.border-warning, .border-warning\/30 {
border-color: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
.border-warning\/30 {
border-color: color-mix(in oklab, var(--warning) 30%, transparent);
}
}
.border-warning\/40 {
border-color: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
.border-warning\/40 {
border-color: color-mix(in oklab, var(--warning) 40%, transparent);
}
}
.border-white {
border-color: var(--color-white);
}
.\!bg-emerald-600 {
background-color: var(--color-emerald-600) !important;
}
.\!bg-muted {
background-color: var(--muted) !important;
}
.bg-\(--color-bg\) {
background-color: var(--color-bg);
}
.bg-\(--sidebar-wrapper-fill\) {
background-color: var(--sidebar-wrapper-fill);
}
.bg-\[color-mix\(in_oklab\,var\(--brand\)_6\%\,var\(--background\)\)\] {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-\[color-mix\(in_oklab\,var\(--brand\)_6\%\,var\(--background\)\)\] {
background-color: color-mix(in oklab,var(--brand) 6%,var(--background));
}
}
.bg-\[color-mix\(in_oklab\,var\(--muted\)_30\%\,var\(--background\)\)\] {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-\[color-mix\(in_oklab\,var\(--muted\)_30\%\,var\(--background\)\)\] {
background-color: color-mix(in oklab,var(--muted) 30%,var(--background));
}
}
.bg-\[color-mix\(in_srgb\,var\(--card\)_95\%\,var\(--brand\)_5\%\)\] {
background-color: var(--card);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-\[color-mix\(in_srgb\,var\(--card\)_95\%\,var\(--brand\)_5\%\)\] {
background-color: color-mix(in srgb,var(--card) 95%,var(--brand) 5%);
}
}
.bg-\[oklch\(0\.62_0\.14_18\)\] {
background-color: oklch(62% .14 18);
}
.bg-accent, .bg-accent\/15 {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-accent\/15 {
background-color: color-mix(in oklab, var(--accent) 15%, transparent);
}
}
.bg-accent\/30 {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-accent\/30 {
background-color: color-mix(in oklab, var(--accent) 30%, transparent);
}
}
.bg-accent\/50 {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-accent\/50 {
background-color: color-mix(in oklab, var(--accent) 50%, transparent);
}
}
.bg-accent\/60 {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-accent\/60 {
background-color: color-mix(in oklab, var(--accent) 60%, transparent);
}
}
.bg-accent\/70 {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-accent\/70 {
background-color: color-mix(in oklab, var(--accent) 70%, transparent);
}
}
.bg-amber-50 {
background-color: var(--color-amber-50);
}
.bg-amber-100 {
background-color: var(--color-amber-100);
}
.bg-amber-500 {
background-color: var(--color-amber-500);
}
.bg-amber-500\/5 {
background-color: #f99c000d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/5 {
background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
}
}
.bg-amber-500\/10 {
background-color: #f99c001a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/10 {
background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
}
}
.bg-amber-500\/15 {
background-color: #f99c0026;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/15 {
background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
}
}
.bg-amber-600\/10 {
background-color: #dd74001a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-600\/10 {
background-color: color-mix(in oklab, var(--color-amber-600) 10%, transparent);
}
}
.bg-app-shell {
background-color: var(--app-shell);
}
.bg-background, .bg-background\/10 {
background-color: var(--background);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-background\/10 {
background-color: color-mix(in oklab, var(--background) 10%, transparent);
}
}
.bg-background\/15 {
background-color: var(--background);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-background\/15 {
background-color: color-mix(in oklab, var(--background) 15%, transparent);
}
}
.bg-background\/40 {
background-color: var(--background);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-background\/40 {
background-color: color-mix(in oklab, var(--background) 40%, transparent);
}
}
.bg-background\/70 {
background-color: var(--background);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-background\/70 {
background-color: color-mix(in oklab, var(--background) 70%, transparent);
}
}
.bg-background\/80 {
background-color: var(--background);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-background\/80 {
background-color: color-mix(in oklab, var(--background) 80%, transparent);
}
}
.bg-background\/90 {
background-color: var(--background);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-background\/90 {
background-color: color-mix(in oklab, var(--background) 90%, transparent);
}
}
.bg-background\/95 {
background-color: var(--background);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-background\/95 {
background-color: color-mix(in oklab, var(--background) 95%, transparent);
}
}
.bg-black\/10 {
background-color: #0000001a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/10 {
background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
}
}
.bg-black\/40 {
background-color: #0006;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/40 {
background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
}
}
.bg-black\/95 {
background-color: #000000f2;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/95 {
background-color: color-mix(in oklab, var(--color-black) 95%, transparent);
}
}
.bg-blue-50 {
background-color: var(--color-blue-50);
}
.bg-blue-500 {
background-color: var(--color-blue-500);
}
.bg-border {
background-color: var(--border);
}
.bg-brand {
background-color: var(--brand);
}
.bg-brand-foreground\/20 {
background-color: var(--brand-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-brand-foreground\/20 {
background-color: color-mix(in oklab, var(--brand-foreground) 20%, transparent);
}
}
.bg-brand\/4 {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-brand\/4 {
background-color: color-mix(in oklab, var(--brand) 4%, transparent);
}
}
.bg-brand\/5 {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-brand\/5 {
background-color: color-mix(in oklab, var(--brand) 5%, transparent);
}
}
.bg-brand\/7 {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-brand\/7 {
background-color: color-mix(in oklab, var(--brand) 7%, transparent);
}
}
.bg-brand\/8 {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-brand\/8 {
background-color: color-mix(in oklab, var(--brand) 8%, transparent);
}
}
.bg-brand\/10 {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-brand\/10 {
background-color: color-mix(in oklab, var(--brand) 10%, transparent);
}
}
.bg-brand\/12 {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-brand\/12 {
background-color: color-mix(in oklab, var(--brand) 12%, transparent);
}
}
.bg-brand\/30 {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-brand\/30 {
background-color: color-mix(in oklab, var(--brand) 30%, transparent);
}
}
.bg-brand\/55 {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-brand\/55 {
background-color: color-mix(in oklab, var(--brand) 55%, transparent);
}
}
.bg-brand\/70 {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-brand\/70 {
background-color: color-mix(in oklab, var(--brand) 70%, transparent);
}
}
.bg-brand\/\[0\.02\] {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-brand\/\[0\.02\] {
background-color: color-mix(in oklab, var(--brand) 2%, transparent);
}
}
.bg-card, .bg-card\/30 {
background-color: var(--card);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-card\/30 {
background-color: color-mix(in oklab, var(--card) 30%, transparent);
}
}
.bg-chart-1 {
background-color: var(--chart-1);
}
.bg-chart-2 {
background-color: var(--chart-2);
}
.bg-chart-3 {
background-color: var(--chart-3);
}
.bg-chart-4 {
background-color: var(--chart-4);
}
.bg-current\/20 {
background-color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-current\/20 {
background-color: color-mix(in oklab, currentcolor 20%, transparent);
}
}
.bg-destructive, .bg-destructive\/5 {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-destructive\/5 {
background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
}
}
.bg-destructive\/10 {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-destructive\/10 {
background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
}
}
.bg-destructive\/15 {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-destructive\/15 {
background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
}
}
.bg-emerald-500 {
background-color: var(--color-emerald-500);
}
.bg-emerald-500\/15 {
background-color: #00bb7f26;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-500\/15 {
background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
}
}
.bg-emerald-600\/10 {
background-color: #0097671a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-emerald-600\/10 {
background-color: color-mix(in oklab, var(--color-emerald-600) 10%, transparent);
}
}
.bg-faint-foreground {
background-color: var(--faint-foreground);
}
.bg-foreground, .bg-foreground\/5 {
background-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-foreground\/5 {
background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
}
}
.bg-foreground\/10 {
background-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-foreground\/10 {
background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
}
}
.bg-foreground\/30 {
background-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-foreground\/30 {
background-color: color-mix(in oklab, var(--foreground) 30%, transparent);
}
}
.bg-foreground\/70 {
background-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-foreground\/70 {
background-color: color-mix(in oklab, var(--foreground) 70%, transparent);
}
}
.bg-foreground\/\[0\.03\] {
background-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-foreground\/\[0\.03\] {
background-color: color-mix(in oklab, var(--foreground) 3%, transparent);
}
}
.bg-green-50 {
background-color: var(--color-green-50);
}
.bg-green-500\/10 {
background-color: #00c7581a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-green-500\/10 {
background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
}
}
.bg-info, .bg-info\/5 {
background-color: var(--info);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-info\/5 {
background-color: color-mix(in oklab, var(--info) 5%, transparent);
}
}
.bg-info\/10 {
background-color: var(--info);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-info\/10 {
background-color: color-mix(in oklab, var(--info) 10%, transparent);
}
}
.bg-info\/15 {
background-color: var(--info);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-info\/15 {
background-color: color-mix(in oklab, var(--info) 15%, transparent);
}
}
.bg-input, .bg-input\/30 {
background-color: var(--input);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-input\/30 {
background-color: color-mix(in oklab, var(--input) 30%, transparent);
}
}
.bg-input\/50 {
background-color: var(--input);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-input\/50 {
background-color: color-mix(in oklab, var(--input) 50%, transparent);
}
}
.bg-muted {
background-color: var(--muted);
}
.bg-muted-foreground, .bg-muted-foreground\/20 {
background-color: var(--muted-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted-foreground\/20 {
background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
}
}
.bg-muted-foreground\/30 {
background-color: var(--muted-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted-foreground\/30 {
background-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
}
}
.bg-muted-foreground\/40 {
background-color: var(--muted-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted-foreground\/40 {
background-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
}
}
.bg-muted-foreground\/70 {
background-color: var(--muted-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted-foreground\/70 {
background-color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
}
}
.bg-muted\/10 {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/10 {
background-color: color-mix(in oklab, var(--muted) 10%, transparent);
}
}
.bg-muted\/15 {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/15 {
background-color: color-mix(in oklab, var(--muted) 15%, transparent);
}
}
.bg-muted\/20 {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/20 {
background-color: color-mix(in oklab, var(--muted) 20%, transparent);
}
}
.bg-muted\/25 {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/25 {
background-color: color-mix(in oklab, var(--muted) 25%, transparent);
}
}
.bg-muted\/30 {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/30 {
background-color: color-mix(in oklab, var(--muted) 30%, transparent);
}
}
.bg-muted\/40 {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/40 {
background-color: color-mix(in oklab, var(--muted) 40%, transparent);
}
}
.bg-muted\/45 {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/45 {
background-color: color-mix(in oklab, var(--muted) 45%, transparent);
}
}
.bg-muted\/50 {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/50 {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
.bg-muted\/55 {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/55 {
background-color: color-mix(in oklab, var(--muted) 55%, transparent);
}
}
.bg-muted\/60 {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/60 {
background-color: color-mix(in oklab, var(--muted) 60%, transparent);
}
}
.bg-muted\/70 {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/70 {
background-color: color-mix(in oklab, var(--muted) 70%, transparent);
}
}
.bg-muted\/80 {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/80 {
background-color: color-mix(in oklab, var(--muted) 80%, transparent);
}
}
.bg-neutral-900 {
background-color: var(--color-neutral-900);
}
.bg-page-canvas {
background-color: var(--page-canvas);
}
.bg-popover, .bg-popover\/95 {
background-color: var(--popover);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-popover\/95 {
background-color: color-mix(in oklab, var(--popover) 95%, transparent);
}
}
.bg-primary, .bg-primary\/5 {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/5 {
background-color: color-mix(in oklab, var(--primary) 5%, transparent);
}
}
.bg-primary\/10 {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/10 {
background-color: color-mix(in oklab, var(--primary) 10%, transparent);
}
}
.bg-primary\/15 {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/15 {
background-color: color-mix(in oklab, var(--primary) 15%, transparent);
}
}
.bg-primary\/\[0\.025\] {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/\[0\.025\] {
background-color: color-mix(in oklab, var(--primary) 2.5%, transparent);
}
}
.bg-red-50 {
background-color: var(--color-red-50);
}
.bg-red-500 {
background-color: var(--color-red-500);
}
.bg-red-500\/10 {
background-color: #fb2c361a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-red-500\/10 {
background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
}
}
.bg-rose-600\/10 {
background-color: #e700441a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-rose-600\/10 {
background-color: color-mix(in oklab, var(--color-rose-600) 10%, transparent);
}
}
.bg-secondary, .bg-secondary\/60 {
background-color: var(--secondary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-secondary\/60 {
background-color: color-mix(in oklab, var(--secondary) 60%, transparent);
}
}
.bg-secondary\/80 {
background-color: var(--secondary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-secondary\/80 {
background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
}
}
.bg-sidebar {
background-color: var(--sidebar);
}
.bg-sidebar-accent, .bg-sidebar-accent\/40 {
background-color: var(--sidebar-accent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-sidebar-accent\/40 {
background-color: color-mix(in oklab, var(--sidebar-accent) 40%, transparent);
}
}
.bg-sidebar-border {
background-color: var(--sidebar-border);
}
.bg-success, .bg-success\/5 {
background-color: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-success\/5 {
background-color: color-mix(in oklab, var(--success) 5%, transparent);
}
}
.bg-success\/10 {
background-color: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-success\/10 {
background-color: color-mix(in oklab, var(--success) 10%, transparent);
}
}
.bg-success\/15 {
background-color: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-success\/15 {
background-color: color-mix(in oklab, var(--success) 15%, transparent);
}
}
.bg-surface {
background-color: var(--surface);
}
.bg-surface-border {
background-color: var(--surface-border);
}
.bg-surface-hover, .bg-surface-hover\/70 {
background-color: var(--surface-hover);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-surface-hover\/70 {
background-color: color-mix(in oklab, var(--surface-hover) 70%, transparent);
}
}
.bg-surface-raised, .bg-surface-raised\/40 {
background-color: var(--surface-raised);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-surface-raised\/40 {
background-color: color-mix(in oklab, var(--surface-raised) 40%, transparent);
}
}
.bg-surface-selected {
background-color: var(--surface-selected);
}
.bg-surface\/95 {
background-color: var(--surface);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-surface\/95 {
background-color: color-mix(in oklab, var(--surface) 95%, transparent);
}
}
.bg-transparent {
background-color: #0000;
}
.bg-violet-600\/10 {
background-color: #7f22fe1a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-violet-600\/10 {
background-color: color-mix(in oklab, var(--color-violet-600) 10%, transparent);
}
}
.bg-warning, .bg-warning\/5 {
background-color: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-warning\/5 {
background-color: color-mix(in oklab, var(--warning) 5%, transparent);
}
}
.bg-warning\/10 {
background-color: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-warning\/10 {
background-color: color-mix(in oklab, var(--warning) 10%, transparent);
}
}
.bg-warning\/30 {
background-color: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-warning\/30 {
background-color: color-mix(in oklab, var(--warning) 30%, transparent);
}
}
.bg-white {
background-color: var(--color-white);
}
.bg-yellow-50 {
background-color: var(--color-yellow-50);
}
.bg-yellow-200 {
background-color: var(--color-yellow-200);
}
.bg-gradient-to-b {
--tw-gradient-position: to bottom in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-l {
--tw-gradient-position: to left in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-accent {
--tw-gradient-from: var(--accent);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-background {
--tw-gradient-from: var(--background);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-muted\/55 {
--tw-gradient-from: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.from-muted\/55 {
--tw-gradient-from: color-mix(in oklab, var(--muted) 55%, transparent);
}
}
.from-muted\/55 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/35 {
--tw-gradient-from: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.from-primary\/35 {
--tw-gradient-from: color-mix(in oklab, var(--primary) 35%, transparent);
}
}
.from-primary\/35 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-transparent {
--tw-gradient-from: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-40\% {
--tw-gradient-from-position: 40%;
}
.from-70\% {
--tw-gradient-from-position: 70%;
}
.via-primary\/10 {
--tw-gradient-via: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.via-primary\/10 {
--tw-gradient-via: color-mix(in oklab, var(--primary) 10%, transparent);
}
}
.via-primary\/10 {
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-background {
--tw-gradient-to: var(--background);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-surface {
--tw-gradient-to: var(--surface);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-transparent {
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.bg-clip-padding {
background-clip: padding-box;
}
.fill-current {
fill: currentColor;
}
.fill-muted-foreground {
fill: var(--muted-foreground);
}
.stroke-\[2\.5\] {
stroke-width: 2.5px;
}
.stroke-\[2\.25\] {
stroke-width: 2.25px;
}
.object-contain {
object-fit: contain;
}
.object-cover {
object-fit: cover;
}
.\!p-0 {
padding: calc(var(--spacing) * 0) !important;
}
.p-0 {
padding: calc(var(--spacing) * 0);
}
.p-0\.5 {
padding: calc(var(--spacing) * .5);
}
.p-1 {
padding: calc(var(--spacing) * 1);
}
.p-1\.5 {
padding: calc(var(--spacing) * 1.5);
}
.p-2 {
padding: calc(var(--spacing) * 2);
}
.p-2\.5 {
padding: calc(var(--spacing) * 2.5);
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.p-5 {
padding: calc(var(--spacing) * 5);
}
.p-6 {
padding: calc(var(--spacing) * 6);
}
.p-8 {
padding: calc(var(--spacing) * 8);
}
.p-\[3px\] {
padding: 3px;
}
.px-\(--cell-size\) {
padding-inline: var(--cell-size);
}
.px-0 {
padding-inline: calc(var(--spacing) * 0);
}
.px-0\.5 {
padding-inline: calc(var(--spacing) * .5);
}
.px-1 {
padding-inline: calc(var(--spacing) * 1);
}
.px-1\.5 {
padding-inline: calc(var(--spacing) * 1.5);
}
.px-2 {
padding-inline: calc(var(--spacing) * 2);
}
.px-2\.5 {
padding-inline: calc(var(--spacing) * 2.5);
}
.px-3 {
padding-inline: calc(var(--spacing) * 3);
}
.px-3\.5 {
padding-inline: calc(var(--spacing) * 3.5);
}
.px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.px-8 {
padding-inline: calc(var(--spacing) * 8);
}
.px-10 {
padding-inline: calc(var(--spacing) * 10);
}
.px-16 {
padding-inline: calc(var(--spacing) * 16);
}
.px-\[13px\] {
padding-inline: 13px;
}
.\!py-0 {
padding-block: calc(var(--spacing) * 0) !important;
}
.py-0 {
padding-block: calc(var(--spacing) * 0);
}
.py-0\.5 {
padding-block: calc(var(--spacing) * .5);
}
.py-1 {
padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
padding-block: calc(var(--spacing) * 3);
}
.py-3\.5 {
padding-block: calc(var(--spacing) * 3.5);
}
.py-4 {
padding-block: calc(var(--spacing) * 4);
}
.py-5 {
padding-block: calc(var(--spacing) * 5);
}
.py-6 {
padding-block: calc(var(--spacing) * 6);
}
.py-7 {
padding-block: calc(var(--spacing) * 7);
}
.py-8 {
padding-block: calc(var(--spacing) * 8);
}
.py-10 {
padding-block: calc(var(--spacing) * 10);
}
.py-12 {
padding-block: calc(var(--spacing) * 12);
}
.py-16 {
padding-block: calc(var(--spacing) * 16);
}
.py-24 {
padding-block: calc(var(--spacing) * 24);
}
.py-\[2px\] {
padding-block: 2px;
}
.py-\[3px\] {
padding-block: 3px;
}
.py-\[18px\] {
padding-block: 18px;
}
.py-px {
padding-block: 1px;
}
.ps-4 {
padding-inline-start: calc(var(--spacing) * 4);
}
.pe-2 {
padding-inline-end: calc(var(--spacing) * 2);
}
.pe-chat-launcher {
padding-inline-end: var(--chat-launcher-clearance);
}
.pt-0 {
padding-top: calc(var(--spacing) * 0);
}
.pt-0\.5 {
padding-top: calc(var(--spacing) * .5);
}
.pt-1 {
padding-top: calc(var(--spacing) * 1);
}
.pt-1\.5 {
padding-top: calc(var(--spacing) * 1.5);
}
.pt-2 {
padding-top: calc(var(--spacing) * 2);
}
.pt-2\.5 {
padding-top: calc(var(--spacing) * 2.5);
}
.pt-3 {
padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
padding-top: calc(var(--spacing) * 5);
}
.pt-6 {
padding-top: calc(var(--spacing) * 6);
}
.pt-7 {
padding-top: calc(var(--spacing) * 7);
}
.pt-8 {
padding-top: calc(var(--spacing) * 8);
}
.pt-10 {
padding-top: calc(var(--spacing) * 10);
}
.pt-24 {
padding-top: calc(var(--spacing) * 24);
}
.pr-0 {
padding-right: calc(var(--spacing) * 0);
}
.pr-1 {
padding-right: calc(var(--spacing) * 1);
}
.pr-1\.5 {
padding-right: calc(var(--spacing) * 1.5);
}
.pr-1\.5\! {
padding-right: calc(var(--spacing) * 1.5) !important;
}
.pr-2 {
padding-right: calc(var(--spacing) * 2);
}
.pr-2\.5 {
padding-right: calc(var(--spacing) * 2.5);
}
.pr-3 {
padding-right: calc(var(--spacing) * 3);
}
.pr-4 {
padding-right: calc(var(--spacing) * 4);
}
.pr-5 {
padding-right: calc(var(--spacing) * 5);
}
.pr-6 {
padding-right: calc(var(--spacing) * 6);
}
.pr-7 {
padding-right: calc(var(--spacing) * 7);
}
.pr-8 {
padding-right: calc(var(--spacing) * 8);
}
.pr-14 {
padding-right: calc(var(--spacing) * 14);
}
.pr-20 {
padding-right: calc(var(--spacing) * 20);
}
.pb-0 {
padding-bottom: calc(var(--spacing) * 0);
}
.pb-0\.5 {
padding-bottom: calc(var(--spacing) * .5);
}
.pb-1 {
padding-bottom: calc(var(--spacing) * 1);
}
.pb-1\.5 {
padding-bottom: calc(var(--spacing) * 1.5);
}
.pb-2 {
padding-bottom: calc(var(--spacing) * 2);
}
.pb-2\.5 {
padding-bottom: calc(var(--spacing) * 2.5);
}
.pb-3 {
padding-bottom: calc(var(--spacing) * 3);
}
.pb-3\.5 {
padding-bottom: calc(var(--spacing) * 3.5);
}
.pb-4 {
padding-bottom: calc(var(--spacing) * 4);
}
.pb-5 {
padding-bottom: calc(var(--spacing) * 5);
}
.pb-6 {
padding-bottom: calc(var(--spacing) * 6);
}
.pb-7 {
padding-bottom: calc(var(--spacing) * 7);
}
.pb-8 {
padding-bottom: calc(var(--spacing) * 8);
}
.pb-9 {
padding-bottom: calc(var(--spacing) * 9);
}
.pb-10 {
padding-bottom: calc(var(--spacing) * 10);
}
.pb-12 {
padding-bottom: calc(var(--spacing) * 12);
}
.pb-24 {
padding-bottom: calc(var(--spacing) * 24);
}
.pl-0\.5 {
padding-left: calc(var(--spacing) * .5);
}
.pl-1 {
padding-left: calc(var(--spacing) * 1);
}
.pl-1\.5 {
padding-left: calc(var(--spacing) * 1.5);
}
.pl-2 {
padding-left: calc(var(--spacing) * 2);
}
.pl-2\.5 {
padding-left: calc(var(--spacing) * 2.5);
}
.pl-3 {
padding-left: calc(var(--spacing) * 3);
}
.pl-4 {
padding-left: calc(var(--spacing) * 4);
}
.pl-4\.5 {
padding-left: calc(var(--spacing) * 4.5);
}
.pl-5 {
padding-left: calc(var(--spacing) * 5);
}
.pl-5\.5 {
padding-left: calc(var(--spacing) * 5.5);
}
.pl-6 {
padding-left: calc(var(--spacing) * 6);
}
.pl-7 {
padding-left: calc(var(--spacing) * 7);
}
.pl-7\.5 {
padding-left: calc(var(--spacing) * 7.5);
}
.pl-8 {
padding-left: calc(var(--spacing) * 8);
}
.pl-9 {
padding-left: calc(var(--spacing) * 9);
}
.pl-10 {
padding-left: calc(var(--spacing) * 10);
}
.pl-12 {
padding-left: calc(var(--spacing) * 12);
}
.pl-19 {
padding-left: calc(var(--spacing) * 19);
}
.pl-\[1\.375rem\] {
padding-left: 1.375rem;
}
.pl-\[26px\] {
padding-left: 26px;
}
.pl-\[44px\] {
padding-left: 44px;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.align-\[-2px\] {
vertical-align: -2px;
}
.align-middle {
vertical-align: middle;
}
.font-heading {
font-family: var(--font-sans);
}
.font-mono {
font-family: var(--font-mono);
}
.font-sans {
font-family: var(--font-sans);
}
.font-serif {
font-family: var(--font-serif);
}
.text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.text-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
.text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-body {
font-size: var(--text-body);
line-height: var(--tw-leading, var(--text-body--line-height));
}
.text-body-lg {
font-size: var(--text-body-lg);
line-height: var(--tw-leading, var(--text-body-lg--line-height));
}
.text-body\/relaxed {
font-size: var(--text-body);
line-height: var(--leading-relaxed);
}
.text-caption {
font-size: var(--text-caption);
line-height: var(--tw-leading, var(--text-caption--line-height));
}
.text-display {
font-size: var(--text-display);
line-height: var(--tw-leading, var(--text-display--line-height));
}
.text-display-sm {
font-size: var(--text-display-sm);
line-height: var(--tw-leading, var(--text-display-sm--line-height));
}
.text-label {
font-size: var(--text-label);
line-height: var(--tw-leading, var(--text-label--line-height));
}
.text-micro {
font-size: var(--text-micro);
line-height: var(--tw-leading, var(--text-micro--line-height));
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-title {
font-size: var(--text-title);
line-height: var(--tw-leading, var(--text-title--line-height));
}
.text-title-lg {
font-size: var(--text-title-lg);
line-height: var(--tw-leading, var(--text-title-lg--line-height));
}
.text-title-sm {
font-size: var(--text-title-sm);
line-height: var(--tw-leading, var(--text-title-sm--line-height));
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[11px\] {
font-size: 11px;
}
.leading-\(--text-body--line-height\) {
--tw-leading: var(--text-body--line-height);
line-height: var(--text-body--line-height);
}
.leading-4 {
--tw-leading: calc(var(--spacing) * 4);
line-height: calc(var(--spacing) * 4);
}
.leading-5 {
--tw-leading: calc(var(--spacing) * 5);
line-height: calc(var(--spacing) * 5);
}
.leading-6 {
--tw-leading: calc(var(--spacing) * 6);
line-height: calc(var(--spacing) * 6);
}
.leading-\[1\.04\] {
--tw-leading: 1.04;
line-height: 1.04;
}
.leading-\[1\.5\] {
--tw-leading: 1.5;
line-height: 1.5;
}
.leading-\[1\.55\] {
--tw-leading: 1.55;
line-height: 1.55;
}
.leading-none {
--tw-leading: 1;
line-height: 1;
}
.leading-normal {
--tw-leading: var(--leading-normal);
line-height: var(--leading-normal);
}
.leading-relaxed {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.leading-snug {
--tw-leading: var(--leading-snug);
line-height: var(--leading-snug);
}
.leading-tight {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.tracking-\[0\.08em\] {
--tw-tracking: .08em;
letter-spacing: .08em;
}
.tracking-normal {
--tw-tracking: var(--tracking-normal);
letter-spacing: var(--tracking-normal);
}
.tracking-tight {
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight);
}
.tracking-wide {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
}
.tracking-wider {
--tw-tracking: var(--tracking-wider);
letter-spacing: var(--tracking-wider);
}
.tracking-widest {
--tw-tracking: var(--tracking-widest);
letter-spacing: var(--tracking-widest);
}
.text-balance {
text-wrap: balance;
}
.text-pretty {
text-wrap: pretty;
}
.\[overflow-wrap\:anywhere\] {
overflow-wrap: anywhere;
}
.break-words {
overflow-wrap: break-word;
}
.break-all {
word-break: break-all;
}
.text-ellipsis {
text-overflow: ellipsis;
}
.whitespace-normal {
white-space: normal;
}
.whitespace-nowrap {
white-space: nowrap;
}
.whitespace-pre {
white-space: pre;
}
.whitespace-pre-line {
white-space: pre-line;
}
.whitespace-pre-wrap {
white-space: pre-wrap;
}
.\!text-white {
color: var(--color-white) !important;
}
.text-accent-foreground {
color: var(--accent-foreground);
}
.text-amber-500 {
color: var(--color-amber-500);
}
.text-amber-600 {
color: var(--color-amber-600);
}
.text-amber-700 {
color: var(--color-amber-700);
}
.text-amber-900 {
color: var(--color-amber-900);
}
.text-amber-950 {
color: var(--color-amber-950);
}
.text-background, .text-background\/60 {
color: var(--background);
}
@supports (color: color-mix(in lab, red, red)) {
.text-background\/60 {
color: color-mix(in oklab, var(--background) 60%, transparent);
}
}
.text-black {
color: var(--color-black);
}
.text-blue-500 {
color: var(--color-blue-500);
}
.text-blue-600 {
color: var(--color-blue-600);
}
.text-blue-700 {
color: var(--color-blue-700);
}
.text-brand {
color: var(--brand);
}
.text-brand-foreground {
color: var(--brand-foreground);
}
.text-card-foreground {
color: var(--card-foreground);
}
.text-current {
color: currentColor;
}
.text-destructive {
color: var(--destructive);
}
.text-emerald-500 {
color: var(--color-emerald-500);
}
.text-emerald-600 {
color: var(--color-emerald-600);
}
.text-emerald-700 {
color: var(--color-emerald-700);
}
.text-faint-foreground {
color: var(--faint-foreground);
}
.text-foreground {
color: var(--foreground);
}
.text-green-600 {
color: var(--color-green-600);
}
.text-green-700 {
color: var(--color-green-700);
}
.text-info {
color: var(--info);
}
.text-inherit {
color: inherit;
}
.text-muted {
color: var(--muted);
}
.text-muted-foreground {
color: var(--muted-foreground);
}
.text-popover-foreground {
color: var(--popover-foreground);
}
.text-primary {
color: var(--primary);
}
.text-primary-foreground {
color: var(--primary-foreground);
}
.text-red-700 {
color: var(--color-red-700);
}
.text-rose-600 {
color: var(--color-rose-600);
}
.text-rose-700 {
color: var(--color-rose-700);
}
.text-secondary-foreground {
color: var(--secondary-foreground);
}
.text-sidebar-foreground, .text-sidebar-foreground\/70 {
color: var(--sidebar-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.text-sidebar-foreground\/70 {
color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
}
}
.text-success {
color: var(--success);
}
.text-surface-foreground {
color: var(--surface-foreground);
}
.text-surface-selected-foreground {
color: var(--surface-selected-foreground);
}
.text-transparent {
color: #0000;
}
.text-violet-600 {
color: var(--color-violet-600);
}
.text-violet-700 {
color: var(--color-violet-700);
}
.text-warning {
color: var(--warning);
}
.text-white {
color: var(--color-white);
}
.text-yellow-600 {
color: var(--color-yellow-600);
}
.text-yellow-700 {
color: var(--color-yellow-700);
}
.capitalize {
text-transform: capitalize;
}
.lowercase {
text-transform: lowercase;
}
.normal-case {
text-transform: none;
}
.uppercase {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.tabular-nums {
--tw-numeric-spacing: tabular-nums;
font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
}
.line-through {
text-decoration-line: line-through;
}
.underline {
text-decoration-line: underline;
}
.decoration-border {
-webkit-text-decoration-color: var(--border);
-webkit-text-decoration-color: var(--border);
text-decoration-color: var(--border);
}
.decoration-brand\/40 {
-webkit-text-decoration-color: var(--brand);
-webkit-text-decoration-color: var(--brand);
text-decoration-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.decoration-brand\/40 {
-webkit-text-decoration-color: color-mix(in oklab, var(--brand) 40%, transparent);
-webkit-text-decoration-color: color-mix(in oklab, var(--brand) 40%, transparent);
text-decoration-color: color-mix(in oklab, var(--brand) 40%, transparent);
}
}
.decoration-muted-foreground\/30 {
-webkit-text-decoration-color: var(--muted-foreground);
-webkit-text-decoration-color: var(--muted-foreground);
text-decoration-color: var(--muted-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.decoration-muted-foreground\/30 {
-webkit-text-decoration-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
-webkit-text-decoration-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
text-decoration-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
}
}
.decoration-muted-foreground\/50 {
-webkit-text-decoration-color: var(--muted-foreground);
-webkit-text-decoration-color: var(--muted-foreground);
text-decoration-color: var(--muted-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.decoration-muted-foreground\/50 {
-webkit-text-decoration-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
-webkit-text-decoration-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
text-decoration-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
}
}
.underline-offset-2 {
text-underline-offset: 2px;
}
.underline-offset-4 {
text-underline-offset: 4px;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.caret-transparent {
caret-color: #0000;
}
.accent-foreground {
accent-color: var(--foreground);
}
.accent-primary {
accent-color: var(--primary);
}
.opacity-0 {
opacity: 0;
}
.opacity-30 {
opacity: .3;
}
.opacity-35 {
opacity: .35;
}
.opacity-40 {
opacity: .4;
}
.opacity-50 {
opacity: .5;
}
.opacity-60 {
opacity: .6;
}
.opacity-70 {
opacity: .7;
}
.opacity-75 {
opacity: .75;
}
.opacity-80 {
opacity: .8;
}
.opacity-90 {
opacity: .9;
}
.opacity-100 {
opacity: 1;
}
.bg-blend-color {
background-blend-mode: color;
}
.shadow {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.2\)\] {
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, #0003);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_var\(--color-sidebar-border\)\] {
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--color-sidebar-border));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_1px_0_0_color-mix\(in_oklab\,var\(--border\)_70\%\,transparent\)\] {
--tw-shadow: 0 1px 0 0 var(--tw-shadow-color, var(--border));
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-\[0_1px_0_0_color-mix\(in_oklab\,var\(--border\)_70\%\,transparent\)\] {
--tw-shadow: 0 1px 0 0 var(--tw-shadow-color, color-mix(in oklab,var(--border) 70%,transparent));
}
}
.shadow-\[0_1px_0_0_color-mix\(in_oklab\,var\(--border\)_70\%\,transparent\)\] {
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_var\(--color-foreground\)\] {
--tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-foreground));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_2px_0_0_var\(--brand\)\] {
--tw-shadow: inset 2px 0 0 var(--tw-shadow-color, var(--brand));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[var\(--floating-shadow\)\] {
--tw-shadow: var(--floating-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[var\(--menu-shadow\)\] {
--tw-shadow: var(--menu-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[var\(--surface-shadow\)\] {
--tw-shadow: var(--surface-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-none {
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-none\! {
--tw-shadow: 0 0 #0000 !important;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-sm {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xs {
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-0 {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-1 {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-2 {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-black\/10 {
--tw-shadow-color: #0000001a;
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-black\/10 {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.ring-amber-200\/60 {
--tw-ring-color: #fee68599;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-amber-200\/60 {
--tw-ring-color: color-mix(in oklab, var(--color-amber-200) 60%, transparent);
}
}
.ring-background {
--tw-ring-color: var(--background);
}
.ring-black\/10 {
--tw-ring-color: #0000001a;
}
@supports (color: color-mix(in lab, red, red)) {
.ring-black\/10 {
--tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
}
}
.ring-border {
--tw-ring-color: var(--border);
}
.ring-brand, .ring-brand\/20 {
--tw-ring-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.ring-brand\/20 {
--tw-ring-color: color-mix(in oklab, var(--brand) 20%, transparent);
}
}
.ring-brand\/25 {
--tw-ring-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.ring-brand\/25 {
--tw-ring-color: color-mix(in oklab, var(--brand) 25%, transparent);
}
}
.ring-brand\/50 {
--tw-ring-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.ring-brand\/50 {
--tw-ring-color: color-mix(in oklab, var(--brand) 50%, transparent);
}
}
.ring-destructive, .ring-destructive\/20 {
--tw-ring-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.ring-destructive\/20 {
--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
.ring-foreground, .ring-foreground\/10 {
--tw-ring-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.ring-foreground\/10 {
--tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
}
}
.ring-muted-foreground {
--tw-ring-color: var(--muted-foreground);
}
.ring-popover {
--tw-ring-color: var(--popover);
}
.ring-primary, .ring-primary\/15 {
--tw-ring-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.ring-primary\/15 {
--tw-ring-color: color-mix(in oklab, var(--primary) 15%, transparent);
}
}
.ring-primary\/20 {
--tw-ring-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.ring-primary\/20 {
--tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
}
}
.ring-ring, .ring-ring\/50 {
--tw-ring-color: var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
.ring-ring\/50 {
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
.ring-sidebar {
--tw-ring-color: var(--sidebar);
}
.ring-sidebar-ring {
--tw-ring-color: var(--sidebar-ring);
}
.ring-surface-border {
--tw-ring-color: var(--surface-border);
}
.ring-warning, .ring-warning\/60 {
--tw-ring-color: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
.ring-warning\/60 {
--tw-ring-color: color-mix(in oklab, var(--warning) 60%, transparent);
}
}
.ring-offset-1 {
--tw-ring-offset-width: 1px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.ring-offset-2 {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.ring-offset-background {
--tw-ring-offset-color: var(--background);
}
.ring-offset-surface-raised {
--tw-ring-offset-color: var(--surface-raised);
}
.outline-hidden {
--tw-outline-style: none;
outline-style: none;
}
@media (forced-colors: active) {
.outline-hidden {
outline-offset: 2px;
outline: 2px solid #0000;
}
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.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, );
}
.grayscale {
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.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 {
--tw-backdrop-blur: blur(8px);
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(var(--blur-sm));
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}
.backdrop-blur-xl {
--tw-backdrop-blur: blur(var(--blur-xl));
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}
.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-all {
transition-property: all !important;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.transition {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[background-color\,color\,box-shadow\] {
transition-property: background-color, color, box-shadow;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[border-color\,background-color\,transform\] {
transition-property: border-color, background-color, transform;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[border-color\,box-shadow\] {
transition-property: border-color, box-shadow;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[color\,background-color\,border-color\,box-shadow\,transform\] {
transition-property: color, background-color, border-color, box-shadow, transform;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[color\,background-color\,border-color\,box-shadow\] {
transition-property: color, background-color, border-color, box-shadow;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[color\,background-color\,box-shadow\] {
transition-property: color, background-color, box-shadow;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[color\,box-shadow\] {
transition-property: color, box-shadow;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[grid-template-rows\] {
transition-property: grid-template-rows;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[height\,max-width\] {
transition-property: height, max-width;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[height\] {
transition-property: height;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[left\,right\,width\] {
transition-property: left, right, width;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[margin\,opacity\] {
transition-property: margin, opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[padding-left\] {
transition-property: padding-left;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[scale\,background-color\] {
transition-property: scale, background-color;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[transform\,background-color\] {
transition-property: transform, background-color;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[width\,height\,padding\] {
transition-property: width, height, padding;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[width\] {
transition-property: width;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-shadow {
transition-property: box-shadow;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-none {
transition-property: none;
}
.\!duration-300 {
--tw-duration: .3s !important;
transition-duration: .3s !important;
}
.duration-100 {
--tw-duration: .1s;
transition-duration: .1s;
}
.duration-150 {
--tw-duration: .15s;
transition-duration: .15s;
}
.duration-200 {
--tw-duration: .2s;
transition-duration: .2s;
}
.duration-300 {
--tw-duration: .3s;
transition-duration: .3s;
}
.duration-500 {
--tw-duration: .5s;
transition-duration: .5s;
}
.duration-700 {
--tw-duration: .7s;
transition-duration: .7s;
}
.duration-1000 {
--tw-duration: 1s;
transition-duration: 1s;
}
.\!ease-out {
--tw-ease: var(--ease-out) !important;
transition-timing-function: var(--ease-out) !important;
}
.ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.ease-linear {
--tw-ease: linear;
transition-timing-function: linear;
}
.ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
}
.will-change-transform {
will-change: transform;
}
.fade-in-0 {
--tw-enter-opacity: 0;
}
.fill-mode-backwards {
--tw-animation-fill-mode: backwards;
animation-fill-mode: backwards;
}
.outline-none {
--tw-outline-style: none;
outline-style: none;
}
.select-all {
-webkit-user-select: all;
user-select: all;
}
.select-none {
-webkit-user-select: none;
user-select: none;
}
.select-text {
-webkit-user-select: text;
user-select: text;
}
.zoom-in-95 {
--tw-enter-scale: .95;
}
.\[--cell-radius\:var\(--radius-md\)\] {
--cell-radius: var(--radius-md);
}
.\[--cell-size\:--spacing\(7\)\] {
--cell-size: calc(var(--spacing) * 7);
}
.\[--issue-peek-width\:520px\] {
--issue-peek-width: 520px;
}
.\[--sidebar-wrapper-fill\:var\(--app-shell\)\] {
--sidebar-wrapper-fill: var(--app-shell);
}
.\[-webkit-overflow-scrolling\:touch\] {
-webkit-overflow-scrolling: touch;
}
.\[animation-delay\:300ms\] {
animation-delay: .3s;
}
.\[scrollbar-gutter\:stable_both-edges\] {
scrollbar-gutter: stable both-edges;
}
.fade-in {
--tw-enter-opacity: 0;
}
.fade-out {
--tw-exit-opacity: 0;
}
.paused {
animation-play-state: paused;
}
.ring-inset {
--tw-ring-inset: inset;
}
.running {
animation-play-state: running;
}
.slide-in-from-bottom-1 {
--tw-enter-translate-y: calc(1*var(--spacing));
}
.slide-in-from-bottom-2 {
--tw-enter-translate-y: calc(2*var(--spacing));
}
.slide-in-from-top-1 {
--tw-enter-translate-y: calc(1*var(--spacing)*-1);
}
.zoom-in {
--tw-enter-scale: 0;
}
:is(.\*\:w-full > *) {
width: 100%;
}
.not-last\:flex-1:not(:last-child) {
flex: 1;
}
.group-focus-within\:pointer-events-auto:is(:where(.group):focus-within *) {
pointer-events: auto;
}
.group-focus-within\:opacity-100:is(:where(.group):focus-within *), .group-focus-within\/dynamic-block\:opacity-100:is(:where(.group\/dynamic-block):focus-within *), .group-focus-within\/file-card\:opacity-100:is(:where(.group\/file-card):focus-within *), .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *), .group-focus-within\/pr\:opacity-100:is(:where(.group\/pr):focus-within *) {
opacity: 1;
}
.group-focus-within\/row\:opacity-0:is(:where(.group\/row):focus-within *) {
opacity: 0;
}
.group-focus-within\/row\:opacity-100:is(:where(.group\/row):focus-within *) {
opacity: 1;
}
@media (hover: hover) {
.group-hover\:pointer-events-auto:is(:where(.group):hover *) {
pointer-events: auto;
}
.group-hover\:flex:is(:where(.group):hover *) {
display: flex;
}
.group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
--tw-translate-x: calc(var(--spacing) * .5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-hover\:rotate-180:is(:where(.group):hover *) {
rotate: 180deg;
}
.group-hover\:border-foreground:is(:where(.group):hover *) {
border-color: var(--foreground);
}
.group-hover\:bg-\[color-mix\(in_oklab\,var\(--muted\)_50\%\,var\(--background\)\)\]:is(:where(.group):hover *) {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:bg-\[color-mix\(in_oklab\,var\(--muted\)_50\%\,var\(--background\)\)\]:is(:where(.group):hover *) {
background-color: color-mix(in oklab,var(--muted) 50%,var(--background));
}
}
.group-hover\:bg-background\/20:is(:where(.group):hover *) {
background-color: var(--background);
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:bg-background\/20:is(:where(.group):hover *) {
background-color: color-mix(in oklab, var(--background) 20%, transparent);
}
}
.group-hover\:bg-foreground:is(:where(.group):hover *) {
background-color: var(--foreground);
}
.group-hover\:bg-muted\/50:is(:where(.group):hover *) {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:bg-muted\/50:is(:where(.group):hover *) {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
.group-hover\:from-\[color-mix\(in_oklab\,var\(--muted\)_50\%\,var\(--background\)\)\]:is(:where(.group):hover *) {
--tw-gradient-from: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:from-\[color-mix\(in_oklab\,var\(--muted\)_50\%\,var\(--background\)\)\]:is(:where(.group):hover *) {
--tw-gradient-from: color-mix(in oklab,var(--muted) 50%,var(--background));
}
}
.group-hover\:from-\[color-mix\(in_oklab\,var\(--muted\)_50\%\,var\(--background\)\)\]:is(:where(.group):hover *) {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.group-hover\:text-background:is(:where(.group):hover *) {
color: var(--background);
}
.group-hover\:text-foreground:is(:where(.group):hover *) {
color: var(--foreground);
}
.group-hover\:text-muted-foreground:is(:where(.group):hover *) {
color: var(--muted-foreground);
}
.group-hover\:underline:is(:where(.group):hover *) {
text-decoration-line: underline;
}
.group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 1;
}
.group-hover\:ring-foreground\/40:is(:where(.group):hover *) {
--tw-ring-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:ring-foreground\/40:is(:where(.group):hover *) {
--tw-ring-color: color-mix(in oklab, var(--foreground) 40%, transparent);
}
}
.group-hover\/card\:border-foreground\/15:is(:where(.group\/card):hover *) {
border-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\/card\:border-foreground\/15:is(:where(.group\/card):hover *) {
border-color: color-mix(in oklab, var(--foreground) 15%, transparent);
}
}
.group-hover\/card\:bg-surface-hover:is(:where(.group\/card):hover *) {
background-color: var(--surface-hover);
}
.group-hover\/code\:opacity-100:is(:where(.group\/code):hover *), .group-hover\/dynamic-block\:opacity-100:is(:where(.group\/dynamic-block):hover *), .group-hover\/file-card\:opacity-100:is(:where(.group\/file-card):hover *), .group-hover\/fitem\:opacity-100:is(:where(.group\/fitem):hover *), .group-hover\/header\:opacity-100:is(:where(.group\/header):hover *), .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
opacity: 1;
}
.group-hover\/parent\:text-foreground:is(:where(.group\/parent):hover *) {
color: var(--foreground);
}
.group-hover\/pin\:flex:is(:where(.group\/pin):hover *) {
display: flex;
}
.group-hover\/pinned\:opacity-100:is(:where(.group\/pinned):hover *), .group-hover\/pr\:opacity-100:is(:where(.group\/pr):hover *) {
opacity: 1;
}
.group-hover\/row\:block:is(:where(.group\/row):hover *) {
display: block;
}
.group-hover\/row\:hidden:is(:where(.group\/row):hover *) {
display: none;
}
.group-hover\/row\:text-foreground:is(:where(.group\/row):hover *) {
color: var(--foreground);
}
.group-hover\/row\:opacity-0:is(:where(.group\/row):hover *) {
opacity: 0;
}
.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) {
opacity: 1;
}
.group-hover\/sort\:opacity-50:is(:where(.group\/sort):hover *) {
opacity: .5;
}
.group-hover\/sort\:opacity-100:is(:where(.group\/sort):hover *) {
opacity: 1;
}
.group-hover\/source-parent\:text-foreground:is(:where(.group\/source-parent):hover *) {
color: var(--foreground);
}
.group-hover\/sub-issues\:opacity-100:is(:where(.group\/sub-issues):hover *) {
opacity: 1;
}
.group-hover\/tab\:opacity-0:is(:where(.group\/tab):hover *) {
opacity: 0;
}
.group-hover\/tab\:opacity-100:is(:where(.group\/tab):hover *) {
opacity: 1;
}
.group-hover\/tick\:bg-foreground:is(:where(.group\/tick):hover *) {
background-color: var(--foreground);
}
.group-hover\/timeline\:opacity-100:is(:where(.group\/timeline):hover *) {
opacity: 1;
}
.group-hover\/title\:pointer-events-auto:is(:where(.group\/title):hover *) {
pointer-events: auto;
}
.group-hover\/title\:opacity-100:is(:where(.group\/title):hover *) {
opacity: 1;
}
}
.group-focus\/context-menu-item\:text-accent-foreground:is(:where(.group\/context-menu-item):focus *), .group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *) {
color: var(--accent-foreground);
}
.group-focus\/fitem\:opacity-100:is(:where(.group\/fitem):focus *) {
opacity: 1;
}
.group-focus-visible\:ring-2:is(:where(.group):focus-visible *) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.group-focus-visible\:ring-ring:is(:where(.group):focus-visible *) {
--tw-ring-color: var(--ring);
}
.group-focus-visible\/sort\:opacity-100:is(:where(.group\/sort):focus-visible *) {
opacity: 1;
}
.group-focus-visible\/tick\:scale-x-\[1\.7\]:is(:where(.group\/tick):focus-visible *) {
--tw-scale-x: 1.7;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.group-focus-visible\/tick\:bg-foreground:is(:where(.group\/tick):focus-visible *) {
background-color: var(--foreground);
}
.group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *) {
opacity: .5;
}
.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
padding-right: calc(var(--spacing) * 8);
}
.group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size="lg"]) *) {
width: calc(var(--spacing) * 10);
height: calc(var(--spacing) * 10);
}
.group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size="sm"]) *) {
width: calc(var(--spacing) * 6);
height: calc(var(--spacing) * 6);
}
.group-has-data-\[slot\=command-shortcut\]\/command-item\:hidden:is(:where(.group\/command-item):has([data-slot="command-shortcut"]) *) {
display: none;
}
.group-has-data-\[slot\=item-description\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot="item-description"]) *) {
--tw-translate-y: calc(var(--spacing) * .5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-has-data-\[slot\=item-description\]\/item\:self-start:is(:where(.group\/item):has([data-slot="item-description"]) *) {
align-self: flex-start;
}
.group-has-data-horizontal\/field\:text-balance:is(:where(.group\/field):has(:where([data-orientation="horizontal"])) *) {
text-wrap: balance;
}
.group-has-\[\>input\]\/input-group\:pt-2:is(:where(.group\/input-group):has( > input) *) {
padding-top: calc(var(--spacing) * 2);
}
.group-has-\[\>input\]\/input-group\:pb-2:is(:where(.group\/input-group):has( > input) *) {
padding-bottom: calc(var(--spacing) * 2);
}
.group-has-\[\>svg\]\/alert\:col-start-2:is(:where(.group\/alert):has( > svg) *) {
grid-column-start: 2;
}
.group-aria-expanded\/trigger\:rotate-90:is(:where(.group\/trigger)[aria-expanded="true"] *) {
rotate: 90deg;
}
.group-data-\[checked\=true\]\/command-item\:opacity-100:is(:where(.group\/command-item)[data-checked="true"] *) {
opacity: 1;
}
.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) {
margin-top: calc(var(--spacing) * -8);
}
.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) {
display: none;
}
.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) {
width: calc(var(--spacing) * 8) !important;
height: calc(var(--spacing) * 8) !important;
}
.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) {
width: var(--sidebar-width-icon);
}
.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) {
width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
}
.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) {
width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
}
.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) {
overflow: hidden;
}
.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) {
padding: calc(var(--spacing) * 0) !important;
}
.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) {
padding: calc(var(--spacing) * 2) !important;
}
.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) {
opacity: 0;
}
.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
width: calc(var(--spacing) * 0);
}
.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
pointer-events: none;
}
.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *), .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled="true"] *), .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) {
opacity: .5;
}
.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *) {
position: relative;
}
.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *) {
z-index: 10;
}
.group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused="true"] *) {
border-color: var(--ring);
}
.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) {
--tw-ring-color: var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) {
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
.group-data-\[orientation\=horizontal\]\/stepper-nav\:h-0\.5:is(:where(.group\/stepper-nav)[data-orientation="horizontal"] *) {
height: calc(var(--spacing) * .5);
}
.group-data-\[orientation\=horizontal\]\/stepper-nav\:flex-1:is(:where(.group\/stepper-nav)[data-orientation="horizontal"] *) {
flex: 1;
}
.group-data-\[orientation\=horizontal\]\/stepper-nav\:flex-row:is(:where(.group\/stepper-nav)[data-orientation="horizontal"] *) {
flex-direction: row;
}
.group-data-\[orientation\=vertical\]\/stepper-nav\:h-12:is(:where(.group\/stepper-nav)[data-orientation="vertical"] *) {
height: calc(var(--spacing) * 12);
}
.group-data-\[orientation\=vertical\]\/stepper-nav\:h-\[calc\(100\%-1\.75rem\)\]:is(:where(.group\/stepper-nav)[data-orientation="vertical"] *) {
height: calc(100% - 1.75rem);
}
.group-data-\[orientation\=vertical\]\/stepper-nav\:w-0\.5:is(:where(.group\/stepper-nav)[data-orientation="vertical"] *) {
width: calc(var(--spacing) * .5);
}
.group-data-\[orientation\=vertical\]\/stepper-nav\:flex-col:is(:where(.group\/stepper-nav)[data-orientation="vertical"] *) {
flex-direction: column;
}
.group-data-\[panel-open\]\:rotate-90:is(:where(.group)[data-panel-open] *), .group-data-\[panel-open\]\/trigger\:rotate-90:is(:where(.group\/trigger)[data-panel-open] *) {
rotate: 90deg;
}
.group-data-\[peeked\]\/card\:ring-2:is(:where(.group\/card)[data-peeked] *) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.group-data-\[peeked\]\/card\:ring-brand\/50:is(:where(.group\/card)[data-peeked] *) {
--tw-ring-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.group-data-\[peeked\]\/card\:ring-brand\/50:is(:where(.group\/card)[data-peeked] *) {
--tw-ring-color: color-mix(in oklab, var(--brand) 50%, transparent);
}
}
.group-data-\[popup-open\]\/card\:border-foreground\/15:is(:where(.group\/card)[data-popup-open] *) {
border-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.group-data-\[popup-open\]\/card\:border-foreground\/15:is(:where(.group\/card)[data-popup-open] *) {
border-color: color-mix(in oklab, var(--foreground) 15%, transparent);
}
}
.group-data-\[popup-open\]\/card\:bg-surface-hover:is(:where(.group\/card)[data-popup-open] *) {
background-color: var(--surface-hover);
}
.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
right: calc(var(--spacing) * -4);
}
.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
left: calc(var(--spacing) * 0);
}
.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) {
rotate: 180deg;
}
.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size="default"] *) {
width: calc(var(--spacing) * 2.5);
height: calc(var(--spacing) * 2.5);
}
.group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size="default"] *) {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size="lg"] *) {
width: calc(var(--spacing) * 3);
height: calc(var(--spacing) * 3);
}
.group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
display: grid;
}
.group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size="sm"] *) {
width: calc(var(--spacing) * 2);
height: calc(var(--spacing) * 2);
}
.group-data-\[size\=sm\]\/avatar\:text-caption:is(:where(.group\/avatar)[data-size="sm"] *) {
font-size: var(--text-caption);
line-height: var(--tw-leading, var(--text-caption--line-height));
}
.group-data-\[size\=sm\]\/card\:rounded-t-lg:is(:where(.group\/card)[data-size="sm"] *) {
border-top-left-radius: var(--radius);
border-top-right-radius: var(--radius);
}
.group-data-\[size\=sm\]\/card\:rounded-b-lg:is(:where(.group\/card)[data-size="sm"] *) {
border-bottom-right-radius: var(--radius);
border-bottom-left-radius: var(--radius);
}
.group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size="sm"] *) {
padding: calc(var(--spacing) * 3);
}
.group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size="sm"] *) {
padding-inline: calc(var(--spacing) * 3);
}
.group-data-\[size\=sm\]\/card\:text-body:is(:where(.group\/card)[data-size="sm"] *) {
font-size: var(--text-body);
line-height: var(--tw-leading, var(--text-body--line-height));
}
.group-data-\[size\=sm\]\/item\:size-8:is(:where(.group\/item)[data-size="sm"] *) {
width: calc(var(--spacing) * 8);
height: calc(var(--spacing) * 8);
}
.group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size="sm"] *) {
width: calc(var(--spacing) * 3);
height: calc(var(--spacing) * 3);
}
.group-data-\[size\=xs\]\/item\:size-6:is(:where(.group\/item)[data-size="xs"] *) {
width: calc(var(--spacing) * 6);
height: calc(var(--spacing) * 6);
}
.group-data-\[size\=xs\]\/item\:gap-0:is(:where(.group\/item)[data-size="xs"] *) {
gap: calc(var(--spacing) * 0);
}
.group-data-\[size\=xs\]\/item\:text-caption:is(:where(.group\/item)[data-size="xs"] *) {
font-size: var(--text-caption);
line-height: var(--tw-leading, var(--text-caption--line-height));
}
.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
border-radius: var(--radius);
}
.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.group-data-\[variant\=floating\]\:ring-1:is(:where(.group)[data-variant="floating"] *) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.group-data-\[variant\=floating\]\:ring-sidebar-border:is(:where(.group)[data-variant="floating"] *) {
--tw-ring-color: var(--sidebar-border);
}
.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *) {
background-color: #0000;
}
.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant="outline"] *) {
margin-bottom: calc(var(--spacing) * -2);
}
.group-data-selected\/command-item\:text-foreground:is(:where(.group\/command-item):where([data-selected="true"]) *) {
color: var(--foreground);
}
.group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
height: calc(var(--spacing) * 8);
}
.group-data-horizontal\/tabs\:h-\[26px\]:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
height: 26px;
}
.group-data-horizontal\/tabs\:h-full:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
height: 100%;
}
.group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
height: fit-content;
}
.group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
width: 100%;
}
.group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
flex-direction: column;
}
.group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
justify-content: flex-start;
}
@media (hover: hover) {
.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover ~ *) {
color: var(--sidebar-accent-foreground);
}
}
.peer-focus-visible\:ring-2:is(:where(.peer):focus-visible ~ *) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.peer-focus-visible\:ring-ring:is(:where(.peer):focus-visible ~ *) {
--tw-ring-color: var(--ring);
}
.peer-focus-visible\:outline-none:is(:where(.peer):focus-visible ~ *) {
--tw-outline-style: none;
outline-style: none;
}
.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
cursor: not-allowed;
}
.peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
opacity: .5;
}
.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
top: calc(var(--spacing) * 1.5);
}
.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
top: calc(var(--spacing) * 2.5);
}
.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
top: calc(var(--spacing) * 1);
}
.peer-data-active\/menu-button\:text-sidebar-accent-foreground:is(:is(:where(.peer\/menu-button):where([data-state="active"]), :where(.peer\/menu-button):where([data-active]:not([data-active="false"]))) ~ *) {
color: var(--sidebar-accent-foreground);
}
.marker\:text-muted-foreground ::marker {
color: var(--muted-foreground);
}
.marker\:text-muted-foreground::marker {
color: var(--muted-foreground);
}
.marker\:text-muted-foreground ::-webkit-details-marker {
color: var(--muted-foreground);
}
.marker\:text-muted-foreground::-webkit-details-marker {
color: var(--muted-foreground);
}
.file\:inline-flex::file-selector-button {
display: inline-flex;
}
.file\:h-6::file-selector-button {
height: calc(var(--spacing) * 6);
}
.file\:border-0::file-selector-button {
border-style: var(--tw-border-style);
border-width: 0;
}
.file\:bg-transparent::file-selector-button {
background-color: #0000;
}
.file\:text-body::file-selector-button {
font-size: var(--text-body);
line-height: var(--tw-leading, var(--text-body--line-height));
}
.file\:font-medium::file-selector-button {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.file\:text-foreground::file-selector-button {
color: var(--foreground);
}
.placeholder\:font-sans::placeholder {
font-family: var(--font-sans);
}
.placeholder\:text-faint-foreground::placeholder {
color: var(--faint-foreground);
}
.placeholder\:text-muted-foreground::placeholder {
color: var(--muted-foreground);
}
.before\:pointer-events-none:before {
content: var(--tw-content);
pointer-events: none;
}
.before\:absolute:before {
content: var(--tw-content);
position: absolute;
}
.before\:inset-x-0:before {
content: var(--tw-content);
inset-inline: calc(var(--spacing) * 0);
}
.before\:inset-y-0:before {
content: var(--tw-content);
inset-block: calc(var(--spacing) * 0);
}
.before\:bottom-full:before {
content: var(--tw-content);
bottom: 100%;
}
.before\:left-0:before {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
.before\:left-1\/2:before {
content: var(--tw-content);
left: 50%;
}
.before\:h-4:before {
content: var(--tw-content);
height: calc(var(--spacing) * 4);
}
.before\:w-px:before {
content: var(--tw-content);
width: 1px;
}
.before\:-translate-x-1\/2:before {
content: var(--tw-content);
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.before\:bg-surface-border:before {
content: var(--tw-content);
background-color: var(--surface-border);
}
.before\:bg-transparent:before {
content: var(--tw-content);
background-color: #0000;
}
.before\:bg-gradient-to-t:before {
content: var(--tw-content);
--tw-gradient-position: to top in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.before\:from-background:before {
content: var(--tw-content);
--tw-gradient-from: var(--background);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.before\:to-transparent:before {
content: var(--tw-content);
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.before\:transition-colors:before {
content: var(--tw-content);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.after\:pointer-events-none:after {
content: var(--tw-content);
pointer-events: none;
}
.after\:absolute:after {
content: var(--tw-content);
position: absolute;
}
.after\:-inset-1:after {
content: var(--tw-content);
inset: calc(var(--spacing) * -1);
}
.after\:-inset-2:after {
content: var(--tw-content);
inset: calc(var(--spacing) * -2);
}
.after\:inset-0:after {
content: var(--tw-content);
inset: calc(var(--spacing) * 0);
}
.after\:-inset-x-3:after {
content: var(--tw-content);
inset-inline: calc(var(--spacing) * -3);
}
.after\:inset-x-0:after {
content: var(--tw-content);
inset-inline: calc(var(--spacing) * 0);
}
.after\:-inset-y-2:after {
content: var(--tw-content);
inset-block: calc(var(--spacing) * -2);
}
.after\:inset-y-0:after {
content: var(--tw-content);
inset-block: calc(var(--spacing) * 0);
}
.after\:start-1\/2:after {
content: var(--tw-content);
inset-inline-start: 50%;
}
.after\:top-full:after {
content: var(--tw-content);
top: 100%;
}
.after\:right-0:after {
content: var(--tw-content);
right: calc(var(--spacing) * 0);
}
.after\:bottom-0:after {
content: var(--tw-content);
bottom: calc(var(--spacing) * 0);
}
.after\:left-0:after {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
.after\:left-1\/2:after {
content: var(--tw-content);
left: 50%;
}
.after\:h-0\.5:after {
content: var(--tw-content);
height: calc(var(--spacing) * .5);
}
.after\:h-1:after {
content: var(--tw-content);
height: calc(var(--spacing) * 1);
}
.after\:h-3:after {
content: var(--tw-content);
height: calc(var(--spacing) * 3);
}
.after\:w-0\.5:after {
content: var(--tw-content);
width: calc(var(--spacing) * .5);
}
.after\:w-2:after {
content: var(--tw-content);
width: calc(var(--spacing) * 2);
}
.after\:w-4:after {
content: var(--tw-content);
width: calc(var(--spacing) * 4);
}
.after\:w-\[2px\]:after {
content: var(--tw-content);
width: 2px;
}
.after\:-translate-x-1\/2:after {
content: var(--tw-content);
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.after\:rounded-full:after {
content: var(--tw-content);
border-radius: 3.40282e38px;
}
.after\:border:after {
content: var(--tw-content);
border-style: var(--tw-border-style);
border-width: 1px;
}
.after\:border-border:after {
content: var(--tw-content);
border-color: var(--border);
}
.after\:bg-\[inherit\]:after {
content: var(--tw-content);
background-color: inherit;
}
.after\:bg-brand:after {
content: var(--tw-content);
background-color: var(--brand);
}
.after\:bg-foreground:after {
content: var(--tw-content);
background-color: var(--foreground);
}
.after\:bg-muted:after {
content: var(--tw-content);
background-color: var(--muted);
}
.after\:bg-transparent:after {
content: var(--tw-content);
background-color: #0000;
}
.after\:bg-gradient-to-b:after {
content: var(--tw-content);
--tw-gradient-position: to bottom in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.after\:from-background:after {
content: var(--tw-content);
--tw-gradient-from: var(--background);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.after\:to-transparent:after {
content: var(--tw-content);
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.after\:\[mask-image\:linear-gradient\(to_bottom\,\#000\,transparent\)\]:after {
content: var(--tw-content);
-webkit-mask-image: linear-gradient(#000, #0000);
mask-image: linear-gradient(#000, #0000);
}
.after\:opacity-0:after {
content: var(--tw-content);
opacity: 0;
}
.after\:mix-blend-darken:after {
content: var(--tw-content);
mix-blend-mode: darken;
}
.after\:transition-colors:after {
content: var(--tw-content);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.after\:transition-opacity:after {
content: var(--tw-content);
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.after\:transition-none:after {
content: var(--tw-content);
transition-property: none;
}
.after\:duration-100:after {
content: var(--tw-content);
--tw-duration: .1s;
transition-duration: .1s;
}
.after\:\[-webkit-mask-image\:linear-gradient\(to_bottom\,\#000\,transparent\)\]:after {
content: var(--tw-content);
-webkit-mask-image: linear-gradient(#000, #0000);
}
.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after {
content: var(--tw-content);
left: 100%;
}
.group-data-\[peek-open\]\/peek\:after\:w-\(--issue-peek-width\):is(:where(.group\/peek)[data-peek-open] *):after {
content: var(--tw-content);
width: var(--issue-peek-width);
}
.group-data-\[peek-open\]\/peek\:after\:shrink-0:is(:where(.group\/peek)[data-peek-open] *):after {
content: var(--tw-content);
flex-shrink: 0;
}
.group-data-\[peek-open\]\/peek\:after\:content-\[\'\'\]:is(:where(.group\/peek)[data-peek-open] *):after {
--tw-content: "";
content: var(--tw-content);
}
.group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *):after {
content: var(--tw-content);
inset-inline: calc(var(--spacing) * 0);
}
.group-data-horizontal\/tabs\:after\:bottom-0:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *):after {
content: var(--tw-content);
bottom: calc(var(--spacing) * 0);
}
.group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *):after {
content: var(--tw-content);
bottom: -5px;
}
.group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *):after {
content: var(--tw-content);
height: calc(var(--spacing) * .5);
}
.group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs):where([data-orientation="vertical"]) *):after {
content: var(--tw-content);
inset-block: calc(var(--spacing) * 0);
}
.group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs):where([data-orientation="vertical"]) *):after {
content: var(--tw-content);
right: calc(var(--spacing) * -1);
}
.group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs):where([data-orientation="vertical"]) *):after {
content: var(--tw-content);
width: calc(var(--spacing) * .5);
}
.first\:rounded-t-xl:first-child {
border-top-left-radius: calc(var(--radius) * 1.5);
border-top-right-radius: calc(var(--radius) * 1.5);
}
.first\:rounded-l-lg:first-child {
border-top-left-radius: var(--radius);
border-bottom-left-radius: var(--radius);
}
.first\:border-l:first-child {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.first\:pt-0:first-child {
padding-top: calc(var(--spacing) * 0);
}
.last\:mt-0:last-child {
margin-top: calc(var(--spacing) * 0);
}
.last\:mb-0:last-child {
margin-bottom: calc(var(--spacing) * 0);
}
.last\:rounded-r-lg:last-child {
border-top-right-radius: var(--radius);
border-bottom-right-radius: var(--radius);
}
.last\:rounded-b-xl:last-child {
border-bottom-right-radius: calc(var(--radius) * 1.5);
border-bottom-left-radius: calc(var(--radius) * 1.5);
}
.last\:border-r-0:last-child {
border-right-style: var(--tw-border-style);
border-right-width: 0;
}
.last\:border-b-0:last-child {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
.last\:pb-0:last-child {
padding-bottom: calc(var(--spacing) * 0);
}
.read-only\:cursor-default:read-only {
cursor: default;
}
.empty\:hidden:empty {
display: none;
}
.focus-within\:pointer-events-auto:focus-within {
pointer-events: auto;
}
.focus-within\:border-brand:focus-within {
border-color: var(--brand);
}
.focus-within\:border-foreground:focus-within {
border-color: var(--foreground);
}
.focus-within\:border-input:focus-within {
border-color: var(--input);
}
.focus-within\:border-primary\/40:focus-within {
border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.focus-within\:border-primary\/40:focus-within {
border-color: color-mix(in oklab, var(--primary) 40%, transparent);
}
}
.focus-within\:border-ring:focus-within {
border-color: var(--ring);
}
.focus-within\:border-transparent:focus-within {
border-color: #0000;
}
.focus-within\:bg-secondary:focus-within {
background-color: var(--secondary);
}
.focus-within\:opacity-100:focus-within {
opacity: 1;
}
.focus-within\:ring-0:focus-within {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-within\:ring-2:focus-within {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-within\:ring-3:focus-within {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-within\:ring-ring\/20:focus-within {
--tw-ring-color: var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
.focus-within\:ring-ring\/20:focus-within {
--tw-ring-color: color-mix(in oklab, var(--ring) 20%, transparent);
}
}
.focus-within\:ring-ring\/50:focus-within {
--tw-ring-color: var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
.focus-within\:ring-ring\/50:focus-within {
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
.focus-within\:outline-1:focus-within {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.focus-within\:outline-ring:focus-within {
outline-color: var(--ring);
}
@media (hover: hover) {
.hover\:-translate-y-0\.5:hover {
--tw-translate-y: calc(var(--spacing) * -.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.hover\:scale-110:hover {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.hover\:rotate-0:hover {
rotate: 0deg;
}
.hover\:animate-spin:hover {
animation: var(--animate-spin);
}
.hover\:border-brand\/40:hover {
border-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-brand\/40:hover {
border-color: color-mix(in oklab, var(--brand) 40%, transparent);
}
}
.hover\:border-foreground\/20:hover {
border-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-foreground\/20:hover {
border-color: color-mix(in oklab, var(--foreground) 20%, transparent);
}
}
.hover\:border-foreground\/30:hover {
border-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-foreground\/30:hover {
border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
}
}
.hover\:border-muted-foreground\/60:hover {
border-color: var(--muted-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-muted-foreground\/60:hover {
border-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
}
}
.hover\:border-primary:hover, .hover\:border-primary\/40:hover {
border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-primary\/40:hover {
border-color: color-mix(in oklab, var(--primary) 40%, transparent);
}
}
.hover\:border-primary\/50:hover {
border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-primary\/50:hover {
border-color: color-mix(in oklab, var(--primary) 50%, transparent);
}
}
.hover\:border-l-foreground\/50:hover {
border-left-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-l-foreground\/50:hover {
border-left-color: color-mix(in oklab, var(--foreground) 50%, transparent);
}
}
.hover\:bg-accent:hover, .hover\:bg-accent\/30:hover {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-accent\/30:hover {
background-color: color-mix(in oklab, var(--accent) 30%, transparent);
}
}
.hover\:bg-accent\/40:hover {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-accent\/40:hover {
background-color: color-mix(in oklab, var(--accent) 40%, transparent);
}
}
.hover\:bg-accent\/50:hover {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-accent\/50:hover {
background-color: color-mix(in oklab, var(--accent) 50%, transparent);
}
}
.hover\:bg-accent\/60:hover {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-accent\/60:hover {
background-color: color-mix(in oklab, var(--accent) 60%, transparent);
}
}
.hover\:bg-accent\/70:hover {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-accent\/70:hover {
background-color: color-mix(in oklab, var(--accent) 70%, transparent);
}
}
.hover\:bg-accent\/80:hover {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-accent\/80:hover {
background-color: color-mix(in oklab, var(--accent) 80%, transparent);
}
}
.hover\:bg-background:hover, .hover\:bg-background\/60:hover {
background-color: var(--background);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-background\/60:hover {
background-color: color-mix(in oklab, var(--background) 60%, transparent);
}
}
.hover\:bg-black\/10:hover {
background-color: #0000001a;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-black\/10:hover {
background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
}
}
.hover\:bg-brand\/10:hover {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-brand\/10:hover {
background-color: color-mix(in oklab, var(--brand) 10%, transparent);
}
}
.hover\:bg-brand\/12:hover {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-brand\/12:hover {
background-color: color-mix(in oklab, var(--brand) 12%, transparent);
}
}
.hover\:bg-brand\/15:hover {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-brand\/15:hover {
background-color: color-mix(in oklab, var(--brand) 15%, transparent);
}
}
.hover\:bg-brand\/90:hover {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-brand\/90:hover {
background-color: color-mix(in oklab, var(--brand) 90%, transparent);
}
}
.hover\:bg-current\/20:hover {
background-color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-current\/20:hover {
background-color: color-mix(in oklab, currentcolor 20%, transparent);
}
}
.hover\:bg-destructive\/5:hover {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-destructive\/5:hover {
background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
}
}
.hover\:bg-destructive\/10:hover {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-destructive\/10:hover {
background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
}
}
.hover\:bg-destructive\/20:hover {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-destructive\/20:hover {
background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
.hover\:bg-destructive\/90:hover {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-destructive\/90:hover {
background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
}
}
.hover\:bg-info\/10:hover {
background-color: var(--info);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-info\/10:hover {
background-color: color-mix(in oklab, var(--info) 10%, transparent);
}
}
.hover\:bg-info\/15:hover {
background-color: var(--info);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-info\/15:hover {
background-color: color-mix(in oklab, var(--info) 15%, transparent);
}
}
.hover\:bg-muted:hover {
background-color: var(--muted);
}
.hover\:bg-muted-foreground\/20:hover {
background-color: var(--muted-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted-foreground\/20:hover {
background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
}
}
.hover\:bg-muted\/30:hover {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted\/30:hover {
background-color: color-mix(in oklab, var(--muted) 30%, transparent);
}
}
.hover\:bg-muted\/40:hover {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted\/40:hover {
background-color: color-mix(in oklab, var(--muted) 40%, transparent);
}
}
.hover\:bg-muted\/50:hover {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted\/50:hover {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
.hover\:bg-muted\/60:hover {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted\/60:hover {
background-color: color-mix(in oklab, var(--muted) 60%, transparent);
}
}
.hover\:bg-muted\/70:hover {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted\/70:hover {
background-color: color-mix(in oklab, var(--muted) 70%, transparent);
}
}
.hover\:bg-muted\/80:hover {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted\/80:hover {
background-color: color-mix(in oklab, var(--muted) 80%, transparent);
}
}
.hover\:bg-primary\/90:hover {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-primary\/90:hover {
background-color: color-mix(in oklab, var(--primary) 90%, transparent);
}
}
.hover\:bg-secondary:hover, .hover\:bg-secondary\/80:hover {
background-color: var(--secondary);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-secondary\/80:hover {
background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
}
}
.hover\:bg-sidebar-accent:hover, .hover\:bg-sidebar-accent\/70:hover {
background-color: var(--sidebar-accent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-sidebar-accent\/70:hover {
background-color: color-mix(in oklab, var(--sidebar-accent) 70%, transparent);
}
}
.hover\:bg-success\/10:hover {
background-color: var(--success);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-success\/10:hover {
background-color: color-mix(in oklab, var(--success) 10%, transparent);
}
}
.hover\:bg-surface-hover:hover {
background-color: var(--surface-hover);
}
.hover\:bg-surface-selected:hover {
background-color: var(--surface-selected);
}
.hover\:bg-transparent:hover {
background-color: #0000;
}
.hover\:bg-warning\/10:hover {
background-color: var(--warning);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-warning\/10:hover {
background-color: color-mix(in oklab, var(--warning) 10%, transparent);
}
}
.hover\:bg-white\/20:hover {
background-color: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/20:hover {
background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.hover\:text-accent-foreground:hover {
color: var(--accent-foreground);
}
.hover\:text-amber-600:hover {
color: var(--color-amber-600);
}
.hover\:text-brand:hover {
color: var(--brand);
}
.hover\:text-brand-foreground:hover {
color: var(--brand-foreground);
}
.hover\:text-destructive:hover {
color: var(--destructive);
}
.hover\:text-foreground:hover, .hover\:text-foreground\/80:hover {
color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:text-foreground\/80:hover {
color: color-mix(in oklab, var(--foreground) 80%, transparent);
}
}
.hover\:text-muted-foreground:hover {
color: var(--muted-foreground);
}
.hover\:text-sidebar-accent-foreground:hover {
color: var(--sidebar-accent-foreground);
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.hover\:decoration-brand:hover {
-webkit-text-decoration-color: var(--brand);
-webkit-text-decoration-color: var(--brand);
text-decoration-color: var(--brand);
}
.hover\:decoration-foreground:hover {
-webkit-text-decoration-color: var(--foreground);
-webkit-text-decoration-color: var(--foreground);
text-decoration-color: var(--foreground);
}
.hover\:opacity-80:hover {
opacity: .8;
}
.hover\:opacity-90:hover {
opacity: .9;
}
.hover\:opacity-100:hover {
opacity: 1;
}
.hover\:shadow-\[0_0_0_1px_var\(--color-sidebar-accent\)\]:hover {
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--color-sidebar-accent));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.hover\:shadow-md:hover {
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.hover\:ring-3:hover {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.hover\:ring-foreground\/25:hover {
--tw-ring-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:ring-foreground\/25:hover {
--tw-ring-color: color-mix(in oklab, var(--foreground) 25%, transparent);
}
}
.hover\:ring-foreground\/40:hover {
--tw-ring-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:ring-foreground\/40:hover {
--tw-ring-color: color-mix(in oklab, var(--foreground) 40%, transparent);
}
}
.hover\:not-data-\[popup-open\]\:bg-surface-hover:hover:not([data-popup-open]) {
background-color: var(--surface-hover);
}
.hover\:not-data-\[popup-open\]\:bg-surface-selected:hover:not([data-popup-open]) {
background-color: var(--surface-selected);
}
.hover\:not-data-active\:bg-sidebar-accent\/70:hover:not(:where([data-state="active"]), :where([data-active]:not([data-active="false"]))) {
background-color: var(--sidebar-accent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:not-data-active\:bg-sidebar-accent\/70:hover:not(:where([data-state="active"]), :where([data-active]:not([data-active="false"]))) {
background-color: color-mix(in oklab, var(--sidebar-accent) 70%, transparent);
}
}
.hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible="offcanvas"] *) {
background-color: var(--sidebar);
}
.hover\:before\:bg-foreground\/15:hover:before {
content: var(--tw-content);
background-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:before\:bg-foreground\/15:hover:before {
background-color: color-mix(in oklab, var(--foreground) 15%, transparent);
}
}
.hover\:after\:bg-brand\/60:hover:after {
content: var(--tw-content);
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:after\:bg-brand\/60:hover:after {
background-color: color-mix(in oklab, var(--brand) 60%, transparent);
}
}
.hover\:after\:bg-sidebar-border:hover:after {
content: var(--tw-content);
background-color: var(--sidebar-border);
}
}
.focus\:bg-accent:focus {
background-color: var(--accent);
}
.focus\:text-accent-foreground:focus {
color: var(--accent-foreground);
}
.focus\:text-foreground:focus {
color: var(--foreground);
}
.focus\:ring-1:focus {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus\:ring-current:focus {
--tw-ring-color: currentcolor;
}
.focus\:ring-ring:focus {
--tw-ring-color: var(--ring);
}
.focus\:outline-hidden:focus {
--tw-outline-style: none;
outline-style: none;
}
@media (forced-colors: active) {
.focus\:outline-hidden:focus {
outline-offset: 2px;
outline: 2px solid #0000;
}
}
.focus\:outline-none:focus {
--tw-outline-style: none;
outline-style: none;
}
.focus-visible\:pointer-events-auto:focus-visible {
pointer-events: auto;
}
.focus-visible\:z-10:focus-visible {
z-index: 10;
}
.focus-visible\:border-destructive\/40:focus-visible {
border-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.focus-visible\:border-destructive\/40:focus-visible {
border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
.focus-visible\:border-foreground:focus-visible {
border-color: var(--foreground);
}
.focus-visible\:border-input:focus-visible {
border-color: var(--input);
}
.focus-visible\:border-ring:focus-visible {
border-color: var(--ring);
}
.focus-visible\:border-transparent:focus-visible {
border-color: #0000;
}
.focus-visible\:bg-accent:focus-visible, .focus-visible\:bg-accent\/40:focus-visible {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.focus-visible\:bg-accent\/40:focus-visible {
background-color: color-mix(in oklab, var(--accent) 40%, transparent);
}
}
.focus-visible\:bg-accent\/60:focus-visible {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.focus-visible\:bg-accent\/60:focus-visible {
background-color: color-mix(in oklab, var(--accent) 60%, transparent);
}
}
.focus-visible\:bg-destructive\/10:focus-visible {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.focus-visible\:bg-destructive\/10:focus-visible {
background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
}
}
.focus-visible\:text-accent-foreground:focus-visible {
color: var(--accent-foreground);
}
.focus-visible\:text-destructive:focus-visible {
color: var(--destructive);
}
.focus-visible\:text-foreground:focus-visible, .focus-visible\:text-foreground\/80:focus-visible {
color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.focus-visible\:text-foreground\/80:focus-visible {
color: color-mix(in oklab, var(--foreground) 80%, transparent);
}
}
.focus-visible\:text-muted-foreground:focus-visible {
color: var(--muted-foreground);
}
.focus-visible\:opacity-100:focus-visible {
opacity: 1;
}
.focus-visible\:ring-0:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:ring-1:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:ring-2:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:ring-3:focus-visible, .focus-visible\:ring-\[3px\]:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:ring-brand:focus-visible {
--tw-ring-color: var(--brand);
}
.focus-visible\:ring-destructive\/20:focus-visible {
--tw-ring-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.focus-visible\:ring-destructive\/20:focus-visible {
--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
.focus-visible\:ring-ring:focus-visible, .focus-visible\:ring-ring\/50:focus-visible {
--tw-ring-color: var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
.focus-visible\:ring-ring\/50:focus-visible {
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
.focus-visible\:ring-ring\/70:focus-visible {
--tw-ring-color: var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
.focus-visible\:ring-ring\/70:focus-visible {
--tw-ring-color: color-mix(in oklab, var(--ring) 70%, transparent);
}
}
.focus-visible\:ring-offset-2:focus-visible {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus-visible\:ring-offset-page-canvas:focus-visible {
--tw-ring-offset-color: var(--page-canvas);
}
.focus-visible\:outline-hidden:focus-visible {
--tw-outline-style: none;
outline-style: none;
}
@media (forced-colors: active) {
.focus-visible\:outline-hidden:focus-visible {
outline-offset: 2px;
outline: 2px solid #0000;
}
}
.focus-visible\:outline-1:focus-visible {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.focus-visible\:outline-2:focus-visible {
outline-style: var(--tw-outline-style);
outline-width: 2px;
}
.focus-visible\:-outline-offset-2:focus-visible {
outline-offset: calc(2px * -1);
}
.focus-visible\:outline-offset-2:focus-visible {
outline-offset: 2px;
}
.focus-visible\:outline-ring:focus-visible {
outline-color: var(--ring);
}
.focus-visible\:outline-none:focus-visible {
--tw-outline-style: none;
outline-style: none;
}
.focus-visible\:ring-inset:focus-visible {
--tw-ring-inset: inset;
}
.focus-visible\:after\:bg-brand\/60:focus-visible:after {
content: var(--tw-content);
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.focus-visible\:after\:bg-brand\/60:focus-visible:after {
background-color: color-mix(in oklab, var(--brand) 60%, transparent);
}
}
.active\:cursor-grabbing:active {
cursor: grabbing;
}
.active\:bg-brand\/16:active {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-brand\/16:active {
background-color: color-mix(in oklab, var(--brand) 16%, transparent);
}
}
.active\:bg-brand\/85:active {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.active\:bg-brand\/85:active {
background-color: color-mix(in oklab, var(--brand) 85%, transparent);
}
}
.active\:bg-sidebar-accent:active {
background-color: var(--sidebar-accent);
}
.active\:bg-surface-hover:active {
background-color: var(--surface-hover);
}
.active\:text-sidebar-accent-foreground:active {
color: var(--sidebar-accent-foreground);
}
.active\:ring-3:active {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
--tw-translate-y: 1px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
@media (hover: hover) {
.enabled\:hover\:bg-secondary:enabled:hover {
background-color: var(--secondary);
}
.enabled\:hover\:text-foreground:enabled:hover {
color: var(--foreground);
}
}
.disabled\:pointer-events-none:disabled {
pointer-events: none;
}
.disabled\:cursor-default:disabled {
cursor: default;
}
.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed;
}
.disabled\:bg-input\/50:disabled {
background-color: var(--input);
}
@supports (color: color-mix(in lab, red, red)) {
.disabled\:bg-input\/50:disabled {
background-color: color-mix(in oklab, var(--input) 50%, transparent);
}
}
.disabled\:bg-transparent:disabled {
background-color: #0000;
}
.disabled\:text-muted-foreground:disabled {
color: var(--muted-foreground);
}
.disabled\:no-underline:disabled {
text-decoration-line: none;
}
.disabled\:opacity-30:disabled {
opacity: .3;
}
.disabled\:opacity-40:disabled {
opacity: .4;
}
.disabled\:opacity-50:disabled {
opacity: .5;
}
.disabled\:opacity-55:disabled {
opacity: .55;
}
.disabled\:opacity-60:disabled {
opacity: .6;
}
.disabled\:opacity-100:disabled {
opacity: 1;
}
@media (hover: hover) {
.disabled\:hover\:bg-transparent:disabled:hover {
background-color: #0000;
}
.disabled\:hover\:text-muted-foreground:disabled:hover {
color: var(--muted-foreground);
}
}
:where([data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-lg {
border-radius: var(--radius);
}
:where([data-slot="card-content"]) .in-data-\[slot\=card-content\]\:bg-transparent {
background-color: #0000;
}
:where([data-slot="combobox-content"]) .in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit:focus-within {
border-color: inherit;
}
:where([data-slot="combobox-content"]) .in-data-\[slot\=combobox-content\]\:focus-within\:ring-0:focus-within {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where([data-slot="dialog-content"]) .in-data-\[slot\=dialog-content\]\:rounded-lg\! {
border-radius: var(--radius) !important;
}
:where([data-slot="dropdown-menu-content"]) .in-data-\[slot\=dropdown-menu-content\]\:p-0 {
padding: calc(var(--spacing) * 0);
}
:where([data-slot="popover-content"]) .in-data-\[slot\=popover-content\]\:bg-transparent {
background-color: #0000;
}
.has-disabled\:bg-input\/50:has(:disabled) {
background-color: var(--input);
}
@supports (color: color-mix(in lab, red, red)) {
.has-disabled\:bg-input\/50:has(:disabled) {
background-color: color-mix(in oklab, var(--input) 50%, transparent);
}
}
.has-disabled\:bg-transparent:has(:disabled) {
background-color: #0000;
}
.has-disabled\:opacity-50:has(:disabled) {
opacity: .5;
}
.has-disabled\:opacity-100:has(:disabled) {
opacity: 1;
}
.has-aria-invalid\:border-destructive:has([aria-invalid="true"]) {
border-color: var(--destructive);
}
.has-aria-invalid\:ring-3:has([aria-invalid="true"]) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.has-aria-invalid\:ring-destructive\/20:has([aria-invalid="true"]) {
--tw-ring-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.has-aria-invalid\:ring-destructive\/20:has([aria-invalid="true"]) {
--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
padding-right: calc(var(--spacing) * 1.5);
}
.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
padding-right: calc(var(--spacing) * 2);
}
.has-data-\[icon\=inline-end\]\:pr-3:has([data-icon="inline-end"]) {
padding-right: calc(var(--spacing) * 3);
}
.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
padding-left: calc(var(--spacing) * 1.5);
}
.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
padding-left: calc(var(--spacing) * 2);
}
.has-data-\[icon\=inline-start\]\:pl-3:has([data-icon="inline-start"]) {
padding-left: calc(var(--spacing) * 3);
}
.has-data-\[size\=sm\]\:gap-2\.5:has([data-size="sm"]) {
gap: calc(var(--spacing) * 2.5);
}
.has-data-\[size\=xs\]\:gap-2:has([data-size="xs"]) {
gap: calc(var(--spacing) * 2);
}
.has-data-\[slot\=alert-action\]\:relative:has([data-slot="alert-action"]) {
position: relative;
}
.has-data-\[slot\=alert-action\]\:pr-18:has([data-slot="alert-action"]) {
padding-right: calc(var(--spacing) * 18);
}
.has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot="alert-dialog-media"]) {
grid-template-rows: auto auto 1fr;
}
.has-data-\[slot\=alert-dialog-media\]\:gap-x-4:has([data-slot="alert-dialog-media"]) {
column-gap: calc(var(--spacing) * 4);
}
.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
grid-template-columns: 1fr auto;
}
.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot="card-description"]) {
grid-template-rows: auto auto;
}
.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot="card-footer"]) {
padding-bottom: calc(var(--spacing) * 0);
}
.has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot="kbd"]) {
padding-right: calc(var(--spacing) * 1.5);
}
.has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant="inset"]) {
background-color: var(--sidebar);
}
.has-data-\[variant\=inset\]\:\[--sidebar-wrapper-fill\:var\(--sidebar\)\]:has([data-variant="inset"]) {
--sidebar-wrapper-fill: var(--sidebar);
}
.has-data-checked\:border-primary\/30:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.has-data-checked\:border-primary\/30:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
border-color: color-mix(in oklab, var(--primary) 30%, transparent);
}
}
.has-data-checked\:bg-primary\/5:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.has-data-checked\:bg-primary\/5:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
background-color: color-mix(in oklab, var(--primary) 5%, transparent);
}
}
.has-\[\[data-popup-open\]\]\:bg-accent:has([data-popup-open]) {
background-color: var(--accent);
}
.has-\[\[data-popup-open\]\]\:text-accent-foreground:has([data-popup-open]) {
color: var(--accent-foreground);
}
.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot="input-group-control"]:focus-visible) {
border-color: var(--ring);
}
.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3:has([data-slot="input-group-control"]:focus-visible) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) {
--tw-ring-color: var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) {
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid="true"]) {
border-color: var(--destructive);
}
.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3:has([data-slot][aria-invalid="true"]) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]) {
--tw-ring-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]) {
--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
:where(.has-\[form\]\:space-y-2:has(:is(form)) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
.has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align="block-end"]) {
height: auto;
}
.has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align="block-end"]) {
flex-direction: column;
}
.has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align="block-start"]) {
height: auto;
}
.has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align="block-start"]) {
flex-direction: column;
}
.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has( > [data-slot="checkbox-group"]) {
gap: calc(var(--spacing) * 3);
}
.has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
align-items: flex-start;
}
.has-\[\>\[data-slot\=field\]\]\:w-full:has( > [data-slot="field"]) {
width: 100%;
}
.has-\[\>\[data-slot\=field\]\]\:flex-col:has( > [data-slot="field"]) {
flex-direction: column;
}
.has-\[\>\[data-slot\=field\]\]\:rounded-lg:has( > [data-slot="field"]) {
border-radius: var(--radius);
}
.has-\[\>\[data-slot\=field\]\]\:border:has( > [data-slot="field"]) {
border-style: var(--tw-border-style);
border-width: 1px;
}
.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has( > [data-slot="radio-group"]) {
gap: calc(var(--spacing) * 3);
}
.has-\[\>button\]\:mr-\[-0\.3rem\]:has( > button) {
margin-right: -.3rem;
}
.has-\[\>button\]\:ml-\[-0\.3rem\]:has( > button) {
margin-left: -.3rem;
}
.has-\[\>img\:first-child\]\:pt-0:has( > img:first-child) {
padding-top: calc(var(--spacing) * 0);
}
.has-\[\>kbd\]\:mr-\[-0\.15rem\]:has( > kbd) {
margin-right: -.15rem;
}
.has-\[\>kbd\]\:ml-\[-0\.15rem\]:has( > kbd) {
margin-left: -.15rem;
}
.has-\[\>svg\]\:grid-cols-\[auto_1fr\]:has( > svg) {
grid-template-columns: auto 1fr;
}
.has-\[\>svg\]\:gap-x-2:has( > svg) {
column-gap: calc(var(--spacing) * 2);
}
.has-\[\>svg\]\:p-0:has( > svg) {
padding: calc(var(--spacing) * 0);
}
.has-\[\>textarea\]\:h-auto:has( > textarea) {
height: auto;
}
.aria-disabled\:pointer-events-none[aria-disabled="true"] {
pointer-events: none;
}
.aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
cursor: not-allowed;
}
.aria-disabled\:opacity-50[aria-disabled="true"] {
opacity: .5;
}
@media (hover: hover) {
.aria-disabled\:hover\:bg-transparent[aria-disabled="true"]:hover {
background-color: #0000;
}
}
.aria-disabled\:active\:translate-y-0[aria-disabled="true"]:active {
--tw-translate-y: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.aria-expanded\:bg-accent[aria-expanded="true"] {
background-color: var(--accent);
}
.aria-expanded\:bg-brand\/12[aria-expanded="true"] {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.aria-expanded\:bg-brand\/12[aria-expanded="true"] {
background-color: color-mix(in oklab, var(--brand) 12%, transparent);
}
}
.aria-expanded\:bg-brand\/90[aria-expanded="true"] {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.aria-expanded\:bg-brand\/90[aria-expanded="true"] {
background-color: color-mix(in oklab, var(--brand) 90%, transparent);
}
}
.aria-expanded\:bg-destructive\/10[aria-expanded="true"] {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.aria-expanded\:bg-destructive\/10[aria-expanded="true"] {
background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
}
}
.aria-expanded\:bg-muted[aria-expanded="true"] {
background-color: var(--muted);
}
.aria-expanded\:bg-secondary[aria-expanded="true"] {
background-color: var(--secondary);
}
.aria-expanded\:bg-transparent[aria-expanded="true"] {
background-color: #0000;
}
.aria-expanded\:text-brand-foreground[aria-expanded="true"] {
color: var(--brand-foreground);
}
.aria-expanded\:text-foreground[aria-expanded="true"] {
color: var(--foreground);
}
.aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
color: var(--secondary-foreground);
}
.aria-expanded\:opacity-100[aria-expanded="true"] {
opacity: 1;
}
.aria-expanded\:ring-2[aria-expanded="true"] {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.aria-expanded\:ring-brand[aria-expanded="true"] {
--tw-ring-color: var(--brand);
}
@media (hover: hover) {
.aria-expanded\:hover\:bg-muted[aria-expanded="true"]:hover {
background-color: var(--muted);
}
}
.aria-invalid\:border-destructive[aria-invalid="true"] {
border-color: var(--destructive);
}
.aria-invalid\:border-input[aria-invalid="true"] {
border-color: var(--input);
}
.aria-invalid\:ring-0[aria-invalid="true"] {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.aria-invalid\:ring-3[aria-invalid="true"] {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
--tw-ring-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
.aria-invalid\:aria-checked\:border-primary[aria-invalid="true"][aria-checked="true"] {
border-color: var(--primary);
}
.aria-pressed\:border-transparent[aria-pressed="true"] {
border-color: #0000;
}
.aria-pressed\:bg-accent[aria-pressed="true"] {
background-color: var(--accent);
}
.aria-pressed\:bg-muted[aria-pressed="true"] {
background-color: var(--muted);
}
.aria-pressed\:bg-surface-selected[aria-pressed="true"] {
background-color: var(--surface-selected);
}
.aria-pressed\:text-accent-foreground[aria-pressed="true"] {
color: var(--accent-foreground);
}
.aria-pressed\:text-surface-selected-foreground[aria-pressed="true"] {
color: var(--surface-selected-foreground);
}
.aria-pressed\:shadow-sm[aria-pressed="true"] {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.aria-pressed\:ring-2[aria-pressed="true"] {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.aria-pressed\:ring-ring[aria-pressed="true"] {
--tw-ring-color: var(--ring);
}
@media (hover: hover) {
.aria-pressed\:hover\:bg-accent\/80[aria-pressed="true"]:hover {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.aria-pressed\:hover\:bg-accent\/80[aria-pressed="true"]:hover {
background-color: color-mix(in oklab, var(--accent) 80%, transparent);
}
}
}
.aria-selected\:text-muted-foreground[aria-selected="true"] {
color: var(--muted-foreground);
}
.aria-\[orientation\=horizontal\]\:h-0[aria-orientation="horizontal"] {
height: calc(var(--spacing) * 0);
}
.aria-\[orientation\=horizontal\]\:w-full[aria-orientation="horizontal"] {
width: 100%;
}
.aria-\[orientation\=horizontal\]\:cursor-row-resize[aria-orientation="horizontal"] {
cursor: row-resize;
}
.aria-\[orientation\=horizontal\]\:before\:inset-x-0[aria-orientation="horizontal"]:before {
content: var(--tw-content);
inset-inline: calc(var(--spacing) * 0);
}
.aria-\[orientation\=horizontal\]\:before\:inset-y-auto[aria-orientation="horizontal"]:before {
content: var(--tw-content);
inset-block: auto;
}
.aria-\[orientation\=horizontal\]\:before\:h-px[aria-orientation="horizontal"]:before {
content: var(--tw-content);
height: 1px;
}
.aria-\[orientation\=horizontal\]\:before\:w-full[aria-orientation="horizontal"]:before {
content: var(--tw-content);
width: 100%;
}
.aria-\[orientation\=horizontal\]\:before\:translate-x-0[aria-orientation="horizontal"]:before {
content: var(--tw-content);
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation="horizontal"]:after {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
.aria-\[orientation\=horizontal\]\:after\:h-2[aria-orientation="horizontal"]:after {
content: var(--tw-content);
height: calc(var(--spacing) * 2);
}
.aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation="horizontal"]:after {
content: var(--tw-content);
width: 100%;
}
.aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation="horizontal"]:after {
content: var(--tw-content);
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation="horizontal"]:after {
content: var(--tw-content);
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.aria-\[orientation\=vertical\]\:flex-col[aria-orientation="vertical"] {
flex-direction: column;
}
.data-empty\:w-0[data-empty] {
width: calc(var(--spacing) * 0);
}
.group-focus-within\/address\:data-empty\:w-auto:is(:where(.group\/address):focus-within *)[data-empty] {
width: auto;
}
@media (hover: hover) {
.group-hover\/address\:data-empty\:w-auto:is(:where(.group\/address):hover *)[data-empty] {
width: auto;
}
}
.data-ending-style\:h-0[data-ending-style] {
height: calc(var(--spacing) * 0);
}
.data-ending-style\:opacity-0[data-ending-style] {
opacity: 0;
}
.data-hidden\:hidden[data-hidden] {
display: none;
}
.data-highlighted\:bg-muted\/60[data-highlighted] {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.data-highlighted\:bg-muted\/60[data-highlighted] {
background-color: color-mix(in oklab, var(--muted) 60%, transparent);
}
}
.data-indeterminate\:border-primary[data-indeterminate] {
border-color: var(--primary);
}
.data-indeterminate\:bg-primary[data-indeterminate] {
background-color: var(--primary);
}
.data-indeterminate\:text-primary-foreground[data-indeterminate] {
color: var(--primary-foreground);
}
.data-inset\:pl-7[data-inset] {
padding-left: calc(var(--spacing) * 7);
}
.data-placeholder\:text-muted-foreground[data-placeholder] {
color: var(--muted-foreground);
}
.data-popup-open\:bg-accent[data-popup-open] {
background-color: var(--accent);
}
.data-popup-open\:text-accent-foreground[data-popup-open] {
color: var(--accent-foreground);
}
.data-popup-open\:text-foreground[data-popup-open] {
color: var(--foreground);
}
.data-popup-open\:opacity-100[data-popup-open] {
opacity: 1;
}
.data-starting-style\:h-0[data-starting-style] {
height: calc(var(--spacing) * 0);
}
.data-starting-style\:opacity-0[data-starting-style] {
opacity: 0;
}
.data-\[active\=true\]\:z-10[data-active="true"] {
z-index: 10;
}
.data-\[active\=true\]\:border-ring[data-active="true"] {
border-color: var(--ring);
}
.data-\[active\=true\]\:ring-3[data-active="true"] {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.data-\[active\=true\]\:ring-ring\/50[data-active="true"] {
--tw-ring-color: var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
.data-\[active\=true\]\:ring-ring\/50[data-active="true"] {
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
.data-\[active\=true\]\:aria-invalid\:border-destructive[data-active="true"][aria-invalid="true"] {
border-color: var(--destructive);
}
.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active="true"][aria-invalid="true"] {
--tw-ring-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active="true"][aria-invalid="true"] {
--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
.data-\[align-trigger\=true\]\:animate-none[data-align-trigger="true"] {
animation: none;
}
.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
pointer-events: none;
}
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
opacity: .5;
}
.data-\[flash\=true\]\:bg-surface-selected[data-flash="true"] {
background-color: var(--surface-selected);
}
.data-\[invalid\=true\]\:text-destructive[data-invalid="true"] {
color: var(--destructive);
}
.data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
width: 100%;
}
.data-\[orientation\=horizontal\]\:flex-row[data-orientation="horizontal"] {
flex-direction: row;
}
.data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
flex-direction: column;
}
.data-\[peeked\]\:bg-\[color-mix\(in_oklab\,var\(--brand\)_6\%\,var\(--background\)\)\][data-peeked] {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.data-\[peeked\]\:bg-\[color-mix\(in_oklab\,var\(--brand\)_6\%\,var\(--background\)\)\][data-peeked] {
background-color: color-mix(in oklab,var(--brand) 6%,var(--background));
}
}
.data-\[peeked\]\:shadow-\[inset_2px_0_0_var\(--brand\)\][data-peeked] {
--tw-shadow: inset 2px 0 0 var(--tw-shadow-color, var(--brand));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.data-\[popup-open\]\:bg-accent[data-popup-open], .data-\[popup-open\]\:bg-accent\/50[data-popup-open] {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.data-\[popup-open\]\:bg-accent\/50[data-popup-open] {
background-color: color-mix(in oklab, var(--accent) 50%, transparent);
}
}
.data-\[popup-open\]\:bg-surface-hover[data-popup-open] {
background-color: var(--surface-hover);
}
.data-\[popup-open\]\:bg-surface-selected[data-popup-open] {
background-color: var(--surface-selected);
}
.data-\[range-end\=true\]\:rounded-\(--cell-radius\)[data-range-end="true"] {
border-radius: var(--cell-radius);
}
.data-\[range-end\=true\]\:rounded-r-\(--cell-radius\)[data-range-end="true"] {
border-top-right-radius: var(--cell-radius);
border-bottom-right-radius: var(--cell-radius);
}
.data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
background-color: var(--primary);
}
.data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
color: var(--primary-foreground);
}
.data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
border-radius: 0;
}
.data-\[range-middle\=true\]\:bg-muted[data-range-middle="true"] {
background-color: var(--muted);
}
.data-\[range-middle\=true\]\:text-foreground[data-range-middle="true"] {
color: var(--foreground);
}
.data-\[range-start\=true\]\:rounded-\(--cell-radius\)[data-range-start="true"] {
border-radius: var(--cell-radius);
}
.data-\[range-start\=true\]\:rounded-l-\(--cell-radius\)[data-range-start="true"] {
border-top-left-radius: var(--cell-radius);
border-bottom-left-radius: var(--cell-radius);
}
.data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
background-color: var(--primary);
}
.data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] {
color: var(--primary-foreground);
}
.data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
background-color: var(--primary);
}
.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] {
color: var(--primary-foreground);
}
.data-\[selected\=true\]\:rounded-none[data-selected="true"] {
border-radius: 0;
}
.data-\[selected\=true\]\:border-primary[data-selected="true"] {
border-color: var(--primary);
}
.data-\[selected\=true\]\:bg-primary[data-selected="true"] {
background-color: var(--primary);
}
.data-\[selected\=true\]\:text-primary-foreground[data-selected="true"] {
color: var(--primary-foreground);
}
.data-\[selected\=true\]\:opacity-100[data-selected="true"] {
opacity: 1;
}
.data-\[separator\=active\]\:before\:bg-foreground\/15[data-separator="active"]:before {
content: var(--tw-content);
background-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.data-\[separator\=active\]\:before\:bg-foreground\/15[data-separator="active"]:before {
background-color: color-mix(in oklab, var(--foreground) 15%, transparent);
}
}
.data-\[side\=bottom\]\:inset-x-0[data-side="bottom"] {
inset-inline: calc(var(--spacing) * 0);
}
.data-\[side\=bottom\]\:bottom-0[data-side="bottom"] {
bottom: calc(var(--spacing) * 0);
}
.data-\[side\=bottom\]\:h-auto[data-side="bottom"] {
height: auto;
}
.data-\[side\=bottom\]\:border-t[data-side="bottom"] {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
--tw-enter-translate-y: calc(2*var(--spacing)*-1);
}
.data-\[side\=bottom\]\:data-ending-style\:translate-y-\[2\.5rem\][data-side="bottom"][data-ending-style], .data-\[side\=bottom\]\:data-starting-style\:translate-y-\[2\.5rem\][data-side="bottom"][data-starting-style] {
--tw-translate-y: 2.5rem;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[side\=inline-end\]\:slide-in-from-left-2[data-side="inline-end"] {
--tw-enter-translate-x: calc(2*var(--spacing)*-1);
}
.data-\[side\=inline-start\]\:slide-in-from-right-2[data-side="inline-start"] {
--tw-enter-translate-x: calc(2*var(--spacing));
}
.data-\[side\=left\]\:inset-y-0[data-side="left"] {
inset-block: calc(var(--spacing) * 0);
}
.data-\[side\=left\]\:left-0[data-side="left"] {
left: calc(var(--spacing) * 0);
}
.data-\[side\=left\]\:h-full[data-side="left"] {
height: 100%;
}
.data-\[side\=left\]\:w-3\/4[data-side="left"] {
width: 75%;
}
.data-\[side\=left\]\:border-r[data-side="left"] {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
--tw-enter-translate-x: calc(2*var(--spacing));
}
.data-\[side\=left\]\:group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side="left"]:is(:where(.group)[data-collapsible="offcanvas"] *) {
left: calc(var(--sidebar-width) * -1);
}
.data-\[side\=left\]\:data-ending-style\:translate-x-\[-2\.5rem\][data-side="left"][data-ending-style], .data-\[side\=left\]\:data-starting-style\:translate-x-\[-2\.5rem\][data-side="left"][data-starting-style] {
--tw-translate-x: -2.5rem;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[side\=right\]\:inset-y-0[data-side="right"] {
inset-block: calc(var(--spacing) * 0);
}
.data-\[side\=right\]\:right-0[data-side="right"] {
right: calc(var(--spacing) * 0);
}
.data-\[side\=right\]\:h-full[data-side="right"] {
height: 100%;
}
.data-\[side\=right\]\:w-3\/4[data-side="right"] {
width: 75%;
}
.data-\[side\=right\]\:border-l[data-side="right"] {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
--tw-enter-translate-x: calc(2*var(--spacing)*-1);
}
.data-\[side\=right\]\:group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side="right"]:is(:where(.group)[data-collapsible="offcanvas"] *) {
right: calc(var(--sidebar-width) * -1);
}
.data-\[side\=right\]\:data-ending-style\:translate-x-\[2\.5rem\][data-side="right"][data-ending-style], .data-\[side\=right\]\:data-starting-style\:translate-x-\[2\.5rem\][data-side="right"][data-starting-style] {
--tw-translate-x: 2.5rem;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[side\=top\]\:inset-x-0[data-side="top"] {
inset-inline: calc(var(--spacing) * 0);
}
.data-\[side\=top\]\:top-0[data-side="top"] {
top: calc(var(--spacing) * 0);
}
.data-\[side\=top\]\:h-auto[data-side="top"] {
height: auto;
}
.data-\[side\=top\]\:border-b[data-side="top"] {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
--tw-enter-translate-y: calc(2*var(--spacing));
}
.data-\[side\=top\]\:data-ending-style\:translate-y-\[-2\.5rem\][data-side="top"][data-ending-style], .data-\[side\=top\]\:data-starting-style\:translate-y-\[-2\.5rem\][data-side="top"][data-starting-style] {
--tw-translate-y: -2.5rem;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[size\=default\]\:h-8[data-size="default"] {
height: calc(var(--spacing) * 8);
}
.data-\[size\=default\]\:h-\[18\.4px\][data-size="default"] {
height: 18.4px;
}
.data-\[size\=default\]\:w-\[32px\][data-size="default"] {
width: 32px;
}
.data-\[size\=default\]\:max-w-xs[data-size="default"] {
max-width: var(--container-xs);
}
.data-\[size\=lg\]\:size-10[data-size="lg"] {
width: calc(var(--spacing) * 10);
height: calc(var(--spacing) * 10);
}
.data-\[size\=md\]\:text-body[data-size="md"] {
font-size: var(--text-body);
line-height: var(--tw-leading, var(--text-body--line-height));
}
.data-\[size\=sm\]\:size-6[data-size="sm"] {
width: calc(var(--spacing) * 6);
height: calc(var(--spacing) * 6);
}
.data-\[size\=sm\]\:h-7[data-size="sm"] {
height: calc(var(--spacing) * 7);
}
.data-\[size\=sm\]\:h-\[14px\][data-size="sm"] {
height: 14px;
}
.data-\[size\=sm\]\:w-\[24px\][data-size="sm"] {
width: 24px;
}
.data-\[size\=sm\]\:max-w-xs[data-size="sm"] {
max-width: var(--container-xs);
}
.data-\[size\=sm\]\:gap-3[data-size="sm"] {
gap: calc(var(--spacing) * 3);
}
.data-\[size\=sm\]\:rounded-lg[data-size="sm"] {
border-radius: var(--radius);
}
.data-\[size\=sm\]\:rounded-md[data-size="sm"] {
border-radius: calc(var(--radius) * .75);
}
.data-\[size\=sm\]\:py-3[data-size="sm"] {
padding-block: calc(var(--spacing) * 3);
}
.data-\[size\=sm\]\:text-caption[data-size="sm"] {
font-size: var(--text-caption);
line-height: var(--tw-leading, var(--text-caption--line-height));
}
.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size="sm"]:has([data-slot="card-footer"]) {
padding-bottom: calc(var(--spacing) * 0);
}
:is(.\*\:data-\[slot\=alert-description\]\:text-destructive > *)[data-slot="alert-description"] {
color: var(--destructive);
}
:is(.\*\:data-\[slot\=avatar\]\:ring-2 > *)[data-slot="avatar"] {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:is(.\*\:data-\[slot\=avatar\]\:ring-background > *)[data-slot="avatar"] {
--tw-ring-color: var(--background);
}
.data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
gap: calc(var(--spacing) * 3);
}
:is(.\*\:data-\[slot\=field\]\:p-2\.5 > *)[data-slot="field"] {
padding: calc(var(--spacing) * 2.5);
}
:is(.\*\:data-\[slot\=field-group\]\:gap-4 > *)[data-slot="field-group"] {
gap: calc(var(--spacing) * 4);
}
:is(.\*\:data-\[slot\=field-label\]\:flex-auto > *)[data-slot="field-label"] {
flex: auto;
}
:is(.\*\:data-\[slot\=input-group-addon\]\:pl-2\! > *)[data-slot="input-group-addon"] {
padding-left: calc(var(--spacing) * 2) !important;
}
:is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot="kbd"] {
position: relative;
}
:is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot="kbd"] {
isolation: isolate;
}
:is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot="kbd"] {
z-index: 50;
}
:is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot="kbd"] {
border-radius: calc(var(--radius) * .5);
}
:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
:is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
display: flex;
}
:is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
align-items: center;
}
:is(.\*\:data-\[slot\=select-value\]\:gap-1\.5 > *)[data-slot="select-value"] {
gap: calc(var(--spacing) * 1.5);
}
.data-\[state\=active\]\:bg-primary[data-state="active"] {
background-color: var(--primary);
}
.data-\[state\=active\]\:text-primary-foreground[data-state="active"] {
color: var(--primary-foreground);
}
.data-\[state\=completed\]\:bg-primary[data-state="completed"] {
background-color: var(--primary);
}
.data-\[state\=completed\]\:text-primary-foreground[data-state="completed"] {
color: var(--primary-foreground);
}
.data-\[state\=delayed-open\]\:animate-in[data-state="delayed-open"] {
animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}
.data-\[state\=delayed-open\]\:fade-in-0[data-state="delayed-open"] {
--tw-enter-opacity: 0;
}
.data-\[state\=delayed-open\]\:zoom-in-95[data-state="delayed-open"] {
--tw-enter-scale: .95;
}
.data-\[state\=on\]\:bg-muted[data-state="on"], .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
background-color: var(--muted);
}
.data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
color: var(--destructive);
}
.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
}
}
.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
color: var(--destructive);
}
.data-\[variant\=label\]\:text-body[data-variant="label"] {
font-size: var(--text-body);
line-height: var(--tw-leading, var(--text-body--line-height));
}
.data-\[variant\=legend\]\:text-title-sm[data-variant="legend"] {
font-size: var(--text-title-sm);
line-height: var(--tw-leading, var(--text-title-sm--line-height));
}
.data-\[variant\=line\]\:rounded-none[data-variant="line"] {
border-radius: 0;
}
.data-\[visible\=true\]\:opacity-100[data-visible="true"] {
opacity: 1;
}
.nth-last-2\:-mt-1:nth-last-child(2) {
margin-top: calc(var(--spacing) * -1);
}
@supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
.supports-backdrop-filter\:backdrop-blur-xs {
--tw-backdrop-blur: blur(var(--blur-xs));
-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, );
}
.supports-\[backdrop-filter\]\:bg-background\/75 {
background-color: var(--background);
}
@supports (color: color-mix(in lab, red, red)) {
.supports-\[backdrop-filter\]\:bg-background\/75 {
background-color: color-mix(in oklab, var(--background) 75%, transparent);
}
}
.supports-\[backdrop-filter\]\:bg-popover\/80 {
background-color: var(--popover);
}
@supports (color: color-mix(in lab, red, red)) {
.supports-\[backdrop-filter\]\:bg-popover\/80 {
background-color: color-mix(in oklab, var(--popover) 80%, transparent);
}
}
}
@media (prefers-reduced-motion: no-preference) {
.motion-safe\:animate-spin {
animation: var(--animate-spin);
}
.motion-safe\:\[animation-duration\:900ms\] {
animation-duration: .9s;
}
}
@media (prefers-reduced-motion: reduce) {
.motion-reduce\:hidden {
display: none;
}
.motion-reduce\:animate-none {
animation: none;
}
.motion-reduce\:transition-none {
transition-property: none;
}
.motion-reduce\:transition-none\! {
transition-property: none !important;
}
@media (hover: hover) {
.motion-reduce\:group-hover\/tick\:scale-x-\[1\.7\]:is(:where(.group\/tick):hover *) {
--tw-scale-x: 1.7;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
}
@media not all and (min-width: 48rem) {
.max-md\:above-chat-launcher {
bottom: calc(var(--chat-launcher-clearance) + var(--chat-launcher-inset));
}
.max-md\:px-3 {
padding-inline: calc(var(--spacing) * 3);
}
.max-md\:pr-3 {
padding-right: calc(var(--spacing) * 3);
}
.max-md\:pb-chat-launcher {
padding-bottom: var(--chat-launcher-clearance);
}
.max-md\:pl-0 {
padding-left: calc(var(--spacing) * 0);
}
.max-md\:pl-3 {
padding-left: calc(var(--spacing) * 3);
}
}
@media not all and (min-width: 40rem) {
.max-sm\:hidden {
display: none;
}
.max-sm\:max-h-36 {
max-height: calc(var(--spacing) * 36);
}
.max-sm\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.max-sm\:grid-rows-\[auto_1fr\] {
grid-template-rows: auto 1fr;
}
.max-sm\:border-r-0 {
border-right-style: var(--tw-border-style);
border-right-width: 0;
}
.max-sm\:border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
}
@media (min-width: 40rem) {
.sm\:col-span-1 {
grid-column: span 1 / span 1;
}
.sm\:row-start-auto {
grid-row-start: auto;
}
.sm\:mr-1 {
margin-right: calc(var(--spacing) * 1);
}
.sm\:mr-auto {
margin-right: auto;
}
.sm\:ml-auto {
margin-left: auto;
}
.sm\:flex {
display: flex;
}
.sm\:inline {
display: inline;
}
.sm\:inline-flex {
display: inline-flex;
}
.sm\:h-6 {
height: calc(var(--spacing) * 6);
}
.sm\:h-14 {
height: calc(var(--spacing) * 14);
}
.sm\:w-6 {
width: calc(var(--spacing) * 6);
}
.sm\:w-14 {
width: calc(var(--spacing) * 14);
}
.sm\:w-40 {
width: calc(var(--spacing) * 40);
}
.sm\:w-48 {
width: calc(var(--spacing) * 48);
}
.sm\:w-56 {
width: calc(var(--spacing) * 56);
}
.sm\:w-72 {
width: calc(var(--spacing) * 72);
}
.sm\:w-96 {
width: calc(var(--spacing) * 96);
}
.sm\:w-auto {
width: auto;
}
.sm\:\!max-w-2xl {
max-width: var(--container-2xl) !important;
}
.sm\:\!max-w-4xl {
max-width: var(--container-4xl) !important;
}
.sm\:\!max-w-xl {
max-width: var(--container-xl) !important;
}
.sm\:max-w-2xl {
max-width: var(--container-2xl);
}
.sm\:max-w-3xl {
max-width: var(--container-3xl);
}
.sm\:max-w-4xl {
max-width: var(--container-4xl);
}
.sm\:max-w-5xl {
max-width: var(--container-5xl);
}
.sm\:max-w-6xl {
max-width: var(--container-6xl);
}
.sm\:max-w-96 {
max-width: calc(var(--spacing) * 96);
}
.sm\:max-w-\[56\%\] {
max-width: 56%;
}
.sm\:max-w-\[460px\] {
max-width: 460px;
}
.sm\:max-w-\[480px\] {
max-width: 480px;
}
.sm\:max-w-\[560px\] {
max-width: 560px;
}
.sm\:max-w-\[calc\(100\%-2rem\)\] {
max-width: calc(100% - 2rem);
}
.sm\:max-w-lg {
max-width: var(--container-lg);
}
.sm\:max-w-md {
max-width: var(--container-md);
}
.sm\:max-w-none {
max-width: none;
}
.sm\:max-w-sm {
max-width: var(--container-sm);
}
.sm\:max-w-xl {
max-width: var(--container-xl);
}
.sm\:max-w-xl\! {
max-width: var(--container-xl) !important;
}
.sm\:min-w-28 {
min-width: calc(var(--spacing) * 28);
}
.sm\:min-w-32 {
min-width: calc(var(--spacing) * 32);
}
.sm\:min-w-40 {
min-width: calc(var(--spacing) * 40);
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sm\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.sm\:grid-cols-\[1fr_120px_auto\] {
grid-template-columns: 1fr 120px auto;
}
.sm\:grid-cols-\[128px_minmax\(0\,1fr\)\] {
grid-template-columns: 128px minmax(0, 1fr);
}
.sm\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}
.sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(280px\,1\.2fr\)\] {
grid-template-columns: minmax(0, 1fr) minmax(280px, 1.2fr);
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:flex-wrap {
flex-wrap: wrap;
}
.sm\:items-center {
align-items: center;
}
.sm\:items-end {
align-items: flex-end;
}
.sm\:items-start {
align-items: flex-start;
}
.sm\:justify-between {
justify-content: space-between;
}
.sm\:justify-center {
justify-content: center;
}
.sm\:justify-end {
justify-content: flex-end;
}
.sm\:gap-4 {
gap: calc(var(--spacing) * 4);
}
.sm\:gap-8 {
gap: calc(var(--spacing) * 8);
}
:where(.sm\:divide-x > :not(:last-child)) {
--tw-divide-x-reverse: 0;
border-inline-style: var(--tw-border-style);
border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
:where(.sm\:divide-y-0 > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(0px * var(--tw-divide-y-reverse));
border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
}
.sm\:border-t-0 {
border-top-style: var(--tw-border-style);
border-top-width: 0;
}
.sm\:border-l {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.sm\:p-5 {
padding: calc(var(--spacing) * 5);
}
.sm\:p-6 {
padding: calc(var(--spacing) * 6);
}
.sm\:px-2\.5 {
padding-inline: calc(var(--spacing) * 2.5);
}
.sm\:px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.sm\:px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.sm\:px-8 {
padding-inline: calc(var(--spacing) * 8);
}
.sm\:px-10 {
padding-inline: calc(var(--spacing) * 10);
}
.sm\:px-16 {
padding-inline: calc(var(--spacing) * 16);
}
.sm\:py-0 {
padding-block: calc(var(--spacing) * 0);
}
.sm\:py-6 {
padding-block: calc(var(--spacing) * 6);
}
.sm\:py-8 {
padding-block: calc(var(--spacing) * 8);
}
.sm\:pt-6 {
padding-top: calc(var(--spacing) * 6);
}
.sm\:pt-10 {
padding-top: calc(var(--spacing) * 10);
}
.sm\:pr-16 {
padding-right: calc(var(--spacing) * 16);
}
.sm\:pb-8 {
padding-bottom: calc(var(--spacing) * 8);
}
.sm\:text-right {
text-align: right;
}
.sm\:text-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
.sm\:text-body {
font-size: var(--text-body);
line-height: var(--tw-leading, var(--text-body--line-height));
}
.sm\:text-display {
font-size: var(--text-display);
line-height: var(--tw-leading, var(--text-display--line-height));
}
.sm\:text-display-sm {
font-size: var(--text-display-sm);
line-height: var(--tw-leading, var(--text-display-sm--line-height));
}
.sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
grid-row: span 2 / span 2;
}
.sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
place-items: start;
}
.sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
text-align: left;
}
.sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *):is(:where(.group\/alert-dialog-content):has([data-slot="alert-dialog-media"]) *) {
grid-column-start: 2;
}
.sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size="default"] *):has([data-slot="alert-dialog-media"]) {
grid-template-rows: auto 1fr;
}
.data-\[side\=left\]\:sm\:max-w-sm[data-side="left"], .data-\[side\=right\]\:sm\:max-w-sm[data-side="right"], .data-\[size\=default\]\:sm\:max-w-sm[data-size="default"] {
max-width: var(--container-sm);
}
}
@media (min-width: 48rem) {
.md\:block {
display: block;
}
.md\:flex {
display: flex;
}
.md\:grid {
display: grid;
}
.md\:hidden {
display: none;
}
.md\:inline {
display: inline;
}
.md\:inline-flex {
display: inline-flex;
}
.md\:h-7 {
height: calc(var(--spacing) * 7);
}
.md\:h-full {
height: 100%;
}
.md\:min-h-0 {
min-height: calc(var(--spacing) * 0);
}
.md\:w-52 {
width: calc(var(--spacing) * 52);
}
.md\:w-60 {
width: calc(var(--spacing) * 60);
}
.md\:w-\[19rem\] {
width: 19rem;
}
.md\:w-auto {
width: auto;
}
.md\:w-full {
width: 100%;
}
.md\:min-w-0 {
min-width: calc(var(--spacing) * 0);
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-\[280px_minmax\(0\,1fr\)\] {
grid-template-columns: 280px minmax(0, 1fr);
}
.md\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\] {
grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}
.md\:grid-cols-\[minmax\(10rem\,1fr\)_6rem_minmax\(10rem\,1\.4fr\)_6rem_7rem_2rem\] {
grid-template-columns: minmax(10rem, 1fr) 6rem minmax(10rem, 1.4fr) 6rem 7rem 2rem;
}
.md\:grid-cols-\[minmax\(10rem\,1fr\)_minmax\(9rem\,1fr\)_6rem_5rem_7rem_2rem\] {
grid-template-columns: minmax(10rem, 1fr) minmax(9rem, 1fr) 6rem 5rem 7rem 2rem;
}
.md\:grid-cols-\[minmax\(11rem\,1fr\)_minmax\(12rem\,1\.4fr\)_6rem_7rem_2rem\] {
grid-template-columns: minmax(11rem, 1fr) minmax(12rem, 1.4fr) 6rem 7rem 2rem;
}
.md\:flex-col {
flex-direction: column;
}
.md\:flex-row {
flex-direction: row;
}
.md\:items-center {
align-items: center;
}
.md\:items-stretch {
align-items: stretch;
}
.md\:justify-start {
justify-content: flex-start;
}
.md\:gap-4 {
gap: calc(var(--spacing) * 4);
}
.md\:overflow-hidden {
overflow: hidden;
}
.md\:overflow-y-auto {
overflow-y: auto;
}
.md\:border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.md\:border-b-0 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
.md\:p-3 {
padding: calc(var(--spacing) * 3);
}
.md\:p-6 {
padding: calc(var(--spacing) * 6);
}
.md\:p-8 {
padding: calc(var(--spacing) * 8);
}
.md\:px-1\.5 {
padding-inline: calc(var(--spacing) * 1.5);
}
.md\:px-2\.5 {
padding-inline: calc(var(--spacing) * 2.5);
}
.md\:px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.md\:px-5 {
padding-inline: calc(var(--spacing) * 5);
}
.md\:px-8 {
padding-inline: calc(var(--spacing) * 8);
}
.md\:px-10 {
padding-inline: calc(var(--spacing) * 10);
}
.md\:px-20 {
padding-inline: calc(var(--spacing) * 20);
}
.md\:py-4 {
padding-block: calc(var(--spacing) * 4);
}
.md\:py-8 {
padding-block: calc(var(--spacing) * 8);
}
.md\:text-body {
font-size: var(--text-body);
line-height: var(--tw-leading, var(--text-body--line-height));
}
.md\:text-caption {
font-size: var(--text-caption);
line-height: var(--tw-leading, var(--text-caption--line-height));
}
.md\:text-label {
font-size: var(--text-label);
line-height: var(--tw-leading, var(--text-label--line-height));
}
.md\:text-pretty {
text-wrap: pretty;
}
.md\:opacity-0 {
opacity: 0;
}
.md\:after\:hidden:after {
content: var(--tw-content);
display: none;
}
}
@media (min-width: 64rem) {
.lg\:block {
display: block;
}
.lg\:flex {
display: flex;
}
.lg\:inline {
display: inline;
}
.lg\:h-full {
height: 100%;
}
.lg\:min-h-0 {
min-height: calc(var(--spacing) * 0);
}
.lg\:w-\[22rem\] {
width: 22rem;
}
.lg\:w-\[380px\] {
width: 380px;
}
.lg\:flex-1 {
flex: 1;
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-\[320px_minmax\(0\,1fr\)\] {
grid-template-columns: 320px minmax(0, 1fr);
}
.lg\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
grid-template-columns: minmax(0, 1fr) 320px;
}
.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(280px\,0\.82fr\)\] {
grid-template-columns: minmax(0, 1fr) minmax(280px, .82fr);
}
.lg\:flex-col {
flex-direction: column;
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:items-start {
align-items: flex-start;
}
.lg\:justify-between {
justify-content: space-between;
}
.lg\:self-start {
align-self: flex-start;
}
.lg\:overflow-hidden {
overflow: hidden;
}
.lg\:overflow-y-auto {
overflow-y: auto;
}
.lg\:border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.lg\:border-b-0 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
.lg\:p-4 {
padding: calc(var(--spacing) * 4);
}
.lg\:px-14 {
padding-inline: calc(var(--spacing) * 14);
}
.lg\:px-20 {
padding-inline: calc(var(--spacing) * 20);
}
.lg\:py-10 {
padding-block: calc(var(--spacing) * 10);
}
.lg\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) {
margin: calc(var(--spacing) * 2);
}
.lg\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) {
margin-left: calc(var(--spacing) * 0);
}
.lg\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) {
border-radius: calc(var(--radius) * 1.5);
}
.lg\:peer-data-\[variant\=inset\]\:shadow-\[var\(--surface-shadow\)\]:is(:where(.peer)[data-variant="inset"] ~ *) {
--tw-shadow: var(--surface-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.lg\:peer-data-\[variant\=inset\]\:ring-1:is(:where(.peer)[data-variant="inset"] ~ *) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.lg\:peer-data-\[variant\=inset\]\:ring-surface-border:is(:where(.peer)[data-variant="inset"] ~ *) {
--tw-ring-color: var(--surface-border);
}
.lg\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) {
margin-left: calc(var(--spacing) * 2);
}
}
@media (min-width: 80rem) {
.xl\:sticky {
position: sticky;
}
.xl\:top-6 {
top: calc(var(--spacing) * 6);
}
.xl\:block {
display: block;
}
.xl\:hidden {
display: none;
}
.xl\:\!max-w-\[80rem\] {
max-width: 80rem !important;
}
.xl\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
grid-template-columns: minmax(0, 1fr) 320px;
}
.xl\:px-24 {
padding-inline: calc(var(--spacing) * 24);
}
}
@container run not (min-width: 32rem) {
.\@max-\[32rem\]\/run\:sr-only {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.\@max-\[32rem\]\/run\:hidden {
display: none;
}
.\@max-\[32rem\]\/run\:size-6 {
width: calc(var(--spacing) * 6);
height: calc(var(--spacing) * 6);
}
.\@max-\[32rem\]\/run\:min-w-7 {
min-width: calc(var(--spacing) * 7);
}
.\@max-\[32rem\]\/run\:justify-center {
justify-content: center;
}
.\@max-\[32rem\]\/run\:p-0 {
padding: calc(var(--spacing) * 0);
}
}
@container execution-log not (min-width: 16rem) {
.\@max-\[16rem\]\/execution-log\:hidden {
display: none;
}
}
@container execution-log not (min-width: 14rem) {
.\@max-\[14rem\]\/execution-log\:hidden {
display: none;
}
}
@container field-group (min-width: 28rem) {
.\@md\/field-group\:flex-row {
flex-direction: row;
}
.\@md\/field-group\:items-center {
align-items: center;
}
:is(.\@md\/field-group\:\*\:w-auto > *) {
width: auto;
}
.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
align-items: flex-start;
}
:is(.\@md\/field-group\:\*\:data-\[slot\=field-label\]\:flex-auto > *)[data-slot="field-label"] {
flex: auto;
}
}
@container (min-width: 42rem) {
.\@2xl\:flex {
display: flex;
}
.\@2xl\:inline {
display: inline;
}
.\@2xl\:min-w-\[var\(--agc-minw\)\] {
min-width: var(--agc-minw);
}
.\@2xl\:min-w-\[var\(--apc-minw\)\] {
min-width: var(--apc-minw);
}
.\@2xl\:min-w-\[var\(--lgc-minw\)\] {
min-width: var(--lgc-minw);
}
.\@2xl\:min-w-\[var\(--pjc-minw\)\] {
min-width: var(--pjc-minw);
}
.\@2xl\:min-w-\[var\(--rtc-minw\)\] {
min-width: var(--rtc-minw);
}
.\@2xl\:min-w-\[var\(--sqc-minw\)\] {
min-width: var(--sqc-minw);
}
.\@2xl\:min-w-\[var\(--…-minw\)\] {
min-width: var(--…-minw);
}
.\@2xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.\@2xl\:grid-cols-\[0\.75rem_1rem_minmax\(200px\,1fr\)_116px_var\(--pjc-priority\)_var\(--pjc-progress\)_var\(--pjc-lead\)_var\(--pjc-issues\)_var\(--pjc-created\)_1\.75rem_0\.75rem\] {
grid-template-columns: .75rem 1rem minmax(200px,1fr) 116px var(--pjc-priority) var(--pjc-progress) var(--pjc-lead) var(--pjc-issues) var(--pjc-created) 1.75rem .75rem;
}
.\@2xl\:grid-cols-\[0\.75rem_1rem_minmax\(200px\,1fr\)_var\(--agc-status-desktop\)_var\(--agc-owner\)_var\(--agc-access\)_var\(--agc-runtime\)_var\(--agc-lastactive\)_var\(--agc-runs\)_var\(--agc-model\)_var\(--agc-created\)_1\.75rem_0\.75rem\] {
grid-template-columns: .75rem 1rem minmax(200px,1fr) var(--agc-status-desktop) var(--agc-owner) var(--agc-access) var(--agc-runtime) var(--agc-lastactive) var(--agc-runs) var(--agc-model) var(--agc-created) 1.75rem .75rem;
}
.\@2xl\:grid-cols-\[0\.75rem_1rem_minmax\(200px\,1fr\)_var\(--apc-assignee\)_var\(--apc-trigger\)_var\(--apc-lastrun\)_var\(--apc-nextrun\)_var\(--apc-mode\)_var\(--apc-creator\)_var\(--apc-created\)_1\.75rem_0\.75rem\] {
grid-template-columns: .75rem 1rem minmax(200px,1fr) var(--apc-assignee) var(--apc-trigger) var(--apc-lastrun) var(--apc-nextrun) var(--apc-mode) var(--apc-creator) var(--apc-created) 1.75rem .75rem;
}
.\@2xl\:grid-cols-\[0\.75rem_1rem_minmax\(200px\,1fr\)_var\(--lgc-usedby\)_var\(--lgc-source\)_var\(--lgc-creator\)_var\(--lgc-updated\)_var\(--lgc-created\)_1\.75rem_0\.75rem\] {
grid-template-columns: .75rem 1rem minmax(200px,1fr) var(--lgc-usedby) var(--lgc-source) var(--lgc-creator) var(--lgc-updated) var(--lgc-created) 1.75rem .75rem;
}
.\@2xl\:grid-cols-\[0\.75rem_minmax\(140px\,1fr\)_var\(--rtc-health\)_var\(--rtc-owner\)_var\(--rtc-agents\)_var\(--rtc-cost\)_var\(--rtc-cli\)_var\(--rtc-kebab\)_0\.75rem\] {
grid-template-columns: .75rem minmax(140px,1fr) var(--rtc-health) var(--rtc-owner) var(--rtc-agents) var(--rtc-cost) var(--rtc-cli) var(--rtc-kebab) .75rem;
}
.\@2xl\:grid-cols-\[0\.75rem_minmax\(200px\,1fr\)_var\(--sqc-leader\)_var\(--sqc-members\)_var\(--sqc-creator\)_var\(--sqc-created\)_var\(--sqc-kebab\)_0\.75rem\] {
grid-template-columns: .75rem minmax(200px,1fr) var(--sqc-leader) var(--sqc-members) var(--sqc-creator) var(--sqc-created) var(--sqc-kebab) .75rem;
}
.\@2xl\:px-8 {
padding-inline: calc(var(--spacing) * 8);
}
.\@2xl\:opacity-0 {
opacity: 0;
}
}
@container (min-width: 56rem) {
.\@4xl\:px-12 {
padding-inline: calc(var(--spacing) * 12);
}
}
@container (min-width: 80rem) {
.\@7xl\:inline {
display: inline;
}
}
.ltr\:-translate-x-1\/2:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *), .rtl\:-translate-x-1\/2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.dark\:block:is(.dark *) {
display: block;
}
.dark\:flex:is(.dark *) {
display: flex;
}
.dark\:hidden:is(.dark *) {
display: none;
}
.dark\:border-amber-900\/60:is(.dark *) {
border-color: #7b330699;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:border-amber-900\/60:is(.dark *) {
border-color: color-mix(in oklab, var(--color-amber-900) 60%, transparent);
}
}
.dark\:border-brand\/45:is(.dark *) {
border-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:border-brand\/45:is(.dark *) {
border-color: color-mix(in oklab, var(--brand) 45%, transparent);
}
}
.dark\:border-input:is(.dark *) {
border-color: var(--input);
}
.dark\:bg-amber-400\/15:is(.dark *) {
background-color: #fcbb0026;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-amber-400\/15:is(.dark *) {
background-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent);
}
}
.dark\:bg-amber-900\/30:is(.dark *) {
background-color: #7b33064d;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-amber-900\/30:is(.dark *) {
background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
}
}
.dark\:bg-amber-950\/30:is(.dark *) {
background-color: #4619014d;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-amber-950\/30:is(.dark *) {
background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent);
}
}
.dark\:bg-amber-950\/40:is(.dark *) {
background-color: #46190166;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-amber-950\/40:is(.dark *) {
background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);
}
}
.dark\:bg-blue-950\/30:is(.dark *) {
background-color: #1624564d;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-blue-950\/30:is(.dark *) {
background-color: color-mix(in oklab, var(--color-blue-950) 30%, transparent);
}
}
.dark\:bg-brand\/12:is(.dark *) {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-brand\/12:is(.dark *) {
background-color: color-mix(in oklab, var(--brand) 12%, transparent);
}
}
.dark\:bg-destructive\/20:is(.dark *) {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-destructive\/20:is(.dark *) {
background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
.dark\:bg-emerald-400\/15:is(.dark *) {
background-color: #00d29426;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-emerald-400\/15:is(.dark *) {
background-color: color-mix(in oklab, var(--color-emerald-400) 15%, transparent);
}
}
.dark\:bg-green-950\/30:is(.dark *) {
background-color: #032e154d;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-green-950\/30:is(.dark *) {
background-color: color-mix(in oklab, var(--color-green-950) 30%, transparent);
}
}
.dark\:bg-input\/30:is(.dark *) {
background-color: var(--input);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-input\/30:is(.dark *) {
background-color: color-mix(in oklab, var(--input) 30%, transparent);
}
}
.dark\:bg-red-950\/30:is(.dark *) {
background-color: #4608094d;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-red-950\/30:is(.dark *) {
background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent);
}
}
.dark\:bg-rose-400\/15:is(.dark *) {
background-color: #ff667f26;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-rose-400\/15:is(.dark *) {
background-color: color-mix(in oklab, var(--color-rose-400) 15%, transparent);
}
}
.dark\:bg-transparent:is(.dark *) {
background-color: #0000;
}
.dark\:bg-violet-400\/15:is(.dark *) {
background-color: #a685ff26;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-violet-400\/15:is(.dark *) {
background-color: color-mix(in oklab, var(--color-violet-400) 15%, transparent);
}
}
.dark\:bg-yellow-900\/60:is(.dark *) {
background-color: #733e0a99;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-yellow-900\/60:is(.dark *) {
background-color: color-mix(in oklab, var(--color-yellow-900) 60%, transparent);
}
}
.dark\:bg-yellow-950\/30:is(.dark *) {
background-color: #4320044d;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-yellow-950\/30:is(.dark *) {
background-color: color-mix(in oklab, var(--color-yellow-950) 30%, transparent);
}
}
.dark\:text-amber-100:is(.dark *) {
color: var(--color-amber-100);
}
.dark\:text-amber-200:is(.dark *) {
color: var(--color-amber-200);
}
.dark\:text-amber-300:is(.dark *) {
color: var(--color-amber-300);
}
.dark\:text-amber-400:is(.dark *) {
color: var(--color-amber-400);
}
.dark\:text-blue-400:is(.dark *) {
color: var(--color-blue-400);
}
.dark\:text-emerald-400:is(.dark *) {
color: var(--color-emerald-400);
}
.dark\:text-green-400:is(.dark *) {
color: var(--color-green-400);
}
.dark\:text-muted-foreground:is(.dark *) {
color: var(--muted-foreground);
}
.dark\:text-red-400:is(.dark *) {
color: var(--color-red-400);
}
.dark\:text-rose-400:is(.dark *) {
color: var(--color-rose-400);
}
.dark\:text-violet-400:is(.dark *) {
color: var(--color-violet-400);
}
.dark\:text-yellow-400:is(.dark *) {
color: var(--color-yellow-400);
}
.dark\:ring-amber-900\/40:is(.dark *) {
--tw-ring-color: #7b330666;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:ring-amber-900\/40:is(.dark *) {
--tw-ring-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent);
}
}
.dark\:after\:mix-blend-lighten:is(.dark *):after {
content: var(--tw-content);
mix-blend-mode: lighten;
}
@media (hover: hover) {
.dark\:hover\:bg-brand\/18:is(.dark *):hover {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:hover\:bg-brand\/18:is(.dark *):hover {
background-color: color-mix(in oklab, var(--brand) 18%, transparent);
}
}
.dark\:hover\:bg-destructive\/30:is(.dark *):hover {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:hover\:bg-destructive\/30:is(.dark *):hover {
background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
}
}
.dark\:hover\:bg-input\/50:is(.dark *):hover {
background-color: var(--input);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:hover\:bg-input\/50:is(.dark *):hover {
background-color: color-mix(in oklab, var(--input) 50%, transparent);
}
}
.dark\:hover\:bg-muted\/50:is(.dark *):hover {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:hover\:bg-muted\/50:is(.dark *):hover {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
.dark\:hover\:bg-transparent:is(.dark *):hover {
background-color: #0000;
}
.dark\:hover\:text-foreground:is(.dark *):hover {
color: var(--foreground);
}
}
.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
--tw-ring-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
.dark\:active\:bg-brand\/24:is(.dark *):active {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:active\:bg-brand\/24:is(.dark *):active {
background-color: color-mix(in oklab, var(--brand) 24%, transparent);
}
}
.dark\:disabled\:bg-input\/80:is(.dark *):disabled {
background-color: var(--input);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:disabled\:bg-input\/80:is(.dark *):disabled {
background-color: color-mix(in oklab, var(--input) 80%, transparent);
}
}
.dark\:disabled\:bg-transparent:is(.dark *):disabled {
background-color: #0000;
}
.dark\:has-disabled\:bg-input\/30:is(.dark *):has(:disabled) {
background-color: var(--input);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:has-disabled\:bg-input\/30:is(.dark *):has(:disabled) {
background-color: color-mix(in oklab, var(--input) 30%, transparent);
}
}
.dark\:has-disabled\:bg-input\/80:is(.dark *):has(:disabled) {
background-color: var(--input);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:has-disabled\:bg-input\/80:is(.dark *):has(:disabled) {
background-color: color-mix(in oklab, var(--input) 80%, transparent);
}
}
.dark\:has-aria-invalid\:ring-destructive\/40:is(.dark *):has([aria-invalid="true"]) {
--tw-ring-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:has-aria-invalid\:ring-destructive\/40:is(.dark *):has([aria-invalid="true"]) {
--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
.dark\:has-data-checked\:border-primary\/20:is(.dark *):has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:has-data-checked\:border-primary\/20:is(.dark *):has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
border-color: color-mix(in oklab, var(--primary) 20%, transparent);
}
}
.dark\:has-data-checked\:bg-primary\/10:is(.dark *):has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:has-data-checked\:bg-primary\/10:is(.dark *):has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
background-color: color-mix(in oklab, var(--primary) 10%, transparent);
}
}
.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid="true"]) {
--tw-ring-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid="true"]) {
--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
.dark\:aria-expanded\:bg-brand\/18:is(.dark *)[aria-expanded="true"] {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:aria-expanded\:bg-brand\/18:is(.dark *)[aria-expanded="true"] {
background-color: color-mix(in oklab, var(--brand) 18%, transparent);
}
}
@media (hover: hover) {
.dark\:aria-expanded\:hover\:bg-muted\/50:is(.dark *)[aria-expanded="true"]:hover {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:aria-expanded\:hover\:bg-muted\/50:is(.dark *)[aria-expanded="true"]:hover {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
}
.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] {
border-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] {
border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
}
}
.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
--tw-ring-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
.dark\:data-indeterminate\:bg-primary:is(.dark *)[data-indeterminate] {
background-color: var(--primary);
}
.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active="true"][aria-invalid="true"] {
--tw-ring-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active="true"][aria-invalid="true"] {
--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
.data-open\:animate-in:where([data-state="open"]), .data-open\:animate-in:where([data-open]:not([data-open="false"])) {
animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}
.data-open\:bg-accent:where([data-state="open"]), .data-open\:bg-accent:where([data-open]:not([data-open="false"])) {
background-color: var(--accent);
}
.data-open\:text-accent-foreground:where([data-state="open"]), .data-open\:text-accent-foreground:where([data-open]:not([data-open="false"])) {
color: var(--accent-foreground);
}
.data-open\:fade-in-0:where([data-state="open"]), .data-open\:fade-in-0:where([data-open]:not([data-open="false"])) {
--tw-enter-opacity: 0;
}
.data-open\:zoom-in-95:where([data-state="open"]), .data-open\:zoom-in-95:where([data-open]:not([data-open="false"])) {
--tw-enter-scale: .95;
}
@media (hover: hover) {
:is(.data-open\:hover\:bg-sidebar-accent:where([data-state="open"]), .data-open\:hover\:bg-sidebar-accent:where([data-open]:not([data-open="false"]))):hover {
background-color: var(--sidebar-accent);
}
:is(.data-open\:hover\:text-sidebar-accent-foreground:where([data-state="open"]), .data-open\:hover\:text-sidebar-accent-foreground:where([data-open]:not([data-open="false"]))):hover {
color: var(--sidebar-accent-foreground);
}
}
.data-closed\:animate-out:where([data-state="closed"]), .data-closed\:animate-out:where([data-closed]:not([data-closed="false"])) {
animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}
.data-closed\:overflow-hidden:where([data-state="closed"]), .data-closed\:overflow-hidden:where([data-closed]:not([data-closed="false"])) {
overflow: hidden;
}
.data-closed\:fade-out-0:where([data-state="closed"]), .data-closed\:fade-out-0:where([data-closed]:not([data-closed="false"])) {
--tw-exit-opacity: 0;
}
.data-closed\:zoom-out-95:where([data-state="closed"]), .data-closed\:zoom-out-95:where([data-closed]:not([data-closed="false"])) {
--tw-exit-scale: .95;
}
.data-checked\:border-primary:where([data-state="checked"]), .data-checked\:border-primary:where([data-checked]:not([data-checked="false"])) {
border-color: var(--primary);
}
.data-checked\:bg-primary:where([data-state="checked"]), .data-checked\:bg-primary:where([data-checked]:not([data-checked="false"])) {
background-color: var(--primary);
}
.data-checked\:text-primary-foreground:where([data-state="checked"]), .data-checked\:text-primary-foreground:where([data-checked]:not([data-checked="false"])) {
color: var(--primary-foreground);
}
.group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="default"] *):where([data-state="checked"]), .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="default"] *):where([data-checked]:not([data-checked="false"])), .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="sm"] *):where([data-state="checked"]), .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="sm"] *):where([data-checked]:not([data-checked="false"])) {
--tw-translate-x: calc(100% - 2px);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.dark\:data-checked\:bg-primary:is(.dark *):where([data-state="checked"]), .dark\:data-checked\:bg-primary:is(.dark *):where([data-checked]:not([data-checked="false"])) {
background-color: var(--primary);
}
.dark\:data-checked\:bg-primary-foreground:is(.dark *):where([data-state="checked"]), .dark\:data-checked\:bg-primary-foreground:is(.dark *):where([data-checked]:not([data-checked="false"])) {
background-color: var(--primary-foreground);
}
.data-unchecked\:bg-input:where([data-state="unchecked"]), .data-unchecked\:bg-input:where([data-unchecked]:not([data-unchecked="false"])) {
background-color: var(--input);
}
.group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="default"] *):where([data-state="unchecked"]), .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="default"] *):where([data-unchecked]:not([data-unchecked="false"])), .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="sm"] *):where([data-state="unchecked"]), .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="sm"] *):where([data-unchecked]:not([data-unchecked="false"])) {
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.dark\:data-unchecked\:bg-foreground:is(.dark *):where([data-state="unchecked"]), .dark\:data-unchecked\:bg-foreground:is(.dark *):where([data-unchecked]:not([data-unchecked="false"])) {
background-color: var(--foreground);
}
.dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-state="unchecked"]), .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-unchecked]:not([data-unchecked="false"])) {
background-color: var(--input);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-state="unchecked"]), .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-unchecked]:not([data-unchecked="false"])) {
background-color: color-mix(in oklab, var(--input) 80%, transparent);
}
}
.data-selected\:bg-accent:where([data-selected="true"]) {
background-color: var(--accent);
}
.data-selected\:bg-muted:where([data-selected="true"]) {
background-color: var(--muted);
}
.data-selected\:text-foreground:where([data-selected="true"]) {
color: var(--foreground);
}
.data-disabled\:pointer-events-none:where([data-disabled="true"]), .data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled="false"])) {
pointer-events: none;
}
.data-disabled\:cursor-not-allowed:where([data-disabled="true"]), .data-disabled\:cursor-not-allowed:where([data-disabled]:not([data-disabled="false"])) {
cursor: not-allowed;
}
.data-disabled\:opacity-50:where([data-disabled="true"]), .data-disabled\:opacity-50:where([data-disabled]:not([data-disabled="false"])) {
opacity: .5;
}
.data-active\:bg-background:where([data-state="active"]), .data-active\:bg-background:where([data-active]:not([data-active="false"])) {
background-color: var(--background);
}
.data-active\:bg-sidebar-accent:where([data-state="active"]), .data-active\:bg-sidebar-accent:where([data-active]:not([data-active="false"])) {
background-color: var(--sidebar-accent);
}
.data-active\:font-medium:where([data-state="active"]), .data-active\:font-medium:where([data-active]:not([data-active="false"])) {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.data-active\:text-brand:where([data-state="active"]), .data-active\:text-brand:where([data-active]:not([data-active="false"])) {
color: var(--brand);
}
.data-active\:text-foreground:where([data-state="active"]), .data-active\:text-foreground:where([data-active]:not([data-active="false"])) {
color: var(--foreground);
}
.data-active\:text-sidebar-accent-foreground:where([data-state="active"]), .data-active\:text-sidebar-accent-foreground:where([data-active]:not([data-active="false"])) {
color: var(--sidebar-accent-foreground);
}
.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant="default"] *):where([data-state="active"]), .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant="default"] *):where([data-active]:not([data-active="false"])) {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
background-color: #0000;
}
.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:is(.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"]))):after {
content: var(--tw-content);
opacity: 1;
}
@media (hover: hover) {
:is(.data-active\:hover\:bg-sidebar-accent:where([data-state="active"]), .data-active\:hover\:bg-sidebar-accent:where([data-active]:not([data-active="false"]))):hover {
background-color: var(--sidebar-accent);
}
}
.dark\:data-active\:border-input:is(.dark *):where([data-state="active"]), .dark\:data-active\:border-input:is(.dark *):where([data-active]:not([data-active="false"])) {
border-color: var(--input);
}
.dark\:data-active\:bg-input\/30:is(.dark *):where([data-state="active"]), .dark\:data-active\:bg-input\/30:is(.dark *):where([data-active]:not([data-active="false"])) {
background-color: var(--input);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:data-active\:bg-input\/30:is(.dark *):where([data-state="active"]), .dark\:data-active\:bg-input\/30:is(.dark *):where([data-active]:not([data-active="false"])) {
background-color: color-mix(in oklab, var(--input) 30%, transparent);
}
}
.dark\:data-active\:text-foreground:is(.dark *):where([data-state="active"]), .dark\:data-active\:text-foreground:is(.dark *):where([data-active]:not([data-active="false"])) {
color: var(--foreground);
}
.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
border-color: #0000;
}
.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
background-color: #0000;
}
.data-horizontal\:h-1:where([data-orientation="horizontal"]) {
height: calc(var(--spacing) * 1);
}
.data-horizontal\:h-full:where([data-orientation="horizontal"]) {
height: 100%;
}
.data-horizontal\:h-px:where([data-orientation="horizontal"]) {
height: 1px;
}
.data-horizontal\:w-full:where([data-orientation="horizontal"]) {
width: 100%;
}
.data-horizontal\:flex-col:where([data-orientation="horizontal"]) {
flex-direction: column;
}
.data-vertical\:h-full:where([data-orientation="vertical"]) {
height: 100%;
}
.data-vertical\:min-h-40:where([data-orientation="vertical"]) {
min-height: calc(var(--spacing) * 40);
}
.data-vertical\:w-1:where([data-orientation="vertical"]) {
width: calc(var(--spacing) * 1);
}
.data-vertical\:w-auto:where([data-orientation="vertical"]) {
width: auto;
}
.data-vertical\:w-full:where([data-orientation="vertical"]) {
width: 100%;
}
.data-vertical\:w-px:where([data-orientation="vertical"]) {
width: 1px;
}
.data-vertical\:flex-col:where([data-orientation="vertical"]) {
flex-direction: column;
}
.data-vertical\:self-stretch:where([data-orientation="vertical"]) {
align-self: stretch;
}
@media (hover: hover) {
[data-tab-frame]:hover + [data-tab-frame] .prev-tab-hover\:opacity-0 {
opacity: 0;
}
}
.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
fill: var(--muted-foreground);
}
.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
stroke: var(--border);
}
@supports (color: color-mix(in lab, red, red)) {
.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
stroke: color-mix(in oklab, var(--border) 50%, transparent);
}
}
.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
stroke: var(--border);
}
.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
stroke: #0000;
}
.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
--tw-outline-style: none;
outline-style: none;
}
@media (forced-colors: active) {
.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
outline-offset: 2px;
outline: 2px solid #0000;
}
}
.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] {
stroke: var(--border);
}
.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
fill: var(--muted);
}
.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] {
stroke: var(--border);
}
.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
--tw-outline-style: none;
outline-style: none;
}
@media (forced-colors: active) {
.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
outline-offset: 2px;
outline: 2px solid #0000;
}
}
.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
stroke: #0000;
}
.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
--tw-outline-style: none;
outline-style: none;
}
@media (forced-colors: active) {
.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
outline-offset: 2px;
outline: 2px solid #0000;
}
}
.\[\&_\[cmdk-group-heading\]\]\:flex [cmdk-group-heading] {
display: flex;
}
.\[\&_\[cmdk-group-heading\]\]\:items-center [cmdk-group-heading] {
align-items: center;
}
.\[\&_\[cmdk-group-heading\]\]\:gap-2 [cmdk-group-heading] {
gap: calc(var(--spacing) * 2);
}
.\[\&_\[cmdk-group-heading\]\]\:px-3 [cmdk-group-heading] {
padding-inline: calc(var(--spacing) * 3);
}
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
padding-block: calc(var(--spacing) * 1.5);
}
.\[\&_\[cmdk-group-heading\]\]\:text-caption [cmdk-group-heading] {
font-size: var(--text-caption);
line-height: var(--tw-leading, var(--text-caption--line-height));
}
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
color: var(--muted-foreground);
}
.\[\&_\[data-slot\=dialog-close\]\]\:top-5 [data-slot="dialog-close"] {
top: calc(var(--spacing) * 5);
}
.\[\&_\[data-slot\=dialog-close\]\]\:right-5 [data-slot="dialog-close"] {
right: calc(var(--spacing) * 5);
}
@media (prefers-reduced-motion: reduce) {
.motion-reduce\:\[\&_\[data-slot\=skeleton\]\]\:animate-none [data-slot="skeleton"] {
animation: none;
}
}
.\[\&_a\]\:underline a {
text-decoration-line: underline;
}
.\[\&_a\]\:underline-offset-3 a {
text-underline-offset: 3px;
}
@media (hover: hover) {
.\[\&_a\]\:hover\:text-foreground a:hover {
color: var(--foreground);
}
}
.\[\&_code\]\:\!bg-transparent code {
background-color: #0000 !important;
}
.\[\&_code\]\:font-mono code {
font-family: var(--font-mono);
}
.\[\&_img\]\:size-full img {
width: 100%;
height: 100%;
}
.\[\&_img\]\:object-cover img {
object-fit: cover;
}
.\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child) {
margin-bottom: calc(var(--spacing) * 4);
}
.\[\&_pre\]\:\!m-0 pre {
margin: calc(var(--spacing) * 0) !important;
}
.\[\&_pre\]\:\!bg-transparent pre {
background-color: #0000 !important;
}
.\[\&_pre\]\:\!p-0 pre {
padding: calc(var(--spacing) * 0) !important;
}
.\[\&_pre\]\:font-mono pre {
font-family: var(--font-mono);
}
.\[\&_pre\]\:break-all pre {
word-break: break-all;
}
.\[\&_pre\]\:whitespace-pre-wrap pre {
white-space: pre-wrap;
}
.\[\&_svg\]\:pointer-events-none svg {
pointer-events: none;
}
.\[\&_svg\]\:size-3 svg {
width: calc(var(--spacing) * 3);
height: calc(var(--spacing) * 3);
}
.\[\&_svg\]\:size-3\.5 svg {
width: calc(var(--spacing) * 3.5);
height: calc(var(--spacing) * 3.5);
}
.\[\&_svg\]\:size-4 svg {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.\[\&_svg\]\:size-6 svg {
width: calc(var(--spacing) * 6);
height: calc(var(--spacing) * 6);
}
.\[\&_svg\]\:shrink-0 svg {
flex-shrink: 0;
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
width: calc(var(--spacing) * 3);
height: calc(var(--spacing) * 3);
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*="size-"]) {
width: calc(var(--spacing) * 3.5);
height: calc(var(--spacing) * 3.5);
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.\[\&_tr\]\:border-b tr {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child {
border-style: var(--tw-border-style);
border-width: 0;
}
.\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"] {
flex: none;
}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
display: none;
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
appearance: none;
}
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
appearance: none;
}
.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
display: none;
}
.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\):first-child[data-selected="true"] button {
border-top-left-radius: var(--cell-radius);
border-bottom-left-radius: var(--cell-radius);
}
.\[\&\:has\(\[data-separator\=active\]\)\]\:cursor-col-resize:has([data-separator="active"]) {
cursor: col-resize;
}
.aria-\[orientation\=vertical\]\:\[\&\:has\(\[data-separator\=active\]\)\]\:cursor-row-resize[aria-orientation="vertical"]:has([data-separator="active"]) {
cursor: row-resize;
}
.\[\&\:has\(\[data-separator\=active\]\)_\*\]\:cursor-col-resize:has([data-separator="active"]) * {
cursor: col-resize;
}
.aria-\[orientation\=vertical\]\:\[\&\:has\(\[data-separator\=active\]\)_\*\]\:cursor-row-resize[aria-orientation="vertical"]:has([data-separator="active"]) * {
cursor: row-resize;
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
padding-right: calc(var(--spacing) * 0);
}
.\[\.border-b\]\:pb-2.border-b {
padding-bottom: calc(var(--spacing) * 2);
}
.\[\.border-b\]\:pb-4.border-b {
padding-bottom: calc(var(--spacing) * 4);
}
.group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3:is(:where(.group\/card)[data-size="sm"] *).border-b {
padding-bottom: calc(var(--spacing) * 3);
}
.\[\.border-t\]\:pt-2.border-t {
padding-top: calc(var(--spacing) * 2);
}
:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg), :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) {
rotate: 180deg;
}
:is(.\*\*\:\[\[cmdk-group-heading\]\]\:px-2 *)[cmdk-group-heading] {
padding-inline: calc(var(--spacing) * 2);
}
:is(.\*\*\:\[\[cmdk-group-heading\]\]\:py-1\.5 *)[cmdk-group-heading] {
padding-block: calc(var(--spacing) * 1.5);
}
:is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-caption *)[cmdk-group-heading] {
font-size: var(--text-caption);
line-height: var(--tw-leading, var(--text-caption--line-height));
}
:is(.\*\*\:\[\[cmdk-group-heading\]\]\:font-medium *)[cmdk-group-heading] {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
:is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-muted-foreground *)[cmdk-group-heading] {
color: var(--muted-foreground);
}
.\[a\]\:transition-colors:is(a) {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.\*\:\[a\]\:underline > *):is(a) {
text-decoration-line: underline;
}
:is(.\*\:\[a\]\:underline-offset-3 > *):is(a) {
text-underline-offset: 3px;
}
@media (hover: hover) {
.\[a\]\:hover\:bg-destructive\/20:is(a):hover {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.\[a\]\:hover\:bg-destructive\/20:is(a):hover {
background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
.\[a\]\:hover\:bg-muted:is(a):hover {
background-color: var(--muted);
}
.\[a\]\:hover\:bg-primary\/80:is(a):hover {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.\[a\]\:hover\:bg-primary\/80:is(a):hover {
background-color: color-mix(in oklab, var(--primary) 80%, transparent);
}
}
.\[a\]\:hover\:bg-secondary\/80:is(a):hover {
background-color: var(--secondary);
}
@supports (color: color-mix(in lab, red, red)) {
.\[a\]\:hover\:bg-secondary\/80:is(a):hover {
background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
}
}
.\[a\]\:hover\:text-muted-foreground:is(a):hover {
color: var(--muted-foreground);
}
:is(.\*\:\[a\]\:hover\:text-foreground > *):is(a):hover {
color: var(--foreground);
}
}
:is(.\*\:\[img\:first-child\]\:rounded-t-xl > *):is(img:first-child) {
border-top-left-radius: calc(var(--radius) * 1.5);
border-top-right-radius: calc(var(--radius) * 1.5);
}
:is(.data-\[size\=sm\]\:\*\:\[img\:first-child\]\:rounded-t-lg[data-size="sm"] > *):is(img:first-child) {
border-top-left-radius: var(--radius);
border-top-right-radius: var(--radius);
}
:is(.\*\:\[img\:last-child\]\:rounded-b-xl > *):is(img:last-child) {
border-bottom-right-radius: calc(var(--radius) * 1.5);
border-bottom-left-radius: calc(var(--radius) * 1.5);
}
:is(.data-\[size\=sm\]\:\*\:\[img\:last-child\]\:rounded-b-lg[data-size="sm"] > *):is(img:last-child) {
border-bottom-right-radius: var(--radius);
border-bottom-left-radius: var(--radius);
}
:is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
display: flex;
}
:is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
align-items: center;
}
:is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
gap: calc(var(--spacing) * 2);
}
:is(.\*\:\[svg\]\:row-span-2 > *):is(svg) {
grid-row: span 2 / span 2;
}
:is(.\*\:\[svg\]\:translate-y-0\.5 > *):is(svg) {
--tw-translate-y: calc(var(--spacing) * .5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is(.\*\:\[svg\]\:text-current > *):is(svg) {
color: currentColor;
}
:is(.\*\:\[svg\]\:opacity-0 > *):is(svg) {
opacity: 0;
}
:is(.data-\[selected\=true\]\:\*\:\[svg\]\:opacity-100[data-selected="true"] > *):is(svg) {
opacity: 1;
}
:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > *):is(svg:not([class*="size-"])) {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 > *):is(svg:not([class*="size-"])) {
width: calc(var(--spacing) * 6);
height: calc(var(--spacing) * 6);
}
.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-\(--cell-radius\):last-child[data-selected="true"] button {
border-top-right-radius: var(--cell-radius);
border-bottom-right-radius: var(--cell-radius);
}
.\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\):nth-child(2)[data-selected="true"] button {
border-top-left-radius: var(--cell-radius);
border-bottom-left-radius: var(--cell-radius);
}
.\[\&\>\.sr-only\]\:w-auto > .sr-only {
width: auto;
}
.\[\&\>\[data-slot\=dropdown-menu-checkbox-item-indicator\]\]\:hidden > [data-slot="dropdown-menu-checkbox-item-indicator"] {
display: none;
}
.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
margin-top: 1px;
}
@container field-group (min-width: 28rem) {
.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
margin-top: 1px;
}
}
.\[\&\>a\]\:underline > a {
text-decoration-line: underline;
}
.\[\&\>a\]\:underline-offset-4 > a {
text-underline-offset: 4px;
}
.\[\&\>a\:hover\]\:text-primary > a:hover {
color: var(--primary);
}
.\[\&\>button\]\:hidden > button {
display: none;
}
.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align="block-end"]) > input {
padding-top: calc(var(--spacing) * 3);
}
.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align="block-start"]) > input {
padding-bottom: calc(var(--spacing) * 3);
}
.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5:has( > [data-align="inline-end"]) > input {
padding-right: calc(var(--spacing) * 1.5);
}
.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5:has( > [data-align="inline-start"]) > input {
padding-left: calc(var(--spacing) * 1.5);
}
.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
border-radius: calc(var(--radius) - 5px);
}
.\[\&\>span\]\:border > span {
border-style: var(--tw-border-style);
border-width: 1px;
}
.\[\&\>span\]\:border-border > span {
border-color: var(--border);
}
.\[\&\>span\]\:text-caption > span {
font-size: var(--text-caption);
line-height: var(--tw-leading, var(--text-caption--line-height));
}
.\[\&\>span\]\:opacity-70 > span {
opacity: .7;
}
.\[\&\>span\]\:shadow-none > span {
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.\[\&\>span\:last-child\]\:truncate > span:last-child {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.\[\&\>svg\]\:pointer-events-none > svg {
pointer-events: none;
}
.\[\&\>svg\]\:mt-0\.5 > svg {
margin-top: calc(var(--spacing) * .5);
}
.\[\&\>svg\]\:size-3\! > svg {
width: calc(var(--spacing) * 3) !important;
height: calc(var(--spacing) * 3) !important;
}
.\[\&\>svg\]\:size-3\.5 > svg {
width: calc(var(--spacing) * 3.5);
height: calc(var(--spacing) * 3.5);
}
.\[\&\>svg\]\:size-4 > svg {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.\[\&\>svg\]\:h-2\.5 > svg {
height: calc(var(--spacing) * 2.5);
}
.\[\&\>svg\]\:h-3 > svg {
height: calc(var(--spacing) * 3);
}
.\[\&\>svg\]\:w-2\.5 > svg {
width: calc(var(--spacing) * 2.5);
}
.\[\&\>svg\]\:w-3 > svg {
width: calc(var(--spacing) * 3);
}
.\[\&\>svg\]\:shrink-0 > svg {
flex-shrink: 0;
}
.\[\&\>svg\]\:text-muted-foreground > svg {
color: var(--muted-foreground);
}
.\[\&\>svg\]\:text-sidebar-accent-foreground > svg {
color: var(--sidebar-accent-foreground);
}
.group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size="lg"]) *) > svg {
width: calc(var(--spacing) * 5);
height: calc(var(--spacing) * 5);
}
.group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size="sm"]) *) > svg {
width: calc(var(--spacing) * 3);
height: calc(var(--spacing) * 3);
}
.group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="default"] *) > svg, .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="lg"] *) > svg {
width: calc(var(--spacing) * 2);
height: calc(var(--spacing) * 2);
}
.group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size="sm"] *) > svg {
display: none;
}
.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]) {
width: calc(var(--spacing) * 3.5);
height: calc(var(--spacing) * 3.5);
}
.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*="size-"]) {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.\[\&\>td\]\:bg-\[color-mix\(in_oklab\,var\(--brand\)_6\%\,var\(--background\)\)\] > td {
background-color: var(--brand);
}
@supports (color: color-mix(in lab, red, red)) {
.\[\&\>td\]\:bg-\[color-mix\(in_oklab\,var\(--brand\)_6\%\,var\(--background\)\)\] > td {
background-color: color-mix(in oklab,var(--brand) 6%,var(--background));
}
}
.\[\&\>td\:first-child\]\:shadow-\[inset_2px_0_0_var\(--brand\)\] > td:first-child {
--tw-shadow: inset 2px 0 0 var(--tw-shadow-color, var(--brand));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
@media (hover: hover) {
.\[\@media\(hover\:hover\)\]\:hidden {
display: none;
}
.\[\@media\(hover\:hover\)\]\:opacity-0 {
opacity: 0;
}
.\[\@media\(hover\:hover\)\]\:group-focus-within\:inline-flex:is(:where(.group):focus-within *) {
display: inline-flex;
}
.\[\@media\(hover\:hover\)\]\:group-focus-within\/history-row\:flex:is(:where(.group\/history-row):focus-within *) {
display: flex;
}
.\[\@media\(hover\:hover\)\]\:group-focus-within\/history-row\:hidden:is(:where(.group\/history-row):focus-within *) {
display: none;
}
.\[\@media\(hover\:hover\)\]\:group-focus-within\/row\:flex:is(:where(.group\/row):focus-within *) {
display: flex;
}
@media (hover: hover) {
.\[\@media\(hover\:hover\)\]\:group-hover\:inline-flex:is(:where(.group):hover *) {
display: inline-flex;
}
.\[\@media\(hover\:hover\)\]\:group-hover\/execution-log-row\:flex:is(:where(.group\/execution-log-row):hover *) {
display: flex;
}
.\[\@media\(hover\:hover\)\]\:group-hover\/execution-log-row\:hidden:is(:where(.group\/execution-log-row):hover *) {
display: none;
}
.\[\@media\(hover\:hover\)\]\:group-hover\/history-row\:flex:is(:where(.group\/history-row):hover *) {
display: flex;
}
.\[\@media\(hover\:hover\)\]\:group-hover\/history-row\:hidden:is(:where(.group\/history-row):hover *) {
display: none;
}
.\[\@media\(hover\:hover\)\]\:group-hover\/row\:flex:is(:where(.group\/row):hover *) {
display: flex;
}
.\[\@media\(hover\:hover\)\]\:group-hover\/run-row\:opacity-100:is(:where(.group\/run-row):hover *) {
opacity: 1;
}
}
.\[\@media\(hover\:hover\)\]\:focus-within\:opacity-100:focus-within {
opacity: 1;
}
}
@media (hover: none) {
.\[\@media\(hover\:none\)\]\:opacity-100 {
opacity: 1;
}
}
@media (pointer: coarse) {
.\[\@media\(pointer\:coarse\)\]\:size-11 {
width: calc(var(--spacing) * 11);
height: calc(var(--spacing) * 11);
}
.\[\@media\(pointer\:coarse\)\]\:opacity-100 {
opacity: 1;
}
}
[data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
right: calc(var(--spacing) * -2);
}
[data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
left: calc(var(--spacing) * -2);
}
[data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
margin-top: calc(var(--spacing) * -1.5);
}
}
@property --tw-animation-delay {
syntax: "*";
inherits: false;
initial-value: 0s;
}
@property --tw-animation-direction {
syntax: "*";
inherits: false;
initial-value: normal;
}
@property --tw-animation-duration {
syntax: "*";
inherits: false
}
@property --tw-animation-fill-mode {
syntax: "*";
inherits: false;
initial-value: none;
}
@property --tw-animation-iteration-count {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-enter-blur {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-enter-opacity {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-enter-rotate {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-enter-scale {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-enter-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-enter-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-blur {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-opacity {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-exit-rotate {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-scale {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-exit-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
:root {
color-scheme: light;
--app-shell: oklch(96.4435% .001327 286.375);
--page-canvas: oklch(98.8087% 0 0);
--surface: oklch(100% 0 0);
--surface-foreground: oklch(14.1% .005 285.823);
--surface-raised: oklch(100% 0 0);
--surface-hover: oklch(96.7% .001 286.375);
--surface-selected: oklch(95% .002 286.375);
--surface-selected-foreground: oklch(14.1% .005 285.823);
--surface-border: oklch(92% .004 286.32);
--surface-shadow: 0 1px 2px #0f172a0a, 0 1px 1px #0f172a08;
--floating-shadow: 0 16px 40px #0f172a24, 0 3px 10px #0f172a14;
--chat-launcher-size: 2.5rem;
--chat-launcher-inset: .5rem;
--chat-launcher-clearance: calc(var(--chat-launcher-size) + var(--chat-launcher-inset) * 2);
--menu-shadow: 0 8px 24px #0f172a14, 0 2px 6px #0f172a0d;
--background: var(--page-canvas);
--foreground: oklch(14.1% .005 285.823);
--card: var(--surface);
--card-foreground: oklch(14.1% .005 285.823);
--popover: var(--surface-raised);
--popover-foreground: oklch(14.1% .005 285.823);
--primary: oklch(21% .006 285.885);
--primary-foreground: oklch(98.5% 0 0);
--secondary: oklch(96.7% .001 286.375);
--secondary-foreground: oklch(21% .006 285.885);
--muted: oklch(96.7% .001 286.375);
--muted-foreground: oklch(50.5% .016 285.938);
--faint-foreground: oklch(60.6% .016 285.938);
--accent: oklch(96.7% .001 286.375);
--accent-foreground: oklch(21% .006 285.885);
--destructive: oklch(57.7% .245 27.325);
--border: oklch(94.5% .003 286.32);
--input: oklch(92% .004 286.32);
--ring: oklch(70.5% .015 286.067);
--chart-1: oklch(55% .16 255);
--chart-2: oklch(66% .13 255);
--chart-3: oklch(76% .1 255);
--chart-4: oklch(85% .06 255);
--chart-5: oklch(92% .03 255);
--radius: .5rem;
--sidebar: oklch(96.4435% .001327 286.375);
--sidebar-foreground: oklch(14.1% .005 285.823);
--sidebar-primary: oklch(21% .006 285.885);
--sidebar-primary-foreground: oklch(98.5% 0 0);
--sidebar-accent: oklch(93.5% .003 286.375);
--sidebar-accent-foreground: oklch(21% .006 285.885);
--sidebar-border: oklch(92% .004 286.32);
--sidebar-ring: oklch(70.5% .015 286.067);
--brand: oklch(55% .16 255);
--brand-foreground: oklch(98.5% 0 0);
--success: oklch(55% .16 145);
--warning: oklch(75% .16 85);
--info: oklch(55% .18 250);
--scrollbar-thumb: oklch(0% 0 0 / .1);
--scrollbar-thumb-hover: oklch(0% 0 0 / .18);
--scrollbar-track: transparent;
--find-match: oklch(92% .15 100);
--find-match-active: oklch(82% .17 62);
--find-match-foreground: oklch(22% .03 92);
}
.dark {
color-scheme: dark;
--app-shell: oklch(15.5% .005 285.823);
--page-canvas: oklch(18% .005 285.823);
--surface: oklch(21% .006 285.885);
--surface-foreground: oklch(98.5% 0 0);
--surface-raised: oklch(23.5% .007 285.885);
--surface-hover: oklch(27.4% .006 286.033);
--surface-selected: oklch(30% .006 286.033);
--surface-selected-foreground: oklch(98.5% 0 0);
--surface-border: oklch(100% 0 0 / .1);
--surface-shadow: 0 1px 2px #0003, 0 1px 1px #00000029;
--floating-shadow: 0 20px 48px #00000075, 0 4px 12px #00000047;
--menu-shadow: 0 10px 28px #0000004d, 0 2px 8px #0000002e;
--background: var(--page-canvas);
--foreground: oklch(98.5% 0 0);
--card: var(--surface);
--card-foreground: oklch(98.5% 0 0);
--popover: var(--surface-raised);
--popover-foreground: oklch(98.5% 0 0);
--primary: oklch(92% .004 286.32);
--primary-foreground: oklch(21% .006 285.885);
--secondary: oklch(27.4% .006 286.033);
--secondary-foreground: oklch(98.5% 0 0);
--muted: oklch(27.4% .006 286.033);
--muted-foreground: oklch(70.5% .015 286.067);
--faint-foreground: oklch(60% .015 286.067);
--accent: oklch(27.4% .006 286.033);
--accent-foreground: oklch(98.5% 0 0);
--destructive: oklch(70.4% .191 22.216);
--border: oklch(100% 0 0 / .06);
--input: oklch(100% 0 0 / .15);
--ring: oklch(55.2% .016 285.938);
--chart-1: oklch(72% .16 255);
--chart-2: oklch(62% .13 255);
--chart-3: oklch(52% .1 255);
--chart-4: oklch(42% .06 255);
--chart-5: oklch(32% .03 255);
--sidebar: oklch(21% .006 285.885);
--sidebar-foreground: oklch(98.5% 0 0);
--sidebar-primary: oklch(48.8% .243 264.376);
--sidebar-primary-foreground: oklch(98.5% 0 0);
--sidebar-accent: oklch(27.4% .006 286.033);
--sidebar-accent-foreground: oklch(98.5% 0 0);
--sidebar-border: oklch(100% 0 0 / .1);
--sidebar-ring: oklch(55.2% .016 285.938);
--brand: oklch(65% .16 255);
--brand-foreground: oklch(98.5% 0 0);
--success: oklch(65% .15 145);
--warning: oklch(70% .16 85);
--info: oklch(65% .18 250);
--scrollbar-thumb: oklch(100% 0 0 / .08);
--scrollbar-thumb-hover: oklch(100% 0 0 / .18);
--scrollbar-track: transparent;
--find-match: oklch(82% .16 100);
--find-match-active: oklch(76% .18 60);
--find-match-foreground: oklch(18% .02 92);
}
.shiki, .shiki span {
color: var(--shiki-light);
}
.dark .shiki, .dark .shiki span {
color: var(--shiki-dark) !important;
}
@keyframes entrance-spin {
0% {
opacity: 0;
transform: rotate(0);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
transform: rotate(360deg);
}
}
.animate-entrance-spin {
animation: .6s ease-out forwards entrance-spin;
}
@keyframes onboarding-enter {
from {
opacity: 0;
}
}
.animate-onboarding-enter {
animation: .4s both onboarding-enter;
}
@keyframes welcome-emoji-pop {
0% {
opacity: 0;
transform: scale(.4);
}
35% {
opacity: 1;
transform: scale(1.25);
}
55% {
transform: scale(.92);
}
75% {
transform: scale(1.12);
}
100% {
transform: scale(1);
}
}
.animate-welcome-emoji-pop {
animation: .7s cubic-bezier(.4, 0, .2, 1) both welcome-emoji-pop;
}
@keyframes completion-badge {
0% {
opacity: 0;
transform: scale(0);
}
60% {
opacity: 1;
transform: scale(1.12);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.animate-completion-badge {
animation: .5s cubic-bezier(.5, 1.5, .4, 1) both completion-badge;
}
@keyframes completion-check {
from {
stroke-dashoffset: 1px;
}
to {
stroke-dashoffset: 0;
}
}
.animate-completion-check {
animation: .4s ease-out .35s both completion-check;
}
@keyframes chat-impulse {
0%, 100% {
color: var(--muted-foreground);
box-shadow: 0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent);
}
50% {
color: var(--brand);
box-shadow: 0 0 0 1px color-mix(in oklab, var(--brand) 40%, transparent);
}
}
.animate-chat-impulse {
animation: 1.6s ease-in-out infinite chat-impulse;
}
@keyframes shimmer-text-window {
from {
transform: translateX(-66.6667%);
}
to {
transform: translateX(0%);
}
}
@keyframes shimmer-text-copy {
from {
transform: translateX(400%);
}
to {
transform: translateX(0%);
}
}
.shimmer-text {
vertical-align: bottom;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%;
color: var(--muted-foreground);
display: inline-block;
position: relative;
overflow: hidden;
}
.shimmer-text-window {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
width: 600%;
height: 100%;
animation: 2.5s linear infinite shimmer-text-window;
position: absolute;
top: 0;
left: 0;
-webkit-mask-image: linear-gradient(90deg, #0000 35%, #000 50%, #0000 65%);
mask-image: linear-gradient(90deg, #0000 35%, #000 50%, #0000 65%);
-webkit-mask-size: 33.3333% 100%;
mask-size: 33.3333% 100%;
-webkit-mask-repeat: repeat-x;
mask-repeat: repeat-x;
}
.shimmer-text-copy {
text-overflow: ellipsis;
width: 16.6667%;
color: var(--foreground);
animation: 2.5s linear infinite shimmer-text-copy;
display: block;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
@keyframes nav-progress-sweep {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
.animate-nav-progress-sweep {
animation: 1.4s cubic-bezier(.4, 0, .2, 1) infinite nav-progress-sweep;
}
@keyframes border-beam-rotate {
from {
transform: translate(-50%, -50%) rotate(0);
}
to {
transform: translate(-50%, -50%) rotate(1turn);
}
}
.border-beam-ring {
border-radius: inherit;
pointer-events: none;
-webkit-mask-composite: xor;
-webkit-mask-composite: xor;
-webkit-mask-source-type: auto, auto;
padding: 1px;
position: absolute;
inset: 0;
overflow: hidden;
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
-webkit-mask-position: 0 0, 0 0;
-webkit-mask-size: auto, auto;
-webkit-mask-repeat: repeat, repeat;
-webkit-mask-clip: content-box, border-box;
-webkit-mask-origin: content-box, border-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-mask-source-type: auto, auto;
mask-mode: match-source, match-source;
container-type: size;
}
.border-beam-light {
aspect-ratio: 1;
background: conic-gradient(#0000 0deg 220deg, #ffbe7b 245deg, #ff777f 270deg, #ff8ab4 295deg, #a07cfe 320deg, #5b9dff 345deg, #0000 360deg);
width: calc(100cqw + 100cqh);
animation: 3.2s linear infinite border-beam-rotate;
position: absolute;
top: 50%;
left: 50%;
}
@media (prefers-reduced-motion: reduce) {
.border-beam-ring {
background: linear-gradient(90deg, #ffbe7b, #ff777f, #ff8ab4, #a07cfe, #5b9dff);
}
.border-beam-light {
display: none;
}
}
[data-sidebar="menu-button"][data-popup-open] {
background-color: var(--sidebar-accent);
color: var(--sidebar-accent-foreground);
}
html[data-sidebar-resizing="true"], html[data-sidebar-resizing="true"] * {
cursor: ew-resize !important;
-webkit-user-select: none !important;
user-select: none !important;
}
html[data-dnd-dragging="true"], html[data-dnd-dragging="true"] * {
cursor: grabbing !important;
-webkit-user-select: none !important;
user-select: none !important;
}
[data-sidebar-resizing="true"] [data-slot="sidebar-gap"], [data-sidebar-resizing="true"] [data-slot="sidebar-container"], [data-sidebar-resizing="true"] [data-sidebar-resize-consumer] {
transition: none !important;
}
[data-sidebar-resizing="true"] [data-sidebar="rail"]:after {
background-color: var(--sidebar-border);
}
[data-right-sidebar-panel][data-right-sidebar-motion="enabled"] {
transition-property: flex-grow;
transition-duration: .22s;
transition-timing-function: cubic-bezier(.22, 1, .36, 1);
}
[data-group]:has( > [data-separator="active"]) > [data-right-sidebar-panel] {
transition: none;
}
[data-comment-actions] {
transition: opacity .12s ease-out;
}
@media (hover: hover) and (pointer: fine) {
[data-comment-block]:not(:hover):not(:focus-within) [data-comment-actions]:not(:has([aria-haspopup][aria-expanded="true"])) {
opacity: 0;
pointer-events: none;
}
}
@media (prefers-reduced-motion: reduce) {
.animate-entrance-spin, .animate-onboarding-enter, .animate-welcome-emoji-pop, .animate-completion-badge, .animate-completion-check, .animate-chat-impulse, .shimmer-text-window, .shimmer-text-copy, .animate-nav-progress-sweep {
animation: none;
}
.shimmer-text-window {
display: none;
}
[data-comment-actions], [data-right-sidebar-panel] {
transition: none;
}
}
@media (forced-colors: active) {
.shimmer-text {
color: canvastext;
}
.shimmer-text-window, .shimmer-text-copy {
animation: none;
}
.shimmer-text-window {
display: none;
}
}
[data-sonner-toast] {
align-items: flex-start !important;
}
[data-sonner-toast] [data-icon] {
margin-top: 2.5px;
}
::highlight(qunce-find) {
background-color: var(--find-match);
color: var(--find-match-foreground);
}
::highlight(qunce-find-active) {
background-color: var(--find-match-active);
color: var(--find-match-foreground);
}
:root {
--font-sans: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont,
"Segoe UI", "PingFang SC", "Microsoft YaHei",
"Noto Sans CJK SC", "Apple SD Gothic Neo", "Malgun Gothic",
"Noto Sans CJK KR", sans-serif;
--font-serif: "Source Serif 4 Variable", "Source Serif 4", "Iowan Old Style",
"Apple Garamond", Baskerville, "Times New Roman", serif;
--font-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, SFMono-Regular,
Menlo, Consolas, monospace;
}
html[lang|="ja"] {
--font-sans: "Inter Variable", "Inter", "Hiragino Sans",
"Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Meiryo",
"Noto Sans CJK JP", "Noto Sans JP", -apple-system,
BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei",
"Noto Sans CJK SC", "Apple SD Gothic Neo", "Malgun Gothic",
"Noto Sans CJK KR", sans-serif;
}
[data-slot="sidebar-container"] {
padding: 0 !important;
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false
}
@property --tw-rotate-y {
syntax: "*";
inherits: false
}
@property --tw-rotate-z {
syntax: "*";
inherits: false
}
@property --tw-skew-x {
syntax: "*";
inherits: false
}
@property --tw-skew-y {
syntax: "*";
inherits: false
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-space-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-divide-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-gradient-position {
syntax: "*";
inherits: false
}
@property --tw-gradient-from {
syntax: "